feat: Ajout des sections

assets/styles/header.sass

@@ -1,53 +1,28 @@
-.header
-  background-color: white
-  margin-bottom: 90px
+.container-header
+  box-shadow: 0 3px 7px 0 rgba(0,0,0,0.1)
+  background: white
 
-  .container
-    display: flex
-    justify-content: space-between
-    align-items: end
-    height: 100%
-    position: relative
-    padding-top: 1rem
-    border-bottom: 1px $gris dashed
+  .navbar-main
+    min-height: 80px
 
-    &::after
-      content: ""
-      border-top: 1px $gris dashed
-      height: 1px
-      bottom: -40px
-      width: 100%
-      position: absolute
+  .navbar-submenu
+    border-top: 1px solid #e5e9eb
+    justify-content: center
 
-  .title
-    color: $gris
-    text-align: center
-    text-decoration: none
+    .btn
+      border-radius: 0
 
-    h1
-      font-size: 4rem
-      font-family: subscriber
-      word-wrap: break-word
-      padding: 0
-      margin: 0
+      &:first-child
+        border-left-width: 0
 
-    &::before
-      background: url(/Blason_ville_Cremeaux_42.svg)
-      background-size: contain
-      background-repeat: no-repeat
-      background-position: center
-      width: 100%
-      height: 70px
-      display: block
+.rouge .navbar-submenu .btn-link
+  border-left-color: $rouge
 
+.vert .navbar-submenu .btn-link
+  border-left-color: $vert
 
-.home .header
-  margin-bottom: 58px
+.jaune .navbar-submenu .btn-link
+  border-left-color: $jaune
 
-@media screen and (min-width: 800px)
-  .home .title::before
-    content: ""
-
-@media screen and (min-width: 800px)
-  .header button
-    display: none
+.bleu .navbar-submenu .btn-link
+  border-left-color: $bleu