ajustement typo

web/themes/custom/quartiers_de_demain/css/animated_logo.css

@@ -25,7 +25,8 @@
     max-width: 1300px;
     max-height: 1000px;
     overflow: hidden;
-  }
+    
+}
 
 
   svg {
@@ -36,7 +37,7 @@
     top: 0;
     left: 0;
   }
-  img {
+  #logo-animated img {
     position: absolute;
     opacity: 0;
   }

web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css

@@ -118,7 +118,7 @@
 
 .layout-content {
   grid-column: 1 / span 12;
-  padding-top: 150px; }
+  padding-top: 125px; }
 
 /* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
 ul {
@@ -150,7 +150,7 @@ header {
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   grid-template-rows: repeat(3, 1fr);
-  height: 150px;
+  height: 125px;
   background-color: white;
   z-index: 99;
   width: 100vw;
@@ -185,7 +185,7 @@ header {
       header .header_left_container #block-quartiers-de-demain-logorepu-2 {
         height: 110px; } }
     header .header_left_container #block-quartiers-de-demain-logoepau-2 {
-      height: 150px; }
+      height: 125px; }
       @media (max-width: 891px) {
         header .header_left_container #block-quartiers-de-demain-logoepau-2 {
           height: 110px; } }
@@ -193,7 +193,7 @@ header {
       margin-left: auto; }
     header .header_left_container img {
       width: auto;
-      height: 150px; }
+      height: 125px; }
       @media (max-width: 891px) {
         header .header_left_container img {
           height: 110px; } }
@@ -204,7 +204,7 @@ header {
         header .header_left_container img {
           height: 50px; } }
   header .header_right_container {
-    padding-left: calc(100% /4); }
+    margin: auto; }
     @media (max-width: 660px) {
       header .header_right_container {
         padding-right: 0; } }
@@ -213,13 +213,14 @@ header {
       header .header_right_container .language-switcher-language-url ul {
         display: flex;
         flex-direction: row;
-        font-size: 0.8rem;
+        font-size: 0.6rem;
         padding: 0; }
         @media (max-width: 660px) {
           header .header_right_container .language-switcher-language-url ul {
             margin-bottom: 0; } }
         header .header_right_container .language-switcher-language-url ul li:nth-child(1)::after {
-          content: "/"; }
+          content: " / ";
+          white-space: pre; }
         header .header_right_container .language-switcher-language-url ul .is-active {
           font-weight: 600; }
   header .header_nav_container {
@@ -283,26 +284,28 @@ header {
     header .open-block.opened > div > span:nth-child(3) {
       display: none; }
 
-footer span.totop {
-  display: inline-flex;
-  width: 100vw; }
-  footer span.totop #toTop {
-    margin: auto;
-    background-color: #fff;
-    border-top-left-radius: 10%;
-    border-top-right-radius: 10%;
-    padding-bottom: 0.5rem; }
-    footer span.totop #toTop .arrow-up {
-      font-size: 1.7rem;
-      line-height: 2.5rem;
-      text-align: center;
-      width: 3rem;
-      height: 2rem;
-      display: inline-block;
-      text-align: top; }
-      footer span.totop #toTop .arrow-up::before {
-        content: url("../images/up-arrow.svg");
-        width: 50%; }
+footer {
+  z-index: 100; }
+  footer span.totop {
+    display: inline-flex;
+    width: 100vw; }
+    footer span.totop #toTop {
+      margin: auto;
+      background-color: #fff;
+      border-top-left-radius: 10%;
+      border-top-right-radius: 10%;
+      padding-bottom: 0.5rem; }
+      footer span.totop #toTop .arrow-up {
+        font-size: 1.7rem;
+        line-height: 2.5rem;
+        text-align: center;
+        width: 3rem;
+        height: 2rem;
+        display: inline-block;
+        text-align: top; }
+        footer span.totop #toTop .arrow-up::before {
+          content: url("../images/up-arrow.svg");
+          width: 50%; }
 
 .footer {
   display: grid;
@@ -332,13 +335,13 @@ footer span.totop {
       display: flex;
       flex-direction: row; }
       .footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau {
-        height: 150px; }
+        height: 125px; }
         @media (max-width: 891px) {
           .footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau {
             height: 110px; } }
       .footer #footer-left .footer_left_container img {
         width: auto;
-        height: 150px; }
+        height: 125px; }
         @media (max-width: 891px) {
           .footer #footer-left .footer_left_container img {
             height: 110px; } }
@@ -350,7 +353,8 @@ footer span.totop {
             height: 50px; } }
   .footer #footer-middle {
     grid-column: 6 /span 7;
-    grid-row: 1; }
+    grid-row: 1;
+    font-size: 0.6rem; }
     .footer #footer-middle #block-quartiers-de-demain-pieddepage ul li {
       padding-bottom: 0.2rem; }
     @media (max-width: 891px) {
@@ -366,13 +370,14 @@ footer span.totop {
         flex-direction: column;
         font-size: 0.8rem;
         font-weight: 400;
-        padding-bottom: 0.6rem; }
+        padding-bottom: 0.6rem;
+        font-size: 0.6rem; }
         .footer #footer-right #block-quartiers-de-demain-socialmedialinks h2::before {
           content: "Nous contacter";
           padding-bottom: 0.6rem;
           font-weight: 600; }
       .footer #footer-right #block-quartiers-de-demain-socialmedialinks .fa-3x {
-        font-size: 2em; }
+        font-size: 1.5em; }
   @media (max-width: 891px) {
     .footer div {
       flex-wrap: wrap; } }
@@ -418,7 +423,7 @@ footer span.totop {
     font-weight: 400; }
     .layout-sidebar-first .sidebar_first_container .field-content {
       margin-bottom: 0.5rem;
-      font-size: 0.6rem; }
+      font-size: 0.5rem; }
     @media (max-width: 810px) {
       .layout-sidebar-first .sidebar_first_container {
         display: none; } }