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 60d060b..633a7d9 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
@@ -454,6 +454,10 @@ footer {
   grid-column: 3 /span 9;
   grid-row: 1;
   margin-top: 3rem; }
+  @media (max-width: 500px) {
+    .partenaires .layout-content .content_container #block-quartiers-de-demain-titredepage {
+      margin-top: 1rem;
+      grid-column: 2 /span 9; } }
   .partenaires .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
     text-transform: uppercase;
     color: #f7002b;
@@ -463,6 +467,9 @@ footer {
 .partenaires .layout-content .content_container .views-element-container {
   grid-column: 3 /span 9;
   grid-row: 2; }
+  @media (max-width: 500px) {
+    .partenaires .layout-content .content_container .views-element-container {
+      grid-column: 2 /span 9; } }
   .partenaires .layout-content .content_container .views-element-container .node-type-partenaire {
     width: 100%;
     padding-bottom: 3rem;
@@ -708,6 +715,10 @@ footer {
       grid-column: 3 /span 9;
       grid-row: 1;
       margin-top: 3rem; }
+      @media (max-width: 500px) {
+        .node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage {
+          margin-top: 1rem;
+          grid-column: 2 /span 9; } }
       .node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
         text-transform: uppercase;
         color: #f7002b;
@@ -716,6 +727,9 @@ footer {
     .node-type-static .layout-content .content_container article.node-type-static {
       grid-column: 3 /span 9;
       grid-row: 2; }
+      @media (max-width: 500px) {
+        .node-type-static .layout-content .content_container article.node-type-static {
+          grid-column: 2 /span 9; } }
       .node-type-static .layout-content .content_container article.node-type-static div.field_body h2 {
         font-size: 0.8rem;
         font-weight: 600;
diff --git a/web/themes/custom/quartiers_de_demain/scss/pages/_partenaires.scss b/web/themes/custom/quartiers_de_demain/scss/pages/_partenaires.scss
index 5048c55..a352845 100644
--- a/web/themes/custom/quartiers_de_demain/scss/pages/_partenaires.scss
+++ b/web/themes/custom/quartiers_de_demain/scss/pages/_partenaires.scss
@@ -5,6 +5,10 @@
                 grid-column: 3 /span 9;
                 grid-row: 1;
                 margin-top: 3rem;
+                @media(max-width: 500px){
+                    margin-top: 1rem;
+                    grid-column: 2 /span 9;
+                } 
 
                 h1{
                     text-transform: uppercase;
@@ -16,6 +20,9 @@
             .views-element-container{
                 grid-column: 3 /span 9;
                 grid-row: 2;
+                @media(max-width: 500px){
+                    grid-column: 2 /span 9;
+                } 
 
                 .node-type-partenaire{
                     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 66f8a54..6c307ab 100644
--- a/web/themes/custom/quartiers_de_demain/scss/pages/_static.scss
+++ b/web/themes/custom/quartiers_de_demain/scss/pages/_static.scss
@@ -8,6 +8,11 @@
                 grid-column: 3 /span 9;
                 grid-row: 1;
                 margin-top: 3rem;
+                @media(max-width: 500px){
+                    margin-top: 1rem;
+                    grid-column: 2 /span 9;
+
+                } 
     
                 h1{
                     text-transform: uppercase;
@@ -19,6 +24,10 @@
             article.node-type-static{
                 grid-column: 3 /span 9;
                 grid-row: 2;
+                @media(max-width: 500px){
+                    grid-column: 2 /span 9;
+
+                } 
     
                 div.field_body{
                     h2{