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 66687c4..ae6bfdb 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
@@ -119,6 +119,9 @@
 .layout-content {
   grid-column: 1 / span 12;
   padding-top: 125px; }
+  @media (max-width: 500px) {
+    .layout-content {
+      padding-top: 50px; } }
 
 /* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
 ul {
@@ -219,9 +222,16 @@ header {
         @media (max-width: 660px) {
           header .header_right_container .language-switcher-language-url ul {
             margin-bottom: 0; } }
+        @media (max-width: 500px) {
+          header .header_right_container .language-switcher-language-url ul {
+            flex-direction: column;
+            margin: auto; } }
         header .header_right_container .language-switcher-language-url ul li:nth-child(1)::after {
           content: " / ";
           white-space: pre; }
+          @media (max-width: 660px) {
+            header .header_right_container .language-switcher-language-url ul li:nth-child(1)::after {
+              content: none; } }
         header .header_right_container .language-switcher-language-url ul .is-active {
           font-weight: 600; }
   header .header_nav_container {
@@ -615,11 +625,13 @@ footer {
               @media (max-width: 500px) {
                 #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p {
                   padding-right: 0px;
-                  text-align: center; } }
+                  text-align: center;
+                  width: 100%; } }
               #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p img, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p img {
                 width: 70%;
                 height: auto;
-                padding-bottom: 1rem; }
+                padding-bottom: 1rem;
+                margin: auto; }
         #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 {
           padding-bottom: 4rem; }
           #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_title {
@@ -637,7 +649,8 @@ footer {
               @media (max-width: 500px) {
                 #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2) p, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2) p {
                   padding-right: 0px;
-                  text-align: center; } }
+                  text-align: center;
+                  width: 100%; } }
         #presentation .layout-content .content_container article.node-type-static .field_field_textes p, #home .layout-content .content_container article.node-type-static .field_field_textes p {
           margin-bottom: 0; }
         #presentation .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto, #home .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto {
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 4df4fec..ab51027 100644
--- a/web/themes/custom/quartiers_de_demain/scss/global/_layout.scss
+++ b/web/themes/custom/quartiers_de_demain/scss/global/_layout.scss
@@ -39,6 +39,10 @@ $width-menu-slidedown : 550px;
 
 .layout-content{
     grid-column: 1 / span 12;
-    padding-top: $header-height;       
+    padding-top: $header-height;   
+    @media(max-width: 500px){
+        padding-top: $header-height-ultrasmall;   
+
+    }     
 }
 
diff --git a/web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss b/web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss
index 41e5890..990f55c 100644
--- a/web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss
+++ b/web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss
@@ -134,11 +134,13 @@
                                 @media(max-width: 500px){
                                     padding-right: 0px;
                                     text-align: center;
+                                    width: 100%;
                                 }
                                 img{
                                     width: 70%;
                                     height: auto;
                                     padding-bottom: 1rem;
+                                    margin: auto;
                                 }
                             }
                         }
@@ -164,6 +166,7 @@
                                 @media(max-width: 500px){
                                     padding-right: 0px;
                                     text-align: center;
+                                    width: 100%;
                                 }
                             }
                         }
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 ca5e931..0fdf284 100644
--- a/web/themes/custom/quartiers_de_demain/scss/partials/_header.scss
+++ b/web/themes/custom/quartiers_de_demain/scss/partials/_header.scss
@@ -86,10 +86,18 @@ header{
                 @media(max-width: 660px){
                     margin-bottom: 0;      
                 }
+                @media(max-width: 500px){
+                    flex-direction: column;
+                    // margin-bottom: 0;
+                    margin: auto;      
+                }
                 li:nth-child(1){
                     &::after{
                         content: " / ";
                         white-space: pre;
+                        @media(max-width: 660px){
+                            content:none ;      
+                        }
                     }
                 }