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 86597dc..6d589de 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
@@ -679,6 +679,7 @@ footer span.totop #toTop .arrow-up::before {
 #home article.node-type-static #paragraph-id--1 {
   background-color: #edefe8;
   padding-top: 4rem;
+  padding-bottom: 4rem;
 }
 #home article.node-type-static #paragraph-id--1 .field_field_picto {
   display: none;
@@ -688,6 +689,7 @@ footer span.totop #toTop .arrow-up::before {
   margin: auto;
   font-size: 2.5rem;
   font-weight: 800;
+  padding-bottom: 3rem;
 }
 #home article.node-type-static #paragraph-id--1 .field_field_texte {
   width: 65%;
@@ -704,6 +706,12 @@ footer span.totop #toTop .arrow-up::before {
   color: #0833c2;
   font-size: 1.5rem;
   padding-right: 3rem;
+  display: flex;
+  flex-direction: column;
+}
+#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto h3:nth-of-type(2) {
+  padding-top: 3rem;
+  border-top: solid 1px #0833c2;
 }
 #home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p {
   padding-right: 2rem;
@@ -761,4 +769,156 @@ footer span.totop #toTop .arrow-up::before {
   content: url("../img/crayons.svg");
   padding-bottom: 1rem;
   height: 120px;
+}
+#home article.node-type-static #paragraph-id--2 {
+  background-color: white;
+  padding-top: 2rem;
+  padding-bottom: 3rem;
+}
+#home article.node-type-static #paragraph-id--2 .field_field_picto {
+  width: fit-content;
+  margin: auto;
+}
+#home article.node-type-static #paragraph-id--2 .field_field_title {
+  width: fit-content;
+  margin: auto;
+  font-size: 2.5rem;
+  font-weight: 800;
+  padding-bottom: 3rem;
+}
+#home article.node-type-static #paragraph-id--2 .field_field_texte {
+  width: 65%;
+  margin: auto;
+}
+#home article.node-type-static #paragraph-id--2 .field_field_texte .colone-picto h3 {
+  flex: 1 90%;
+  color: #0833c2;
+  font-size: 1.5rem;
+  padding-right: 3rem;
+  display: flex;
+  flex-direction: column;
+}
+#home article.node-type-static #paragraph-id--2 .field_field_texte .colone-picto h3:nth-of-type(2) {
+  padding-top: 3rem;
+  border-top: solid 1px #0833c2;
+}
+#home article.node-type-static #paragraph-id--2 .field_field_texte .colone-picto p {
+  padding-right: 2rem;
+  padding-bottom: 1rem;
+}
+#home article.node-type-static #paragraph-id--3 {
+  background-color: #edefe8;
+  padding-top: 2rem;
+  padding-bottom: 3rem;
+}
+#home article.node-type-static #paragraph-id--3 .field_field_picto {
+  width: fit-content;
+  margin: auto;
+}
+#home article.node-type-static #paragraph-id--3 .field_field_title {
+  width: fit-content;
+  margin: auto;
+  font-size: 2.5rem;
+  font-weight: 800;
+  padding-bottom: 3rem;
+}
+#home article.node-type-static #paragraph-id--3 .field_field_texte {
+  width: 65%;
+  margin: auto;
+}
+#home article.node-type-static #paragraph-id--3 .field_field_texte .colone-picto h3 {
+  flex: 1 90%;
+  color: #0833c2;
+  font-size: 1.5rem;
+  padding-right: 3rem;
+  display: flex;
+  flex-direction: column;
+}
+#home article.node-type-static #paragraph-id--3 .field_field_texte .colone-picto h3:nth-of-type(2) {
+  padding-top: 3rem;
+  border-top: solid 1px #0833c2;
+}
+#home article.node-type-static #paragraph-id--3 .field_field_texte .colone-picto p {
+  padding-right: 2rem;
+  padding-bottom: 1rem;
+}
+#home article.node-type-static #paragraph-id--4 {
+  background-color: white;
+  padding-top: 2rem;
+  padding-bottom: 3rem;
+}
+#home article.node-type-static #paragraph-id--4 .field_field_picto {
+  width: fit-content;
+  margin: auto;
+}
+#home article.node-type-static #paragraph-id--4 .field_field_title {
+  width: fit-content;
+  margin: auto;
+  font-size: 2.5rem;
+  font-weight: 800;
+  padding-bottom: 3rem;
+}
+#home article.node-type-static #paragraph-id--4 .field_field_texte {
+  width: 65%;
+  margin: auto;
+}
+#home article.node-type-static #paragraph-id--4 .field_field_texte .colone-picto {
+  display: flex;
+  flex-direction: row;
+}
+#home article.node-type-static #paragraph-id--4 .field_field_texte .colone-picto h3 {
+  color: #0833c2;
+  font-size: 1.5rem;
+  padding-right: 3rem;
+  display: flex;
+  flex-direction: column;
+}
+#home article.node-type-static #paragraph-id--4 .field_field_texte .colone-picto h3:nth-of-type(2) {
+  padding-top: 3rem;
+  border-top: solid 1px #0833c2;
+}
+#home article.node-type-static #paragraph-id--4 .field_field_texte .colone-picto p {
+  padding-right: 2rem;
+  padding-bottom: 1rem;
+}
+#home article.node-type-static #paragraph-id--6 {
+  display: flex;
+  flex-direction: column;
+  margin: auto;
+  align-items: center;
+  width: 70%;
+  padding-bottom: 2rem;
+}
+#home article.node-type-static #paragraph-id--6 .field_field_title {
+  width: fit-content;
+  margin: auto;
+  font-size: 2.5rem;
+  font-weight: 800;
+  padding-bottom: 3rem;
+}
+#home article.node-type-static #paragraph-id--6 .field_field_texte {
+  margin: auto;
+}
+#home article.node-type-static #paragraph-id--6 .field_field_texte .colone-picto {
+  display: flex;
+  flex-direction: column;
+}
+#home article.node-type-static #paragraph-id--6 .field_field_texte .colone-picto > p:nth-of-type(1) {
+  color: #0833c2;
+  font-size: 1.5rem;
+  font-weight: 800;
+}
+#home article.node-type-static #paragraph-id--6 .field_field_texte .colone-picto > p:nth-of-type(2) {
+  width: 60%;
+  font-size: 1.2rem;
+  align-self: center;
+}
+#home article.node-type-static #paragraph-id--6 .field_field_texte .colone-picto > p:nth-of-type(3) {
+  width: 80%;
+  align-self: center;
+  margin-top: 0;
+}
+#home article.node-type-static #paragraph-id--6 .field_field_texte .colone-picto > p:nth-of-type(3) img {
+  max-width: 100%;
+  height: auto;
 }
\ No newline at end of file
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
index ec8dfb9..bb2097a 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
@@ -30,6 +30,7 @@
         #paragraph-id--1{  ///// Les enjeux
             background-color: #edefe8;
             padding-top: 4rem;
+            padding-bottom: 4rem;
             .field_field_picto{
                 display: none;
             }
@@ -38,6 +39,7 @@
                 margin: auto;
                 font-size: 2.5rem;
                 font-weight: 800;
+                padding-bottom: 3rem;
             }
             .field_field_texte{
                 width: 65%;
@@ -53,7 +55,13 @@
                         font-size: 1.5rem;
                         // width: 80%;
                         padding-right: 3rem;
-                        
+                        display: flex;
+                        flex-direction: column;
+                        &:nth-of-type(2){
+                            
+                            padding-top: 3rem;
+                            border-top: solid 1px #0833c2ff;
+                        }
                     }
                     p{
                         padding-right: 2rem;
@@ -117,6 +125,174 @@
 
             }
         }
+
+        #paragraph-id--2{  ///// Les sites
+            background-color: white;
+            padding-top: 2rem;
+            padding-bottom: 3rem;
+            .field_field_picto{
+                width: fit-content;
+                margin: auto;
+            }
+            .field_field_title{
+                width: fit-content;
+                margin: auto;
+                font-size: 2.5rem;
+                font-weight: 800;
+                padding-bottom: 3rem;
+            }
+            .field_field_texte{
+                width: 65%;
+                margin: auto;
+                .colone-picto{
+                    h3{
+                        flex: 1 90%;
+                        color: #0833c2ff;
+                        font-size: 1.5rem;
+                        // width: 80%;
+                        padding-right: 3rem;
+                        display: flex;
+                        flex-direction: column;
+                        &:nth-of-type(2){
+                            padding-top: 3rem;
+                            border-top: solid 1px #0833c2ff;
+                        }
+                    }
+                    p{
+                        padding-right: 2rem;
+                        padding-bottom: 1rem;
+                    }
+
+                }
+
+            }
+        }
+        #paragraph-id--3{  ///// La procédure
+            background-color: #edefe8;
+            padding-top: 2rem;
+            padding-bottom: 3rem;
+            .field_field_picto{
+                width: fit-content;
+                margin: auto;
+            }
+            .field_field_title{
+                width: fit-content;
+                margin: auto;
+                font-size: 2.5rem;
+                font-weight: 800;
+                padding-bottom: 3rem;
+            }
+            .field_field_texte{
+                width: 65%;
+                margin: auto;
+                .colone-picto{
+                    h3{
+                        flex: 1 90%;
+                        color: #0833c2ff;
+                        font-size: 1.5rem;
+                        // width: 80%;
+                        padding-right: 3rem;
+                        display: flex;
+                        flex-direction: column;
+                        &:nth-of-type(2){
+                            padding-top: 3rem;
+                            border-top: solid 1px #0833c2ff;
+                        }
+                    }
+                    p{
+                        padding-right: 2rem;
+                        padding-bottom: 1rem;
+                    }
+
+                }
+
+            }
+        }
+        #paragraph-id--4{  ///// composition des équipes
+            background-color: white;
+            padding-top: 2rem;
+            padding-bottom: 3rem;
+            .field_field_picto{
+                width: fit-content;
+                margin: auto;
+            }
+            .field_field_title{
+                width: fit-content;
+                margin: auto;
+                font-size: 2.5rem;
+                font-weight: 800;
+                padding-bottom: 3rem;
+            }
+            .field_field_texte{
+                width: 65%;
+                margin: auto;
+                .colone-picto{
+                    display: flex;
+                    flex-direction: row;
+                    h3{
+                        // flex: 1 90%;
+                        color: #0833c2ff;
+                        font-size: 1.5rem;
+                        // width: 80%;
+                        padding-right: 3rem;
+                        display: flex;
+                        flex-direction: column;
+                        &:nth-of-type(2){
+                            padding-top: 3rem;
+                            border-top: solid 1px #0833c2ff;
+                        }
+                    }
+                    p{
+                        padding-right: 2rem;
+                        padding-bottom: 1rem;
+                        
+                    }
+
+                }
+
+            }
+        }
+        #paragraph-id--6{
+            display: flex;
+            flex-direction: column;
+            margin: auto;
+            align-items: center;
+            width: 70%;
+            padding-bottom: 2rem;
+            .field_field_title{
+                width: fit-content;
+                margin: auto;
+                font-size: 2.5rem;
+                font-weight: 800;
+                padding-bottom: 3rem;
+            }
+            .field_field_texte{
+                margin: auto;
+                .colone-picto{
+                    display: flex;
+                    flex-direction: column;
+                    > p:nth-of-type(1){
+                        color: #0833c2ff;
+                        font-size: 1.5rem;
+                        font-weight: 800
+                    }
+                    > p:nth-of-type(2){
+                        width: 60%;
+                        font-size: 1.2rem;
+                        align-self: center;
+                    }
+                    > p:nth-of-type(3){
+                        width: 80%;
+                        align-self: center;
+                        margin-top: 0 ;
+                        img{
+                            max-width: 100%;
+                            height: auto;
+                        }
+                    }
+                }
+            }
+        }
     }