retrouve page lessites

composer.json

@@ -134,6 +134,9 @@
             },
             "drupal/image_field_caption":{
                 "Rewrite module to use default field storage https://www.drupal.org/project/image_field_caption/issues/3472997": "./patches/image_field_caption_3472997_12.patch"
+            },
+            "drupal/video_embed_field":{
+                "Support Youtube Live urls https://www.drupal.org/project/video_embed_field/issues/3417567":"https://www.drupal.org/files/issues/2024-01-27/video_embed_field--support-live--3417567--2.patch"
             }
         },
         "oldpatches": {

config/sync/block_content.type.live_youtube.yml

@@ -0,0 +1,8 @@
+uuid: dc650ace-a4b8-479c-bb14-fa42e7534214
+langcode: fr
+status: true
+dependencies: {  }
+id: live_youtube
+label: live-youtube
+revision: 0
+description: ''

config/sync/core.entity_form_display.block_content.live_youtube.default.yml

@@ -0,0 +1,49 @@
+uuid: 9d4c0c8b-d55b-4f5d-a1b8-f1df7af95607
+langcode: fr
+status: true
+dependencies:
+  config:
+    - block_content.type.live_youtube
+    - field.field.block_content.live_youtube.field_descritpion
+    - field.field.block_content.live_youtube.field_titre
+    - field.field.block_content.live_youtube.field_youtube
+  module:
+    - text
+    - video_embed_field
+id: block_content.live_youtube.default
+targetEntityType: block_content
+bundle: live_youtube
+mode: default
+content:
+  field_descritpion:
+    type: text_textarea
+    weight: 2
+    region: content
+    settings:
+      rows: 5
+      placeholder: ''
+    third_party_settings: {  }
+  field_titre:
+    type: string_textfield
+    weight: 1
+    region: content
+    settings:
+      size: 60
+      placeholder: ''
+    third_party_settings: {  }
+  field_youtube:
+    type: video_embed_field_textfield
+    weight: 3
+    region: content
+    settings: {  }
+    third_party_settings: {  }
+  info:
+    type: string_textfield
+    weight: 0
+    region: content
+    settings:
+      size: 60
+      placeholder: ''
+    third_party_settings: {  }
+hidden:
+  langcode: true

config/sync/core.entity_view_display.block_content.live_youtube.default.yml

@@ -0,0 +1,48 @@
+uuid: a96096d1-f93c-48f3-9b6c-f9940f4ee2fc
+langcode: fr
+status: true
+dependencies:
+  config:
+    - block_content.type.live_youtube
+    - field.field.block_content.live_youtube.field_descritpion
+    - field.field.block_content.live_youtube.field_titre
+    - field.field.block_content.live_youtube.field_youtube
+  module:
+    - manage_display
+    - text
+    - video_embed_field
+id: block_content.live_youtube.default
+targetEntityType: block_content
+bundle: live_youtube
+mode: default
+content:
+  field_descritpion:
+    type: text_default
+    label: visually_hidden
+    settings: {  }
+    third_party_settings: {  }
+    weight: 1
+    region: content
+  field_titre:
+    type: title
+    label: visually_hidden
+    settings:
+      link_to_entity: false
+      tag: h2
+    third_party_settings: {  }
+    weight: 0
+    region: content
+  field_youtube:
+    type: video_embed_field_video
+    label: visually_hidden
+    settings:
+      autoplay: true
+      responsive: true
+      width: 854
+      height: 480
+    third_party_settings: {  }
+    weight: 2
+    region: content
+hidden:
+  langcode: true
+  search_api_excerpt: true

config/sync/field.field.block_content.live_youtube.field_descritpion.yml

@@ -0,0 +1,24 @@
+uuid: e3139bc9-11e2-49a5-a296-5d6f08499a78
+langcode: fr
+status: true
+dependencies:
+  config:
+    - block_content.type.live_youtube
+    - field.storage.block_content.field_descritpion
+    - filter.format.wysiwyg
+  module:
+    - text
+id: block_content.live_youtube.field_descritpion
+field_name: field_descritpion
+entity_type: block_content
+bundle: live_youtube
+label: Description
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings:
+  allowed_formats:
+    - wysiwyg
+field_type: text_long

config/sync/field.field.block_content.live_youtube.field_titre.yml

@@ -0,0 +1,19 @@
+uuid: f32e837b-2b65-438e-9b1a-681267ed114d
+langcode: fr
+status: true
+dependencies:
+  config:
+    - block_content.type.live_youtube
+    - field.storage.block_content.field_titre
+id: block_content.live_youtube.field_titre
+field_name: field_titre
+entity_type: block_content
+bundle: live_youtube
+label: Titre
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings: {  }
+field_type: string

config/sync/field.field.block_content.live_youtube.field_youtube.yml

@@ -0,0 +1,25 @@
+uuid: 0557bdb1-03b5-4b9f-8941-63d7880a2e88
+langcode: fr
+status: true
+dependencies:
+  config:
+    - block_content.type.live_youtube
+    - field.storage.block_content.field_youtube
+  module:
+    - video_embed_field
+id: block_content.live_youtube.field_youtube
+field_name: field_youtube
+entity_type: block_content
+bundle: live_youtube
+label: youtube
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings:
+  allowed_providers:
+    youtube: youtube
+    youtube_playlist: '0'
+    vimeo: '0'
+field_type: video_embed_field

config/sync/field.storage.block_content.field_descritpion.yml

@@ -0,0 +1,19 @@
+uuid: 833e03f3-0e59-4537-b1eb-3d5b3eba9e0f
+langcode: fr
+status: true
+dependencies:
+  module:
+    - block_content
+    - text
+id: block_content.field_descritpion
+field_name: field_descritpion
+entity_type: block_content
+type: text_long
+settings: {  }
+module: text
+locked: false
+cardinality: 1
+translatable: true
+indexes: {  }
+persist_with_no_fields: false
+custom_storage: false

config/sync/field.storage.block_content.field_titre.yml

@@ -0,0 +1,21 @@
+uuid: c8b30bc0-f7cb-49a0-8bb1-2a83fef02fb2
+langcode: fr
+status: true
+dependencies:
+  module:
+    - block_content
+id: block_content.field_titre
+field_name: field_titre
+entity_type: block_content
+type: string
+settings:
+  max_length: 255
+  case_sensitive: false
+  is_ascii: false
+module: core
+locked: false
+cardinality: 1
+translatable: true
+indexes: {  }
+persist_with_no_fields: false
+custom_storage: false

config/sync/field.storage.block_content.field_youtube.yml

@@ -0,0 +1,19 @@
+uuid: cc74fdc1-0972-4669-a610-c3ec2df20732
+langcode: fr
+status: true
+dependencies:
+  module:
+    - block_content
+    - video_embed_field
+id: block_content.field_youtube
+field_name: field_youtube
+entity_type: block_content
+type: video_embed_field
+settings: {  }
+module: video_embed_field
+locked: false
+cardinality: 1
+translatable: true
+indexes: {  }
+persist_with_no_fields: false
+custom_storage: false

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

config/sync/page_manager.page_variant.home-panels_variant-0.yml

@@ -6,7 +6,10 @@ dependencies:
     - page_manager.page.home
     - views.view.actus
     - views.view.presentation
+  content:
+    - 'block_content:live_youtube:1d330f27-3197-43ed-8f7f-a1b05826c25b'
   module:
+    - block_content
     - config_pages
     - panels
     - views
@@ -30,7 +33,7 @@ variant_settings:
       items_per_page: none
       exposed: {  }
       region: content
-      weight: 0
+      weight: 1
       uuid: f1486b62-7ff8-475b-b6a1-e153b6b6fb89
       css_classes:
         - ''
@@ -60,7 +63,7 @@ variant_settings:
       config_page_type: deroulement
       config_page_view_mode: full
       region: content
-      weight: 1
+      weight: 2
       uuid: 346ce88d-2925-4bf8-884d-dfbca1e8d5b6
       css_classes:
         - ''
@@ -76,12 +79,28 @@ variant_settings:
       items_per_page: none
       exposed: {  }
       region: content
-      weight: 2
+      weight: 0
       uuid: d4d27033-dc91-45d7-adc0-8690fd0ab27a
       css_classes:
         - ''
       html_id: ''
       css_styles: ''
+    e68622dd-ffb9-463b-af33-0955e75f8019:
+      id: 'block_content:1d330f27-3197-43ed-8f7f-a1b05826c25b'
+      label: 'Live 03-03-2025'
+      label_display: visible
+      provider: block_content
+      status: true
+      info: ''
+      view_mode: full
+      context_mapping: {  }
+      region: content
+      weight: -1
+      uuid: e68622dd-ffb9-463b-af33-0955e75f8019
+      css_classes:
+        - ''
+      html_id: ''
+      css_styles: ''
   page_title: ''
   layout: layout_onecol
   layout_settings:

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: {  }

web/modules/custom/q2d_mod/q2d_mod.module

@@ -11,7 +11,7 @@
 function q2d_mod_theme() {
   return array(
     'svg_mapsites' => array(
-      'variables' => array('vpw' => null, 'vph' => null, 'sites' => []),
+      'variables' => array('vpw' => null, 'vph' => null, 'sites' => [], 'label' => null),
     ),
   );
 }

web/modules/custom/q2d_mod/src/Plugin/Block/SitesMap.php

@@ -101,6 +101,7 @@ class SitesMap extends BlockBase {
       ],
       'svg_mapsites' => [
         '#theme' => 'svg_mapsites',
+        '#label' => "Les 10 sites de projet",
         '#sites' => $sites_paths,
         '#vpw' => $vp_w,
         '#vph' => $vp_h,
@@ -117,6 +118,7 @@ class SitesMap extends BlockBase {
     //   '#markup' => $this->t('Hello, Sites Map!'),
     // ];
   }
+  
   public function getCacheMaxAge() {
     return 0;
   }

web/modules/custom/q2d_mod/templates/svg-mapsites.html.twig

@@ -1,4 +1,7 @@
 <div id="sites-map-container">
+
+  <h2>{{label}}</h2>  
+
   {# <svg {{ svg_attributes }}>
     <path {{ path_attributes }}></path>
   </svg> #}

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;
@@ -3467,10 +3565,22 @@ body {
 .node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div {
   display: flex;
   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 {
@@ -3508,17 +3618,20 @@ body {
 .node-type-site .layout--threecol-25-50-25 .layout__region--third .documents-liens-wrapper .field_field_documents {
   margin-bottom: 0.3rem;
 }
-.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_field_liens_site,
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .field--type-file {
   display: flex;
   flex-direction: column !important;
 }
 @media (max-width: 810px) {
-  .node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site {
-    max-width: 50%;
+  .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 {
     margin: auto;
+    margin-bottom: 1rem;
   }
 }
-.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site a {
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site a,
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .field--type-file a {
   display: inline-flex;
   align-items: center;
   color: white;
@@ -3528,15 +3641,16 @@ body {
   font-size: 0.6rem;
   margin-bottom: 0.3rem;
 }
-.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site a svg {
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site a svg,
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .field--type-file a svg {
   display: none;
 }
-.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site a::after {
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site a::after,
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .field--type-file a::after {
   display: inline-flex;
   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;
@@ -3595,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;
@@ -3637,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%;
 }
@@ -3645,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;

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>

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>

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>

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>

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;
             }
         }
     }

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;

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;
+        }
+    }
+
 }
 
 

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;}
                     }
                 }
                

web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss

@@ -340,8 +340,18 @@
                 div{
                     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{
@@ -385,14 +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{
@@ -405,6 +417,7 @@
                     font-size: 0.6rem;
                     margin-bottom: 0.3rem;
                     
+                    
                     svg{
                         display: none;
                     }
@@ -413,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;
 
                         
                     }

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;
+                        }
+                    }   
+                }
+            }
             }
 
         }

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;
   }
-} 
+
+
+
+} 

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;
         }
     }
 

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>