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 a69ff03..86597dc 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
@@ -115,16 +115,9 @@
 }
 .layout-container main {
   width: 100%;
-  display: grid;
-  grid-template-columns: repeat(12, 1fr);
-}
-.layout-container .content_container {
-  display: grid;
-  grid-template-columns: repeat(12, 1fr);
 }
 
 .layout-content {
-  grid-column: 1/span 12;
   padding-top: 125px;
 }
 @media (max-width: 500px) {
@@ -568,7 +561,7 @@ footer span.totop #toTop .arrow-up::before {
   width: 50%;
 }
 .layout-sidebar-first .sidebar_first_container {
-  display: flex;
+  display: none;
   flex-direction: column;
   width: 50%;
   font-weight: 400;
@@ -660,396 +653,112 @@ footer span.totop #toTop .arrow-up::before {
 }
 
 /*pages*/
-.home footer span.totop {
-  display: inline-flex;
-  width: 100vw;
-  background: rgb(232, 235, 244);
-}
-
-.partenaires .layout-content .content_container #block-quartiers-de-demain-titredepage {
-  grid-column: 3/span 9;
-  grid-row: 1;
-  margin-top: 3rem;
-}
-@media (max-width: 500px) {
-  .partenaires .layout-content .content_container #block-quartiers-de-demain-titredepage {
-    margin-top: 1rem;
-    grid-column: 2/span 9;
-  }
-}
-.partenaires .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
-  text-transform: uppercase;
-  color: rgb(247, 0, 43);
-  font-size: 1.6rem;
-  font-weight: 300;
-}
-.partenaires .layout-content .content_container .views-element-container {
-  grid-column: 3/span 9;
-  grid-row: 2;
-}
-@media (max-width: 500px) {
-  .partenaires .layout-content .content_container .views-element-container {
-    grid-column: 2/span 9;
-  }
-}
-.partenaires .layout-content .content_container .views-element-container .node-type-partenaire {
-  width: 100%;
-  padding-bottom: 3rem;
-  display: grid;
-  grid-template-columns: repeat(9, 1fr);
-  grid-template-rows: repeat(auto-fill);
-}
-@media (max-width: 810px) {
-  .partenaires .layout-content .content_container .views-element-container .node-type-partenaire {
-    display: flex;
-    flex-direction: column;
-  }
-}
-.partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_field_logo {
-  grid-column: 1/3;
-  grid-row: 1/span 3;
-  padding-right: 1rem;
-  margin: auto;
-}
-.partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_field_logo img {
-  object-fit: contain;
-  max-width: 200px;
-  max-height: 200px;
-}
-.partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_title {
-  grid-column: 3/span 8;
-  grid-row: 1;
-  font-weight: 500;
-  font-size: 0.6rem;
-  margin-left: 1rem;
-}
-@media (max-width: 810px) {
-  .partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_title {
-    margin-left: 0;
-  }
-}
-.partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_body {
-  grid-column: 3/span 8;
-  grid-row: 2;
-  margin-left: 1rem;
-}
-@media (max-width: 810px) {
-  .partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_body {
-    margin-left: 0;
-  }
-}
-.partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_field_lien {
-  grid-column: 3/span 8;
-  grid-row: 3;
-  border-bottom: 2px solid rgb(7, 50, 194);
-  width: fit-content;
-  padding-bottom: 0.5rem;
-  margin-left: 1rem;
-}
-@media (max-width: 810px) {
-  .partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_field_lien {
-    margin-left: 0;
-  }
-}
-.partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_field_lien a {
-  display: inline-flex;
-  align-items: center;
-}
-.partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_field_lien a svg {
+#home .content_container #block-quartiers-de-demain-titredepage {
   display: none;
 }
-.partenaires .layout-content .content_container .views-element-container .node-type-partenaire .field_field_lien a::before {
-  display: inline-block;
-  content: url("../img/noun-arrow-to-right.svg");
-  padding-right: 0.5rem;
-  padding-top: 0.2rem;
-}
-
-#presentation, #home {
-  width: 100%;
-  display: grid;
-  grid-template-columns: repeat(12, 1fr);
-  padding-top: 3rem;
-}
-#presentation #block-quartiers-de-demain-views-block-statics-fields-block-1, #home #block-quartiers-de-demain-views-block-statics-fields-block-1 {
-  order: 2;
-  border-top: 2px solid rgb(7, 50, 194);
-  padding-top: 0.3rem;
-}
-#presentation #block-quartiers-de-demain-views-block-statics-fields-block-1 .views-field-field-pieces-jointes, #home #block-quartiers-de-demain-views-block-statics-fields-block-1 .views-field-field-pieces-jointes {
+#home article.node-type-static .field_body {
+  width: 90vw;
+  margin: auto;
   display: flex;
   flex-direction: row;
+  flex-wrap: wrap;
 }
-#presentation #block-quartiers-de-demain-views-block-statics-fields-block-1 .views-field-field-pieces-jointes::before, #home #block-quartiers-de-demain-views-block-statics-fields-block-1 .views-field-field-pieces-jointes::before {
-  content: url(../img/noun-arrow-download.svg);
-  padding-right: 0.3rem;
+#home article.node-type-static .field_body > p:nth-child(1) {
+  margin-bottom: 0;
+  flex: 1 100%;
+  font-size: 2.5rem;
 }
-#presentation #block-quartiers-de-demain-views-block-statics-fields-block-1 .views-field-field-pieces-jointes .field-content, #home #block-quartiers-de-demain-views-block-statics-fields-block-1 .views-field-field-pieces-jointes .field-content {
-  display: flex;
-  flex-direction: column;
-  font-size: 0.5rem;
+#home article.node-type-static .field_body > p:nth-child(2),
+#home article.node-type-static .field_body p:nth-child(3) {
+  flex: 1;
+  padding: 1rem;
+}
+#home article.node-type-static .field_body > p:nth-child(2) {
+  padding-left: 15rem;
+}
+#home article.node-type-static #paragraph-id--1 {
+  background-color: #edefe8;
+  padding-top: 4rem;
+}
+#home article.node-type-static #paragraph-id--1 .field_field_picto {
+  display: none;
+}
+#home article.node-type-static #paragraph-id--1 .field_field_title {
+  width: fit-content;
+  margin: auto;
+  font-size: 2.5rem;
   font-weight: 800;
 }
-#presentation #block-quartiers-de-demain-views-block-statics-fields-block-1 .views-field-field-pieces-jointes .field-content span, #home #block-quartiers-de-demain-views-block-statics-fields-block-1 .views-field-field-pieces-jointes .field-content span {
-  font-weight: 600;
+#home article.node-type-static #paragraph-id--1 .field_field_texte {
+  width: 65%;
+  margin: auto;
 }
-#presentation .layout-content, #home .layout-content {
-  grid-row: 1;
-  order: 2;
-}
-@media (max-width: 500px) {
-  #presentation .layout-content, #home .layout-content {
-    padding-top: 50px;
-  }
-}
-#presentation .layout-content .content_container, #home .layout-content .content_container {
+#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto {
   display: flex;
-  margin-bottom: 0;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: flex-start;
 }
-#presentation .layout-content .content_container #block-quartiers-de-demain-titredepage, #home .layout-content .content_container #block-quartiers-de-demain-titredepage {
-  display: none;
+#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto h3 {
+  flex: 1 90%;
+  color: #0833c2;
+  font-size: 1.5rem;
+  padding-right: 3rem;
 }
-#presentation .layout-content .content_container article.node-type-static, #home .layout-content .content_container article.node-type-static {
-  width: 100%;
-}
-#presentation .layout-content .content_container article.node-type-static .field_body, #home .layout-content .content_container article.node-type-static .field_body {
-  padding-left: 20%;
-  padding-right: 20%;
-}
-@media (max-width: 810px) {
-  #presentation .layout-content .content_container article.node-type-static .field_body, #home .layout-content .content_container article.node-type-static .field_body {
-    padding-left: 13%;
-    padding-right: 13%;
-  }
-}
-@media (max-width: 640px) {
-  #presentation .layout-content .content_container article.node-type-static .field_body, #home .layout-content .content_container article.node-type-static .field_body {
-    padding-left: 10%;
-    padding-right: 10%;
-  }
-}
-#presentation .layout-content .content_container article.node-type-static .field_body h2, #home .layout-content .content_container article.node-type-static .field_body h2 {
-  font-size: 0.8rem;
-  font-weight: 600;
-  margin-bottom: 0;
-}
-#presentation .layout-content .content_container article.node-type-static .field_body img, #home .layout-content .content_container article.node-type-static .field_body img {
-  width: 100%;
-  height: auto;
-}
-#presentation .layout-content .content_container article.node-type-static .paragraph, #home .layout-content .content_container article.node-type-static .paragraph {
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-  padding-left: 20%;
-  padding-right: 20%;
-}
-@media (max-width: 810px) {
-  #presentation .layout-content .content_container article.node-type-static .paragraph, #home .layout-content .content_container article.node-type-static .paragraph {
-    padding-left: 13%;
-    padding-right: 13%;
-  }
-}
-@media (max-width: 640px) {
-  #presentation .layout-content .content_container article.node-type-static .paragraph, #home .layout-content .content_container article.node-type-static .paragraph {
-    padding-left: 10%;
-    padding-right: 10%;
-  }
-}
-#presentation .layout-content .content_container article.node-type-static .field_field_textes .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes .field_field_title {
-  text-transform: uppercase;
-  font-size: 1rem;
-  font-weight: 400;
-}
-#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--1 .field_field_title, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--2 .field_field_title, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--6 .field_field_title, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_title, #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--1 .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--2 .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--6 .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_title {
-  color: rgb(7, 50, 194);
-}
-#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--3 .field_field_title, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--4 .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--3 .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--4 .field_field_title {
-  color: rgb(247, 0, 43);
-}
-#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--1, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--2, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--3, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--4, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--6, #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--1, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--2, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--3, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--4, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--6, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 {
-  background-color: rgb(232, 235, 244);
-}
-#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--1, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--2, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--3, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--4, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--1, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--2, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--3, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--4 {
-  padding-top: 1rem;
-}
-#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--1, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--2, #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--3, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--1, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--2, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--3 {
+#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p {
+  padding-right: 2rem;
   padding-bottom: 1rem;
-}
-#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7, #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--7, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 {
-  text-align: center;
-}
-#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 {
+  width: 25%;
   display: flex;
   flex-direction: column;
 }
-#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_title {
-  width: 60%;
-  margin: auto;
+#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(1)::before {
+  content: url("../img/fanion.svg");
   padding-bottom: 1rem;
+  height: 120px;
 }
-#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2), #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) {
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start !important;
-}
-@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), #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) {
-    flex-direction: column;
-  }
-}
-#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 {
-  display: flex;
-  flex-direction: column;
-  padding-right: 30px;
-  text-align: left;
-  color: rgb(7, 50, 194);
-  width: 33.3333333333vw;
-}
-@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;
-    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;
+#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(2)::before {
+  content: url("../img/pouce.svg");
   padding-bottom: 1rem;
-  margin: auto;
+  height: 120px;
 }
-@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 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: 40%;
-  }
-}
-#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 {
+#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(3)::before {
+  content: url("../img/planete.svg");
   padding-bottom: 1rem;
+  height: 120px;
 }
-#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2), #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2) {
-  display: flex;
-  flex-direction: row;
+#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(4)::before {
+  content: url("../img/puzzle.svg");
+  padding-bottom: 1rem;
+  height: 120px;
 }
-#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2).flex-start, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2).flex-start {
-  align-items: flex-start !important;
+#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(5)::before {
+  content: url("../img/cube.svg");
+  padding-bottom: 1rem;
+  height: 120px;
 }
-@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), #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2) {
-    flex-direction: column;
-  }
+#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(6)::before {
+  content: url("../img/ampoule.svg");
+  padding-bottom: 1rem;
+  height: 120px;
 }
-#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 {
-  width: 33.3333333333vw;
-  padding-right: 30px;
-  text-align: left;
+#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(7)::before {
+  content: url("../img/bonhome.svg");
+  padding-bottom: 1rem;
+  height: 120px;
 }
-@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;
-    width: 100%;
-  }
+#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(8)::before {
+  content: url("../img/feuilles.svg");
+  padding-bottom: 1rem;
+  height: 120px;
 }
-#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;
+#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(9)::before {
+  content: url("../img/calendrier.svg");
+  padding-bottom: 1rem;
+  height: 120px;
 }
-#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 {
-  height: auto;
-  float: inline-start;
-  padding-right: 0.5rem;
-}
-#presentation .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto img, #home .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto img {
-  width: 40px;
-  height: auto;
-  margin: auto;
-}
-@media (max-width: 891px) {
-  #presentation .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto img, #home .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto img {
-    width: 30px;
-  }
-}
-#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 img, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 img {
-  width: -moz-available;
-  width: 100%;
-  height: auto;
-}
-#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 img:hover, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 img:hover {
-  filter: brightness(75%);
-  transition: 0.2s;
-  cursor: url(../img/noun-loop-3037049.svg), auto;
-  cursor: zoom-in;
-  cursor: -moz-zoom-in;
-  cursor: -webkit-zoom-in;
-}
-@media (max-width: 500px) {
-  #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 img:hover, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 img:hover {
-    filter: brightness(100%);
-  }
-}
-#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 .zoom_in, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 .zoom_in {
-  -ms-transform: scale(1.7); /* IE 9 */
-  -webkit-transform: scale(1.7); /* Safari 3-8 */
-  transform: scale(1.7);
-  max-width: 100vw;
-  overflow-x: scroll;
-  position: relative;
-  z-index: 98;
-}
-#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 .zoom_in:hover, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--9 .zoom_in:hover {
-  filter: brightness(100%);
-  transition: 0.2s;
-  overflow-x: scroll;
-  cursor: zoom-out;
-  cursor: -moz-zoom-out;
-  cursor: -webkit-zoom-out;
-}
-
-.presentation footer span.totop {
-  display: inline-flex;
-  width: 100vw;
-  background: rgb(232, 235, 244);
-}
-
-.node-type-static .layout-content {
-  grid-row: 1;
-}
-.node-type-static .layout-content .content_container {
-  margin-bottom: 3rem;
-}
-.node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage {
-  grid-column: 3/span 9;
-  grid-row: 1;
-  margin-top: 3rem;
-}
-@media (max-width: 500px) {
-  .node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage {
-    margin-top: 1rem;
-    grid-column: 2/span 9;
-  }
-}
-.node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
-  text-transform: uppercase;
-  color: rgb(247, 0, 43);
-  font-size: 1.6rem;
-  font-weight: 300;
-}
-.node-type-static .layout-content .content_container article.node-type-static {
-  grid-column: 3/span 9;
-  grid-row: 2;
-}
-@media (max-width: 500px) {
-  .node-type-static .layout-content .content_container article.node-type-static {
-    grid-column: 2/span 9;
-  }
-}
-.node-type-static .layout-content .content_container article.node-type-static div.field_body h2 {
-  font-size: 0.8rem;
-  font-weight: 600;
-  margin-bottom: 0;
-}
-.node-type-static .layout-content .content_container article.node-type-static div.field_body p {
-  margin-top: 0;
+#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto p:nth-of-type(10)::before {
+  content: url("../img/crayons.svg");
+  padding-bottom: 1rem;
+  height: 120px;
 }
\ No newline at end of file
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/EPAU_QUARTIERSDEDEAMIN_WEB_21juin.pdf b/web/themes/custom/quartiers_de_demain/dist/assets/img/EPAU_QUARTIERSDEDEAMIN_WEB_21juin.pdf
new file mode 100644
index 0000000..19a529b
Binary files /dev/null and b/web/themes/custom/quartiers_de_demain/dist/assets/img/EPAU_QUARTIERSDEDEAMIN_WEB_21juin.pdf differ
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/ampoule.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/ampoule.svg
new file mode 100644
index 0000000..48ec2a2
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/ampoule.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="115.54132"
+   height="113.3667"
+   viewBox="0 0 115.54132 113.3667"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath343">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-515.30801,-5334.3868)"
+         id="path343" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-614.57068,-4799.1485)">
+    <path
+       id="path342"
+       d="m 0,0 v -2.49 c 0,-1.372 -0.623,-2.658 -1.708,-3.753 0.215,-0.507 0.328,-1.043 0.328,-1.596 0,-1.4 -0.736,-2.696 -1.979,-3.747 0.021,-0.152 0.031,-0.302 0.031,-0.46 0,-2.885 -3.827,-5.227 -8.55,-5.227 -4.718,0 -8.549,2.342 -8.549,5.227 0,0.158 0.014,0.308 0.035,0.46 -1.247,1.056 -1.979,2.347 -1.979,3.747 0,0.553 0.113,1.089 0.324,1.596 -1.085,1.095 -1.708,2.381 -1.708,3.753 V 0 m 35.242,22.912 c 0,12.907 -10.462,23.368 -23.365,23.368 -12.902,0 -23.36,-10.461 -23.36,-23.368 0,-8.535 4.574,-16 11.405,-20.077 V 0 c 0,0 2.479,-2.291 11.896,-2.291 C -2.525,-2.291 0.081,0 0.081,0 v 2.835 c 6.831,4.077 11.406,11.542 11.406,20.077 z m -22.414,41.84 V 52.163 m 20.663,-8.454 8.769,8.767 m -0.25,-29.564 h 12.521 m -62.616,20.797 -8.765,8.767 m 0.25,-29.564 H -52.88"
+       style="fill:none;stroke:#0833c2;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,687.07733,4887.4844)"
+       clip-path="url(#clipPath343)" />
+  </g>
+</svg>
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/bonhome.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/bonhome.svg
new file mode 100644
index 0000000..9061b4b
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/bonhome.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="75.368286"
+   height="114.56152"
+   viewBox="0 0 75.368286 114.56152"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath350">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-821.76422,-5384.3888)"
+         id="path350" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-1074.2467,-4797.9551)">
+    <path
+       id="path349"
+       d="m 0,0 c 3.94,0 7.962,3.707 7.962,7.64 0,3.922 -3.829,7.923 -7.776,7.923 -3.943,0 -7.858,-4.095 -7.858,-8.021 C -7.672,3.615 -3.948,0 0,0 Z m 15.534,-12.037 c 0,3.857 0.257,3.484 0,5.892 -0.986,2.948 -2.956,3.929 -4.93,3.929 H 1.728 c -3.958,0 -5.878,0.008 -9.825,0.008 -1.975,0 -3.259,0.134 -4.719,-1.192 -1.997,-2.251 -1.798,-2.451 -1.798,-8.729 v -11.992 c 0,-3.104 -0.527,-7.929 2.596,-7.929 2.955,0 2.931,2.099 2.931,5.234 0,4.424 -0.011,5.576 -0.011,8.188 0,2.857 -0.165,3.344 0.414,3.344 0.583,0 0.578,-0.035 0.578,-3.074 0,-2.812 -0.023,-42.45 -0.023,-44.739 0,-1.965 1.05,-4.064 4.017,-4.064 2.964,0 4.2,1.72 4.2,3.684 v 20.623 c 0,1.964 0.07,2.916 0.556,2.916 0.497,0 0.43,-0.952 0.43,-2.916 v -20.623 c 0,-1.222 1.303,-3.874 4.26,-3.874 1.973,0 3.789,2.525 3.789,3.835 0,7.854 0.042,42.807 0.042,45.275 0,1.337 -0.109,3.041 0.389,3.041 0.503,0 0.499,-0.456 0.499,-2.393 v -7.56 c 0,-5.164 0.802,-6.522 2.771,-6.522 2.96,0 2.71,5.044 2.71,7.854 z m 19.57,20.579 c 1.098,0 2.025,-0.367 2.781,-1.1 0.76,-0.736 1.137,-1.645 1.137,-2.742 0,-1.052 -0.377,-1.956 -1.137,-2.709 C 37.129,1.238 36.202,0.856 35.104,0.856 h -3.291 v -3.273 c 0,-1.094 -0.379,-2.018 -1.132,-2.769 -0.757,-0.756 -1.666,-1.131 -2.725,-1.131 -1.097,0 -2.014,0.375 -2.755,1.131 -0.734,0.751 -1.102,1.675 -1.102,2.769 v 3.273 h -3.35 c -1.099,0 -2.005,0.382 -2.723,1.135 -0.718,0.753 -1.08,1.657 -1.08,2.709 0,1.097 0.362,2.006 1.08,2.742 0.718,0.733 1.624,1.1 2.723,1.1 h 3.35 v 3.335 c 0,1.093 0.368,2.009 1.102,2.743 0.741,0.735 1.658,1.1 2.755,1.1 1.059,0 1.968,-0.365 2.725,-1.1 0.753,-0.734 1.132,-1.65 1.132,-2.743 V 8.542 Z"
+       style="fill:none;stroke:#0833c2;stroke-width:2.85;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1095.6856,4820.8151)"
+       clip-path="url(#clipPath350)" />
+  </g>
+</svg>
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/calendrier.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/calendrier.svg
new file mode 100644
index 0000000..07ef11a
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/calendrier.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="126.14136"
+   height="114.36377"
+   viewBox="0 0 126.14136 114.36377"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath356">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-554.03422,-5086.2145)"
+         id="path356" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-614.57092,-5176.0743)">
+    <path
+       id="path355"
+       d="m 0,0 v -47.56 c 0,-2.741 -2.245,-4.983 -4.985,-4.983 h -81.636 c -2.742,0 -4.985,2.242 -4.985,4.983 V 0 m 62.635,-8.659 h 14.144 m 0,-15.716 h -14.144 m 14.144,-15.449 h -14.144 m -44.154,31.165 h 14.144 m 0,-15.716 h -14.144 m 14.144,-15.449 h -14.144 m 22.374,31.165 h 14.144 m 0,-15.716 h -14.144 m 14.144,-15.449 H -50.751 M -4.985,22.03 C -2.245,22.03 0,19.786 0,17.046 V -0.196 h -91.606 v 17.242 c 0,2.74 2.243,4.984 4.985,4.984 z M -26.601,13.184 V 30.23 M -63.891,13.184 V 30.23"
+       style="fill:none;stroke:#0833c2;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,738.71227,5218.3808)"
+       clip-path="url(#clipPath356)" />
+  </g>
+</svg>
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/crayons.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/crayons.svg
new file mode 100644
index 0000000..3b1b6fa
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/crayons.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="71.040039"
+   height="99.820801"
+   viewBox="0 0 71.040039 99.820799"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath362">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-828.38485,-5079.4957)"
+         id="path362" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-1074.2544,-5176.0743)">
+    <path
+       id="path361"
+       d="M 0,0 -11.241,34.311 -21.073,0.005 M 0.079,-34.917 0.101,-1.66 -1.413,1.81 -5.216,-1.663 m -5.682,0.005 -3.175,3.468 -2.218,-3.47 m -0.015,-33.257 0.015,33.257 -3.986,3.472 -0.895,-3.47 -0.022,-33.259 m 15.96,0 0.018,33.254 -2.846,3.473 -2.836,-3.468 -0.022,-33.259 m -3.317,58.773 h 6.461 M 26.823,8.961 C 25.88,-1.532 22.655,0.934 19.256,0.934 c -3.327,0 -6.421,-2.348 -7.564,8.025 -1.137,10.327 7.564,27.99 7.564,27.99 0,0 8.496,-17.649 7.567,-27.988 z M 14.578,1.101 10.043,-34.917 m 19.043,0 L 24.6,1.396"
+       style="fill:none;stroke:#0833c2;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1104.5131,5227.3392)"
+       clip-path="url(#clipPath362)" />
+  </g>
+</svg>
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/cube.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/cube.svg
new file mode 100644
index 0000000..341ea39
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/cube.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="120.29468"
+   height="111.03076"
+   viewBox="0 0 120.29468 111.03076"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath318">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-850.5415,-6103.4152)"
+         id="path318" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-1073.6406,-3860.1133)">
+    <path
+       id="path317"
+       d="M 0,0 3.102,-3.103 M 0.003,0 -3.101,-3.103 m 2.893,-74.578 -33.628,14.214 v 37.148 m 67.257,0 -33.627,14.212 -33.63,-14.212 33.628,-14.22 z m 0,0 V -63.467 L -0.206,-77.681 m -2.593,0 c 0,1.432 1.159,2.589 2.592,2.589 1.431,0 2.588,-1.157 2.588,-2.589 0,-1.432 -1.157,-2.592 -2.588,-2.592 -1.433,0 -2.592,1.16 -2.592,2.592 z m 2.591,0 v 75.503 m 33.629,-61.289 9.987,4.228 m 0,0 -1.73,-4.164 m 1.732,4.16 -4.159,1.726 m -73.076,-5.95 -9.985,4.228 m 0,0 1.731,-4.164 m -1.732,4.16 4.159,1.726"
+       style="fill:none;stroke:#0833c2;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1134.0553,3862.1133)"
+       clip-path="url(#clipPath318)" />
+  </g>
+</svg>
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/fanion.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/fanion.svg
new file mode 100644
index 0000000..4b32d7e
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/fanion.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="78.958679"
+   height="110.33325"
+   viewBox="0 0 78.958679 110.33325"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="g1"
+     transform="translate(-610.67725,-3447.7352)">
+    <path
+       id="path312"
+       d="M 0,0 V -79.75 L 28.106,-59.763 56.219,-79.75 V 0 m -28.113,-14.65 5.332,-10.792 11.911,-1.732 -8.617,-8.403 2.03,-11.866 -10.656,5.602 -10.653,-5.602 2.034,11.866 -8.617,8.403 11.91,1.732 z"
+       style="fill:none;stroke:#0833c2;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,612.6772,3449.7351)" />
+  </g>
+</svg>
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/feuilles.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/feuilles.svg
new file mode 100644
index 0000000..b7e5647
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/feuilles.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="94.244873"
+   height="100.66504"
+   viewBox="0 0 94.244873 100.66504"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath341">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1189.9425,-5317.1983)"
+         id="path341" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-1533.9681,-4811.8507)">
+    <path
+       id="path340"
+       d="M 0,0 C 5.415,-0.811 10.384,4.324 12.829,8.974 M 24.863,45.295 C 15.646,35.651 6.878,35.791 3.311,26.644 0.642,19.8 4.028,12.085 10.876,9.416 c 6.845,-2.67 14.559,0.716 17.228,7.563 4.922,12.623 -3.241,28.316 -3.241,28.316 z m -56.782,6.86 C -35.93,48.427 -35.004,41.164 -32.898,36.353 M -12.024,4.468 c -1.787,13.219 3.79,19.986 -1.132,28.479 -3.688,6.357 -11.829,8.52 -18.184,4.834 -6.358,-3.686 -8.522,-11.827 -4.836,-18.184 C -29.38,7.878 -12.024,4.468 -12.024,4.468 Z m 35.211,47.931 c -1.211,5.337 -7.828,8.337 -13.048,8.931 m -38.183,-2.222 c 12.33,-5.083 15.385,-13.303 25.203,-13.303 7.348,0 13.305,5.956 13.305,13.306 0,7.346 -5.957,13.303 -13.305,13.303 -13.55,0 -25.203,-13.306 -25.203,-13.306 z"
+       style="fill:none;stroke:#0833c2;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1586.5899,4910.4024)"
+       clip-path="url(#clipPath341)" />
+  </g>
+</svg>
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/planete.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/planete.svg
new file mode 100644
index 0000000..94da261
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/planete.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="97.911987"
+   height="97.911865"
+   viewBox="0 0 97.911987 97.911864"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath320">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1221.882,-6366.467)"
+         id="path320" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-1533.344,-3462.4217)">
+    <path
+       id="path319"
+       d="m 0,0 c 0,-19.416 -15.743,-35.157 -35.156,-35.157 -19.419,0 -35.158,15.741 -35.158,35.157 0,19.417 15.739,35.157 35.158,35.157 C -15.743,35.157 0,19.417 0,0 Z m -21.141,8.99 c 0,0 -4.561,-0.133 -6.71,1.112 0,0 -1.432,2.011 -5.458,0.288 0,0 -7.07,-4.594 -7.161,-9.184 0,0 -1.969,-9.088 5.462,-10.331 0,0 7.783,2.771 8.769,-0.479 0,0 0.266,-4.02 0.985,-4.881 0,0 1.16,-1.847 1.071,-2.962 0,0 -0.804,-3.731 0.27,-6.604 0,0 0.716,-2.489 0.629,-3.255 0,0 6.801,2.107 8.944,8.996 0,0 1.256,4.785 1.347,6.026 0,0 1.786,5.547 2.234,7.27 0,0 1.612,5.168 -1.074,4.498 0,0 -1.881,1.912 -3.22,3.348 -1.343,1.437 -5.369,5.683 -6.088,6.158 z m 17.516,6.334 c 0,0 -2.662,-0.344 -3.333,-0.235 -0.68,0.113 -4.048,2.223 -4.268,1.669 -0.227,-0.557 4.268,-11.667 1.794,-9.664 l -9.433,8.662 c 0,0 2.018,1.776 1.349,2.781 -0.677,0.998 -2.134,-0.337 -3.371,-0.337 -1.234,0 -2.92,-1 -3.594,-0.109 -0.673,0.889 -1.124,0.667 -1.796,0.109 -0.677,-0.555 -1.911,-1.442 -2.025,-0.888 -0.11,0.556 -2.132,0.333 -2.247,0.888 -0.109,0.558 -4.378,-2.444 -5.167,-2.444 -0.783,0 -2.805,-0.442 -3.142,0.225 -0.334,0.665 -1.009,2.888 -0.334,3.554 0.671,0.668 3.969,-0.036 3.816,0.777 -0.152,0.815 -0.543,2.604 -0.046,2.856 0.495,0.255 1.844,3.142 2.741,3.477 0.897,0.336 3.26,-0.887 3.598,-0.112 0,0 0.109,2.333 -0.338,2.669 -0.453,0.332 1.68,2.774 1.906,3.333 0.228,0.553 -3.192,2.412 -4.205,2.412 M -69.969,0.983 c 1.233,0.555 1.608,0.67 2.695,-0.445 1.087,-1.12 2.585,-3.001 3.143,-3.997 0.561,-1.002 2.583,-2.223 2.583,-3.002 0,-0.779 -0.448,-2.667 0,-3.553 0.451,-0.892 1.126,-1.002 2.135,-1.446 1.013,-0.445 2.921,-1.112 4.043,-2.111 1.123,-1.001 2.698,-2.222 2.36,-3.558 -0.338,-1.331 -1.009,-3.33 -0.785,-4.11 0.223,-0.775 1.011,-2.109 0.114,-2.662 -0.901,-0.56 -1.577,-0.446 -1.463,-1.448 0.114,-0.997 1.239,-4.105 1.576,-4.659"
+       style="fill:none;stroke:#0833c2;stroke-width:3.12;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1629.176,3511.3776)"
+       clip-path="url(#clipPath320)" />
+  </g>
+</svg>
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/pouce.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/pouce.svg
new file mode 100644
index 0000000..eda3601
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/pouce.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="95.478638"
+   height="100.66577"
+   viewBox="0 0 95.478638 100.66577"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath314">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-819.36902,-6335.1955)"
+         id="path314" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-1072.0934,-3458.9644)">
+    <path
+       id="path313"
+       d="m 0,0 c 22.302,-4.162 34.967,-3.595 40.823,-3.025 5.864,0.565 7.752,4.532 7.752,6.612 0,2.457 0.755,3.784 1.701,4.35 4.158,3.402 2.834,4.535 1.701,6.991 -1.135,2.461 -0.755,3.215 1.133,4.917 2.234,1.892 0.946,4.537 0.189,5.478 -0.757,0.945 -1.322,1.325 -1.511,2.268 1.511,0.757 3.022,3.782 3.022,4.727 -0.187,6.425 -6.235,7.748 -6.235,7.748 H 30.429 c -1.325,0.19 -0.375,3.782 0.381,5.103 3.211,5.672 5.1,10.774 5.1,13.423 C 34.779,71.635 25.894,69.361 25.516,68.04 25.326,54.81 22.302,51.788 18.9,49.516 15.497,47.252 15.118,44.603 11.151,35.53 7.181,26.461 0.036,29.482 0.036,29.482 m -1.177,0.946 h -11.518 c -0.629,0 -1.14,-0.509 -1.14,-1.143 V -0.751 c 0,-0.628 0.511,-1.143 1.14,-1.143 h 11.518 c 0.628,0 1.141,0.515 1.141,1.143 v 30.036 c 0,0.634 -0.513,1.143 -1.141,1.143 z"
+       style="fill:none;stroke:#0833c2;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1092.492,3553.0729)"
+       clip-path="url(#clipPath314)" />
+  </g>
+</svg>
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/puzzle.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/puzzle.svg
new file mode 100644
index 0000000..5b596af
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/puzzle.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="110.33337"
+   height="110.32935"
+   viewBox="0 0 110.33337 110.32935"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath316">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-539.69531,-6054.3625)"
+         id="path316" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-611.26038,-3872.3477)">
+    <path
+       id="path315"
+       d="M 0,0 C 0,22.025 -17.854,39.877 -39.875,39.877 -61.897,39.877 -79.75,22.025 -79.75,0 c 0,-22.018 17.853,-39.87 39.875,-39.87 C -17.854,-39.87 0,-22.018 0,0 Z m -39.745,-39.712 v 6.878 c 0.182,0.547 2.361,1.272 2.361,1.272 1.271,0 5.814,-1.087 5.814,-1.087 4.722,-0.548 6.357,2.722 6.357,2.722 0.362,0.95 0.56,1.873 0.648,2.742 l 0.053,0.971 c 0.031,3.457 -1.609,5.918 -1.609,5.918 -2.18,3.814 -8.901,0.725 -8.901,0.725 -3.997,-2.363 -4.723,-0.366 -4.723,-0.366 v 5.814 14.714 h -18.892 c 0,0 -3.27,0.181 -3.27,-2.179 0,0 -0.907,-2.725 2.18,-4.542 0,0 2.725,-3.995 -0.727,-6.539 0,0 -5.268,-5.63 -12.534,-0.544 0,0 -3.997,2.179 0.182,8.9 0,0 2.543,4.723 -1.454,4.904 h -5.489 c 0,0 -0.001,-0.02 -0.001,-0.034 M -39.745,1.35 V 0.621 h 17.258 c 1.272,0.544 1.272,2.904 1.272,2.904 0,1.091 -2.907,4.179 -2.907,4.179 -1.454,3.817 1.816,6.543 1.816,6.543 3.27,2.36 8.538,2.178 8.538,2.178 C -6.865,15.516 -7.955,9.52 -7.955,9.52 -8.137,6.979 -12.314,2.8 -12.314,2.8 -12.497,1.531 -10.681,0.621 -10.681,0.621 H 0 M -39.745,0.034 v 15.623 c 0.726,3.817 4.905,0.544 4.905,0.544 5.267,-2.36 7.992,0.728 7.992,0.728 1.817,1.453 1.635,7.63 1.635,7.63 -0.363,4.542 -4.905,4.542 -4.905,4.542 -0.725,0 -5.632,-1.467 -5.632,-1.467 -3.545,0.544 -4.089,4.905 -4.089,4.905 v 7.335 c -0.013,0 -0.024,0.003 -0.036,0.003 -0.017,0 -0.034,-0.003 -0.052,-0.003"
+       style="fill:none;stroke:#0833c2;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,719.59373,3927.5169)"
+       clip-path="url(#clipPath316)" />
+  </g>
+</svg>
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/img/EPAU_QUARTIERSDEDEAMIN_WEB_21juin.pdf b/web/themes/custom/quartiers_de_demain/src/assets/img/EPAU_QUARTIERSDEDEAMIN_WEB_21juin.pdf
new file mode 100644
index 0000000..19a529b
Binary files /dev/null and b/web/themes/custom/quartiers_de_demain/src/assets/img/EPAU_QUARTIERSDEDEAMIN_WEB_21juin.pdf differ
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/img/ampoule.svg b/web/themes/custom/quartiers_de_demain/src/assets/img/ampoule.svg
new file mode 100644
index 0000000..48ec2a2
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/src/assets/img/ampoule.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="115.54132"
+   height="113.3667"
+   viewBox="0 0 115.54132 113.3667"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath343">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-515.30801,-5334.3868)"
+         id="path343" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-614.57068,-4799.1485)">
+    <path
+       id="path342"
+       d="m 0,0 v -2.49 c 0,-1.372 -0.623,-2.658 -1.708,-3.753 0.215,-0.507 0.328,-1.043 0.328,-1.596 0,-1.4 -0.736,-2.696 -1.979,-3.747 0.021,-0.152 0.031,-0.302 0.031,-0.46 0,-2.885 -3.827,-5.227 -8.55,-5.227 -4.718,0 -8.549,2.342 -8.549,5.227 0,0.158 0.014,0.308 0.035,0.46 -1.247,1.056 -1.979,2.347 -1.979,3.747 0,0.553 0.113,1.089 0.324,1.596 -1.085,1.095 -1.708,2.381 -1.708,3.753 V 0 m 35.242,22.912 c 0,12.907 -10.462,23.368 -23.365,23.368 -12.902,0 -23.36,-10.461 -23.36,-23.368 0,-8.535 4.574,-16 11.405,-20.077 V 0 c 0,0 2.479,-2.291 11.896,-2.291 C -2.525,-2.291 0.081,0 0.081,0 v 2.835 c 6.831,4.077 11.406,11.542 11.406,20.077 z m -22.414,41.84 V 52.163 m 20.663,-8.454 8.769,8.767 m -0.25,-29.564 h 12.521 m -62.616,20.797 -8.765,8.767 m 0.25,-29.564 H -52.88"
+       style="fill:none;stroke:#0833c2;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,687.07733,4887.4844)"
+       clip-path="url(#clipPath343)" />
+  </g>
+</svg>
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/img/bonhome.svg b/web/themes/custom/quartiers_de_demain/src/assets/img/bonhome.svg
new file mode 100644
index 0000000..9061b4b
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/src/assets/img/bonhome.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="75.368286"
+   height="114.56152"
+   viewBox="0 0 75.368286 114.56152"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath350">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-821.76422,-5384.3888)"
+         id="path350" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-1074.2467,-4797.9551)">
+    <path
+       id="path349"
+       d="m 0,0 c 3.94,0 7.962,3.707 7.962,7.64 0,3.922 -3.829,7.923 -7.776,7.923 -3.943,0 -7.858,-4.095 -7.858,-8.021 C -7.672,3.615 -3.948,0 0,0 Z m 15.534,-12.037 c 0,3.857 0.257,3.484 0,5.892 -0.986,2.948 -2.956,3.929 -4.93,3.929 H 1.728 c -3.958,0 -5.878,0.008 -9.825,0.008 -1.975,0 -3.259,0.134 -4.719,-1.192 -1.997,-2.251 -1.798,-2.451 -1.798,-8.729 v -11.992 c 0,-3.104 -0.527,-7.929 2.596,-7.929 2.955,0 2.931,2.099 2.931,5.234 0,4.424 -0.011,5.576 -0.011,8.188 0,2.857 -0.165,3.344 0.414,3.344 0.583,0 0.578,-0.035 0.578,-3.074 0,-2.812 -0.023,-42.45 -0.023,-44.739 0,-1.965 1.05,-4.064 4.017,-4.064 2.964,0 4.2,1.72 4.2,3.684 v 20.623 c 0,1.964 0.07,2.916 0.556,2.916 0.497,0 0.43,-0.952 0.43,-2.916 v -20.623 c 0,-1.222 1.303,-3.874 4.26,-3.874 1.973,0 3.789,2.525 3.789,3.835 0,7.854 0.042,42.807 0.042,45.275 0,1.337 -0.109,3.041 0.389,3.041 0.503,0 0.499,-0.456 0.499,-2.393 v -7.56 c 0,-5.164 0.802,-6.522 2.771,-6.522 2.96,0 2.71,5.044 2.71,7.854 z m 19.57,20.579 c 1.098,0 2.025,-0.367 2.781,-1.1 0.76,-0.736 1.137,-1.645 1.137,-2.742 0,-1.052 -0.377,-1.956 -1.137,-2.709 C 37.129,1.238 36.202,0.856 35.104,0.856 h -3.291 v -3.273 c 0,-1.094 -0.379,-2.018 -1.132,-2.769 -0.757,-0.756 -1.666,-1.131 -2.725,-1.131 -1.097,0 -2.014,0.375 -2.755,1.131 -0.734,0.751 -1.102,1.675 -1.102,2.769 v 3.273 h -3.35 c -1.099,0 -2.005,0.382 -2.723,1.135 -0.718,0.753 -1.08,1.657 -1.08,2.709 0,1.097 0.362,2.006 1.08,2.742 0.718,0.733 1.624,1.1 2.723,1.1 h 3.35 v 3.335 c 0,1.093 0.368,2.009 1.102,2.743 0.741,0.735 1.658,1.1 2.755,1.1 1.059,0 1.968,-0.365 2.725,-1.1 0.753,-0.734 1.132,-1.65 1.132,-2.743 V 8.542 Z"
+       style="fill:none;stroke:#0833c2;stroke-width:2.85;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1095.6856,4820.8151)"
+       clip-path="url(#clipPath350)" />
+  </g>
+</svg>
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/img/calendrier.svg b/web/themes/custom/quartiers_de_demain/src/assets/img/calendrier.svg
new file mode 100644
index 0000000..07ef11a
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/src/assets/img/calendrier.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="126.14136"
+   height="114.36377"
+   viewBox="0 0 126.14136 114.36377"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath356">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-554.03422,-5086.2145)"
+         id="path356" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-614.57092,-5176.0743)">
+    <path
+       id="path355"
+       d="m 0,0 v -47.56 c 0,-2.741 -2.245,-4.983 -4.985,-4.983 h -81.636 c -2.742,0 -4.985,2.242 -4.985,4.983 V 0 m 62.635,-8.659 h 14.144 m 0,-15.716 h -14.144 m 14.144,-15.449 h -14.144 m -44.154,31.165 h 14.144 m 0,-15.716 h -14.144 m 14.144,-15.449 h -14.144 m 22.374,31.165 h 14.144 m 0,-15.716 h -14.144 m 14.144,-15.449 H -50.751 M -4.985,22.03 C -2.245,22.03 0,19.786 0,17.046 V -0.196 h -91.606 v 17.242 c 0,2.74 2.243,4.984 4.985,4.984 z M -26.601,13.184 V 30.23 M -63.891,13.184 V 30.23"
+       style="fill:none;stroke:#0833c2;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,738.71227,5218.3808)"
+       clip-path="url(#clipPath356)" />
+  </g>
+</svg>
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/img/crayons.svg b/web/themes/custom/quartiers_de_demain/src/assets/img/crayons.svg
new file mode 100644
index 0000000..3b1b6fa
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/src/assets/img/crayons.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="71.040039"
+   height="99.820801"
+   viewBox="0 0 71.040039 99.820799"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath362">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-828.38485,-5079.4957)"
+         id="path362" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-1074.2544,-5176.0743)">
+    <path
+       id="path361"
+       d="M 0,0 -11.241,34.311 -21.073,0.005 M 0.079,-34.917 0.101,-1.66 -1.413,1.81 -5.216,-1.663 m -5.682,0.005 -3.175,3.468 -2.218,-3.47 m -0.015,-33.257 0.015,33.257 -3.986,3.472 -0.895,-3.47 -0.022,-33.259 m 15.96,0 0.018,33.254 -2.846,3.473 -2.836,-3.468 -0.022,-33.259 m -3.317,58.773 h 6.461 M 26.823,8.961 C 25.88,-1.532 22.655,0.934 19.256,0.934 c -3.327,0 -6.421,-2.348 -7.564,8.025 -1.137,10.327 7.564,27.99 7.564,27.99 0,0 8.496,-17.649 7.567,-27.988 z M 14.578,1.101 10.043,-34.917 m 19.043,0 L 24.6,1.396"
+       style="fill:none;stroke:#0833c2;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1104.5131,5227.3392)"
+       clip-path="url(#clipPath362)" />
+  </g>
+</svg>
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/img/cube.svg b/web/themes/custom/quartiers_de_demain/src/assets/img/cube.svg
new file mode 100644
index 0000000..341ea39
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/src/assets/img/cube.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="120.29468"
+   height="111.03076"
+   viewBox="0 0 120.29468 111.03076"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath318">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-850.5415,-6103.4152)"
+         id="path318" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-1073.6406,-3860.1133)">
+    <path
+       id="path317"
+       d="M 0,0 3.102,-3.103 M 0.003,0 -3.101,-3.103 m 2.893,-74.578 -33.628,14.214 v 37.148 m 67.257,0 -33.627,14.212 -33.63,-14.212 33.628,-14.22 z m 0,0 V -63.467 L -0.206,-77.681 m -2.593,0 c 0,1.432 1.159,2.589 2.592,2.589 1.431,0 2.588,-1.157 2.588,-2.589 0,-1.432 -1.157,-2.592 -2.588,-2.592 -1.433,0 -2.592,1.16 -2.592,2.592 z m 2.591,0 v 75.503 m 33.629,-61.289 9.987,4.228 m 0,0 -1.73,-4.164 m 1.732,4.16 -4.159,1.726 m -73.076,-5.95 -9.985,4.228 m 0,0 1.731,-4.164 m -1.732,4.16 4.159,1.726"
+       style="fill:none;stroke:#0833c2;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1134.0553,3862.1133)"
+       clip-path="url(#clipPath318)" />
+  </g>
+</svg>
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/img/fanion.svg b/web/themes/custom/quartiers_de_demain/src/assets/img/fanion.svg
new file mode 100644
index 0000000..4b32d7e
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/src/assets/img/fanion.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="78.958679"
+   height="110.33325"
+   viewBox="0 0 78.958679 110.33325"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="g1"
+     transform="translate(-610.67725,-3447.7352)">
+    <path
+       id="path312"
+       d="M 0,0 V -79.75 L 28.106,-59.763 56.219,-79.75 V 0 m -28.113,-14.65 5.332,-10.792 11.911,-1.732 -8.617,-8.403 2.03,-11.866 -10.656,5.602 -10.653,-5.602 2.034,11.866 -8.617,8.403 11.91,1.732 z"
+       style="fill:none;stroke:#0833c2;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,612.6772,3449.7351)" />
+  </g>
+</svg>
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/img/feuilles.svg b/web/themes/custom/quartiers_de_demain/src/assets/img/feuilles.svg
new file mode 100644
index 0000000..b7e5647
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/src/assets/img/feuilles.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="94.244873"
+   height="100.66504"
+   viewBox="0 0 94.244873 100.66504"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath341">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1189.9425,-5317.1983)"
+         id="path341" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-1533.9681,-4811.8507)">
+    <path
+       id="path340"
+       d="M 0,0 C 5.415,-0.811 10.384,4.324 12.829,8.974 M 24.863,45.295 C 15.646,35.651 6.878,35.791 3.311,26.644 0.642,19.8 4.028,12.085 10.876,9.416 c 6.845,-2.67 14.559,0.716 17.228,7.563 4.922,12.623 -3.241,28.316 -3.241,28.316 z m -56.782,6.86 C -35.93,48.427 -35.004,41.164 -32.898,36.353 M -12.024,4.468 c -1.787,13.219 3.79,19.986 -1.132,28.479 -3.688,6.357 -11.829,8.52 -18.184,4.834 -6.358,-3.686 -8.522,-11.827 -4.836,-18.184 C -29.38,7.878 -12.024,4.468 -12.024,4.468 Z m 35.211,47.931 c -1.211,5.337 -7.828,8.337 -13.048,8.931 m -38.183,-2.222 c 12.33,-5.083 15.385,-13.303 25.203,-13.303 7.348,0 13.305,5.956 13.305,13.306 0,7.346 -5.957,13.303 -13.305,13.303 -13.55,0 -25.203,-13.306 -25.203,-13.306 z"
+       style="fill:none;stroke:#0833c2;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1586.5899,4910.4024)"
+       clip-path="url(#clipPath341)" />
+  </g>
+</svg>
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/img/planete.svg b/web/themes/custom/quartiers_de_demain/src/assets/img/planete.svg
new file mode 100644
index 0000000..94da261
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/src/assets/img/planete.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="97.911987"
+   height="97.911865"
+   viewBox="0 0 97.911987 97.911864"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath320">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1221.882,-6366.467)"
+         id="path320" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-1533.344,-3462.4217)">
+    <path
+       id="path319"
+       d="m 0,0 c 0,-19.416 -15.743,-35.157 -35.156,-35.157 -19.419,0 -35.158,15.741 -35.158,35.157 0,19.417 15.739,35.157 35.158,35.157 C -15.743,35.157 0,19.417 0,0 Z m -21.141,8.99 c 0,0 -4.561,-0.133 -6.71,1.112 0,0 -1.432,2.011 -5.458,0.288 0,0 -7.07,-4.594 -7.161,-9.184 0,0 -1.969,-9.088 5.462,-10.331 0,0 7.783,2.771 8.769,-0.479 0,0 0.266,-4.02 0.985,-4.881 0,0 1.16,-1.847 1.071,-2.962 0,0 -0.804,-3.731 0.27,-6.604 0,0 0.716,-2.489 0.629,-3.255 0,0 6.801,2.107 8.944,8.996 0,0 1.256,4.785 1.347,6.026 0,0 1.786,5.547 2.234,7.27 0,0 1.612,5.168 -1.074,4.498 0,0 -1.881,1.912 -3.22,3.348 -1.343,1.437 -5.369,5.683 -6.088,6.158 z m 17.516,6.334 c 0,0 -2.662,-0.344 -3.333,-0.235 -0.68,0.113 -4.048,2.223 -4.268,1.669 -0.227,-0.557 4.268,-11.667 1.794,-9.664 l -9.433,8.662 c 0,0 2.018,1.776 1.349,2.781 -0.677,0.998 -2.134,-0.337 -3.371,-0.337 -1.234,0 -2.92,-1 -3.594,-0.109 -0.673,0.889 -1.124,0.667 -1.796,0.109 -0.677,-0.555 -1.911,-1.442 -2.025,-0.888 -0.11,0.556 -2.132,0.333 -2.247,0.888 -0.109,0.558 -4.378,-2.444 -5.167,-2.444 -0.783,0 -2.805,-0.442 -3.142,0.225 -0.334,0.665 -1.009,2.888 -0.334,3.554 0.671,0.668 3.969,-0.036 3.816,0.777 -0.152,0.815 -0.543,2.604 -0.046,2.856 0.495,0.255 1.844,3.142 2.741,3.477 0.897,0.336 3.26,-0.887 3.598,-0.112 0,0 0.109,2.333 -0.338,2.669 -0.453,0.332 1.68,2.774 1.906,3.333 0.228,0.553 -3.192,2.412 -4.205,2.412 M -69.969,0.983 c 1.233,0.555 1.608,0.67 2.695,-0.445 1.087,-1.12 2.585,-3.001 3.143,-3.997 0.561,-1.002 2.583,-2.223 2.583,-3.002 0,-0.779 -0.448,-2.667 0,-3.553 0.451,-0.892 1.126,-1.002 2.135,-1.446 1.013,-0.445 2.921,-1.112 4.043,-2.111 1.123,-1.001 2.698,-2.222 2.36,-3.558 -0.338,-1.331 -1.009,-3.33 -0.785,-4.11 0.223,-0.775 1.011,-2.109 0.114,-2.662 -0.901,-0.56 -1.577,-0.446 -1.463,-1.448 0.114,-0.997 1.239,-4.105 1.576,-4.659"
+       style="fill:none;stroke:#0833c2;stroke-width:3.12;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1629.176,3511.3776)"
+       clip-path="url(#clipPath320)" />
+  </g>
+</svg>
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/img/pouce.svg b/web/themes/custom/quartiers_de_demain/src/assets/img/pouce.svg
new file mode 100644
index 0000000..eda3601
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/src/assets/img/pouce.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="95.478638"
+   height="100.66577"
+   viewBox="0 0 95.478638 100.66577"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath314">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-819.36902,-6335.1955)"
+         id="path314" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-1072.0934,-3458.9644)">
+    <path
+       id="path313"
+       d="m 0,0 c 22.302,-4.162 34.967,-3.595 40.823,-3.025 5.864,0.565 7.752,4.532 7.752,6.612 0,2.457 0.755,3.784 1.701,4.35 4.158,3.402 2.834,4.535 1.701,6.991 -1.135,2.461 -0.755,3.215 1.133,4.917 2.234,1.892 0.946,4.537 0.189,5.478 -0.757,0.945 -1.322,1.325 -1.511,2.268 1.511,0.757 3.022,3.782 3.022,4.727 -0.187,6.425 -6.235,7.748 -6.235,7.748 H 30.429 c -1.325,0.19 -0.375,3.782 0.381,5.103 3.211,5.672 5.1,10.774 5.1,13.423 C 34.779,71.635 25.894,69.361 25.516,68.04 25.326,54.81 22.302,51.788 18.9,49.516 15.497,47.252 15.118,44.603 11.151,35.53 7.181,26.461 0.036,29.482 0.036,29.482 m -1.177,0.946 h -11.518 c -0.629,0 -1.14,-0.509 -1.14,-1.143 V -0.751 c 0,-0.628 0.511,-1.143 1.14,-1.143 h 11.518 c 0.628,0 1.141,0.515 1.141,1.143 v 30.036 c 0,0.634 -0.513,1.143 -1.141,1.143 z"
+       style="fill:none;stroke:#0833c2;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1092.492,3553.0729)"
+       clip-path="url(#clipPath314)" />
+  </g>
+</svg>
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/img/puzzle.svg b/web/themes/custom/quartiers_de_demain/src/assets/img/puzzle.svg
new file mode 100644
index 0000000..5b596af
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/src/assets/img/puzzle.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="110.33337"
+   height="110.32935"
+   viewBox="0 0 110.33337 110.32935"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath316">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-539.69531,-6054.3625)"
+         id="path316" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-611.26038,-3872.3477)">
+    <path
+       id="path315"
+       d="M 0,0 C 0,22.025 -17.854,39.877 -39.875,39.877 -61.897,39.877 -79.75,22.025 -79.75,0 c 0,-22.018 17.853,-39.87 39.875,-39.87 C -17.854,-39.87 0,-22.018 0,0 Z m -39.745,-39.712 v 6.878 c 0.182,0.547 2.361,1.272 2.361,1.272 1.271,0 5.814,-1.087 5.814,-1.087 4.722,-0.548 6.357,2.722 6.357,2.722 0.362,0.95 0.56,1.873 0.648,2.742 l 0.053,0.971 c 0.031,3.457 -1.609,5.918 -1.609,5.918 -2.18,3.814 -8.901,0.725 -8.901,0.725 -3.997,-2.363 -4.723,-0.366 -4.723,-0.366 v 5.814 14.714 h -18.892 c 0,0 -3.27,0.181 -3.27,-2.179 0,0 -0.907,-2.725 2.18,-4.542 0,0 2.725,-3.995 -0.727,-6.539 0,0 -5.268,-5.63 -12.534,-0.544 0,0 -3.997,2.179 0.182,8.9 0,0 2.543,4.723 -1.454,4.904 h -5.489 c 0,0 -0.001,-0.02 -0.001,-0.034 M -39.745,1.35 V 0.621 h 17.258 c 1.272,0.544 1.272,2.904 1.272,2.904 0,1.091 -2.907,4.179 -2.907,4.179 -1.454,3.817 1.816,6.543 1.816,6.543 3.27,2.36 8.538,2.178 8.538,2.178 C -6.865,15.516 -7.955,9.52 -7.955,9.52 -8.137,6.979 -12.314,2.8 -12.314,2.8 -12.497,1.531 -10.681,0.621 -10.681,0.621 H 0 M -39.745,0.034 v 15.623 c 0.726,3.817 4.905,0.544 4.905,0.544 5.267,-2.36 7.992,0.728 7.992,0.728 1.817,1.453 1.635,7.63 1.635,7.63 -0.363,4.542 -4.905,4.542 -4.905,4.542 -0.725,0 -5.632,-1.467 -5.632,-1.467 -3.545,0.544 -4.089,4.905 -4.089,4.905 v 7.335 c -0.013,0 -0.024,0.003 -0.036,0.003 -0.017,0 -0.034,-0.003 -0.052,-0.003"
+       style="fill:none;stroke:#0833c2;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,719.59373,3927.5169)"
+       clip-path="url(#clipPath316)" />
+  </g>
+</svg>
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 ab51027..78f9cbb 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
@@ -28,17 +28,17 @@ $width-menu-slidedown : 550px;
     }
     main{
         width: 100%;
-        display: grid;
-        grid-template-columns: repeat(12, 1fr);
-    }
-    .content_container{
-        display: grid;
-        grid-template-columns: repeat(12, 1fr);
+        // display: grid;
+        // grid-template-columns: repeat(12, 1fr);
     }
+    // .content_container{
+    //     display: grid;
+    //     grid-template-columns: repeat(12, 1fr);
+    // }
 }
 
 .layout-content{
-    grid-column: 1 / span 12;
+    // grid-column: 1 / span 12;
     padding-top: $header-height;   
     @media(max-width: 500px){
         padding-top: $header-height-ultrasmall;   
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
deleted file mode 100644
index 1db0b70..0000000
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/_home.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-.home footer{
-    span.totop {
-        display: inline-flex;
-        width: 100vw;
-        background: $bleu_fond_header;
-        
-    }
-}  
\ No newline at end of file
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/_home_old.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/_home_old.scss
new file mode 100644
index 0000000..4f2fe0d
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/_home_old.scss
@@ -0,0 +1,236 @@
+// .home footer{
+//     span.totop {
+//         display: inline-flex;
+//         width: 100vw;
+//         background: $bleu_fond_header;
+        
+//     }
+// }  
+
+#home{
+    width: 100%;
+    // display: grid;
+    // grid-template-columns: repeat(12, 1fr);
+    padding-top: 3rem; 
+    // #block-quartiers-de-demain-views-block-statics-fields-block-1{
+    //     order: 2;
+    //     border-top: 2px solid $blue_QDD;
+    //     padding-top: 0.3rem;
+    //     .views-field-field-pieces-jointes{
+    //         display: flex;
+    //         flex-direction: row;
+    //         &::before{
+    //             content: url(../img/noun-arrow-download.svg);
+    //             padding-right: 00.3rem;
+    //         }
+    //         .field-content{
+    //             display: flex;
+    //             flex-direction: column;
+    //             font-size: 0.5rem;
+    //             font-weight: 800;
+    //             span{
+    //                 font-weight: 600;
+    //             }
+    //         }
+    //     }
+    // }
+    
+    .layout-content{
+
+        // order: 2;
+        @media (max-width:500px) {
+            padding-top: 50px;
+        }
+        .content_container{
+            display: flex;
+            margin-bottom: 0;
+            #block-quartiers-de-demain-titredepage{
+                display: none;
+            }
+
+            article.node-type-static{
+                width: 100%;
+    
+                .field_body{
+                    // padding-left: 20%;
+                    // padding-right: 20%;
+                    // @media (max-width:810px) { 
+                    //     padding-left: 13%;
+                    //     padding-right: 13%;
+                    // }
+                    // @media (max-width:640px) { 
+                    //     padding-left: 10%;
+                    //     padding-right: 10%;
+                    // }
+
+                    // width: 80%;
+                    h2{
+                        font-size: $font-medium;
+                        font-weight: 600;
+                        margin-bottom: 0;
+                    }
+                    img{
+                        width: 100%;
+                        height: auto;
+                    }
+                    p{}
+                }
+                .paragraph{
+                    padding-top: 2rem;
+                    padding-bottom: 2rem;
+                    // padding-left: 20%;
+                    // padding-right: 20%;
+                    @media (max-width:810px) { 
+                        padding-left: 13%;
+                        padding-right: 13%;
+                    }
+                    @media (max-width:640px) { 
+                        padding-left: 10%;
+                        padding-right: 10%;
+                    }
+                }
+                .field_field_textes{
+                    .field_field_title{
+                        text-transform: uppercase;
+                        font-size: $font-big;
+                        font-weight: 400;
+                    }
+                    #paragraph-id--1, #paragraph-id--2, #paragraph-id--6, #paragraph-id--7,  #paragraph-id--8{
+                        .field_field_title{
+                            color: $blue_QDD;
+                        }
+                    }
+                    #paragraph-id--3, #paragraph-id--4{
+                        .field_field_title{
+                            color: $red_QDD;
+                        }
+                    }
+                    #paragraph-id--1, #paragraph-id--2, #paragraph-id--3, #paragraph-id--4,  #paragraph-id--6, #paragraph-id--8{
+                        background-color: $bleu_fond_header;
+                    }
+                    #paragraph-id--1, #paragraph-id--2, #paragraph-id--3, #paragraph-id--4{
+                        padding-top: 1rem;
+                    }
+                    #paragraph-id--1, #paragraph-id--2, #paragraph-id--3{
+                        padding-bottom: 1rem;
+                    }
+
+                    #paragraph-id--7, #paragraph-id--8{
+                        text-align: center;
+                    }
+                    
+                    #paragraph-id--7{
+                        display: flex;
+                        flex-direction: column;
+                        .field_field_title{
+                            width: 60%;
+                            margin: auto;
+                            padding-bottom: 1rem;
+                        }
+                        .field_field_texte div:nth-child(2){
+                            display: flex;
+                            flex-direction: row;
+                            align-items: flex-start !important;
+                            @media(max-width: 500px){
+                                flex-direction: column;
+                            }
+                            p{
+                                display: flex;
+                                flex-direction: column;
+                                padding-right: 30px;
+                                text-align: left;
+                                color: $blue_QDD;
+                                width: calc(100vw / 3);
+                                @media(max-width: 500px){
+                                    padding-right: 0px;
+                                    text-align: center;
+                                    width: 100%;
+                                }
+                                img{
+                                    width: 70%;
+                                    height: auto;
+                                    padding-bottom: 1rem;
+                                    margin: auto;
+                                    @media (max-width: 500px){
+                                        width: 40%;
+                                    }
+                                }
+                            }
+                        }
+                        
+                    }
+                    #paragraph-id--8{
+                        padding-bottom: 4rem;
+                        .field_field_title{
+                            padding-bottom: 1rem;
+                        }
+                        
+                        .field_field_texte div:nth-child(2){
+                            display: flex;
+                            flex-direction: row;
+                            &.flex-start{
+
+                                align-items: flex-start !important;
+                            }
+                            @media(max-width: 500px){
+                                flex-direction: column;
+                            }
+                            p{
+                                width: calc(100vw / 3);
+                                padding-right: 30px;
+                                text-align: left;
+                                @media(max-width: 500px){
+                                    padding-right: 0px;
+                                    text-align: center;
+                                    width: 100%;
+                                }
+                            }
+                        }
+                    }
+                    p{
+                        margin-bottom: 0;
+                        // padding-bottom: 1.5rem;
+                    }    
+                    .field_field_picto{
+                        height: auto;
+                        float: inline-start;
+                        padding-right: 0.5rem;
+                        img{
+                            width: 40px;
+                            height: auto;
+                            margin: auto;
+                            @media(max-width: 891px){
+                                width: 30px;
+                            }
+                        }
+                    }
+                    #paragraph-id--9{
+                        img{
+                            width: -moz-available;
+                            width: 100%;
+                            height: auto;   
+                            // z-index: 100;
+                            &:hover{
+                                filter: brightness(75%);
+                                transition: 0.2s;
+                                cursor: url(../img/noun-loop-3037049.svg), auto; 
+                                cursor: zoom-in;
+                                cursor: -moz-zoom-in;
+                                cursor: -webkit-zoom-in;
+                                @media(max-width: 500px){
+                                    filter: brightness(100%);
+                                }
+                            }
+                        }
+
+                    }
+                }
+            }
+        }
+    }     
+      
+}       
+ 
+
+
+
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/_partenaires.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/_partenaires_.scss
similarity index 100%
rename from web/themes/custom/quartiers_de_demain/src/assets/scss/pages/_partenaires.scss
rename to web/themes/custom/quartiers_de_demain/src/assets/scss/pages/_partenaires_.scss
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/_presentation.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/_presentation_.scss
similarity index 100%
rename from web/themes/custom/quartiers_de_demain/src/assets/scss/pages/_presentation.scss
rename to web/themes/custom/quartiers_de_demain/src/assets/scss/pages/_presentation_.scss
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/_static.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/_static_.scss
similarity index 100%
rename from web/themes/custom/quartiers_de_demain/src/assets/scss/pages/_static.scss
rename to web/themes/custom/quartiers_de_demain/src/assets/scss/pages/_static_.scss
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
new file mode 100644
index 0000000..ec8dfb9
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
@@ -0,0 +1,123 @@
+#home{
+    .content_container{
+        #block-quartiers-de-demain-titredepage{
+            display: none;
+        }
+    }
+    article.node-type-static{
+        .field_body{  ///// texte de présentation
+            width: 90vw;
+            margin: auto;
+            display: flex;
+            flex-direction: row;
+            flex-wrap: wrap ;
+            > p:nth-child(1){
+                // width: 100%;
+                margin-bottom: 0;
+                flex: 1 100%;
+                font-size: 2.5rem;
+            }
+            > p:nth-child(2),
+            p:nth-child(3){
+                flex: 1 ;
+                padding: 1rem;
+            }
+            > p:nth-child(2){
+                padding-left: 15rem;
+            }
+        }
+
+        #paragraph-id--1{  ///// Les enjeux
+            background-color: #edefe8;
+            padding-top: 4rem;
+            .field_field_picto{
+                display: none;
+            }
+            .field_field_title{
+                width: fit-content;
+                margin: auto;
+                font-size: 2.5rem;
+                font-weight: 800;
+            }
+            .field_field_texte{
+                width: 65%;
+                margin: auto;
+                .colone-picto{
+                    display: flex;
+                    flex-direction: row;
+                    flex-wrap: wrap;
+                    justify-content: flex-start;
+                    h3{
+                        flex: 1 90%;
+                        color: #0833c2ff;
+                        font-size: 1.5rem;
+                        // width: 80%;
+                        padding-right: 3rem;
+                        
+                    }
+                    p{
+                        padding-right: 2rem;
+                        padding-bottom: 1rem;
+                        width: 25%;
+                        display: flex;
+                        flex-direction: column;
+                        &:nth-of-type(1)::before{
+                            content: url("../img/fanion.svg");
+                            padding-bottom: 1rem;
+                            height: 120px;
+                        }
+                        &:nth-of-type(2)::before{
+                            content: url("../img/pouce.svg");
+                            padding-bottom: 1rem;
+                            height: 120px;
+                        }
+                        &:nth-of-type(3)::before{
+                            content: url("../img/planete.svg");
+                            padding-bottom: 1rem;
+                            height: 120px;
+                        }
+                        &:nth-of-type(4)::before{
+                            content: url("../img/puzzle.svg");
+                            padding-bottom: 1rem;
+                            height: 120px;
+                        }
+                        &:nth-of-type(5)::before{
+                            content: url("../img/cube.svg");
+                            padding-bottom: 1rem;
+                            height: 120px;
+                        }
+                        &:nth-of-type(6)::before{
+                            content: url("../img/ampoule.svg");
+                            padding-bottom: 1rem;
+                            height: 120px;
+                        }
+                        &:nth-of-type(7)::before{
+                            content: url("../img/bonhome.svg");
+                            padding-bottom: 1rem;
+                            height: 120px;
+                        }
+                        &:nth-of-type(8)::before{
+                            content: url("../img/feuilles.svg");
+                            padding-bottom: 1rem;
+                            height: 120px;
+                        }
+                        &:nth-of-type(9)::before{
+                            content: url("../img/calendrier.svg");
+                            padding-bottom: 1rem;
+                            height: 120px;
+                        }
+                        &:nth-of-type(10)::before{
+                            content: url("../img/crayons.svg");
+                            padding-bottom: 1rem;
+                            height: 120px;
+                        }
+                    }
+
+                }
+
+            }
+        }
+    }
+
+
+}
\ No newline at end of file
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/_aside.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/_aside.scss
index a5f4bb8..0890805 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/_aside.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/_aside.scss
@@ -39,7 +39,8 @@
 
     }
     .sidebar_first_container{
-        display: flex;
+        display: none;
+        // display: flex;
         flex-direction: column;
         width: 50%;
         font-weight: 400;
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/quartiers_de_demain.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/quartiers_de_demain.scss
index 48bb2a5..c4d0cc9 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/quartiers_de_demain.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/quartiers_de_demain.scss
@@ -28,7 +28,7 @@
 
 /*pages*/
 @import "pages/home";
-@import "pages/partenaires";
-@import "pages/presentation";
-@import "pages/static";
+// @import "pages/partenaires";
+// @import "pages/presentation";
+// @import "pages/static";
 
diff --git a/web/themes/custom/quartiers_de_demain/templates/field--field-textes.html.twig b/web/themes/custom/quartiers_de_demain/templates/field--field-textes.html.twig
index 6787245..90159c8 100644
--- a/web/themes/custom/quartiers_de_demain/templates/field--field-textes.html.twig
+++ b/web/themes/custom/quartiers_de_demain/templates/field--field-textes.html.twig
@@ -48,7 +48,7 @@
   ]
 %}
 {%
-  set ancre_href = '#field-id--' ~ field.id()
+  set ancre_href = 'field-id--' ~ field.id()
 %}
 
 {% if label_hidden %}
diff --git a/web/themes/custom/quartiers_de_demain/templates/field--paragraph--field-texte.html.twig b/web/themes/custom/quartiers_de_demain/templates/field--paragraph--field-texte.html.twig
new file mode 100644
index 0000000..77946a0
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/templates/field--paragraph--field-texte.html.twig
@@ -0,0 +1,78 @@
+{#
+/**
+ * @file
+ * Default theme implementation for a field.
+ *
+ * To override output, copy the "field.html.twig" from the templates directory
+ * to your theme's directory and customize it, just like customizing other
+ * Drupal templates such as page.html.twig or node.html.twig.
+ *
+ * Instead of overriding the theming for all fields, you can also just override
+ * theming for a subset of fields using
+ * @link themeable Theme hook suggestions. @endlink For example,
+ * here are some theme hook suggestions that can be used for a field_foo field
+ * on an article node type:
+ * - field--node--field-foo--article.html.twig
+ * - field--node--field-foo.html.twig
+ * - field--node--article.html.twig
+ * - field--field-foo.html.twig
+ * - field--text-with-summary.html.twig
+ * - field.html.twig
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the containing element.
+ * - label_hidden: Whether to show the field label or not.
+ * - title_attributes: HTML attributes for the title.
+ * - label: The label for the field.
+ * - multiple: TRUE if a field can contain multiple items.
+ * - items: List of all the field items. Each item contains:
+ *   - attributes: List of HTML attributes for each item.
+ *   - content: The field item's content.
+ * - entity_type: The entity type to which the field belongs.
+ * - field_name: The name of the field.
+ * - field_type: The type of the field.
+ * - label_display: The display settings for the label.
+ *
+ * @see template_preprocess_field()
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+  set title_classes = [
+    'field',
+    'field--name-' ~ field_name|clean_class,
+    'field--type-' ~ field_type|clean_class,
+    'field--label-' ~ label_display,
+    label_display == 'visually_hidden' ? 'visually-hidden',
+  ]
+%}
+{%
+  set ancre_href = '#paragraph-id--' ~ paragraph.id()
+%}
+{% if label_hidden %}
+  {% if multiple %}
+    <div{{ attributes }}>
+      {% for item in items %}
+        <div{{ item.attributes }}>{{ item.content }}</div>
+      {% endfor %}
+    </div>
+  {% else %}
+    {% for item in items %}
+      <div{{ attributes }}>{{ item.content }}</div>
+    {% endfor %}
+  {% endif %}
+{% else %}
+  <div{{ attributes }}>
+    <div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
+    {% if multiple %}
+      <div>
+    {% endif %}
+    {% for item in items %}
+      <div class="colone-picto"{{ item.attributes }}>{{ item.content }}</div>
+    {% endfor %}
+    {% if multiple %}
+      </div>
+    {% endif %}
+  </div>
+{% endif %}