vm css footer

web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css

@@ -509,13 +509,17 @@ footer {
 }
 
 .footer {
-  display: grid;
-  grid-template-columns: repeat(12, 1fr);
-  grid-template-rows: repeat(1, 1fr);
+  display: flex;
+  flex-direction: row;
   background-color: #edefe8;
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
+@media (max-width: 700px) {
+  .footer {
+    flex-direction: column-reverse;
+  }
+}
 .footer section {
   width: fit-content;
 }
@@ -534,13 +538,9 @@ footer {
     flex-wrap: nowrap;
   }
 }
-.footer #footer-left {
-  grid-column: 1/span 5;
-  grid-row: 1;
-}
 @media (max-width: 500px) {
   .footer #footer-left {
-    max-width: 25%;
+    width: 100%;
   }
 }
 .footer #footer-left .footer_left_container {
@@ -552,11 +552,6 @@ footer {
 .footer #footer-left .footer_left_container .logo-qdd {
   display: none;
 }
-@media (max-width: 700px) {
-  .footer #footer-left .footer_left_container {
-    max-width: 50vw;
-  }
-}
 @media (max-width: 500px) {
   .footer #footer-left .footer_left_container {
     padding-left: 15%;
@@ -567,18 +562,40 @@ footer {
   margin: auto;
   padding-left: 2rem;
 }
+@media (max-width: 700px) {
+  .footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau {
+    padding-left: 0;
+  }
+}
 .footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau img {
   width: auto;
-  height: 65px;
+  height: 40px;
   padding-left: 1rem;
+  padding-bottom: 1rem;
+}
+@media (max-width: 700px) {
+  .footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau img {
+    height: 30px;
+    padding-left: 0;
+    padding-bottom: 0;
+  }
 }
 .footer #footer-left .footer_left_container img {
   width: auto;
-  height: 150px;
+  height: 90px;
+}
+@media (max-width: 700px) {
+  .footer #footer-left .footer_left_container img {
+    height: 60px;
+  }
+}
+.footer .first-row {
+  flex: 1 60%;
+  justify-content: space-evenly;
+  display: flex;
+  flex-direction: row;
 }
 .footer #footer-middle {
-  grid-column: 6/span 7;
-  grid-row: 1;
   font-size: 0.6rem;
 }
 .footer #footer-middle #block-quartiers-de-demain-pieddepage ul li {
@@ -586,13 +603,9 @@ footer {
 }
 @media (max-width: 700px) {
   .footer #footer-middle #block-quartiers-de-demain-pieddepage ul {
-    padding-left: 0.5rem;
+    padding-left: 0rem;
   }
 }
-.footer #footer-right {
-  grid-column: 10/12;
-  grid-row: 1;
-}
 @media (max-width: 700px) {
   .footer #footer-right {
     display: flex;

web/themes/custom/quartiers_de_demain/dist/assets/img/date-actu.svg

@@ -4,8 +4,8 @@
 <svg
    version="1.1"
    id="svg1"
-   width="30"
-   height="30"
+   width="20"
+   height="20"
    viewBox="0 0 31.925354 31.926757"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">

web/themes/custom/quartiers_de_demain/dist/assets/img/type-actu.svg

@@ -4,8 +4,8 @@
 <svg
    version="1.1"
    id="svg1"
-   width="30"
-   height="30"
+   width="20"
+   height="20"
    viewBox="0 0 33.440002 38.374023"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">