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 ec82131..134e154 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
@@ -340,6 +340,9 @@ footer {
   .footer #footer-left {
     grid-column: 1 /span 5;
     grid-row: 1; }
+    @media (max-width: 500px) {
+      .footer #footer-left {
+        max-width: 25%; } }
     .footer #footer-left .footer_left_container {
       padding-left: 5%;
       display: flex;
@@ -347,6 +350,9 @@ footer {
       @media (max-width: 891px) {
         .footer #footer-left .footer_left_container {
           max-width: 50vw; } }
+      @media (max-width: 500px) {
+        .footer #footer-left .footer_left_container {
+          padding-left: 15%; } }
       .footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau {
         height: 125px; }
         @media (max-width: 891px) {
@@ -376,6 +382,11 @@ footer {
   .footer #footer-right {
     grid-column: 10 / 12;
     grid-row: 1; }
+    @media (max-width: 500px) {
+      .footer #footer-right {
+        display: flex;
+        justify-content: flex-end;
+        max-width: 35%; } }
     .footer #footer-right #block-quartiers-de-demain-socialmedialinks {
       flex-direction: column; }
       .footer #footer-right #block-quartiers-de-demain-socialmedialinks h2 {
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 bb10246..6105a87 100644
--- a/web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss
+++ b/web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss
@@ -49,11 +49,17 @@ footer{
     #footer-left{
         grid-column: 1 /span 5;
         grid-row: 1;
+        @media (max-width: 500px){
+            max-width: 25%;
+        }
         .footer_left_container{
             padding-left: 5%;
             @media(max-width: 891px){
                 max-width: 50vw;
             }
+            @media (max-width: 500px){
+                padding-left: 15%;
+            }
             display: flex;
             flex-direction: row;
 
@@ -116,6 +122,11 @@ footer{
     #footer-right{
         grid-column: 10 / 12;
         grid-row: 1;
+         @media (max-width: 500px){
+            display: flex;
+            justify-content: flex-end;
+            max-width: 35%;
+         }
         #block-quartiers-de-demain-socialmedialinks{
             flex-direction: column;
             h2{