mise à jour du nouveau design partie 1

bulma.sass

@@ -43,8 +43,8 @@ html.has-navbar-fixed-top, body.has-navbar-fixed-top
 
 .navbar.is-light .navbar-brand > .navbar-item,
 .navbar.is-light .navbar-brand .navbar-link 
-  background-color: transparent
-  color: $white
+  background-color: $link
+  color: white
 
 .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active,
 .navbar.is-light .navbar-brand .navbar-link:hover,
@@ -68,13 +68,21 @@ html.has-navbar-fixed-top, body.has-navbar-fixed-top
 .navbar.is-light .navbar-burger.is-active,
 .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
 .navbar.is-light .navbar-item.has-dropdown .navbar-link
-  background-color: $link
-  color: white
+  background-color: white
+  color: $link
   font-weight: bold
 
 .navbar.is-light .navbar-dropdown 
   border-color: $text-light
 
+.navbar.is-light .navbar-dropdown a.navbar-item
+  color: $link
+  text-decoration: underline dotted
+
+.navbar.is-light .navbar-dropdown a.navbar-item:hover
+  color: white
+  text-decoration: underline
+
 .navbar.is-light .navbar-divider
   color: $text-light
 
@@ -87,8 +95,9 @@ html.has-navbar-fixed-top, body.has-navbar-fixed-top
     color: white
 
   .navbar.is-light
-    background-color: $link
-    color: white
+    background-color: white
+    border-bottom: 2px solid $link
+    min-height: 3.6rem
 
   .navbar.is-light .navbar-brand
     display: none
@@ -112,16 +121,17 @@ html.has-navbar-fixed-top, body.has-navbar-fixed-top
 
   .navbar.is-light .navbar-start .navbar-link::after,
   .navbar.is-light .navbar-end .navbar-link::after
-    border-color: white
+    border-color: $link
 
   .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
   .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link
-    background-color: $primary
+    background-color: $link
     color: white
 
   .navbar.is-light .navbar-dropdown a.navbar-item.is-active
     background-color: $link-hover
     color: white
+    text-decoration: underline dotted
 
   .navbar.is-light .navbar-item.is-logo
     position: absolute
@@ -130,18 +140,21 @@ html.has-navbar-fixed-top, body.has-navbar-fixed-top
     height: 100%
     display: flex
     align-items: center
-    background-color: white
+    background-color: $link
     padding: 0
 
+  .navbar-item.is-logo:hover
+    background-color: $link
+    
   .navbar-item.is-logo:before
-    border-right: 1.6rem solid white
-    border-bottom: 3.2rem solid $link
+    border-right: 1.6rem solid $link
+    border-bottom: 3.5rem solid white
     content: " "
     width: 20%
 
   .navbar-item.is-logo:after
-    border-left: 1.6rem solid white
-    border-bottom: 3.2rem solid $link
+    border-left: 1.6rem solid $link
+    border-bottom: 3.5rem solid white
     content: " "
     width: 20%
 
@@ -149,8 +162,10 @@ html.has-navbar-fixed-top, body.has-navbar-fixed-top
     max-height: 2rem
     height: 2rem
 
-.navbar.is-light .navbar-item.is-logo:hover
-  background-color: white
+  .navbar-item.is-logo a.navbar-item:hover,
+  .navbar-item.is-logo a.navbar-item:focus,
+  .navbar-item.is-logo a.navbar-item:focus-within
+    background-color: $link
 
 //navbar pour les mobiles
 .navbar-dropdown a.navbar-item:hover
@@ -164,6 +179,7 @@ html.has-navbar-fixed-top, body.has-navbar-fixed-top
 @media screen and (max-width: 1087px)
   .navbar-item.is-logo
     display: none
+    background-color: $link
   
 //bouton de la navbar
 .button.is-light 
@@ -203,14 +219,14 @@ html.has-navbar-fixed-top, body.has-navbar-fixed-top
 
   .footer:before
     border-left: 2.5rem solid transparent
-    border-bottom: 2.5rem solid $link
+    border-bottom: 2.5rem solid white
     margin-left: -10%
     content: " "
     width: 20%
 
   .footer:after
     border-right: 2.5rem solid transparent
-    border-bottom: 2.5rem solid $link
+    border-bottom: 2.5rem solid white
     margin-right: -10%
     content: " "
     width: 20%
@@ -223,7 +239,7 @@ html.has-navbar-fixed-top, body.has-navbar-fixed-top
 .footer
     padding: 0
     display: flex
-    background-color: $link
+    background-color: white
     margin: auto auto 0
     color: white
     box-sizing: unset
@@ -239,10 +255,10 @@ html.has-navbar-fixed-top, body.has-navbar-fixed-top
 .footer ul li a   
    display: block
    padding: 1rem  0.5rem
-   color: white
+   color: $link
 
 .footer a:link, .footer a:visited
-   color: white
+   color: $link
    font-weight: bold
    text-decoration-style: dotted
 
@@ -408,8 +424,7 @@ html.has-navbar-fixed-top, body.has-navbar-fixed-top
    text-align: center
 
 //section retreci
-.section
-    padding: 1rem 1.5rem
+
 
 //bas de page courte 
 html