feat: Modification des couleurs

assets/styles/header.sass

@@ -5,9 +5,9 @@
   position: relative
 
   &.home
-    height: 80vh
+    height: 60vh
     .hero
-      height: 80vh
+      height: 60vh
 
   .hero
     position: absolute
@@ -19,7 +19,7 @@
     object-fit: cover
     width: 100%
     height: 40vh
-    background-color: $orange
+    background-color: var(--color-orange)
 
   $nav-height: 70px
   .nav
@@ -28,13 +28,16 @@
     bottom: 0
     left: 0
     right: 0
-    background-color: $vert
+    background-color: var(--color-secondary)
     height: $nav-height
 
     @media screen and (max-width: $size-md)
       top: 30px
       height: 50px
 
+    .viemunicipale a
+      color: var(--color-green)!important
+
   .container
     display: flex
     align-items: center
@@ -45,6 +48,7 @@
     z-index: 20
     margin: -1rem 1rem -1rem 0
     background: white
+    box-shadow: 0px 8px 17px 2px rgba(0,0,0,0.14) , 0px 3px 14px 2px rgba(0,0,0,0.12) , 0px 5px 5px -3px rgba(0,0,0,0.2)
 
     a
       margin: 1rem
@@ -69,6 +73,19 @@
     margin: 0
     height: $nav-height
 
+    .viemunicipale, .viemunicipale a
+      color: var(--color-green)
+      font-weight: bold
+    .cadredevie, .cadredevie a
+      color: var(--color-blue)
+      font-weight: bold
+    .economie, .economie a
+      color: var(--color-orange)
+      font-weight: bold
+    .associations, .associations a
+      color: var(--color-purple)
+      font-weight: bold
+
     @media screen and (max-width: $size-xl)
       font-size: .95rem
 
@@ -76,7 +93,6 @@
       list-style-type: none
       display: none
       position: absolute
-      color: $vert
       background: white
       top: $nav-height
       flex-direction: column
@@ -87,7 +103,6 @@
       z-index: 10
 
       a
-        color: $vert
         padding: 10px 0 0
 
     .menu:hover .submenu
@@ -101,7 +116,7 @@
       	top: 100%
       	width: 0
       	height: 0
-      	border-top: 15px solid $vert
+        border-top: 15px solid var(--color-green)
       	border-right: 15px solid transparent
       	border-bottom: 0 solid transparent
       	border-left: 15px solid transparent
@@ -116,12 +131,6 @@
       &:first-child::before
         content: none
 
-      &::before
-        content: ""
-        border-right: 1px white solid
-        right: 0
-        height: 20px
-
     a
       color: white
       display: flex
@@ -151,7 +160,7 @@
       right: 0
       height: 100vh
       z-index: 100
-      background: $vert
+      background: white
       flex-direction: column
       justify-content: center
 
@@ -166,6 +175,7 @@
         height: auto
         flex-direction: column
         margin-bottom: 1rem
+        box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px
 
       .menu.withSubmenu
         padding: 10px
@@ -177,20 +187,7 @@
         padding: 0
         margin-top: 1rem
         border-radius: 6px
-
-        &::before
-          	content: ''
-          	display: block
-          	position: absolute
-          	left: calc(50% - 15px)
-          	top: -15px
-          	width: 0
-          	height: 0
-          	border-top: 0 solid transparent
-          	border-right: 15px solid transparent
-          	border-bottom: 15px solid white
-          	border-left: 15px solid transparent
-            z-index: 10000
+        box-shadow: none
 
         a
           padding: 2px 10px