css poids site

composer.json

@@ -134,9 +134,6 @@
             },
             "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

@@ -1,8 +0,0 @@
-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

@@ -1,49 +0,0 @@
-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

@@ -1,48 +0,0 @@
-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

@@ -1,24 +0,0 @@
-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

@@ -1,19 +0,0 @@
-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

@@ -1,25 +0,0 @@
-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

@@ -1,19 +0,0 @@
-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

@@ -1,21 +0,0 @@
-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

@@ -1,19 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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,10 +6,7 @@ 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
@@ -33,7 +30,7 @@ variant_settings:
       items_per_page: none
       exposed: {  }
       region: content
-      weight: 1
+      weight: 0
       uuid: f1486b62-7ff8-475b-b6a1-e153b6b6fb89
       css_classes:
         - ''
@@ -63,7 +60,7 @@ variant_settings:
       config_page_type: deroulement
       config_page_view_mode: full
       region: content
-      weight: 2
+      weight: 1
       uuid: 346ce88d-2925-4bf8-884d-dfbca1e8d5b6
       css_classes:
         - ''
@@ -79,28 +76,12 @@ variant_settings:
       items_per_page: none
       exposed: {  }
       region: content
-      weight: 0
+      weight: 2
       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

@@ -1,22 +0,0 @@
-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' => [], 'label' => null),
+      'variables' => array('vpw' => null, 'vph' => null, 'sites' => []),
     ),
   );
 }

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

@@ -101,7 +101,6 @@ class SitesMap extends BlockBase {
       ],
       'svg_mapsites' => [
         '#theme' => 'svg_mapsites',
-        '#label' => "Les 10 sites de projet",
         '#sites' => $sites_paths,
         '#vpw' => $vp_w,
         '#vph' => $vp_h,
@@ -118,7 +117,6 @@ 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,7 +1,4 @@
 <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: 300px;
+    padding-top: 380px;
   }
 }
 @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;
-  display: flex;
+}
-  flex-direction: column;
+@media (max-width: 1090px) {
+  header .header_nav_container {
+    height: fit-content;
+  }
 }
 @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,8 +453,6 @@ 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 {
@@ -564,6 +562,7 @@ header .header:hover + .header_nav_container {
     flex: 1 0 100%;
     position: relative;
     left: -100%;
+    top: -45px;
   }
 }
 
@@ -606,11 +605,7 @@ 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;
   }
 }
 
@@ -1501,6 +1496,7 @@ footer {
   display: flex;
   flex-direction: column;
   align-items: center;
+  padding-bottom: 6rem;
 }
 #actus-caroussel h2 {
   width: fit-content;
@@ -1514,19 +1510,6 @@ 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;
@@ -1542,15 +1525,11 @@ footer {
     padding-top: 3rem;
   }
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite a {
+#actus-caroussel .content-actus .views-row article.node-type-actualite {
   display: flex;
   flex-direction: column;
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite a h2 {
+#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images {
-  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 */
@@ -1560,18 +1539,18 @@ footer {
   margin-bottom: 0.6rem;
 }
 @media (max-width: 550px) {
-  #actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_images {
+  #actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images {
     height: 170px;
   }
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_images div {
+#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images div {
   height: 100%;
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_images div div a {
+#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images div div a {
   display: block;
   height: 100%;
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_images div div a img {
+#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images div div a img {
   width: 100%;
   height: 100%;
   object-fit: cover;
@@ -1581,11 +1560,11 @@ footer {
   border-radius: 9px; /* CSS3 */
 }
 @media (max-width: 550px) {
-  #actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_images div div a img {
+  #actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images div div a img {
     max-height: 170px;
   }
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_images img {
+#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images img {
   width: 100%;
   height: 100%;
   object-fit: cover;
@@ -1595,11 +1574,11 @@ footer {
   border-radius: 9px; /* CSS3 */
 }
 @media (max-width: 550px) {
-  #actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_images img {
+  #actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images img {
     max-height: 170px;
   }
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_type_d_actualite {
+#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_type_d_actualite {
   text-transform: uppercase;
   color: red;
   font-size: 0.5rem;
@@ -1607,82 +1586,44 @@ footer {
   display: inline-flex;
   align-items: center;
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_field_type_d_actualite::before {
+#actus-caroussel .content-actus .views-row article.node-type-actualite .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 a .infos-actu {
+#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_date {
-  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 a .field_field_date::before {
+#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_date::before {
   content: url("../img/date-actu.svg");
   padding-right: 0.3rem;
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_title {
+#actus-caroussel .content-actus .views-row article.node-type-actualite .field_title {
-  order: 3;
   padding-top: 0.2rem;
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_title h2 {
+#actus-caroussel .content-actus .views-row article.node-type-actualite .field_title h2 {
   margin: 0;
   line-height: 0.4;
   padding-bottom: 0.6rem;
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_title h2 a {
+#actus-caroussel .content-actus .views-row article.node-type-actualite .field_title h2 a {
   font-size: 0.8rem;
   color: rgb(7, 50, 194);
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_body {
+#actus-caroussel .content-actus .views-row article.node-type-actualite .field_body {
-  order: 4;
   opacity: 1 !important;
   transform: none !important;
   font-family: "gilroy-regular";
 }
-#actus-caroussel .content-actus .views-row article.node-type-actualite a .field_body p {
+#actus-caroussel .content-actus .views-row article.node-type-actualite .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;
@@ -2631,29 +2572,6 @@ 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;
 }
@@ -3185,12 +3103,7 @@ 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;
@@ -3221,20 +3134,15 @@ 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;
@@ -3252,12 +3160,6 @@ 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;
@@ -3567,20 +3469,9 @@ 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 {
@@ -3626,8 +3517,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,
@@ -3651,6 +3542,7 @@ 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;
@@ -3685,10 +3577,6 @@ 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;
 }
@@ -3709,11 +3597,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;
@@ -3751,11 +3639,6 @@ 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%;
 }
@@ -3764,9 +3647,6 @@ 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;
@@ -3817,3 +3697,134 @@ main {
   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;
+}

web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees-live.svg

@@ -1,102 +0,0 @@
-<?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,42 +4,11 @@
 <svg
    version="1.1"
    id="svg1"
-   width="1801.0212"
+   width="1800.8781"
-   height="4029.4231"
+   height="3633.5603"
-   viewBox="0 0 1801.0212 4029.4232"
+   viewBox="0 0 1800.878 3633.5604"
-   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
@@ -68,78 +37,65 @@
     </clipPath>
   </defs>
   <g
-     id="g2"
+     id="g3"
-     transform="translate(-299.16899,-2519.6031)">
+     transform="translate(-299.16899,-2704.2078)">
     <g
-       id="g1"
+       id="g2">
-       transform="translate(0.17944336,-2.9196463)"
+      <g
-       inkscape:export-filename="formes-animees.svg"
+         id="g1"
-       inkscape:export-xdpi="300"
+         transform="translate(0.17944336,-2.9196463)">
-       inkscape:export-ydpi="300">
+        <path
-      <path
+           id="path256"
-         id="path256"
+           d="m 321.27266,3336.1817 182.91889,175.8201"
-         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" />
-         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
-         inkscape:export-filename="formes-animees.svg"
+           id="path256-3"
-         inkscape:export-xdpi="300"
+           d="m 1852.1683,5834.9184 -163.0856,194.3583"
-         inkscape:export-ydpi="300" />
+           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
+        <path
-         id="path256-3"
+           id="path257"
-         d="m 1852.1683,6336.9184 -163.0856,194.3583"
+           d="M 0,0 C -205.098,0 -371.361,-166.265 -371.361,-371.362"
-         style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+           style="fill:none;stroke:#f7002b;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-      <path
+           transform="matrix(-0.80902482,0,0,-0.80902482,1743.8143,2885.2905)"
-         id="path257"
+           clip-path="url(#clipPath258)" />
-         d="M 0,0 C -205.098,0 -371.361,-166.265 -371.361,-371.362"
+        <path
-         style="fill:none;stroke:#f7002b;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           id="path300"
-         transform="matrix(-0.80902482,0,0,-0.80902482,1725.8143,3047.2905)"
+           d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6"
-         clip-path="url(#clipPath258)" />
+           style="fill:none;stroke:#f7002b;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-      <path
+           transform="matrix(0.72647042,0,0,-0.72647042,1756.7965,4238.0583)"
-         id="path300"
+           clip-path="url(#clipPath301)" />
-         d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6"
+        <path
-         style="fill:none;stroke:#f7002b;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           id="path302"
-         transform="matrix(0.72647042,0,0,-0.72647042,1908.7965,4672.0583)"
+           d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
-         clip-path="url(#clipPath301)" />
+           style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-      <path
+           transform="matrix(0.82260013,0,0,-0.82260013,1945.1937,5133.4927)"
-         id="path302"
+           clip-path="url(#clipPath303)" />
-         d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
+        <path
-         style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           id="path311"
-         transform="matrix(0.82260013,0,0,-0.82260013,2051.1937,5635.4927)"
+           d="M 552.65311,4967.771 V 4707.7705"
-         clip-path="url(#clipPath303)" />
+           style="fill:none;stroke:#000000;stroke-width:78.092;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      <path
+      </g>
-         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="196.83549"
+     height="112.19624"
-     x="73.095963"
+     x="77.598511"
-     y="119.38474" />
+     y="68.049271" />
   <rect
      style="fill:none;stroke-width:0;paint-order:stroke fill markers"
      id="rect3"
      width="1559.4871"
      height="238.19258"
-     x="108.70975"
+     x="113.2123"
      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

@@ -1,129 +0,0 @@
-<?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/quartiers_de_demain.theme

@@ -62,6 +62,7 @@ function quartiers_de_demain_preprocess_field(&$variables) {
   }
 }
 
+
 /**
  * Prepares variables for block templates.
  *

web/themes/custom/quartiers_de_demain/src/assets/img/formes-animees-original.svg

@@ -1,102 +0,0 @@
-<?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: 300px;
+                padding-top: 380px;
             }
         }
     }

web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualite.scss

@@ -33,13 +33,7 @@
             .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;
@@ -71,19 +65,14 @@
         
                 }
                 .field_body {
-                    order: 2;
                     padding-bottom: 2rem;
                     p{
                     font-size: 0.8rem;
                     }
                 }
                 .field_field_liens{
-                    order: 3;
                     padding-bottom: 2rem;
-                    padding-top: 2rem;
                     a{
-                        display: flex;
-                        flex-direction: row;
                         padding-left: 0.5rem;
                         display: inline-flex;
                         align-items: center;
@@ -102,14 +91,9 @@
                             
                         }
                     }
-                    
-                    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/bouton-ressources.scss

@@ -0,0 +1,42 @@
+#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;
+    }
+}

web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss

@@ -697,28 +697,6 @@
         // 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,12 +17,11 @@ 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;
@@ -62,16 +61,12 @@ 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

@@ -341,17 +341,8 @@
                     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{
@@ -402,9 +393,8 @@
 
                 @media (max-width:810px) {  
                     // margin-left: 0;
-                    // max-width: 50%;
+                    max-width: 50%;
                     margin: auto;
-                    margin-bottom: 1rem;
                 }
 
                 a{
@@ -417,7 +407,6 @@
                     font-size: 0.6rem;
                     margin-bottom: 0.3rem;
                     
-                    
                     svg{
                         display: none;
                     }
@@ -426,7 +415,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;
 
                         
                     }
@@ -473,6 +462,3 @@
     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;
-}

web/themes/custom/quartiers_de_demain/src/assets/scss/pages/ressources.scss

@@ -0,0 +1,128 @@
+
+#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";
+                                }
+                            }
+
+                        }               
+                    }
+
+                }
+                
+            }
+            
+        }
+    }
+}

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: 4rem;
+    padding-bottom: 6rem;
 
     h2{
         width: fit-content;
@@ -16,17 +16,8 @@
     }
     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;
@@ -42,14 +33,9 @@
                 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 */
@@ -111,14 +97,7 @@
                         padding-bottom: 0.2rem;
                     }
                 }
-                .infos-actu{
-                    order: 2;
-                    h2{
-                        font-family: 'gilroy-semibold';
-                    }
-                }
                 .field_field_date{
-                    
                     color: red;
                     display: inline-flex;
                     align-items: center;
@@ -133,7 +112,6 @@
             
 
                 .field_title{
-                    order: 3;
                     padding-top: 0.2rem;
                     h2{
                         margin: 0;
@@ -146,7 +124,6 @@
                     } 
                 }
                 .field_body{
-                    order: 4;
                     // visibility: visible;
                     opacity: 1 !important;
                     transform: none !important;
@@ -156,41 +133,7 @@
                         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,29 +18,6 @@
       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;
@@ -55,7 +32,4 @@
   .layout-container.home {
     position: relative;
   }
-
-
-
 } 

web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss

@@ -184,18 +184,14 @@ 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;
             }
@@ -206,8 +202,6 @@ header{
                 position: relative;
                 padding-left: 1rem;
                 padding-right: 1rem;
-                margin: auto;
-                padding-top: 1%;
                 @media(max-width: 1025px){
                     top: 0;
                     align-items: center;
@@ -311,7 +305,7 @@ header{
             flex: 1 0 100%;
             position: relative;
             left: -100%;
-            // top: -45px;  /* a remettre et faire varier si ajoute éléments dans menu */
+            top: -45px;
 
         }
     }
@@ -347,10 +341,7 @@ header{
             flex: 1 0 100%;
             position: relative;
             left: -100%;
-            // top: -75px;
+            top: -45px;
-        }
-        @media(max-width: 550px){
-            top: 0px;
         }
     }
 

web/themes/custom/quartiers_de_demain/src/assets/scss/quartiers_de_demain.scss

@@ -48,6 +48,8 @@
 @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";

web/themes/custom/quartiers_de_demain/templates/node--actualite.html.twig

@@ -92,17 +92,15 @@
     {# {{ 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>

web/themes/custom/quartiers_de_demain/templates/page--ressources.html.twig

@@ -0,0 +1,97 @@
+{#
+/**
+ * @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 #}