diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
index 0eeef28..7fb45d6 100644
--- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
@@ -442,6 +442,12 @@ header[role=banner] .header_nav_container {
   display: flex;
   flex-direction: column;
 }
+@media (max-width: 810px) {
+  header[role=banner] .header_nav_container {
+    height: 200px;
+    top: -30px;
+  }
+}
 @media (max-width: 500px) {
   header[role=banner] .header_nav_container {
     flex: 0 0 40%;
@@ -484,6 +490,11 @@ header[role=banner] .header_nav_container #block-quartiers-de-demain-entete ul l
     padding-top: 0.3rem;
   }
 }
+@media (max-width: 810px) {
+  header[role=banner] .header_nav_container #block-quartiers-de-demain-entete ul li {
+    line-height: 1.3rem;
+  }
+}
 header[role=banner] .header_nav_container #block-quartiers-de-demain-entete ul li a {
   text-transform: uppercase;
   color: white;
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
index 1c29977..9394c7a 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
@@ -195,8 +195,12 @@ header[role="banner"]{
         @media(max-width: 1090px){
             // text-align:left;
             // height: fit-content;
+           
+        }
+        @media(max-width: 810px){
+            height: 200px;
+            top: -30px;
         }
-        
         @media(max-width: 500px){
             flex: 0 0 40%;
         }
@@ -232,7 +236,13 @@ header[role="banner"]{
                     }
                     @media(max-width: 1090px){
                         padding-top: 0.3rem;
+                        
                     }
+                    @media(max-width: 810px){
+                        
+                        line-height: 1.3rem;
+                    }
+                    
                     a{
                         text-transform: uppercase;
                         color: white;