menu un peu + responsive

assets/css/menu.css

@@ -4,10 +4,10 @@
 	left: 0;
 	width: 100%;
 	height: auto;
-	min-width: 96vmax;
 	z-index: 2;
 
 	overflow: visible;
+	transition: transform 0.3s;
 }
 
 .tuyau {
@@ -19,6 +19,7 @@
 	height: auto;
 	z-index: 2;
 
+	transition: transform 0.3s;
 	overflow: visible;
 }
 

assets/css/queries.css

@@ -10,10 +10,10 @@
     }
 
     #msg_acc, footer {
-        padding: 50px 5vw;
+        padding: 1em 2em;
     }
 
-    #boxjaune {
+    .box-jaune {
         margin: 40px auto 0 auto;
         width: 95%;
     }
@@ -21,4 +21,18 @@
     footer {
         width: unset;
     }
-}
+
+    header .menu {
+        transform: translateY(120%);
+    }
+
+    header .tuyau {
+        right: 30px;
+        transform: translateY(40%);
+    }
+
+    #tuyau-ombre {
+        display: none;
+    }
+}
+

structure/menu.php

@@ -66,7 +66,7 @@ if(!isset($relativepath)) {
     <rect  x="5" y="14" class="st15" width="34" height="1.35"/>
 
     <!-- Tuyau : Ombre -->
-    <rect x="5" y="42" class="st15" width="34" height="1.35"/>
+    <rect id="tuyau-ombre" x="5" y="40" class="st15" width="34" height="1.35"/>
 
 </svg>