diff --git a/config/sync/metatag.metatag_defaults.front.yml b/config/sync/metatag.metatag_defaults.front.yml
index a3253a2..0aea299 100644
--- a/config/sync/metatag.metatag_defaults.front.yml
+++ b/config/sync/metatag.metatag_defaults.front.yml
@@ -11,4 +11,4 @@ tags:
   description: 'La consultation internationale Quartiers de demain a pour ambition de mobiliser l’innovation et l’excellence architecturale, urbaine et paysagère afin de transformer dix quartiers et de capitaliser à l’échelle nationale en faveur de la politique de la ville. '
   original_source: 'https://quartiers-de-demain.archi.fr/'
   shortlink: '[site:url]'
-  title: Accueil
+  title: 'Quartiers de demain | Accueil'
diff --git a/config/sync/metatag.metatag_defaults.global.yml b/config/sync/metatag.metatag_defaults.global.yml
index f4fc23d..4ef86b8 100644
--- a/config/sync/metatag.metatag_defaults.global.yml
+++ b/config/sync/metatag.metatag_defaults.global.yml
@@ -10,4 +10,4 @@ tags:
   canonical_url: '[current-page:url]'
   description: 'La consultation internationale Quartiers de demain a pour ambition de mobiliser l’innovation et l’excellence architecturale, urbaine et paysagère afin de transformer dix quartiers et de capitaliser à l’échelle nationale en faveur de la politique de la ville.'
   google_site_verification: Rl_smMXh2b2szpTsHwbarHx7xeNmae4rZ6BxSYpnmKs
-  title: '[site:name] | [current-page:title] '
+  title: '[current-page:title] | [site:name]'
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 9576863..305771d 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
@@ -193,7 +193,7 @@ h2 {
 }
 .layout-container main {
   width: 100%;
-  padding-top: 320px;
+  padding-top: 270px;
 }
 @media (max-width: 810px) {
   .layout-container main {
@@ -287,7 +287,7 @@ header .header_left_container #block-quartiers-de-demain-logorepu-2 {
 }
 header .header_left_container #block-quartiers-de-demain-logoepau-2 {
   display: none;
-  height: 320px;
+  height: 270px;
 }
 @media (max-width: 891px) {
   header .header_left_container #block-quartiers-de-demain-logoepau-2 {
@@ -301,7 +301,7 @@ header .header_left_container #block-quartiers-de-demain-logoquartiersdedemain {
 header .header_left_container img {
   width: auto;
   margin: auto;
-  height: calc(320px - 5rem);
+  height: calc(270px - 5rem);
   padding: 2rem;
   transition: height 0.3s; /* Add transition for smooth resizing */
 }
@@ -383,7 +383,7 @@ header .header_nav_container #block-quartiers-de-demain-entete ul {
   flex-direction: column;
   align-items: flex-start;
   position: relative;
-  top: 80px;
+  top: 54px;
   padding-left: 1rem;
   padding-right: 1rem;
   margin: 0;
@@ -446,7 +446,7 @@ header .header:hover + .header_nav_container {
 
 /* Taille définitive du header après l'animation */
 .header--collapsed {
-  height: 320px; /* Ou la hauteur que vous souhaitez pour votre header */
+  height: 270px; /* Ou la hauteur que vous souhaitez pour votre header */
   width: 45%;
   transform-origin: bottom right;
   transition: all 1s ease-in-out;
@@ -461,7 +461,7 @@ header .header:hover + .header_nav_container {
   }
 }
 .header--collapsed .header_left_container {
-  flex: 0 0 61%;
+  flex: 0 0 50%;
   transform-origin: bottom right;
 }
 @media (max-width: 810px) {
@@ -482,7 +482,7 @@ header .header:hover + .header_nav_container {
 }
 
 .header--collapsed-already {
-  height: 320px; /* Ou la hauteur que vous souhaitez pour votre header */
+  height: 270px; /* Ou la hauteur que vous souhaitez pour votre header */
   width: 45%;
   transform-origin: bottom right;
   transition: all 0s ease-in-out;
@@ -497,7 +497,7 @@ header .header:hover + .header_nav_container {
   }
 }
 .header--collapsed-already .header_left_container {
-  flex: 0 0 60%;
+  flex: 0 0 50%;
   transform-origin: bottom right;
 }
 @media (max-width: 810px) {
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/global/_layout.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/global/_layout.scss
index 93f7c55..ce0beb6 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/global/_layout.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/global/_layout.scss
@@ -1,5 +1,5 @@
 
-$header-height : 320px;
+$header-height : 270px;
 $header-height-pad : 110px;
 $header-height-small : 70px;
 $header-height-ultrasmall : 50px;
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 23ca2c7..fd19458 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
@@ -122,7 +122,7 @@ header{
                 flex-direction: column;
                 align-items: flex-start;
                 position: relative;
-                top: calc($header-height / 4 );
+                top: calc($header-height / 5 );
                 padding-left: 1rem;
                 padding-right: 1rem;
                 margin: 0;
@@ -201,7 +201,7 @@ header{
      height: 170px;
     }
     .header_left_container{
-        flex: 0 0 61%;
+        flex: 0 0 50%;
         transform-origin: bottom right; 
         @media(max-width: 810px){
             flex: 1 0 100%;
@@ -231,7 +231,7 @@ header{
         height: 170px;
        }
     .header_left_container{
-        flex: 0 0 60%;
+        flex: 0 0 50%;
         transform-origin: bottom right; 
         @media(max-width: 810px){
             flex: 1 0 100%;