From 855ae0fa5e725deb82fb859fcc02c11baf6aa30c Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Thu, 29 Feb 2024 10:41:42 +0100
Subject: [PATCH] css header footer

---
 .../css/quartiers_de_demain.css               | 55 ++++++++++++-------
 .../scss/global/_layout.scss                  |  2 +-
 .../scss/pages/_static.scss                   |  2 +-
 .../scss/partials/_footer.scss                | 34 +++++++-----
 .../scss/partials/_header.scss                | 40 ++++++--------
 5 files changed, 73 insertions(+), 60 deletions(-)

diff --git a/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css b/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css
index fb9858f..67aa96c 100644
--- a/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css
+++ b/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css
@@ -98,7 +98,7 @@
   font-family: "Marianne", sans-serif;
   font-weight: 400;
   font-style: normal;
-  font-size: 0.6rem;
+  font-size: 0.8rem;
   top: 0%;
   left: 0%;
   overflow: hidden;
@@ -165,18 +165,22 @@ header {
     grid-row: 1 /span 3;
     display: flex;
     flex-direction: row;
-    border-right: 1px solid #808080; }
+    border-right: 1px solid #808080;
+    padding-left: 40px; }
     header .header_left_container #block-quartiers-de-demain-logoepau-2 {
       height: 150px; }
     header .header_left_container img {
-      width: 150px;
-      height: auto; }
-  header .language-switcher-language-url ul {
-    display: flex;
-    flex-direction: row;
-    font-size: 0.8rem; }
-    header .language-switcher-language-url ul li:nth-child(1)::after {
-      content: "/"; }
+      width: auto;
+      height: 150px; }
+  header .header_right_container {
+    padding-right: 10px; }
+    header .header_right_container .language-switcher-language-url ul {
+      display: flex;
+      flex-direction: row;
+      font-size: 0.8rem;
+      padding: 0; }
+      header .header_right_container .language-switcher-language-url ul li:nth-child(1)::after {
+        content: "/"; }
   header .header_nav_container {
     display: none;
     grid-row: 3;
@@ -233,8 +237,7 @@ header {
   grid-template-columns: repeat(12, 1fr);
   grid-template-rows: repeat(1, 1fr);
   background-color: white;
-  padding-top: 3rem;
-  font-size: 0.6rem;
+  padding-top: 1rem;
   border-top: 1px solid #808080; }
   .footer section {
     width: fit-content; }
@@ -242,26 +245,36 @@ header {
     margin: 0; }
   .footer #footer-left {
     grid-column: 1 /span 5;
-    grid-row: 1; }
+    grid-row: 1;
+    padding-left: 40px; }
     .footer #footer-left .footer_left_container {
       display: flex;
       flex-direction: row; }
       .footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau {
         height: 150px; }
       .footer #footer-left .footer_left_container img {
-        width: 150px;
-        height: auto; }
+        width: auto;
+        height: 150px; }
   .footer #footer-middle {
     grid-column: 6 /span 7;
     grid-row: 1; }
-    .footer #footer-middle #block-quartiers-de-demain-pieddepage-2-menu {
-      display: none; }
+    .footer #footer-middle #block-quartiers-de-demain-pieddepage ul li {
+      padding-bottom: 0.2rem; }
   .footer #footer-right {
-    grid-column: 9 /span 12;
-    grid-row: 1;
-    font-size: 0.6rem; }
+    grid-column: 10 / 12;
+    grid-row: 1; }
     .footer #footer-right #block-quartiers-de-demain-socialmedialinks {
       flex-direction: column; }
+      .footer #footer-right #block-quartiers-de-demain-socialmedialinks h2 {
+        display: flex;
+        flex-direction: column;
+        font-size: 0.8rem;
+        font-weight: 400;
+        padding-bottom: 1rem; }
+        .footer #footer-right #block-quartiers-de-demain-socialmedialinks h2::before {
+          content: "Nous contacter";
+          padding-bottom: 1rem;
+          font-weight: 600; }
   @media (max-width: 891px) {
     .footer div {
       flex-wrap: wrap; } }
@@ -344,7 +357,7 @@ header {
   grid-column: 3 /span 9;
   grid-row: 2; }
   .node-type-static .content_container article.node-type-static div.field_body h2 {
-    font-size: 0.6rem;
+    font-size: 0.8rem;
     font-weight: 600;
     margin-bottom: 0; }
   .node-type-static .content_container article.node-type-static div.field_body p {
diff --git a/web/themes/custom/quartiers_de_demain/scss/global/_layout.scss b/web/themes/custom/quartiers_de_demain/scss/global/_layout.scss
index 823798e..6848829 100644
--- a/web/themes/custom/quartiers_de_demain/scss/global/_layout.scss
+++ b/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%;
diff --git a/web/themes/custom/quartiers_de_demain/scss/pages/_static.scss b/web/themes/custom/quartiers_de_demain/scss/pages/_static.scss
index f2a926e..373dea0 100644
--- a/web/themes/custom/quartiers_de_demain/scss/pages/_static.scss
+++ b/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;
                 }
diff --git a/web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss b/web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss
index 0014156..d979732 100644
--- a/web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss
+++ b/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){
diff --git a/web/themes/custom/quartiers_de_demain/scss/partials/_header.scss b/web/themes/custom/quartiers_de_demain/scss/partials/_header.scss
index 9fb853b..02319a8 100644
--- a/web/themes/custom/quartiers_de_demain/scss/partials/_header.scss
+++ b/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;