css header footer

web/themes/custom/quartiers_de_demain/scss/global/_layout.scss

@@ -9,7 +9,7 @@ $width-menu-slidedown : 550px;
     font-family: $font-family-default;
     font-weight: 400;
     font-style: normal;
-    font-size: $font-normal;
+    font-size: $font-medium;
     top: 0%;
     left: 0%;
     // width: 100%;

web/themes/custom/quartiers_de_demain/scss/pages/_static.scss

@@ -19,7 +19,7 @@
 
             div.field_body{
                 h2{
-                    font-size: $font-normal;
+                    font-size: $font-medium;
                     font-weight: 600;
                     margin-bottom: 0;
                 }

web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss

@@ -2,10 +2,8 @@
     display: grid;
     grid-template-columns: repeat(12, 1fr);
     grid-template-rows: repeat(1, 1fr);
-    // grid-gap: 10px;
     background-color: $white-header;
-    padding-top: 3rem;
-    font-size: $font-normal;
+    padding-top: 1rem;
     section{width: fit-content;}
     h2, ul{margin: 0;}
     border-top: 1px solid #808080;
@@ -14,6 +12,7 @@
     #footer-left{
         grid-column: 1 /span 5;
         grid-row: 1;
+        padding-left: 40px;
         .footer_left_container{
             display: flex;
             flex-direction: row;
@@ -24,8 +23,8 @@
             height: $header-height;
             }
             img{
-                width: $header-height;
-                height: auto;
+                width: auto;
+                    height: $header-height;
             }
         }
  
@@ -33,25 +32,34 @@
     #footer-middle{
         grid-column: 6 /span 7;
         grid-row: 1;
-        #block-quartiers-de-demain-pieddepage-2-menu{
-            display: none;
+        #block-quartiers-de-demain-pieddepage{
+            ul li{
+                padding-bottom: 0.2rem;
+            }
         }
     }
     #footer-right{
-        grid-column: 9 /span 12;
+        grid-column: 10 / 12;
         grid-row: 1;
-        font-size: $font-normal;
         #block-quartiers-de-demain-socialmedialinks{
             flex-direction: column;
+            h2{
+                display: flex;
+                flex-direction: column;
+                font-size: $font-medium;
+                font-weight: 400;
+                &::before{
+                    content: "Nous contacter";
+                    padding-bottom: 1rem;
+                    font-weight: 600;
+                }
+                padding-bottom: 1rem;
+            }
         }
     }
 
     div{
-
-        // display: flex;
-        // flex-direction: row;
         @media(max-width: 891px){
-            // // flex-direction: row;
             flex-wrap: wrap;
         }
         @media(max-width: 520px){

web/themes/custom/quartiers_de_demain/scss/partials/_header.scss

@@ -14,58 +14,50 @@ header{
     top: 0;
     border-bottom: 1px solid #808080;
     @media (max-width:800px) {
-            // height: 100px;
             width: 800px;
     }
     .contextual-region{
         width: max-content;
     }
     
-    
-
      .header_left_container{
          grid-column: 1 /span 11;
          grid-row: 1 /span 3;
          display: flex;
          flex-direction: row;
          border-right: 1px solid #808080;
+         padding-left: 40px;
 
-        //  width: ;
          #block-quartiers-de-demain-logorepu-2{
-            // max-height: 90%;
-            // height: $header-height;
          }
          #block-quartiers-de-demain-logoepau-2{
-            // max-height: 50px;
             height: $header-height;
-            
          }
          img{
-            //  width: auto;
-            //  height: $header-height;
-             width: $header-height;
-             height: auto;
+             width: auto;
+             height: $header-height;
          }
      }
+     .header_right_container{
 
-    .language-switcher-language-url{
-        ul{
-            display: flex;
-            flex-direction: row;   
-            font-size: $font-medium;
-            li:nth-child(1){
-                &::after{
-                    content: "/";
+        padding-right: 10px;
+        .language-switcher-language-url{
+            ul{
+                display: flex;
+                flex-direction: row;   
+                font-size: $font-medium;
+                padding: 0;
+                li:nth-child(1){
+                    &::after{
+                        content: "/";
+                    }
                 }
             }
         }
-    }
+     }
 
     .header_nav_container{
         display: none;
-        // display: grid;
-        // grid-template-columns: repeat(12, 1fr);
-        // grid-gap: 10px;
         grid-row: 3;
         grid-column: 1 /span 12;