retrouve page lessites

actu page
fix tamporaire bug actu carroussel =responsive
2025-03-03 23:35:36 +01:00 · 2025-03-03 22:39:58 +01:00 · 2025-03-03 22:20:41 +01:00 · 2025-03-03 18:38:03 +01:00 · 2025-03-03 17:25:43 +01:00 · 2025-03-03 15:48:39 +01:00
24 changed files with 1282 additions and 1103 deletions
--- a/config/sync/language.content_settings.block_content.live_youtube.yml
+++ b/config/sync/language.content_settings.block_content.live_youtube.yml
@ -0,0 +1,11 @@
+uuid: 0be47de1-35a4-49f3-ae07-99b77c62db51
+langcode: fr
+status: true
+dependencies:
+  config:
+    - block_content.type.live_youtube
+id: block_content.live_youtube
+target_entity_type_id: block_content
+target_bundle: live_youtube
+default_langcode: site_default
+language_alterable: false
--- a/config/sync/pathauto.pattern.actus.yml
+++ b/config/sync/pathauto.pattern.actus.yml
@ -0,0 +1,22 @@
+uuid: b4825987-4cfe-4342-a7d0-29d190fd71b3
+langcode: fr
+status: true
+dependencies:
+  module:
+    - node
+id: actus
+label: Actus
+type: 'canonical_entities:node'
+pattern: '/actualites/[node:title]'
+selection_criteria:
+  ae8c556c-ba96-4e19-87c1-46ee3c9639d4:
+    id: 'entity_bundle:node'
+    negate: false
+    uuid: ae8c556c-ba96-4e19-87c1-46ee3c9639d4
+    context_mapping:
+      node: node
+    bundles:
+      actualite: actualite
+selection_logic: and
+weight: -5
+relationships: {  }
--- a/web/themes/custom/quartiers_de_demain/dist/assets/bundle.js
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/bundle.js
--- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
@ -202,7 +202,7 @@ h2, h3 {
 }
@media (max-width: 810px) {
  .layout-container main#home {
-    padding-top: 380px;
+    padding-top: 300px;
  }
 }
@media (max-width: 810px) {
@ -432,17 +432,17 @@ header .header_nav_container {
  transform: translateX(0);
  transition: transform 0.3s ease-in-out;
  z-index: -1;
-}
-@media (max-width: 1090px) {
-  header .header_nav_container {
-    height: fit-content;
-  }
+  display: flex;
+  flex-direction: column;
 }
@media (max-width: 500px) {
  header .header_nav_container {
    flex: 0 0 40%;
  }
 }
+header .header_nav_container #block-quartiers-de-demain-entete {
+  margin: auto;
+}
 header .header_nav_container #block-quartiers-de-demain-entete h2 {
  display: none;
 }
@ -453,6 +453,8 @@ header .header_nav_container #block-quartiers-de-demain-entete ul {
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem;
+  margin: auto;
+  padding-top: 1%;
 }
@media (max-width: 1025px) {
  header .header_nav_container #block-quartiers-de-demain-entete ul {
@ -562,7 +564,6 @@ header .header:hover + .header_nav_container {
    flex: 1 0 100%;
    position: relative;
    left: -100%;
-    top: -45px;
  }
 }

@ -605,7 +606,11 @@ header .header:hover + .header_nav_container {
    flex: 1 0 100%;
    position: relative;
    left: -100%;
-    top: -45px;
+  }
+}
+@media (max-width: 550px) {
+  .header--collapsed-already .header_nav_container {
+    top: 0px;
  }
 }

@ -1496,7 +1501,6 @@ footer {
  display: flex;
  flex-direction: column;
  align-items: center;
-  padding-bottom: 6rem;
 }
 #actus-caroussel h2 {
  width: fit-content;
@ -1510,6 +1514,19 @@ footer {
 #actus-caroussel button {
  top: -2.5rem;
 }
+@media (max-width: 810px) {
+  #actus-caroussel button {
+    top: -1.5rem;
+  }
+}
+#actus-caroussel .content-actus .slick-list {
+  padding-bottom: 4rem;
+}
+@media (max-width: 810px) {
+  #actus-caroussel .content-actus .slick-list {
+    padding-bottom: 0rem;
+  }
+}
 #actus-caroussel .content-actus .view {
  display: flex;
  flex-direction: row;
@ -1525,11 +1542,15 @@ footer {
    padding-top: 3rem;
  }
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite {
+#actus-caroussel .content-actus .views-row article.node-type-actualite a {
  display: flex;
  flex-direction: column;
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images {
+#actus-caroussel .content-actus .views-row article.node-type-actualite a h2 {
+  display: none;
+}
+#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_images {
+  order: 1;
  background-color: black;
  -moz-border-radius: 9px; /* pour Mozilla */
  -khtml-border-radius: 9px; /* pour Safari et Chrome */
@ -1539,18 +1560,18 @@ footer {
  margin-bottom: 0.6rem;
 }
@media (max-width: 550px) {
-  #actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images {
+  #actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_images {
    height: 170px;
  }
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images div {
+#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_images div {
  height: 100%;
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images div div a {
+#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_images div div a {
  display: block;
  height: 100%;
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images div div a img {
+#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_images div div a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
@ -1560,11 +1581,11 @@ footer {
  border-radius: 9px; /* CSS3 */
 }
@media (max-width: 550px) {
-  #actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images div div a img {
+  #actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_images div div a img {
    max-height: 170px;
  }
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images img {
+#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
@ -1574,11 +1595,11 @@ footer {
  border-radius: 9px; /* CSS3 */
 }
@media (max-width: 550px) {
-  #actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images img {
+  #actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_images img {
    max-height: 170px;
  }
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_type_d_actualite {
+#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_type_d_actualite {
  text-transform: uppercase;
  color: red;
  font-size: 0.5rem;
@ -1586,44 +1607,82 @@ footer {
  display: inline-flex;
  align-items: center;
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_type_d_actualite::before {
+#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_type_d_actualite::before {
  content: url("../img/type-actu.svg");
  padding-right: 0.3rem;
  padding-bottom: 0.2rem;
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_date {
+#actus-caroussel .content-actus .views-row article.node-type-actualite a .infos-actu {
+  order: 2;
+}
+#actus-caroussel .content-actus .views-row article.node-type-actualite a .infos-actu h2 {
+  font-family: "gilroy-semibold";
+}
+#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_date {
  color: red;
  display: inline-flex;
  align-items: center;
  font-size: 0.5rem;
  font-family: "gilroy-bold";
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_date::before {
+#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_date::before {
  content: url("../img/date-actu.svg");
  padding-right: 0.3rem;
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite .field_title {
+#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_title {
+  order: 3;
  padding-top: 0.2rem;
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite .field_title h2 {
+#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_title h2 {
  margin: 0;
  line-height: 0.4;
  padding-bottom: 0.6rem;
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite .field_title h2 a {
+#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_title h2 a {
  font-size: 0.8rem;
  color: rgb(7, 50, 194);
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite .field_body {
+#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_body {
+  order: 4;
  opacity: 1 !important;
  transform: none !important;
  font-family: "gilroy-regular";
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite .field_body p {
+#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_body p {
  margin: 0;
  margin-bottom: 1rem;
  font-size: 0.7rem;
 }
+#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_body a {
+  color: rgb(7, 50, 194);
+}
+#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_liens {
+  order: 5;
+  width: fit-content;
+  padding-left: 0.5rem;
+  background: black;
+}
+@media (max-width: 810px) {
+  #actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_liens {
+    margin-left: 0;
+  }
+}
+#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_liens a {
+  display: inline-flex;
+  align-items: center;
+  color: white;
+  text-transform: uppercase;
+  font-size: 0.6rem;
+}
+#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_liens a svg {
+  display: none;
+}
+#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_liens a::after {
+  display: inline-flex;
+  content: url("../img/noun-arrow-to-right.svg");
+  padding-right: 0.2rem;
+  padding-left: 0.2rem;
+}
 #actus-caroussel .content-actus .views-row:nth-child(odd) {
  position: relative;
  top: 60px;
@ -2572,6 +2631,29 @@ body {
 #home .paragraph--type--static-parts:not(#paragraph-id--7) #svg1 {
  display: none;
 }
+#home #live-youtube {
+  width: 55%;
+  margin: auto;
+  margin-left: 14rem;
+  margin-top: 2rem;
+}
+@media (max-width: 1090px) {
+  #home #live-youtube {
+    flex-direction: column;
+    width: 90%;
+    margin-left: 1rem;
+  }
+}
+#home #live-youtube h2 {
+  text-align: center;
+  font-size: 1.5rem;
+  font-family: "gilroy-semibold";
+}
+#home #live-youtube .field_field_descritpion {
+  margin-bottom: 2rem;
+  text-align: center;
+}
+
 #consultation {
  background-color: #f6f7f3;
 }
@ -3103,7 +3185,12 @@ body {
  width: 100%;
  padding-bottom: 7rem;
 }
+#page-node .content_container .node-type-actualite a {
+  display: flex;
+  flex-direction: column;
+}
 #page-node .content_container .node-type-actualite .infos-actu {
+  order: 1;
  display: flex;
  flex-direction: row;
  border-top: solid red 1px;
@ -3134,15 +3221,20 @@ body {
  padding-right: 0.4rem;
 }
 #page-node .content_container .node-type-actualite .field_body {
+  order: 2;
  padding-bottom: 2rem;
 }
 #page-node .content_container .node-type-actualite .field_body p {
  font-size: 0.8rem;
 }
 #page-node .content_container .node-type-actualite .field_field_liens {
+  order: 3;
  padding-bottom: 2rem;
+  padding-top: 2rem;
 }
 #page-node .content_container .node-type-actualite .field_field_liens a {
+  display: flex;
+  flex-direction: row;
  padding-left: 0.5rem;
  display: inline-flex;
  align-items: center;
@ -3160,6 +3252,12 @@ body {
  padding-right: 0.2rem;
  padding-left: 0.2rem;
 }
+#page-node .content_container .node-type-actualite .field_field_liens a:not(.ext) {
+  display: none;
+}
+#page-node .content_container .node-type-actualite .field_field_images {
+  order: 5;
+}
 #page-node .content_container .node-type-actualite .field_field_images img {
  width: 100%;
  height: auto;
@ -3469,9 +3567,20 @@ body {
  flex-direction: row;
  margin-bottom: 1rem;
 }
+@media (max-width: 810px) {
+  .node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div {
+    justify-content: center;
+    margin: auto;
+    margin-bottom: 1rem;
+    width: fit-content;
+  }
+}
@media (max-width: 500px) {
  .node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div {
    justify-content: center;
+    margin: auto;
+    margin-bottom: 1rem;
+    width: fit-content;
  }
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .prev-site {
@ -3517,8 +3626,8 @@ body {
@media (max-width: 810px) {
  .node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site,
  .node-type-site .layout--threecol-25-50-25 .layout__region--third .field--type-file {
-    max-width: 50%;
    margin: auto;
+    margin-bottom: 1rem;
  }
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site a,
@ -3542,7 +3651,6 @@ body {
  content: url("../img/noun-arrow-to-right.svg");
  padding-right: 0.2rem;
  padding-left: 0.2rem;
-  padding-bottom: 0.2rem;
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--third .file--mime-application-pdf {
  width: fit-content;
@ -3577,6 +3685,10 @@ body {
  flex-direction: column;
 }

+.html.js.sr body.node-type-site.node-id-40 div.dialog-off-canvas-main-canvas div#page-node.layout-container main div.layout-content div.content_container div.layout.layout--threecol-25-50-25 div.layout__region.layout__region--third div.block-region-third div div.field_field_documents div div span {
+  visibility: hidden;
+}
+
 main {
  background-color: #f6f7f3;
 }
@ -3597,11 +3709,11 @@ main {
  #lessites .content_container #block-quartiers-de-demain-titredepage {
    margin-top: 14rem;
    grid-column: 2/span 9;
-    margin-left: 0;
    padding-left: 0%;
  }
 }
 #lessites .content_container #block-quartiers-de-demain-titredepage h1 {
+  text-align: center;
  text-transform: none;
  color: rgb(7, 50, 194);
  font-size: 2rem;
@ -3639,6 +3751,11 @@ main {
    top: 0px;
  }
 }
+@media (max-width: 810px) {
+  #lessites .content_container .view .header_view #block-sitesmap-block {
+    width: 95vw;
+  }
+}
 #lessites .content_container .view .header_view #block-sitesmap-block #sites-map-container {
  width: 100%;
 }
@ -3647,6 +3764,9 @@ main {
    height: fit-content;
  }
 }
+#lessites .content_container .view .header_view #block-sitesmap-block #sites-map-container h2 {
+  display: none;
+}
 #lessites .content_container .view .views-row-wrapper {
  display: flex;
  flex-direction: row;
@ -3696,135 +3816,4 @@ main {
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
-}
-
-#ressources {
-  background-color: #f6f7f3;
-}
-#ressources .layout-content .content_container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-#ressources .layout-content .content_container #block-quartiers-de-demain-titredepage {
-  margin-top: 1rem;
-  width: fit-content;
-}
-@media (max-width: 810px) {
-  #ressources .layout-content .content_container #block-quartiers-de-demain-titredepage {
-    margin-top: 14rem;
-  }
-}
-#ressources .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
-  text-transform: none;
-  color: black;
-  font-size: 2rem;
-  font-family: "gilroy-medium";
-}
-#ressources .layout-content .content_container .views-element-container {
-  margin-left: 15%;
-  width: 70%;
-}
-#ressources .layout-content .content_container .views-element-container .group-content {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-}
-#ressources .layout-content .content_container .views-element-container .group-content h3 {
-  text-align: center;
-  flex: 0 0 100%;
-}
-#ressources .layout-content .content_container .views-element-container .group-content h3::before {
-  content: "";
-  display: block;
-  border-bottom: solid 2px rgb(7, 50, 194);
-  margin: auto;
-}
-#ressources .layout-content .content_container .views-element-container .group-content h3 div .field_name h2 a {
-  font-family: "gilroy-light";
-  color: rgb(7, 50, 194);
-  font-size: 2rem;
-}
-#ressources .layout-content .content_container .views-element-container .group-content h3 div .field_description {
-  font-family: "gilroy-light";
-}
-#ressources .layout-content .content_container .views-element-container .group-content .views-row {
-  width: 30%;
-  font-size: 0.5rem;
-}
-#ressources .layout-content .content_container .views-element-container .group-content .views-row h2 {
-  font-family: "gilroy-semibold";
-  color: rgb(7, 50, 194);
-  font-size: 0.6rem;
-}
-#ressources .layout-content .content_container .views-element-container .group-content .views-row p {
-  font-size: 0.5rem;
-}
-#ressources .layout-content .content_container .views-element-container .group-content .views-row .field_field_mots_clefs div {
-  display: flex;
-  flex-direction: row;
-}
-#ressources .layout-content .content_container .views-element-container .group-content .views-row .field_field_mots_clefs div div {
-  border: solid 1px rgb(7, 50, 194);
-  margin-right: 0.2rem;
-  padding: 1.3%;
-  padding-bottom: 0.2%;
-  padding-top: 0.2%;
-  font-size: 0.4rem;
-  font-family: "gilroy-semibold";
-}
-#ressources .layout-content .content_container .views-element-container .group-content .views-row .field_field_mots_clefs div div a {
-  color: rgb(7, 50, 194);
-}
-#ressources .layout-content .content_container .views-element-container .group-content .views-row .field_field_site div a {
-  position: relative;
-  padding-left: 20px;
-  color: rgb(247, 0, 43);
-  font-family: "gilroy-semibold";
-}
-#ressources .layout-content .content_container .views-element-container .group-content .views-row .field_field_site div a:before {
-  content: "";
-  position: absolute;
-  left: 0;
-  top: 50%;
-  transform: translateY(-50%);
-  width: 1em;
-  height: 1em;
-  background-image: url("../img/map_pointer.svg");
-  background-size: contain;
-  background-repeat: no-repeat;
-}
-
-#ressources .group-content {
-  padding: 10px;
-  border-radius: 8px;
-  margin-bottom: 10px;
-}
-#ressources .views-row {
-  padding: 8px;
-  margin: 2px 0;
-  border-radius: 4px;
-  transition: max-height 0.5s ease, opacity 0.5s ease;
-}
-#ressources .hidden {
-  max-height: 0;
-  overflow: hidden;
-  opacity: 0;
-}
-#ressources .toggle-btn {
-  background: none;
-  color: rgb(7, 50, 194);
-  border: solid rgb(7, 50, 194) 1px;
-  padding: 8px 12px;
-  cursor: pointer;
-  margin-top: 5px;
-  display: block;
-  margin: auto;
-  width: 20%;
-  text-align: center;
-  transition: background 0.3s;
-}
-#ressources .toggle-btn:hover {
-  background: rgb(7, 50, 194);
-  color: white;
 }
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees-live.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees-live.svg
@ -0,0 +1,102 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="2560.2766"
+   height="11997.26"
+   viewBox="0 0 2560.2766 11997.26"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath255">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1378.7554,-1136.295)"
+         id="path255" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath258">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1095.6993,-8098.7595)"
+         id="path258" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath301">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1476.5001,-5895.4337)"
+         id="path301" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath303">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1623.8512,-4272.9005)"
+         id="path303" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(0.17944336,-2.9196463)">
+    <path
+       id="path148"
+       d="M 0,0 211.55,177.512"
+       style="fill:none;stroke:#0833c2;stroke-width:70;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1686.6035,9061.9695)" />
+    <path
+       id="path151"
+       d="M 0,0 V -174.775"
+       style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,2083.6333,1370.6667)" />
+    <path
+       id="path254"
+       d="M 0,0 C 0,205.098 -166.265,371.361 -371.362,371.361"
+       style="fill:none;stroke:#000000;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1838.3405,10484.94)"
+       clip-path="url(#clipPath255)" />
+    <path
+       id="path256"
+       d="M 0,0 177.512,-211.551"
+       style="fill:none;stroke:#0833c2;stroke-width:70;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,219.88347,2415.4232)" />
+    <path
+       id="path257"
+       d="M 0,0 C -205.098,0 -371.361,-166.265 -371.361,-371.362"
+       style="fill:none;stroke:#f7002b;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1460.9323,1201.6543)"
+       clip-path="url(#clipPath258)" />
+    <path
+       id="path300"
+       d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6"
+       style="fill:none;stroke:#f7002b;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1968.6667,4139.4219)"
+       clip-path="url(#clipPath301)" />
+    <path
+       id="path302"
+       d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
+       style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,2165.1349,6302.7995)"
+       clip-path="url(#clipPath303)" />
+    <path
+       id="path311"
+       d="M 0,0 V 283"
+       style="fill:none;stroke:#000000;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,247.22107,6014.2852)" />
+    <rect
+       style="fill:none;stroke:#000000;stroke-width:0.872103;paint-order:fill markers stroke"
+       id="rect717"
+       width="2559.4043"
+       height="11996.388"
+       x="0.25652406"
+       y="3.3556976" />
+  </g>
+</svg>
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees.svg
@ -4,11 +4,42 @@
 <svg
   version="1.1"
   id="svg1"
-   width="1800.8781"
-   height="3633.5603"
-   viewBox="0 0 1800.878 3633.5604"
+   width="1801.0212"
+   height="4029.4231"
+   viewBox="0 0 1801.0212 4029.4232"
+   sodipodi:docname="formes-animees.svg"
+   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.22209622"
+     inkscape:cx="900.51061"
+     inkscape:cy="1339.5095"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="36"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g2">
+    <inkscape:page
+       x="0"
+       y="0"
+       width="1801.0212"
+       height="4029.4231"
+       id="page2"
+       margin="0"
+       bleed="0" />
+  </sodipodi:namedview>
  <defs
     id="defs1">
    <clipPath
@ -37,65 +68,78 @@
    </clipPath>
  </defs>
  <g
-     id="g3"
-     transform="translate(-299.16899,-2704.2078)">
+     id="g2"
+     transform="translate(-299.16899,-2519.6031)">
    <g
-       id="g2">
-      <g
-         id="g1"
-         transform="translate(0.17944336,-2.9196463)">
-        <path
-           id="path256"
-           d="m 321.27266,3336.1817 182.91889,175.8201"
-           style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-        <path
-           id="path256-3"
-           d="m 1852.1683,5834.9184 -163.0856,194.3583"
-           style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-        <path
-           id="path257"
-           d="M 0,0 C -205.098,0 -371.361,-166.265 -371.361,-371.362"
-           style="fill:none;stroke:#f7002b;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-           transform="matrix(-0.80902482,0,0,-0.80902482,1743.8143,2885.2905)"
-           clip-path="url(#clipPath258)" />
-        <path
-           id="path300"
-           d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6"
-           style="fill:none;stroke:#f7002b;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-           transform="matrix(0.72647042,0,0,-0.72647042,1756.7965,4238.0583)"
-           clip-path="url(#clipPath301)" />
-        <path
-           id="path302"
-           d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
-           style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-           transform="matrix(0.82260013,0,0,-0.82260013,1945.1937,5133.4927)"
-           clip-path="url(#clipPath303)" />
-        <path
-           id="path311"
-           d="M 552.65311,4967.771 V 4707.7705"
-           style="fill:none;stroke:#000000;stroke-width:78.092;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      </g>
+       id="g1"
+       transform="translate(0.17944336,-2.9196463)"
+       inkscape:export-filename="formes-animees.svg"
+       inkscape:export-xdpi="300"
+       inkscape:export-ydpi="300">
+      <path
+         id="path256"
+         d="m 321.27266,3436.1817 182.91889,175.8201"
+         style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         inkscape:export-filename="formes-animees.svg"
+         inkscape:export-xdpi="300"
+         inkscape:export-ydpi="300" />
+      <path
+         id="path256-3"
+         d="m 1852.1683,6336.9184 -163.0856,194.3583"
+         style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         id="path257"
+         d="M 0,0 C -205.098,0 -371.361,-166.265 -371.361,-371.362"
+         style="fill:none;stroke:#f7002b;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(-0.80902482,0,0,-0.80902482,1725.8143,3047.2905)"
+         clip-path="url(#clipPath258)" />
+      <path
+         id="path300"
+         d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6"
+         style="fill:none;stroke:#f7002b;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(0.72647042,0,0,-0.72647042,1908.7965,4672.0583)"
+         clip-path="url(#clipPath301)" />
+      <path
+         id="path302"
+         d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
+         style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(0.82260013,0,0,-0.82260013,2051.1937,5635.4927)"
+         clip-path="url(#clipPath303)" />
+      <path
+         id="path311"
+         d="M 372.65311,5225.771 V 4965.7705"
+         style="fill:none;stroke:#000000;stroke-width:78.092;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    </g>
-    <rect
-       style="fill:none;stroke:none;stroke-width:0;paint-order:fill markers stroke"
-       id="rect2"
-       width="1550.348"
-       height="114.74608"
-       x="425.98532"
-       y="2704.2078" />
  </g>
+  <rect
+     style="fill:none;stroke:none;stroke-width:0;paint-order:fill markers stroke"
+     id="rect2"
+     width="1550.348"
+     height="201.3089"
+     x="122.31378"
+     y="-9.4031076e-13" />
  <rect
     style="fill:none;stroke:none;stroke-width:0;paint-order:fill markers stroke"
     id="rect1"
     width="1540.1483"
-     height="112.19624"
-     x="77.598511"
-     y="68.049271" />
+     height="196.83549"
+     x="73.095963"
+     y="119.38474" />
  <rect
     style="fill:none;stroke-width:0;paint-order:stroke fill markers"
     id="rect3"
     width="1559.4871"
     height="238.19258"
-     x="113.2123"
+     x="108.70975"
     y="3395.3674" />
+  <rect
+     style="fill:none;stroke-width:0;paint-order:stroke fill markers"
+     id="rect4"
+     width="1801.0212"
+     height="442.35608"
+     x="1.3299257e-06"
+     y="7.8992786"
+     inkscape:export-filename="formes-animees.svg"
+     inkscape:export-xdpi="300"
+     inkscape:export-ydpi="300" />
 </svg>
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/rect4.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/rect4.svg
@ -0,0 +1,129 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="1801.0212"
+   height="4029.4231"
+   viewBox="0 0 1801.0212 4029.4232"
+   sodipodi:docname="formes-animees.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1">
+    <inkscape:page
+       x="0"
+       y="0"
+       width="1801.0212"
+       height="4029.4231"
+       id="page2"
+       margin="0"
+       bleed="0" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath258">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1095.6993,-8098.7595)"
+         id="path258" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath301">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1476.5001,-5895.4337)"
+         id="path301" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath303">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1623.8512,-4272.9005)"
+         id="path303" />
+    </clipPath>
+  </defs>
+  <g
+     id="g2"
+     transform="translate(-299.16899,-2519.6031)">
+    <g
+       id="g1"
+       transform="translate(0.17944336,-2.9196463)">
+      <path
+         id="path256"
+         d="m 321.27266,3336.1817 182.91889,175.8201"
+         style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         inkscape:export-filename="formes-animees.svg"
+         inkscape:export-xdpi="300"
+         inkscape:export-ydpi="300" />
+      <path
+         id="path256-3"
+         d="m 1852.1683,6336.9184 -163.0856,194.3583"
+         style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         id="path257"
+         d="M 0,0 C -205.098,0 -371.361,-166.265 -371.361,-371.362"
+         style="fill:none;stroke:#f7002b;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(-0.80902482,0,0,-0.80902482,1743.8143,2885.2905)"
+         clip-path="url(#clipPath258)" />
+      <path
+         id="path300"
+         d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6"
+         style="fill:none;stroke:#f7002b;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(0.72647042,0,0,-0.72647042,1836.7965,4740.0583)"
+         clip-path="url(#clipPath301)" />
+      <path
+         id="path302"
+         d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
+         style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(0.82260013,0,0,-0.82260013,2025.1937,5635.4927)"
+         clip-path="url(#clipPath303)" />
+      <path
+         id="path311"
+         d="M 456.65311,5469.771 V 5209.7705"
+         style="fill:none;stroke:#000000;stroke-width:78.092;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+  </g>
+  <rect
+     style="fill:none;stroke:none;stroke-width:0;paint-order:fill markers stroke"
+     id="rect2"
+     width="1550.348"
+     height="114.74608"
+     x="122.31378"
+     y="-9.4031076e-13" />
+  <rect
+     style="fill:none;stroke:none;stroke-width:0;paint-order:fill markers stroke"
+     id="rect1"
+     width="1540.1483"
+     height="112.19624"
+     x="73.095963"
+     y="68.049309" />
+  <rect
+     style="fill:none;stroke-width:0;paint-order:stroke fill markers"
+     id="rect3"
+     width="1559.4871"
+     height="238.19258"
+     x="108.70975"
+     y="3395.3674" />
+  <rect
+     style="fill:none;stroke-width:0;paint-order:stroke fill markers"
+     id="rect4"
+     width="1801.0212"
+     height="252.14297"
+     x="1.3299257e-06"
+     y="4.5025892" />
+</svg>
--- a/web/themes/custom/quartiers_de_demain/quartiers_de_demain.theme
+++ b/web/themes/custom/quartiers_de_demain/quartiers_de_demain.theme
@ -62,7 +62,6 @@ function quartiers_de_demain_preprocess_field(&$variables) {
  }
 }

-
 /**
 * Prepares variables for block templates.
 *
--- a/web/themes/custom/quartiers_de_demain/src/assets/img/formes-animees-original.svg
+++ b/web/themes/custom/quartiers_de_demain/src/assets/img/formes-animees-original.svg
@ -0,0 +1,102 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="2560.2766"
+   height="11997.26"
+   viewBox="0 0 2560.2766 11997.26"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath255">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1378.7554,-1136.295)"
+         id="path255" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath258">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1095.6993,-8098.7595)"
+         id="path258" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath301">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1476.5001,-5895.4337)"
+         id="path301" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath303">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1623.8512,-4272.9005)"
+         id="path303" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(0.17944336,-2.9196463)">
+    <path
+       id="path148"
+       d="M 0,0 211.55,177.512"
+       style="fill:none;stroke:#0833c2;stroke-width:70;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1686.6035,9061.9695)" />
+    <path
+       id="path151"
+       d="M 0,0 V -174.775"
+       style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,2083.6333,1370.6667)" />
+    <path
+       id="path254"
+       d="M 0,0 C 0,205.098 -166.265,371.361 -371.362,371.361"
+       style="fill:none;stroke:#000000;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1838.3405,10484.94)"
+       clip-path="url(#clipPath255)" />
+    <path
+       id="path256"
+       d="M 0,0 177.512,-211.551"
+       style="fill:none;stroke:#0833c2;stroke-width:70;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,219.88347,2415.4232)" />
+    <path
+       id="path257"
+       d="M 0,0 C -205.098,0 -371.361,-166.265 -371.361,-371.362"
+       style="fill:none;stroke:#f7002b;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1460.9323,1201.6543)"
+       clip-path="url(#clipPath258)" />
+    <path
+       id="path300"
+       d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6"
+       style="fill:none;stroke:#f7002b;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1968.6667,4139.4219)"
+       clip-path="url(#clipPath301)" />
+    <path
+       id="path302"
+       d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
+       style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,2165.1349,6302.7995)"
+       clip-path="url(#clipPath303)" />
+    <path
+       id="path311"
+       d="M 0,0 V 283"
+       style="fill:none;stroke:#000000;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,247.22107,6014.2852)" />
+    <rect
+       style="fill:none;stroke:#000000;stroke-width:0.872103;paint-order:fill markers stroke"
+       id="rect717"
+       width="2559.4043"
+       height="11996.388"
+       x="0.25652406"
+       y="3.3556976" />
+  </g>
+</svg>
--- a/web/themes/custom/quartiers_de_demain/src/assets/js/quartiers_de_demain.js
+++ b/web/themes/custom/quartiers_de_demain/src/assets/js/quartiers_de_demain.js
--- 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
@ -45,7 +45,7 @@ $width-menu-slidedown : 550px;
                
            
            @media(max-width: 810px){
-                padding-top: 380px;
+                padding-top: 300px;
            }
        }
    }
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualite.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualite.scss
@ -33,7 +33,13 @@
            .node-type-actualite{
                width: 100%;
                padding-bottom: 7rem;
+                a{
+                    display: flex;
+                    flex-direction: column;
+                }
+
                .infos-actu{
+                    order: 1;
                    display: flex;
                    flex-direction: row;
                    border-top: solid red 1px;
@ -65,14 +71,19 @@
        
                }
                .field_body {
+                    order: 2;
                    padding-bottom: 2rem;
                    p{
                    font-size: 0.8rem;
                    }
                }
                .field_field_liens{
+                    order: 3;
                    padding-bottom: 2rem;
-                    a{
+                    padding-top: 2rem;
+                    a{  
+                        display: flex;
+                        flex-direction: row;
                        padding-left: 0.5rem;
                        display: inline-flex;
                        align-items: center;
@ -91,9 +102,14 @@
                            
                        }
                    }
+                    
+                    a:not(.ext){
+                        display: none;
+                    }
                }

                .field_field_images{
+                    order: 5;
                    img{
                        width: 100%;
                        height: auto;
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/bouton-ressources.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/bouton-ressources.scss
@ -1,42 +0,0 @@
-#ressources{
-    .group-content {
-        // background: #f9f9f9;
-        padding: 10px;
-        border-radius: 8px;
-        margin-bottom: 10px;
-        // box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-    }
-
-    .views-row {
-        padding: 8px;
-        // background: #f3f3f3;
-        margin: 2px 0;
-        border-radius: 4px;
-        transition: max-height 0.5s ease, opacity 0.5s ease;
-    }
-
-    .hidden {
-        max-height: 0;
-        overflow: hidden;
-        opacity: 0;
-    }
-
-    .toggle-btn {
-        background: none;
-        color: $blue_QDD;
-        border: solid $blue_QDD 1px;
-        padding: 8px 12px;
-        cursor: pointer;
-        margin-top: 5px;
-        display: block;
-        margin: auto;
-        width: 20%;
-        text-align: center;
-        transition: background 0.3s;
-    }
-
-    .toggle-btn:hover {
-        background: $blue_QDD;
-        color:white;
-    }
-}
--- 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
@ -697,6 +697,28 @@
        // display: none;
    }

+    #live-youtube{
+        width: 55%;
+        margin: auto;
+        margin-left: 14rem;
+        margin-top: 2rem;
+        @media(max-width: 1090px){
+            flex-direction: column;
+            width: 90%;
+            margin-left: 1rem;
+        }
+        h2{
+            text-align: center;
+            font-size: 1.5rem;
+            font-family: "gilroy-semibold";
+           
+        }
+        .field_field_descritpion{
+            margin-bottom: 2rem;
+            text-align: center;
+        }
+    }
+
 }


--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lessites.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lessites.scss
@ -17,11 +17,12 @@ main{
            @media(max-width: 810px){
                margin-top: 14rem;
                grid-column: 2 /span 9;
-                margin-left: 0;            
+                // margin-left: 0;            
                padding-left: 0%;
            } 

            h1{
+                text-align: center;
                text-transform: none;
                color: $blue_QDD;
                font-size: 2rem;
@ -61,12 +62,16 @@ main{
                        top: 0px;

                    }
+                    @media(max-width: 810px){
+                        width: 95vw;
+                    }
                  
                    #sites-map-container{
                        width: 100%;
                        @media(max-width: 810px){
                            height:fit-content;
                        }
+                        h2{display: none;}
                    }
                }
               
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss
@ -341,8 +341,17 @@
                    display: flex;
                    flex-direction: row;
                    margin-bottom: 1rem;
+                    @media(max-width: 810px){
+                        justify-content: center;
+                        margin: auto;
+                        margin-bottom: 1rem;
+                        width: fit-content;
+                    }
                    @media(max-width: 500px){
                        justify-content: center;
+                        margin: auto;
+                        margin-bottom: 1rem;
+                        width: fit-content;
                    }

                    .prev-site{
@ -386,15 +395,16 @@
                    margin-bottom: 0.3rem;
                }
            }
-            .field_field_liens_site,
+            .field_field_liens_site, 
            .field--type-file{
                display: flex;
                flex-direction: column !important;

                @media (max-width:810px) {  
                    // margin-left: 0;
-                    max-width: 50%;
+                    // max-width: 50%;
                    margin: auto;
+                    margin-bottom: 1rem;
                }

                a{
@ -407,6 +417,7 @@
                    font-size: 0.6rem;
                    margin-bottom: 0.3rem;
                    
+                    
                    svg{
                        display: none;
                    }
@ -415,7 +426,7 @@
                        content: url("../img/noun-arrow-to-right.svg");
                        padding-right: 0.2rem;
                        padding-left: 0.2rem;
-                        padding-bottom: 0.2rem;
+                        // padding-bottom: 0.2rem;

                        
                    }
@ -462,3 +473,6 @@
    display: flex;
    flex-direction: column;
 }
+.html.js.sr body.node-type-site.node-id-40 div.dialog-off-canvas-main-canvas div#page-node.layout-container main div.layout-content div.content_container div.layout.layout--threecol-25-50-25 div.layout__region.layout__region--third div.block-region-third div div.field_field_documents div div span{
+    visibility: hidden;
+}
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/ressources.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/ressources.scss
@ -1,128 +0,0 @@
-
-#ressources{
-    background-color: #f6f7f3;
-
-
-    .layout-content{
-        // padding-top: 1rem;
-        .content_container{
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-
-            #block-quartiers-de-demain-titredepage{
-                margin-top: 1rem;
-                width: fit-content;
-                @media(max-width: 810px){
-                    margin-top: 14rem;
-                }
-                h1{
-                    text-transform: none;
-                    color: black;
-                    font-size: 2rem;
-                    font-family: "gilroy-medium"
-                }
-                
-                
-            }
-            .views-element-container{
-                margin-left: 15%;
-                width: 70%;
-                .group-content{
-                    display: flex;
-                    flex-direction: row;
-                    flex-wrap: wrap;
-
-                    h3{
-                        &::before{
-                            content:"";
-                            display: block;
-                            border-bottom: solid 2px $blue_QDD;
-                            // width: 80% ;
-                            margin: auto;
-                        }
-                        text-align: center;
-                        // width: 100%;
-                        flex: 0 0 100%;
-                        div{
-                            .field_name{
-                                h2{
-                                    a{
-                                        font-family: "gilroy-light";
-                                        color: $blue_QDD;
-                                        font-size: 2rem;
-                                    }
-                                    
-                                }
-                            }
-                            .field_description{
-                                font-family: "gilroy-light";
-                            }
-                        }
-                        
-                    }
-                    .views-row{
-                        width: 30%;
-                        font-size: 0.5rem;
-                        h2{
-                            font-family: "gilroy-semibold";
-                            color: $blue_QDD;
-                            font-size: 00.6rem;
-                        } 
-                        p{
-                            font-size: 0.5rem;
-                        }  
-                        .field_field_mots_clefs{
-                            div{
-                                display: flex;
-                                flex-direction: row;
-                                div{
-                                    border: solid 1px $blue_QDD;
-                                    margin-right: 0.2rem;
-                                    padding: 1.3%;
-                                    padding-bottom: 0.2%;
-                                    padding-top: 0.2%;
-                                    font-size: 0.4rem;
-                                    font-family: "gilroy-semibold";
-                                    a{
-                                        color: $blue_QDD;
-                                    }
-                                }
-                            }
-
-                        }  
-                        .field_field_site{
-                            div {
-                                
-                                a {
-                                    position: relative;
-                                    padding-left: 20px; // Ajuster selon la taille de l'icône
-                        
-                                    &:before {
-                                        content: "";
-                                        position: absolute;
-                                        left: 0;
-                                        top: 50%;
-                                        transform: translateY(-50%);
-                                        width: 1em;
-                                        height: 1em;
-                                        background-image: url("../img/map_pointer.svg");
-                                        background-size: contain;
-                                        background-repeat: no-repeat;
-                                    }
-                                    
-                                    color: $red_QDD;
-                                    font-family: "gilroy-semibold";
-                                }
-                            }
-
-                        }               
-                    }
-
-                }
-                
-            }
-            
-        }
-    }
-}
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss
@ -2,7 +2,7 @@
    display: flex;
    flex-direction: column;
    align-items: center;
-    padding-bottom: 6rem;
+    // padding-bottom: 4rem;

    h2{
        width: fit-content;
@ -16,8 +16,17 @@
    }
    button{
        top: -2.5rem;
+        @media(max-width: 810px){
+            top: -1.5rem;
+        }
    }
    .content-actus{
+        .slick-list{
+            padding-bottom: 4rem;
+            @media(max-width: 810px){
+                padding-bottom: 0rem;
+            }
+        }
        .view{
            display: flex;
            flex-direction: row;
@ -33,9 +42,14 @@
                padding-top: 3rem;
            }
            article.node-type-actualite{
+                a{
                display: flex;
                flex-direction: column;
+                h2{
+                    display: none;
+                }
                .field_field_images{
+                    order: 1;
                    background-color: black;
                    -moz-border-radius: 9px; /* pour Mozilla */
                    -khtml-border-radius: 9px; /* pour Safari et Chrome */
@ -97,7 +111,14 @@
                        padding-bottom: 0.2rem;
                    }
                }
+                .infos-actu{
+                    order: 2;
+                    h2{
+                        font-family: 'gilroy-semibold';
+                    }
+                }
                .field_field_date{
+                    
                    color: red;
                    display: inline-flex;
                    align-items: center;
@ -112,6 +133,7 @@
            

                .field_title{
+                    order: 3;
                    padding-top: 0.2rem;
                    h2{
                        margin: 0;
@ -124,6 +146,7 @@
                    } 
                }
                .field_body{
+                    order: 4;
                    // visibility: visible;
                    opacity: 1 !important;
                    transform: none !important;
@ -133,7 +156,41 @@
                        margin-bottom: 1rem;
                        font-size: 0.7rem ;
                    }
+                    a{
+                        color: $blue_QDD;
+                    }
                }
+                .field_field_liens{
+                    order: 5;
+                    width: fit-content;
+                    padding-left: 0.5rem;
+                    // padding-bottom: 0.2rem;
+                    // padding-top: 0.2rem;
+                    background: black;
+                    @media (max-width:810px) {  
+                        margin-left: 0;
+                    }
+
+                    a{
+                        display: inline-flex;
+                        align-items: center;
+                        color: white;
+                        text-transform: uppercase;
+                        font-size: 0.6rem;
+                        
+                        svg{
+                            display: none;
+                        }
+                        &::after{
+                            display: inline-flex;
+                            content: url("../img/noun-arrow-to-right.svg");
+                            padding-right: 0.2rem;
+                            padding-left: 0.2rem;
+                            // padding-bottom: 0.2rem;
+                        }
+                    }   
+                }
+            }
            }

        }
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/formes-animees.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/formes-animees.scss
@ -1,5 +1,5 @@
 #home{
-
+/////////////////start à remettre après fin live ///////////////
  #background-animated {
      // display: none;
      position: absolute;
@ -18,6 +18,29 @@
      top: -1500px;
    }
  }
+
+////////////////////////// end à remettre après fin live///////////
+
+////////////////////////// start  ///////////
+  // #background-animated-live {
+  //   // display: none;
+  //   position: absolute;
+  //   top: 1500px;
+  //   left: 200px;
+  //   width: 90%;
+  //   // height: 100%;
+  //   pointer-events: none; /* Permet de cliquer à travers l'élément */
+  //   z-index: 2; /* S'assure que l'élément soit au-dessus */
+  //   @media(max-width: 1400px){
+  //   display: none;
+  //   }
+  // svg{
+  //   max-width: 100%;
+  //   position: relative;
+  //   top: -1500px;
+  // }
+  // }
+////////////////////////// end e///////////
  // .not-visible{
  //   @media (max-width:1100px) {
  //     display: none;
@ -32,4 +55,7 @@
  .layout-container.home {
    position: relative;
  }
-} 
+
+
+
+} 
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
@ -184,14 +184,18 @@ header{
        transform: translateX(0);
        transition: transform 0.3s ease-in-out;
        z-index: -1 ;
+        display: flex;
+        flex-direction: column;
+
        @media(max-width: 1090px){
            // text-align:left;
-            height: fit-content;
+            // height: fit-content;
        }
        @media(max-width: 500px){
            flex: 0 0 40%;
        }
        #block-quartiers-de-demain-entete{
+            margin: auto;
            h2{
                display: none;
            }
@ -202,6 +206,8 @@ header{
                position: relative;
                padding-left: 1rem;
                padding-right: 1rem;
+                margin: auto;
+                padding-top: 1%;
                @media(max-width: 1025px){
                    top: 0;
                    align-items: center;
@ -305,7 +311,7 @@ header{
            flex: 1 0 100%;
            position: relative;
            left: -100%;
-            top: -45px;
+            // top: -45px;  /* a remettre et faire varier si ajoute éléments dans menu */

        }
    }
@ -341,7 +347,10 @@ header{
            flex: 1 0 100%;
            position: relative;
            left: -100%;
-            top: -45px;
+            // top: -75px;
+        }
+        @media(max-width: 550px){
+            top: 0px;
        }
    }

--- 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
@ -48,8 +48,6 @@
@import "pages/actualite";
@import "pages/node-type-site";
@import "pages/lessites.scss";
-@import "pages/ressources";
-@import "pages/bouton-ressources";


@import "/home/ouidade/Developer/docker-quartiersdedemain/src/web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.css";
--- a/web/themes/custom/quartiers_de_demain/templates/node--actualite.html.twig
+++ b/web/themes/custom/quartiers_de_demain/templates/node--actualite.html.twig
@ -92,15 +92,17 @@
    {# {{ content }} #}
  {# </div> #}
  {% block content %}
+  <a href="{{ url }}" rel="bookmark">{{ label }}
+  {{content.field_images}}
  <div class="infos-actu">
    {{content.field_type_d_actualite}}
    {{content.field_date}}
  </div>
    {{content.body}}
   {{content.field_liens}}
-    {{content.field_images}}
+    
   
-
+</a>
  {% endblock %}

 </article>
--- a/web/themes/custom/quartiers_de_demain/templates/page--ressources.html.twig
+++ b/web/themes/custom/quartiers_de_demain/templates/page--ressources.html.twig
@ -1,97 +0,0 @@
-{#
-/**
- * @file
- * Claro's theme implementation to display a single Drupal page.
- *
- * The doctype, html, head, and body tags are not in this template. Instead
- * they can be found in the html.html.twig template normally located in the
- * core/modules/system directory.
- *
- * Available variables:
- *
- * General utility variables:
- * - base_path: The base URL path of the Drupal installation. Will usually be
- *   "/" unless you have installed Drupal in a sub-directory.
- * - is_front: A flag indicating if the current page is the front page.
- * - logged_in: A flag indicating if the user is registered and signed in.
- * - is_admin: A flag indicating if the user has permission to access
- *   administration pages.
- *
- * Site identity:
- * - front_page: The URL of the front page. Use this instead of base_path when
- *   linking to the front page. This includes the language domain or prefix.
- *
- * Page content (in order of occurrence in the default page.html.twig):
- * - node: Fully loaded node, if there is an automatically-loaded node
- *   associated with the page and the node ID is the second argument in the
- *   page's path (e.g. node/12345 and node/12345/revisions, but not
- *   comment/reply/12345).
- *
- * Regions:
- * - page.header: Items for the header region.
- * - page.pre_content: Items for the pre-content region.
- * - page.breadcrumb: Items for the breadcrumb region.
- * - page.highlighted: Items for the highlighted region.
- * - page.help: Dynamic help text, mostly for admin pages.
- * - page.content: The main content of the current page.
- *
- * @see template_preprocess_page()
- * @see html.html.twig
- */
-#}
-<div class="layout-container" id="ressources">
-
-  <header role="banner">
-    {{ page.header_left }}
-    {{ page.header_right }}
-    {{ page.header_nav }}
-  </header>
-
-  {{ page.primary_menu }}
-  {{ page.secondary_menu }}
-
-  {{ page.breadcrumb }}
-
-  {{ page.highlighted }}
-
-  {{ page.help }}
-
-  <main role="main">
-    <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
-
-    <div class="layout-content">
-            
-     {{ page.content }}
-    </div>{# /.layout-content #}
-
-    {% if page.sidebar_first %}
-      <aside class="layout-sidebar-first" role="complementary">
-        {{ page.sidebar_first }}
-      </aside>
-    {% endif %}
-
-    {% if page.sidebar_second %}
-      <aside class="layout-sidebar-second" role="complementary">
-        {{ page.sidebar_second }}
-      </aside>
-    {% endif %}
-
-  </main>
-  {# {% if page.footer_top or page.footer_left or page.footer_middle or page.footer_right or page.footer_bottom %} #}
-    <footer role="contentinfo">
-      {# <section id="footer-top"> #}
-          <span class="totop"><a href="#" id="toTop"><i class="arrow-up"></i></a></span>
-      {# </section>  #}
-      <div class="footer">
-        <section id="footer-left">{{ page.footer_left }}</section> 
-        <div class='first-row'>
-          <section id="footer-middle">{{ page.footer_middle }}</section> 
-          <section id="footer-right">{{ page.footer_right }}</section> 
-        </div>
-
-      </div> 
-      {# <section id="footer-bottom">{{ page.footer_bottom }}</section>  #}
-    </footer>
-  {# {% endif %} #}
-
-</div>{# /.layout-container #}
--- a/web/themes/custom/quartiers_de_demain/webpack.config.js
+++ b/web/themes/custom/quartiers_de_demain/webpack.config.js
@ -7,7 +7,7 @@ let config = {
        "./src/assets/js/quartiers_de_demain.js",
        // "./src/assets/js/animated_logo.js",
        "./src/assets/js/animated_formes.js",
-        "./src/assets/scss/quartiers_de_demain.scss", 
+        "./src/assets/scss/quartiers_de_demain.scss",
        // "./src/assets/fonts/*",
        // "./src/assets/css/animated_logo.css",
Author	SHA1	Message	Date
ouidade	735a9a0278	retrouve page lessites	2025-03-03 23:35:36 +01:00
ouidade	104633faa1	actu page	2025-03-03 22:39:58 +01:00
ouidade	4aaa3f90c5	fix tamporaire bug actu carroussel =responsive	2025-03-03 22:20:41 +01:00
bach	5eceec0083	alias url	2025-03-03 18:38:03 +01:00
ouidade	f745ce2f6c	fix tamporaire bug actu carroussel	2025-03-03 17:25:43 +01:00
ouidade	7176f2d82d	désactive js actus caroussel pour accès contenu	2025-03-03 15:48:39 +01:00
ouidade	91f248bfd7	css actus	2025-03-03 14:37:20 +01:00
ouidade	1c09ac0a55	css actus	2025-03-03 14:31:21 +01:00
ouidade	08f405aaa5	css responsive site	2025-03-03 13:58:53 +01:00
ouidade	b88b807554	css poids site	2025-03-03 13:40:32 +01:00
ouidade	b904091947	ajustement css carroussel actu	2025-03-03 12:39:55 +01:00
ouidade	99db92a152	ajustement css carroussel actu	2025-03-03 12:34:54 +01:00
ouidade	fb9ffed293	ajustement css carroussel actu	2025-03-03 12:28:20 +01:00
ouidade	84fece051f	ajustement js longueru texte actus	2025-03-03 12:23:37 +01:00
ouidade	f218e340f1	ajustement css header mobile	2025-03-03 12:09:21 +01:00
ouidade	c24e9b296c	ajustement css page sites	2025-03-03 12:04:37 +01:00
ouidade	fa0945c969	ajustement css bandeau actu	2025-03-03 11:52:56 +01:00
ouidade	18818bc428	ajustement css bandeau actu	2025-03-03 11:49:00 +01:00
ouidade	2387de2870	ajustement live	2025-03-03 11:45:20 +01:00
ouidade	15805cba54	css formes background	2025-03-02 12:17:02 +01:00
ouidade	4d4ccb80a9	css live	2025-03-02 12:01:00 +01:00
ouidade	09a1e18f16	css live	2025-03-02 11:55:32 +01:00
ouidade	4fff17098f	Merge branch 'live' of gitea-figureslibres.io:bachir/drupal-quartiersdedemain into HEAD	2025-03-02 00:30:02 +01:00