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 2bf914f..32ddcb9 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
@@ -1141,6 +1141,7 @@ footer {
   width: fit-content;
   margin: auto;
   margin-top: 0;
+  margin-bottom: 8rem;
   padding-bottom: 2rem;
 }
 @media (max-width: 1090px) {
@@ -1148,6 +1149,9 @@ footer {
     margin-bottom: 9rem;
   }
 }
+#home .timeline .__timeline-arrows #arrowPrev {
+  padding-inline: 0;
+}
 #home .timeline .__timeline-arrows button {
   background-color: transparent;
   border: none;
@@ -1171,7 +1175,7 @@ footer {
 #home .timeline .__timeline-content .__paragraphs {
   position: relative;
   display: inline-flex;
-  width: 700px;
+  width: 500px;
   height: 1px;
   background: black;
 }
@@ -1203,7 +1207,7 @@ footer {
   left: -18px;
   top: -16px;
   transform: translateY(-100%);
-  width: 600px;
+  width: 400px;
   height: 300px;
   font-size: 1rem;
   white-space: normal;
@@ -1292,8 +1296,7 @@ footer {
   border-radius: 5%;
   padding: 0.6rem 0.6rem;
   line-height: 1.1;
-  width: fit-content;
-  min-width: 35%;
+  width: 50%;
 }
 @media (max-width: 1090px) {
   #home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text {
@@ -1302,8 +1305,8 @@ footer {
   }
 }
 #home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_titre {
-  font-size: 0.6rem;
-  font-weight: 800;
+  font-size: 0.8rem;
+  font-family: "gilroy-semibold";
 }
 @media (max-width: 1090px) {
   #home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_titre {
@@ -1314,7 +1317,7 @@ footer {
   font-family: "gilroy-regular";
 }
 #home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_description p {
-  font-size: 0.6rem !important;
+  font-size: 0.8rem !important;
   margin: 0;
 }
 @media (max-width: 1090px) {
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss
index cd3f29c..a8aca35 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss
@@ -40,16 +40,21 @@
             width: fit-content;
             margin: auto;
             margin-top: 0;
+            margin-bottom: 8rem;
             padding-bottom: 2rem;
             @media(max-width:1090px){
                 // top: -211px;
                 // display: none;
                 margin-bottom: 9rem;
             }
+            #arrowPrev{
+                padding-inline: 0;
+            }
             button{
                 background-color: transparent;
                 border: none; 
                 padding-left: 1rem;
+                
                 &:hover{
                     opacity: 0.5;
                 } 
@@ -71,7 +76,7 @@
             .__paragraphs{
                 position: relative;
                 display: inline-flex;
-                width: 700px;
+                width: 500px;
                 height: 1px;
                 background: black;
                 // &:last-of-type{
@@ -108,7 +113,7 @@
                     left: -18px;
                     top: -16px;
                     transform: translateY(-100%);
-                    width: 600px;
+                    width: 400px;
                     height: 300px;
                     font-size: 1rem;
                     white-space: normal;
@@ -207,15 +212,16 @@
                         border-radius: 5%;
                         padding: 0.6rem 0.6rem;
                         line-height: 1.1;
-                        width: fit-content;
-                        min-width: 35%;
+                        width: 50%;
+                        // min-width: fit-content;
                         @media(max-width:1090px){
                             height: 200px;
                             min-width: 80%;
                         }
                         .field_field_titre{
-                            font-size: 0.6rem;
-                            font-weight: 800;
+                            font-size: 0.8rem;
+                            font-family: 'gilroy-semibold';
+                            // font-weight: 800;
                             @media(max-width:1090px){
                                 font-size: 1rem;
                             }
@@ -223,7 +229,7 @@
                         .field_field_description{
                             font-family: 'gilroy-regular';
                             p{
-                                font-size: 0.6rem !important;
+                                font-size: 0.8rem !important;
                                 margin: 0;  
                                 @media(max-width:1090px){
                                     font-size: 1rem !important;