feat: Ajout du menu mobile

assets/styles/main.sass

@@ -13,88 +13,14 @@ $size-xl: 1280px
 
 @import "./reset"
 @import "./html"
+@import "./header"
 
 img
   display: block
 
-// HEADER
+// CONTAINER
 
-.header
-  height: 80vh
-  position: relative
-
-  .hero
-    position: absolute
-    top: 0
-    bottom: 0
-    left: 0
-    right: 0
-    z-index: -1
-    object-fit: cover
-    min-width: 100%
-    min-height: 100%
-
-  .nav
-    position: absolute
-    top: 50px
-    bottom: 0
-    left: 0
-    right: 0
-
-    background-color: $vert
-    height: 70px
-
-    ol
-      list-style-type: none
-      margin: 0 auto
-      padding: 0
-      width: $size-xl
-      display: flex
-      align-items: center
-
-      li
-        display: inline-block
-
-      .logo
-        $size-border-logo: 20px
-        position: relative
-        padding-left: $size-border-logo
-        z-index: 20
-        margin-right: 40px
-
-        &::after
-          position: absolute
-          content: ""
-          top: -70px
-          bottom: -$size-border-logo
-          left: 0
-          right: -$size-border-logo
-          background-color: white
-          z-index: 10
-        img
-          position: relative
-          height: 70px
-          z-index: 30
-
-
-      .link
-        display: flex
-        align-items: center
-
-        &:last-child::after
-          content: none
-
-        &::after
-          content: ""
-          border-right: 2px white solid
-          height: 20px
-
-        a
-          color: white
-          display: flex
-          align-items: center
-          padding: 10px
-          text-decoration: none
-
-          img
-            padding: 0 10px
+.container
+  max-width: $size-xl
+  margin: 0 auto
+  padding: 0 20px