change typo et couleur

web/themes/custom/colloque2024/css/components/header/header.scss

@@ -4,7 +4,9 @@ header{
     background: white;
     max-height: inherit;
     justify-content: space-between;
-    #block-popsu-colloque-branding{
+    border-bottom: 1px solid black;
+
+    #block-colloque2024-branding{
       max-height: inherit;
       & > div{
         max-height: inherit;
@@ -27,7 +29,7 @@ header{
         z-index: 10000;
       }
     }
-    #block-renderedsitesettingsblock-2{
+    #block-colloque2024-renderedsitesettingsblock-2{
       width: 35%;
       border-left: 1px solid $color1;
       padding: 0;
@@ -78,13 +80,14 @@ header{
         }
       }
     }
-    #block-mainnavigation{
+    #block-colloque2024-mainnavigation{
       width: max-content;
+      
       .burger{
         padding-top: 0.25rem;
         z-index: 9999;
       }
-      .nav-main{
+      // .nav-main{
         display: none;
         @media screen and (min-width: 1200px) {
         display: block;
@@ -102,7 +105,7 @@ header{
               }
             }
           }
-        }
+        // }
         &.is-active{
           display: block;
           position: fixed;
@@ -158,8 +161,8 @@ header{
   }
 }
 
-#block-mainnavigation{
-  border-left: 1px solid $color1;
+#block-colloque2024-mainnavigation{
+  border-left: 1px solid black;
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -183,7 +186,7 @@ header{
 }
 
 header.front{
-  #block-popsu-colloque-branding{
+  #block-colloque2024-branding{
     width: 21rem;
     position: relative;
     z-index: 9999;
@@ -197,7 +200,7 @@ header.front{
       }
     }
   }
-  #block-renderedsitesettingsblock-2{
+  #block-colloque2024-renderedsitesettingsblock-2{
     display: none;
   }
 }

web/themes/custom/colloque2024/css/components/header/sub_menu.scss

@@ -1,4 +1,4 @@
-#block-popsu-colloque-submenu {
+#block-colloque2024-submenu {
   margin: 1rem auto;
   ul {
     display: flex;
@@ -16,12 +16,12 @@
       a {
         display: block;
         padding: 0.5rem 1rem;
-        border: 1px solid $color2;
-        color: $color2;
+        border: 1px solid $color2024;
+        color: $color2024;
         background: white;
         transition: color 0.3s ease, background 0.3s ease;
         font-size: 2rem;
-        font-family: "dukefill";
+        font-family: "Marianne";
         letter-spacing: 0.05rem;
         text-transform: uppercase;
         @media screen and (min-width: 768px) {
@@ -31,7 +31,7 @@
         &:hover {
           text-decoration: none;
           color: white;
-          background: $color2;
+          background: $color2024;
           transition: all 0.3s ease;
         }
       }