taille icon site

composer.json

@@ -37,6 +37,7 @@
         "drupal/quick_node_clone": "^1.18",
         "drupal/simple_sitemap": "^4.1",
         "drupal/social_media_links": "^2.9",
+        "drupal/views_autocomplete_filters": "^2.0",
         "drupal/views_block_area": "^1.0@beta",
         "drupal/viewsreference": "^2.0@beta",
         "drupal/yaml_editor": "^1.2",
@@ -134,6 +135,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": {

composer.lock

@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "21ca923d67e614146f8e96c3190d1cde",
+    "content-hash": "9560a6f5de3794225f71e23951e5f1f8",
     "packages": [
         {
             "name": "asm89/stack-cors",
@@ -7560,6 +7560,67 @@
                 "source": "https://git.drupalcode.org/project/video_embed_field"
             }
         },
+        {
+            "name": "drupal/views_autocomplete_filters",
+            "version": "2.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://git.drupalcode.org/project/views_autocomplete_filters.git",
+                "reference": "2.0.2"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://ftp.drupal.org/files/projects/views_autocomplete_filters-2.0.2.zip",
+                "reference": "2.0.2",
+                "shasum": "745fc3630fb90f79a22d782efe4bbda16ef4a025"
+            },
+            "require": {
+                "drupal/core": "^10 || ^11"
+            },
+            "type": "drupal-module",
+            "extra": {
+                "drupal": {
+                    "version": "2.0.2",
+                    "datestamp": "1711629268",
+                    "security-coverage": {
+                        "status": "covered",
+                        "message": "Covered by Drupal's security advisory policy"
+                    }
+                }
+            },
+            "notification-url": "https://packages.drupal.org/8/downloads",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "colan",
+                    "homepage": "https://www.drupal.org/user/58704"
+                },
+                {
+                    "name": "heddn",
+                    "homepage": "https://www.drupal.org/user/1463982"
+                },
+                {
+                    "name": "robloach",
+                    "homepage": "https://www.drupal.org/user/61114"
+                },
+                {
+                    "name": "vasike",
+                    "homepage": "https://www.drupal.org/user/156237"
+                }
+            ],
+            "description": "Add autocomplete functionality to the views filter text fields.",
+            "homepage": "https://www.drupal.org/project/views_autocomplete_filters",
+            "keywords": [
+                "Drupal",
+                "views_autocomplete_filters"
+            ],
+            "support": {
+                "source": "https://git.drupalcode.org/project/views_autocomplete_filters",
+                "issues": "https://www.drupal.org/project/issues/views_autocomplete_filters"
+            }
+        },
         {
             "name": "drupal/views_block_area",
             "version": "1.0.0-beta4",

config/sync/block.block.quartiers_de_demain_formulaireexposeactuspage_1.yml

@@ -0,0 +1,30 @@
+uuid: c9c52cf9-8186-4b48-a043-0d136bfeae02
+langcode: fr
+status: true
+dependencies:
+  config:
+    - views.view.actus
+  module:
+    - block_class
+    - context
+    - views
+  theme:
+    - quartiers_de_demain
+id: quartiers_de_demain_formulaireexposeactuspage_1
+theme: quartiers_de_demain
+region: sidebar_first
+weight: 0
+provider: null
+plugin: 'views_exposed_filter_block:actus-page_1'
+settings:
+  id: 'views_exposed_filter_block:actus-page_1'
+  label: ''
+  label_display: visible
+  provider: views
+  views_label: 'Filtrer les actualités'
+visibility:
+  view_inclusion:
+    id: view_inclusion
+    negate: false
+    view_inclusion:
+      view-actus-page_1: view-actus-page_1

config/sync/block.block.quartiers_de_demain_formulaireexposeressourcespage_1.yml

@@ -0,0 +1,30 @@
+uuid: 30157518-30b0-4b4f-b5c8-3741ff99e8cc
+langcode: fr
+status: true
+dependencies:
+  config:
+    - views.view.ressources
+  module:
+    - block_class
+    - context
+    - views
+  theme:
+    - quartiers_de_demain
+id: quartiers_de_demain_formulaireexposeressourcespage_1
+theme: quartiers_de_demain
+region: sidebar_first
+weight: 0
+provider: null
+plugin: 'views_exposed_filter_block:ressources-page_1'
+settings:
+  id: 'views_exposed_filter_block:ressources-page_1'
+  label: ''
+  label_display: visible
+  provider: views
+  views_label: 'filtrer les ressources'
+visibility:
+  view_inclusion:
+    id: view_inclusion
+    negate: false
+    view_inclusion:
+      view-ressources-page_1: view-ressources-page_1

config/sync/block.block.quartiers_de_demain_socialmedialinks.yml

@@ -3,7 +3,6 @@ langcode: fr
 status: true
 dependencies:
   module:
-    - block_class
     - social_media_links
   theme:
     - quartiers_de_demain

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.base_field_override.node.ressource.promote.yml

@@ -0,0 +1,22 @@
+uuid: d94e3e27-6ebe-416a-a837-814976df1c48
+langcode: fr
+status: true
+dependencies:
+  config:
+    - node.type.ressource
+id: node.ressource.promote
+field_name: promote
+entity_type: node
+bundle: ressource
+label: "Promu en page d'accueil"
+description: ''
+required: false
+translatable: true
+default_value:
+  -
+    value: 0
+default_value_callback: ''
+settings:
+  on_label: Activé
+  off_label: Désactivé
+field_type: boolean

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_form_display.node.actualite.default.yml

@@ -4,10 +4,13 @@ status: true
 dependencies:
   config:
     - field.field.node.actualite.body
+    - field.field.node.actualite.field_a_la_une
     - field.field.node.actualite.field_date
     - field.field.node.actualite.field_fichiers
     - field.field.node.actualite.field_images
     - field.field.node.actualite.field_liens
+    - field.field.node.actualite.field_poid
+    - field.field.node.actualite.field_site
     - field.field.node.actualite.field_type_d_actualite
     - image.style.thumbnail
     - node.type.actualite
@@ -25,8 +28,9 @@ third_party_settings:
     group_details:
       children:
         - status
-        - sticky
         - promote
+        - field_a_la_une
+        - field_poid
         - uid
         - created
         - path
@@ -35,7 +39,7 @@ third_party_settings:
       label: Details
       region: content
       parent_name: ''
-      weight: 7
+      weight: 8
       format_type: details_sidebar
       format_settings:
         classes: ''
@@ -45,7 +49,7 @@ third_party_settings:
         open: true
         description: ''
         required_fields: true
-        weight: 0
+        weight: -100
 id: node.actualite.default
 targetEntityType: node
 bundle: actualite
@@ -53,7 +57,7 @@ mode: default
 content:
   body:
     type: text_textarea_with_summary
-    weight: 3
+    weight: 4
     region: content
     settings:
       rows: 9
@@ -63,26 +67,33 @@ content:
     third_party_settings: {  }
   created:
     type: datetime_timestamp
-    weight: 12
+    weight: 13
     region: content
     settings: {  }
     third_party_settings: {  }
+  field_a_la_une:
+    type: boolean_checkbox
+    weight: 10
+    region: content
+    settings:
+      display_label: true
+    third_party_settings: {  }
   field_date:
     type: daterange_default
-    weight: 2
+    weight: 3
     region: content
     settings: {  }
     third_party_settings: {  }
   field_fichiers:
     type: file_generic
-    weight: 4
+    weight: 5
     region: content
     settings:
       progress_indicator: throbber
     third_party_settings: {  }
   field_images:
     type: image_image
-    weight: 6
+    weight: 7
     region: content
     settings:
       progress_indicator: throbber
@@ -90,12 +101,29 @@ content:
     third_party_settings: {  }
   field_liens:
     type: link_default
-    weight: 5
+    weight: 6
     region: content
     settings:
       placeholder_url: ''
       placeholder_title: ''
     third_party_settings: {  }
+  field_poid:
+    type: number
+    weight: 11
+    region: content
+    settings:
+      placeholder: ''
+    third_party_settings: {  }
+  field_site:
+    type: entity_reference_autocomplete
+    weight: 2
+    region: content
+    settings:
+      match_operator: CONTAINS
+      match_limit: 10
+      size: 60
+      placeholder: ''
+    third_party_settings: {  }
   field_type_d_actualite:
     type: autocomplete_deluxe
     weight: 1
@@ -115,24 +143,24 @@ content:
     third_party_settings: {  }
   path:
     type: path
-    weight: 13
+    weight: 14
     region: content
     settings: {  }
     third_party_settings: {  }
   promote:
     type: boolean_checkbox
-    weight: 10
+    weight: 9
     region: content
     settings:
       display_label: true
     third_party_settings: {  }
   simple_sitemap:
-    weight: 14
+    weight: 15
     region: content
     settings: {  }
     third_party_settings: {  }
   simple_sitemap_index_now:
-    weight: 15
+    weight: 16
     region: content
     settings: {  }
     third_party_settings: {  }
@@ -143,13 +171,6 @@ content:
     settings:
       display_label: true
     third_party_settings: {  }
-  sticky:
-    type: boolean_checkbox
-    weight: 9
-    region: content
-    settings:
-      display_label: true
-    third_party_settings: {  }
   title:
     type: string_textfield
     weight: 0
@@ -158,9 +179,14 @@ content:
       size: 60
       placeholder: ''
     third_party_settings: {  }
+  translation:
+    weight: 9
+    region: content
+    settings: {  }
+    third_party_settings: {  }
   uid:
     type: entity_reference_autocomplete
-    weight: 11
+    weight: 12
     region: content
     settings:
       match_operator: CONTAINS
@@ -170,3 +196,4 @@ content:
     third_party_settings: {  }
 hidden:
   langcode: true
+  sticky: true

config/sync/core.entity_form_display.node.ressource.default.yml

@@ -0,0 +1,172 @@
+uuid: 5f6514ac-c1c0-4b1b-8937-407908b2ca9d
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.field.node.ressource.body
+    - field.field.node.ressource.field_author
+    - field.field.node.ressource.field_date_ressource
+    - field.field.node.ressource.field_documents
+    - field.field.node.ressource.field_images
+    - field.field.node.ressource.field_liens
+    - field.field.node.ressource.field_mots_clefs
+    - field.field.node.ressource.field_site
+    - field.field.node.ressource.field_sous_titre
+    - field.field.node.ressource.field_type_de_ressource
+    - image.style.thumbnail
+    - node.type.ressource
+  module:
+    - datetime
+    - field_group
+    - file
+    - image
+    - link
+    - path
+    - text
+third_party_settings:
+  field_group:
+    group_details:
+      children:
+        - field_date_ressource
+        - field_author
+        - field_type_de_ressource
+        - field_mots_clefs
+        - status
+        - promote
+        - path
+      label: Details
+      region: content
+      parent_name: ''
+      weight: 6
+      format_type: details_sidebar
+      format_settings:
+        classes: ''
+        show_empty_fields: false
+        id: ''
+        label_as_html: false
+        open: true
+        description: ''
+        required_fields: true
+        weight: -100
+id: node.ressource.default
+targetEntityType: node
+bundle: ressource
+mode: default
+content:
+  body:
+    type: text_textarea_with_summary
+    weight: 3
+    region: content
+    settings:
+      rows: 9
+      summary_rows: 3
+      placeholder: ''
+      show_summary: false
+    third_party_settings: {  }
+  field_author:
+    type: string_textfield
+    weight: 38
+    region: content
+    settings:
+      size: 60
+      placeholder: ''
+    third_party_settings: {  }
+  field_date_ressource:
+    type: datetime_default
+    weight: 37
+    region: content
+    settings: {  }
+    third_party_settings: {  }
+  field_documents:
+    type: file_generic
+    weight: 5
+    region: content
+    settings:
+      progress_indicator: throbber
+    third_party_settings: {  }
+  field_images:
+    type: image_image
+    weight: 4
+    region: content
+    settings:
+      progress_indicator: throbber
+      preview_image_style: thumbnail
+    third_party_settings: {  }
+  field_liens:
+    type: link_default
+    weight: 6
+    region: content
+    settings:
+      placeholder_url: ''
+      placeholder_title: ''
+    third_party_settings: {  }
+  field_mots_clefs:
+    type: entity_reference_autocomplete
+    weight: 40
+    region: content
+    settings:
+      match_operator: CONTAINS
+      match_limit: 10
+      size: 60
+      placeholder: ''
+    third_party_settings: {  }
+  field_site:
+    type: entity_reference_autocomplete
+    weight: 2
+    region: content
+    settings:
+      match_operator: CONTAINS
+      match_limit: 10
+      size: 60
+      placeholder: ''
+    third_party_settings: {  }
+  field_sous_titre:
+    type: string_textfield
+    weight: 1
+    region: content
+    settings:
+      size: 60
+      placeholder: ''
+    third_party_settings: {  }
+  field_type_de_ressource:
+    type: options_select
+    weight: 39
+    region: content
+    settings: {  }
+    third_party_settings: {  }
+  path:
+    type: path
+    weight: 43
+    region: content
+    settings: {  }
+    third_party_settings: {  }
+  promote:
+    type: boolean_checkbox
+    weight: 42
+    region: content
+    settings:
+      display_label: true
+    third_party_settings: {  }
+  status:
+    type: boolean_checkbox
+    weight: 41
+    region: content
+    settings:
+      display_label: true
+    third_party_settings: {  }
+  title:
+    type: string_textfield
+    weight: 0
+    region: content
+    settings:
+      size: 60
+      placeholder: ''
+    third_party_settings: {  }
+hidden:
+  created: true
+  langcode: true
+  simple_sitemap: true
+  simple_sitemap_index_now: true
+  sticky: true
+  translation: true
+  uid: 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/core.entity_view_display.node.actualite.default.yml

@@ -4,10 +4,13 @@ status: true
 dependencies:
   config:
     - field.field.node.actualite.body
+    - field.field.node.actualite.field_a_la_une
     - field.field.node.actualite.field_date
     - field.field.node.actualite.field_fichiers
     - field.field.node.actualite.field_images
     - field.field.node.actualite.field_liens
+    - field.field.node.actualite.field_poid
+    - field.field.node.actualite.field_site
     - field.field.node.actualite.field_type_d_actualite
     - image.style.wide
     - node.type.actualite
@@ -28,7 +31,7 @@ content:
     label: hidden
     settings: {  }
     third_party_settings: {  }
-    weight: 3
+    weight: 4
     region: content
   field_date:
     type: daterange_default
@@ -38,7 +41,7 @@ content:
       format_type: jj
       separator: '-'
     third_party_settings: {  }
-    weight: 5
+    weight: 6
     region: content
   field_fichiers:
     type: file_default
@@ -46,7 +49,7 @@ content:
     settings:
       use_description_as_link_text: true
     third_party_settings: {  }
-    weight: 6
+    weight: 7
     region: content
   field_images:
     type: image_caption
@@ -69,7 +72,15 @@ content:
       rel: ''
       target: ''
     third_party_settings: {  }
-    weight: 7
+    weight: 8
+    region: content
+  field_site:
+    type: entity_reference_label
+    label: visually_hidden
+    settings:
+      link: true
+    third_party_settings: {  }
+    weight: 2
     region: content
   field_type_d_actualite:
     type: entity_reference_label
@@ -77,16 +88,16 @@ content:
     settings:
       link: true
     third_party_settings: {  }
-    weight: 4
+    weight: 5
     region: content
   links:
     settings: {  }
     third_party_settings: {  }
-    weight: 2
+    weight: 3
     region: content
   title:
     type: title
-    label: hidden
+    label: visually_hidden
     settings:
       link_to_entity: true
       tag: h2
@@ -95,6 +106,8 @@ content:
     region: content
 hidden:
   created: true
+  field_a_la_une: true
+  field_poid: true
   langcode: true
   search_api_excerpt: true
   uid: true

config/sync/core.entity_view_display.node.actualite.full.yml

@@ -5,10 +5,13 @@ dependencies:
   config:
     - core.entity_view_mode.node.full
     - field.field.node.actualite.body
+    - field.field.node.actualite.field_a_la_une
     - field.field.node.actualite.field_date
     - field.field.node.actualite.field_fichiers
     - field.field.node.actualite.field_images
     - field.field.node.actualite.field_liens
+    - field.field.node.actualite.field_poid
+    - field.field.node.actualite.field_site
     - field.field.node.actualite.field_type_d_actualite
     - image.style.wide
     - node.type.actualite
@@ -26,7 +29,7 @@ mode: full
 content:
   body:
     type: text_default
-    label: hidden
+    label: visually_hidden
     settings: {  }
     third_party_settings: {  }
     weight: 2
@@ -39,7 +42,7 @@ content:
       format_type: jj
       separator: '-'
     third_party_settings: {  }
-    weight: 4
+    weight: 5
     region: content
   field_fichiers:
     type: file_default
@@ -47,7 +50,7 @@ content:
     settings:
       use_description_as_link_text: true
     third_party_settings: {  }
-    weight: 5
+    weight: 6
     region: content
   field_images:
     type: image_caption
@@ -70,9 +73,9 @@ content:
       rel: '0'
       target: _blank
     third_party_settings: {  }
-    weight: 6
+    weight: 7
     region: content
-  field_type_d_actualite:
+  field_site:
     type: entity_reference_label
     label: visually_hidden
     settings:
@@ -80,9 +83,17 @@ content:
     third_party_settings: {  }
     weight: 3
     region: content
+  field_type_d_actualite:
+    type: entity_reference_label
+    label: visually_hidden
+    settings:
+      link: true
+    third_party_settings: {  }
+    weight: 4
+    region: content
   title:
     type: title
-    label: hidden
+    label: visually_hidden
     settings:
       link_to_entity: true
       tag: h2
@@ -91,6 +102,8 @@ content:
     region: content
 hidden:
   created: true
+  field_a_la_une: true
+  field_poid: true
   langcode: true
   links: true
   search_api_excerpt: true

config/sync/core.entity_view_display.node.actualite.teaser.yml

@@ -5,10 +5,13 @@ dependencies:
   config:
     - core.entity_view_mode.node.teaser
     - field.field.node.actualite.body
+    - field.field.node.actualite.field_a_la_une
     - field.field.node.actualite.field_date
     - field.field.node.actualite.field_fichiers
     - field.field.node.actualite.field_images
     - field.field.node.actualite.field_liens
+    - field.field.node.actualite.field_poid
+    - field.field.node.actualite.field_site
     - field.field.node.actualite.field_type_d_actualite
     - image.style.wide
     - node.type.actualite
@@ -24,11 +27,11 @@ mode: teaser
 content:
   body:
     type: text_summary_or_trimmed
-    label: hidden
+    label: visually_hidden
     settings:
       trim_length: 600
     third_party_settings: {  }
-    weight: 4
+    weight: 5
     region: content
   field_date:
     type: daterange_default
@@ -38,7 +41,7 @@ content:
       format_type: jj
       separator: '-'
     third_party_settings: {  }
-    weight: 2
+    weight: 3
     region: content
   field_images:
     type: image_delta_formatter
@@ -53,6 +56,14 @@ content:
     third_party_settings: {  }
     weight: 0
     region: content
+  field_site:
+    type: entity_reference_label
+    label: visually_hidden
+    settings:
+      link: true
+    third_party_settings: {  }
+    weight: 2
+    region: content
   field_type_d_actualite:
     type: entity_reference_label
     label: visually_hidden
@@ -63,17 +74,19 @@ content:
     region: content
   title:
     type: title
-    label: hidden
+    label: visually_hidden
     settings:
       link_to_entity: true
       tag: h2
     third_party_settings: {  }
-    weight: 3
+    weight: 4
     region: content
 hidden:
   created: true
+  field_a_la_une: true
   field_fichiers: true
   field_liens: true
+  field_poid: true
   langcode: true
   links: true
   search_api_excerpt: true

config/sync/core.entity_view_display.node.ressource.default.yml

@@ -0,0 +1,135 @@
+uuid: adb8c188-f1f2-4af8-a7d8-b30f7f00bc7e
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.field.node.ressource.body
+    - field.field.node.ressource.field_author
+    - field.field.node.ressource.field_date_ressource
+    - field.field.node.ressource.field_documents
+    - field.field.node.ressource.field_images
+    - field.field.node.ressource.field_liens
+    - field.field.node.ressource.field_mots_clefs
+    - field.field.node.ressource.field_site
+    - field.field.node.ressource.field_sous_titre
+    - field.field.node.ressource.field_type_de_ressource
+    - image.style.wide
+    - node.type.ressource
+  module:
+    - datetime
+    - file
+    - image_field_caption
+    - link
+    - manage_display
+    - text
+id: node.ressource.default
+targetEntityType: node
+bundle: ressource
+mode: default
+content:
+  body:
+    type: text_default
+    label: visually_hidden
+    settings: {  }
+    third_party_settings: {  }
+    weight: 101
+    region: content
+  field_author:
+    type: string
+    label: visually_hidden
+    settings:
+      link_to_entity: false
+    third_party_settings: {  }
+    weight: 104
+    region: content
+  field_date_ressource:
+    type: datetime_default
+    label: above
+    settings:
+      timezone_override: ''
+      format_type: medium
+    third_party_settings: {  }
+    weight: 105
+    region: content
+  field_documents:
+    type: file_default
+    label: visually_hidden
+    settings:
+      use_description_as_link_text: true
+    third_party_settings: {  }
+    weight: 9
+    region: content
+  field_images:
+    type: image_caption
+    label: visually_hidden
+    settings:
+      image_style: wide
+      image_link: ''
+      image_loading:
+        attribute: lazy
+    third_party_settings: {  }
+    weight: 0
+    region: content
+  field_liens:
+    type: link
+    label: visually_hidden
+    settings:
+      trim_length: 80
+      url_only: false
+      url_plain: false
+      rel: ''
+      target: ''
+    third_party_settings: {  }
+    weight: 8
+    region: content
+  field_mots_clefs:
+    type: entity_reference_label
+    label: visually_hidden
+    settings:
+      link: true
+    third_party_settings: {  }
+    weight: 103
+    region: content
+  field_site:
+    type: entity_reference_label
+    label: visually_hidden
+    settings:
+      link: true
+    third_party_settings: {  }
+    weight: 2
+    region: content
+  field_sous_titre:
+    type: string
+    label: visually_hidden
+    settings:
+      link_to_entity: false
+    third_party_settings: {  }
+    weight: 12
+    region: content
+  field_type_de_ressource:
+    type: entity_reference_label
+    label: visually_hidden
+    settings:
+      link: true
+    third_party_settings: {  }
+    weight: 102
+    region: content
+  links:
+    settings: {  }
+    third_party_settings: {  }
+    weight: 100
+    region: content
+  title:
+    type: title
+    label: visually_hidden
+    settings:
+      link_to_entity: true
+      tag: h2
+    third_party_settings: {  }
+    weight: -49
+    region: content
+hidden:
+  created: true
+  langcode: true
+  search_api_excerpt: true
+  uid: true

config/sync/core.entity_view_display.node.ressource.full.yml

@@ -0,0 +1,84 @@
+uuid: 45a63a0a-0506-4867-b21f-37b6a3925565
+langcode: fr
+status: true
+dependencies:
+  config:
+    - core.entity_view_mode.node.full
+    - field.field.node.ressource.body
+    - field.field.node.ressource.field_author
+    - field.field.node.ressource.field_date_ressource
+    - field.field.node.ressource.field_documents
+    - field.field.node.ressource.field_images
+    - field.field.node.ressource.field_liens
+    - field.field.node.ressource.field_mots_clefs
+    - field.field.node.ressource.field_site
+    - field.field.node.ressource.field_sous_titre
+    - field.field.node.ressource.field_type_de_ressource
+    - image.style.wide
+    - node.type.ressource
+  module:
+    - image_field_caption
+    - link
+    - manage_display
+id: node.ressource.full
+targetEntityType: node
+bundle: ressource
+mode: full
+content:
+  field_images:
+    type: image_caption
+    label: visually_hidden
+    settings:
+      image_style: wide
+      image_link: ''
+      image_loading:
+        attribute: lazy
+    third_party_settings: {  }
+    weight: 0
+    region: content
+  field_liens:
+    type: link
+    label: visually_hidden
+    settings:
+      trim_length: 80
+      url_only: false
+      url_plain: false
+      rel: '0'
+      target: _blank
+    third_party_settings: {  }
+    weight: 7
+    region: content
+  field_site:
+    type: entity_reference_label
+    label: visually_hidden
+    settings:
+      link: true
+    third_party_settings: {  }
+    weight: 3
+    region: content
+  links:
+    settings: {  }
+    third_party_settings: {  }
+    weight: 100
+    region: content
+  title:
+    type: title
+    label: hidden
+    settings:
+      link_to_entity: true
+      tag: h2
+    third_party_settings: {  }
+    weight: -49
+    region: content
+hidden:
+  body: true
+  created: true
+  field_author: true
+  field_date_ressource: true
+  field_documents: true
+  field_mots_clefs: true
+  field_sous_titre: true
+  field_type_de_ressource: true
+  langcode: true
+  search_api_excerpt: true
+  uid: true

config/sync/core.entity_view_display.node.ressource.teaser.yml

@@ -0,0 +1,127 @@
+uuid: 3f0f8894-1ae2-4505-893d-99821e7539e3
+langcode: fr
+status: true
+dependencies:
+  config:
+    - core.entity_view_mode.node.teaser
+    - field.field.node.ressource.body
+    - field.field.node.ressource.field_author
+    - field.field.node.ressource.field_date_ressource
+    - field.field.node.ressource.field_documents
+    - field.field.node.ressource.field_images
+    - field.field.node.ressource.field_liens
+    - field.field.node.ressource.field_mots_clefs
+    - field.field.node.ressource.field_site
+    - field.field.node.ressource.field_sous_titre
+    - field.field.node.ressource.field_type_de_ressource
+    - image.style.wide
+    - node.type.ressource
+  module:
+    - datetime
+    - file
+    - image_delta_formatter
+    - link
+    - manage_display
+    - text
+id: node.ressource.teaser
+targetEntityType: node
+bundle: ressource
+mode: teaser
+content:
+  body:
+    type: text_default
+    label: visually_hidden
+    settings: {  }
+    third_party_settings: {  }
+    weight: 5
+    region: content
+  field_author:
+    type: string
+    label: visually_hidden
+    settings:
+      link_to_entity: false
+    third_party_settings: {  }
+    weight: 3
+    region: content
+  field_date_ressource:
+    type: datetime_default
+    label: visually_hidden
+    settings:
+      timezone_override: ''
+      format_type: html_year
+    third_party_settings: {  }
+    weight: 4
+    region: content
+  field_documents:
+    type: file_default
+    label: visually_hidden
+    settings:
+      use_description_as_link_text: true
+    third_party_settings: {  }
+    weight: 8
+    region: content
+  field_images:
+    type: image_delta_formatter
+    label: visually_hidden
+    settings:
+      deltas: '0'
+      image_style: wide
+      image_link: content
+      image_loading:
+        attribute: lazy
+      deltas_reversed: 0
+    third_party_settings: {  }
+    weight: 0
+    region: content
+  field_liens:
+    type: link
+    label: visually_hidden
+    settings:
+      trim_length: 80
+      url_only: false
+      url_plain: false
+      rel: nofollow
+      target: _blank
+    third_party_settings: {  }
+    weight: 9
+    region: content
+  field_mots_clefs:
+    type: entity_reference_label
+    label: visually_hidden
+    settings:
+      link: true
+    third_party_settings: {  }
+    weight: 6
+    region: content
+  field_site:
+    type: entity_reference_label
+    label: visually_hidden
+    settings:
+      link: true
+    third_party_settings: {  }
+    weight: 7
+    region: content
+  field_sous_titre:
+    type: string
+    label: visually_hidden
+    settings:
+      link_to_entity: false
+    third_party_settings: {  }
+    weight: 2
+    region: content
+  title:
+    type: title
+    label: visually_hidden
+    settings:
+      link_to_entity: false
+      tag: h2
+    third_party_settings: {  }
+    weight: 1
+    region: content
+hidden:
+  created: true
+  field_type_de_ressource: true
+  langcode: true
+  links: true
+  search_api_excerpt: true
+  uid: true

config/sync/core.extension.yml

@@ -118,6 +118,7 @@ module:
   update: 0
   user: 0
   video_embed_field: 0
+  views_autocomplete_filters: 0
   views_block_area: 0
   views_bulk_edit: 0
   views_bulk_operations: 0

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.field.node.actualite.field_a_la_une.yml

@@ -0,0 +1,21 @@
+uuid: 05b5311c-5cef-418f-a468-1569bb441a09
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_a_la_une
+    - node.type.actualite
+id: node.actualite.field_a_la_une
+field_name: field_a_la_une
+entity_type: node
+bundle: actualite
+label: 'À la une'
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings:
+  on_label: '0'
+  off_label: '1'
+field_type: boolean

config/sync/field.field.node.actualite.field_poid.yml

@@ -0,0 +1,25 @@
+uuid: 26ce13e5-43f8-46ad-ac01-f69034d899ee
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_poid
+    - node.type.actualite
+id: node.actualite.field_poid
+field_name: field_poid
+entity_type: node
+bundle: actualite
+label: Poid
+description: ''
+required: false
+translatable: false
+default_value:
+  -
+    value: 0
+default_value_callback: ''
+settings:
+  min: -20
+  max: 20
+  prefix: ''
+  suffix: ''
+field_type: integer

config/sync/field.field.node.actualite.field_site.yml

@@ -0,0 +1,29 @@
+uuid: d43754c9-8376-45dc-8708-eb8700dc1e40
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_site
+    - node.type.actualite
+    - node.type.site
+id: node.actualite.field_site
+field_name: field_site
+entity_type: node
+bundle: actualite
+label: Site
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings:
+  handler: 'default:node'
+  handler_settings:
+    target_bundles:
+      site: site
+    sort:
+      field: _none
+      direction: ASC
+    auto_create: false
+    auto_create_bundle: ''
+field_type: entity_reference

config/sync/field.field.node.ressource.body.yml

@@ -0,0 +1,24 @@
+uuid: 66103df0-da1e-41f9-bb32-8318dffd0e31
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.body
+    - node.type.ressource
+  module:
+    - text
+id: node.ressource.body
+field_name: body
+entity_type: node
+bundle: ressource
+label: Body
+description: ''
+required: false
+translatable: true
+default_value: {  }
+default_value_callback: ''
+settings:
+  display_summary: true
+  required_summary: false
+  allowed_formats: {  }
+field_type: text_with_summary

config/sync/field.field.node.ressource.field_author.yml

@@ -0,0 +1,19 @@
+uuid: f83890ab-aef5-449f-ae4a-4c80663b6b5a
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_author
+    - node.type.ressource
+id: node.ressource.field_author
+field_name: field_author
+entity_type: node
+bundle: ressource
+label: Author
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings: {  }
+field_type: string

config/sync/field.field.node.ressource.field_date_ressource.yml

@@ -0,0 +1,21 @@
+uuid: 25475d89-cd91-44e3-b174-148b0c35d5b0
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_date_ressource
+    - node.type.ressource
+  module:
+    - datetime
+id: node.ressource.field_date_ressource
+field_name: field_date_ressource
+entity_type: node
+bundle: ressource
+label: 'Date ressource'
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings: {  }
+field_type: datetime

config/sync/field.field.node.ressource.field_documents.yml

@@ -0,0 +1,27 @@
+uuid: c4bfd289-0a8f-4c18-9c82-f4eac5404b97
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_documents
+    - node.type.ressource
+  module:
+    - file
+id: node.ressource.field_documents
+field_name: field_documents
+entity_type: node
+bundle: ressource
+label: Documents
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings:
+  handler: 'default:file'
+  handler_settings: {  }
+  file_directory: '[date:custom:Y]-[date:custom:m]'
+  file_extensions: 'pdf doc docx odt zip'
+  max_filesize: ''
+  description_field: true
+field_type: file

config/sync/field.field.node.ressource.field_images.yml

@@ -0,0 +1,41 @@
+uuid: 98815009-73e8-406f-94f6-c058e183c593
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_images
+    - node.type.ressource
+  module:
+    - image
+id: node.ressource.field_images
+field_name: field_images
+entity_type: node
+bundle: ressource
+label: Images
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings:
+  handler: 'default:file'
+  handler_settings: {  }
+  file_directory: '[date:custom:Y]-[date:custom:m]'
+  file_extensions: 'png gif jpg jpeg webp'
+  max_filesize: ''
+  max_resolution: ''
+  min_resolution: ''
+  alt_field: true
+  alt_field_required: true
+  title_field: false
+  title_field_required: false
+  default_image:
+    uuid: ''
+    alt: ''
+    title: ''
+    width: null
+    height: null
+    caption: ''
+  caption_field: true
+  caption_field_required: false
+field_type: image

config/sync/field.field.node.ressource.field_liens.yml

@@ -0,0 +1,23 @@
+uuid: 6062cb80-47a5-4e32-82d2-610a423c6417
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_liens
+    - node.type.ressource
+  module:
+    - link
+id: node.ressource.field_liens
+field_name: field_liens
+entity_type: node
+bundle: ressource
+label: Liens
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings:
+  title: 1
+  link_type: 17
+field_type: link

config/sync/field.field.node.ressource.field_mots_clefs.yml

@@ -0,0 +1,29 @@
+uuid: f5f2e2df-951c-44c1-b01b-159fb16476ed
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_mots_clefs
+    - node.type.ressource
+    - taxonomy.vocabulary.mots_clefs
+id: node.ressource.field_mots_clefs
+field_name: field_mots_clefs
+entity_type: node
+bundle: ressource
+label: 'Mots Clefs'
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings:
+  handler: 'default:taxonomy_term'
+  handler_settings:
+    target_bundles:
+      mots_clefs: mots_clefs
+    sort:
+      field: name
+      direction: asc
+    auto_create: true
+    auto_create_bundle: ''
+field_type: entity_reference

config/sync/field.field.node.ressource.field_site.yml

@@ -0,0 +1,29 @@
+uuid: 9e9e9ad3-dedd-4f7f-af77-7ae535fe1df2
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_site
+    - node.type.ressource
+    - node.type.site
+id: node.ressource.field_site
+field_name: field_site
+entity_type: node
+bundle: ressource
+label: Site
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings:
+  handler: 'default:node'
+  handler_settings:
+    target_bundles:
+      site: site
+    sort:
+      field: _none
+      direction: ASC
+    auto_create: false
+    auto_create_bundle: ''
+field_type: entity_reference

config/sync/field.field.node.ressource.field_sous_titre.yml

@@ -0,0 +1,19 @@
+uuid: 3b233ce4-e6a7-444c-9067-442f3baa2015
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_sous_titre
+    - node.type.ressource
+id: node.ressource.field_sous_titre
+field_name: field_sous_titre
+entity_type: node
+bundle: ressource
+label: Sous-titre
+description: ''
+required: false
+translatable: true
+default_value: {  }
+default_value_callback: ''
+settings: {  }
+field_type: string

config/sync/field.field.node.ressource.field_type_de_ressource.yml

@@ -0,0 +1,29 @@
+uuid: 83e348de-356e-4b22-a7ba-42202e0f0bc9
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_type_de_ressource
+    - node.type.ressource
+    - taxonomy.vocabulary.type_de_ressources
+id: node.ressource.field_type_de_ressource
+field_name: field_type_de_ressource
+entity_type: node
+bundle: ressource
+label: 'Type de ressource'
+description: ''
+required: true
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings:
+  handler: 'default:taxonomy_term'
+  handler_settings:
+    target_bundles:
+      type_de_ressources: type_de_ressources
+    sort:
+      field: name
+      direction: asc
+    auto_create: false
+    auto_create_bundle: ''
+field_type: entity_reference

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/field.storage.node.field_a_la_une.yml

@@ -0,0 +1,18 @@
+uuid: b0424fee-54df-43ee-8d54-7013ab406b7c
+langcode: fr
+status: true
+dependencies:
+  module:
+    - node
+id: node.field_a_la_une
+field_name: field_a_la_une
+entity_type: node
+type: boolean
+settings: {  }
+module: core
+locked: false
+cardinality: 1
+translatable: true
+indexes: {  }
+persist_with_no_fields: false
+custom_storage: false

config/sync/field.storage.node.field_author.yml

@@ -0,0 +1,21 @@
+uuid: 852e6be3-3c1d-4485-a000-876397be9b45
+langcode: fr
+status: true
+dependencies:
+  module:
+    - node
+id: node.field_author
+field_name: field_author
+entity_type: node
+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.node.field_date_ressource.yml

@@ -0,0 +1,20 @@
+uuid: 43d164f6-4501-48cc-a2e5-eb701e6c6d21
+langcode: fr
+status: true
+dependencies:
+  module:
+    - datetime
+    - node
+id: node.field_date_ressource
+field_name: field_date_ressource
+entity_type: node
+type: datetime
+settings:
+  datetime_type: date
+module: datetime
+locked: false
+cardinality: 1
+translatable: true
+indexes: {  }
+persist_with_no_fields: false
+custom_storage: false

config/sync/field.storage.node.field_mots_clefs.yml

@@ -0,0 +1,20 @@
+uuid: f5777a85-570b-4649-810b-01ed076a81a8
+langcode: fr
+status: true
+dependencies:
+  module:
+    - node
+    - taxonomy
+id: node.field_mots_clefs
+field_name: field_mots_clefs
+entity_type: node
+type: entity_reference
+settings:
+  target_type: taxonomy_term
+module: core
+locked: false
+cardinality: -1
+translatable: true
+indexes: {  }
+persist_with_no_fields: false
+custom_storage: false

config/sync/field.storage.node.field_site.yml

@@ -0,0 +1,19 @@
+uuid: 24bbcef2-8dbc-44ed-a7e3-4d900a29c248
+langcode: fr
+status: true
+dependencies:
+  module:
+    - node
+id: node.field_site
+field_name: field_site
+entity_type: node
+type: entity_reference
+settings:
+  target_type: node
+module: core
+locked: false
+cardinality: 1
+translatable: true
+indexes: {  }
+persist_with_no_fields: false
+custom_storage: false

config/sync/field.storage.node.field_type_de_ressource.yml

@@ -0,0 +1,20 @@
+uuid: e3a010c9-5d30-46bc-b727-24c487a15c41
+langcode: fr
+status: true
+dependencies:
+  module:
+    - node
+    - taxonomy
+id: node.field_type_de_ressource
+field_name: field_type_de_ressource
+entity_type: node
+type: entity_reference
+settings:
+  target_type: taxonomy_term
+module: core
+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/language.content_settings.node.ressource.yml

@@ -0,0 +1,16 @@
+uuid: 6ec62191-6645-4b71-ac91-eb6f0c51b697
+langcode: fr
+status: true
+dependencies:
+  config:
+    - node.type.ressource
+  module:
+    - content_translation
+third_party_settings:
+  content_translation:
+    enabled: true
+id: node.ressource
+target_entity_type_id: node
+target_bundle: ressource
+default_langcode: site_default
+language_alterable: false

config/sync/language.content_settings.taxonomy_term.type_de_ressources.yml

@@ -0,0 +1,16 @@
+uuid: 1ccfb483-1baf-4187-b11a-2c66bfcf539e
+langcode: fr
+status: true
+dependencies:
+  config:
+    - taxonomy.vocabulary.type_de_ressources
+  module:
+    - content_translation
+third_party_settings:
+  content_translation:
+    enabled: true
+id: taxonomy_term.type_de_ressources
+target_entity_type_id: taxonomy_term
+target_bundle: type_de_ressources
+default_langcode: site_default
+language_alterable: false

config/sync/language/en/views.view.partenaires.yml

@@ -3,3 +3,7 @@ display:
   default:
     display_options:
       title: Partners
+  page_1:
+    display_options:
+      menu:
+        title: Partners

config/sync/node.type.ressource.yml

@@ -0,0 +1,17 @@
+uuid: fd0b8b19-53d7-45f9-8b56-ec766e0c8315
+langcode: fr
+status: true
+dependencies:
+  module:
+    - menu_ui
+third_party_settings:
+  menu_ui:
+    available_menus: {  }
+    parent: ''
+name: Ressource
+type: ressource
+description: ''
+help: ''
+new_revision: true
+preview_mode: 0
+display_submitted: true

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/page_manager.page_variant.node_view-panels_variant-0.yml

@@ -69,11 +69,20 @@ variant_settings:
       context_mapping:
         entity: node
       formatter:
-        type: file_default
+        type: formatter_suite_general_file_link
         weight: 0
         label: visually_hidden
         settings:
-          use_description_as_link_text: true
+          titleStyle: text_from_link
+          titleCustomText: ''
+          showSize: 0
+          showIcon: 0
+          classes: ''
+          showLink: 1
+          openLinkIn: _blank
+          linkTopic: any
+          listStyle: span
+          listSeparator: ', '
         third_party_settings: {  }
       region: third
       weight: -5

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

config/sync/simple_sitemap_engines.bundle_settings.node.partenaire.yml

@@ -1 +1 @@
-index_now: false
+index_now: true

config/sync/simple_sitemap_engines.bundle_settings.node.ressource.yml

@@ -0,0 +1 @@
+index_now: true

config/sync/simple_sitemap_engines.bundle_settings.node.static.yml

@@ -1 +1 @@
-index_now: false
+index_now: true

config/sync/simple_sitemap_engines.bundle_settings.taxonomy_term.type_de_ressources.yml

@@ -0,0 +1 @@
+index_now: false

config/sync/taxonomy.vocabulary.type_de_ressources.yml

@@ -0,0 +1,8 @@
+uuid: 60fb2e60-a1b5-4be9-ad00-63d8cccd03c9
+langcode: fr
+status: true
+dependencies: {  }
+name: 'Type de ressources'
+vid: type_de_ressources
+description: ''
+weight: 0

config/sync/user.role.admin.yml

@@ -7,6 +7,7 @@ dependencies:
     - filter.format.wysiwyg
     - node.type.actualite
     - node.type.partenaire
+    - node.type.ressource
     - node.type.site
     - node.type.static
   module:
@@ -45,17 +46,21 @@ permissions:
   - 'create actualite content'
   - 'create content translations'
   - 'create partenaire content'
+  - 'create ressource content'
   - 'create site content'
   - 'create static content'
   - 'delete any actualite content'
   - 'delete any partenaire content'
+  - 'delete any ressource content'
   - 'delete any site content'
   - 'delete any static content'
   - 'delete partenaire revisions'
+  - 'delete ressource revisions'
   - 'delete site revisions'
   - 'edit any actualite content'
   - 'edit any logo_link block content'
   - 'edit any partenaire content'
+  - 'edit any ressource content'
   - 'edit any site content'
   - 'edit any static content'
   - 'edit deroulement config page entity'
@@ -77,6 +82,7 @@ permissions:
   - 'execute views_bulk_edit all'
   - 'revert actualite revisions'
   - 'revert partenaire revisions'
+  - 'revert ressource revisions'
   - 'revert site revisions'
   - 'revert static revisions'
   - 'translate editable entities'
@@ -88,6 +94,7 @@ permissions:
   - 'view any logo_link block content history'
   - 'view own unpublished content'
   - 'view partenaire revisions'
+  - 'view ressource revisions'
   - 'view site revisions'
   - 'view static revisions'
   - 'view the administration theme'

config/sync/user.role.editeur.yml

@@ -6,6 +6,7 @@ dependencies:
     - filter.format.wysiwyg
     - node.type.actualite
     - node.type.partenaire
+    - node.type.ressource
     - node.type.site
     - node.type.static
   module:
@@ -34,12 +35,15 @@ permissions:
   - 'create actualite content'
   - 'create content translations'
   - 'create partenaire content'
+  - 'create ressource content'
   - 'create site content'
   - 'create static content'
   - 'delete partenaire revisions'
+  - 'delete ressource revisions'
   - 'delete site revisions'
   - 'edit any actualite content'
   - 'edit any partenaire content'
+  - 'edit any ressource content'
   - 'edit any site content'
   - 'edit any static content'
   - 'edit deroulement config page entity'
@@ -52,6 +56,7 @@ permissions:
   - 'execute node_unpromote_action node'
   - 'revert actualite revisions'
   - 'revert partenaire revisions'
+  - 'revert ressource revisions'
   - 'revert site revisions'
   - 'revert static revisions'
   - 'translate editable entities'
@@ -62,6 +67,7 @@ permissions:
   - 'view actualite revisions'
   - 'view own unpublished content'
   - 'view partenaire revisions'
+  - 'view ressource revisions'
   - 'view site revisions'
   - 'view static revisions'
   - 'view the administration theme'

config/sync/views.view.actus.yml

@@ -3,10 +3,18 @@ langcode: fr
 status: true
 dependencies:
   config:
-    - core.entity_view_mode.node.teaser
+    - core.entity_view_mode.node.full
+    - field.storage.node.field_date
+    - field.storage.node.field_site
     - node.type.actualite
+    - system.menu.entete
+    - taxonomy.vocabulary.type_d_actualite
   module:
+    - better_exposed_filters
+    - datetime
+    - datetime_range
     - node
+    - taxonomy
     - user
 id: actus
 label: Actus
@@ -71,21 +79,236 @@ display:
           multi_type: separator
           separator: ', '
           field_api_classes: false
+        field_site:
+          id: field_site
+          table: node__field_site
+          field: field_site
+          relationship: field_site
+          group_type: group
+          admin_label: ''
+          plugin_id: field
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: target_id
+          type: entity_reference_label
+          settings:
+            link: true
+          group_column: target_id
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+        field_date:
+          id: field_date
+          table: node__field_date
+          field: field_date
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: field
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: value
+          type: daterange_default
+          settings:
+            timezone_override: ''
+            format_type: html_year
+            separator: '-'
+          group_column: value
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+        title_1:
+          id: title_1
+          table: node_field_data
+          field: title
+          relationship: field_site
+          group_type: group
+          admin_label: ''
+          entity_type: node
+          entity_field: title
+          plugin_id: field
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: value
+          type: string
+          settings:
+            link_to_entity: false
+          group_column: value
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
       pager:
         type: some
         options:
           offset: 0
           items_per_page: 5
       exposed_form:
-        type: basic
+        type: bef
         options:
           submit_button: Appliquer
-          reset_button: false
+          reset_button: true
           reset_button_label: Réinitialiser
           exposed_sorts_label: 'Trier par'
           expose_sort_order: true
           sort_asc_label: Asc
           sort_desc_label: Desc
+          text_input_required: "Sélectionnez n'importe quel filtre et cliquez sur Appliquer pour voir les résultats"
+          text_input_required_format: null
+          bef:
+            general:
+              autosubmit: false
+              autosubmit_exclude_textfield: false
+              autosubmit_textfield_delay: 500
+              autosubmit_hide: false
+              input_required: false
+              allow_secondary: false
+              secondary_label: 'Options avancées'
+              secondary_open: false
+              reset_button_always_show: false
+            sort:
+              plugin_id: default
+            filter:
+              field_type_d_actualite_target_id:
+                plugin_id: default
+              field_date_value:
+                plugin_id: default
+              field_site_target_id_1:
+                plugin_id: default
       access:
         type: perm
         options:
@@ -94,23 +317,7 @@ display:
         type: tag
         options: {  }
       empty: {  }
-      sorts:
+      sorts: {  }
-        created:
-          id: created
-          table: node_field_data
-          field: created
-          relationship: none
-          group_type: group
-          admin_label: ''
-          entity_type: node
-          entity_field: created
-          plugin_id: date
-          order: DESC
-          expose:
-            label: ''
-            field_identifier: ''
-          exposed: false
-          granularity: second
       arguments: {  }
       filters:
         status:
@@ -177,10 +384,15 @@ display:
             group_items: {  }
       style:
         type: default
+        options:
+          row_class: ''
+          default_row_class: true
+          uses_fields: true
       row:
         type: 'entity:node'
         options:
-          view_mode: teaser
+          relationship: none
+          view_mode: full
       query:
         type: views_query
         options:
@@ -189,7 +401,16 @@ display:
           distinct: true
           replica: false
           query_tags: {  }
-      relationships: {  }
+      relationships:
+        field_site:
+          id: field_site
+          table: node__field_site
+          field: field_site
+          relationship: none
+          group_type: group
+          admin_label: 'field_site : Contenu'
+          plugin_id: standard
+          required: false
       header: {  }
       footer: {  }
       display_extenders: {  }
@@ -200,13 +421,126 @@ display:
         - 'languages:language_interface'
         - 'user.node_grants:view'
         - user.permissions
-      tags: {  }
+      tags:
+        - 'config:field.storage.node.field_date'
+        - 'config:field.storage.node.field_site'
   block_1:
     id: block_1
-    display_title: Block
+    display_title: 'Block Home'
     display_plugin: block
     position: 1
     display_options:
+      filters:
+        status:
+          id: status
+          table: node_field_data
+          field: status
+          entity_type: node
+          entity_field: status
+          plugin_id: boolean
+          value: '1'
+          group: 1
+          expose:
+            operator: ''
+        type:
+          id: type
+          table: node_field_data
+          field: type
+          entity_type: node
+          entity_field: type
+          plugin_id: bundle
+          value:
+            actualite: actualite
+        langcode:
+          id: langcode
+          table: node_field_data
+          field: langcode
+          relationship: none
+          group_type: group
+          admin_label: ''
+          entity_type: node
+          entity_field: langcode
+          plugin_id: language
+          operator: in
+          value:
+            '***LANGUAGE_language_interface***': '***LANGUAGE_language_interface***'
+          group: 1
+          exposed: false
+          expose:
+            operator_id: ''
+            label: ''
+            description: ''
+            use_operator: false
+            operator: ''
+            operator_limit_selection: false
+            operator_list: {  }
+            identifier: ''
+            required: false
+            remember: false
+            multiple: false
+            remember_roles:
+              authenticated: authenticated
+            reduce: false
+          is_grouped: false
+          group_info:
+            label: ''
+            description: ''
+            identifier: ''
+            optional: true
+            widget: select
+            multiple: false
+            remember: false
+            default_group: All
+            default_group_multiple: {  }
+            group_items: {  }
+        promote:
+          id: promote
+          table: node_field_data
+          field: promote
+          relationship: none
+          group_type: group
+          admin_label: ''
+          entity_type: node
+          entity_field: promote
+          plugin_id: boolean
+          operator: '='
+          value: '1'
+          group: 1
+          exposed: false
+          expose:
+            operator_id: ''
+            label: ''
+            description: ''
+            use_operator: false
+            operator: ''
+            operator_limit_selection: false
+            operator_list: {  }
+            identifier: ''
+            required: false
+            remember: false
+            multiple: false
+            remember_roles:
+              authenticated: authenticated
+          is_grouped: false
+          group_info:
+            label: ''
+            description: ''
+            identifier: ''
+            optional: true
+            widget: select
+            multiple: false
+            remember: false
+            default_group: All
+            default_group_multiple: {  }
+            group_items: {  }
+      filter_groups:
+        operator: AND
+        groups:
+          1: AND
+      defaults:
+        filters: false
+        filter_groups: false
+      display_description: ''
       display_extenders:
         matomo:
           enabled: false
@@ -227,4 +561,521 @@ display:
         - 'languages:language_interface'
         - 'user.node_grants:view'
         - user.permissions
-      tags: {  }
+      tags:
+        - 'config:field.storage.node.field_date'
+        - 'config:field.storage.node.field_site'
+  block_2:
+    id: block_2
+    display_title: 'Block Archives'
+    display_plugin: block
+    position: 3
+    display_options:
+      title: Archives
+      sorts:
+        field_date_end_value:
+          id: field_date_end_value
+          table: node__field_date
+          field: field_date_end_value
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: datetime
+          order: DESC
+          expose:
+            label: ''
+            field_identifier: ''
+          exposed: false
+          granularity: second
+      filters:
+        status:
+          id: status
+          table: node_field_data
+          field: status
+          entity_type: node
+          entity_field: status
+          plugin_id: boolean
+          value: '1'
+          group: 1
+          expose:
+            operator: ''
+        type:
+          id: type
+          table: node_field_data
+          field: type
+          entity_type: node
+          entity_field: type
+          plugin_id: bundle
+          value:
+            actualite: actualite
+        langcode:
+          id: langcode
+          table: node_field_data
+          field: langcode
+          relationship: none
+          group_type: group
+          admin_label: ''
+          entity_type: node
+          entity_field: langcode
+          plugin_id: language
+          operator: in
+          value:
+            '***LANGUAGE_language_interface***': '***LANGUAGE_language_interface***'
+          group: 1
+          exposed: false
+          expose:
+            operator_id: ''
+            label: ''
+            description: ''
+            use_operator: false
+            operator: ''
+            operator_limit_selection: false
+            operator_list: {  }
+            identifier: ''
+            required: false
+            remember: false
+            multiple: false
+            remember_roles:
+              authenticated: authenticated
+            reduce: false
+          is_grouped: false
+          group_info:
+            label: ''
+            description: ''
+            identifier: ''
+            optional: true
+            widget: select
+            multiple: false
+            remember: false
+            default_group: All
+            default_group_multiple: {  }
+            group_items: {  }
+        field_a_la_une_value:
+          id: field_a_la_une_value
+          table: node__field_a_la_une
+          field: field_a_la_une_value
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: boolean
+          operator: '='
+          value: '0'
+          group: 1
+          exposed: false
+          expose:
+            operator_id: ''
+            label: ''
+            description: ''
+            use_operator: false
+            operator: ''
+            operator_limit_selection: false
+            operator_list: {  }
+            identifier: ''
+            required: false
+            remember: false
+            multiple: false
+            remember_roles:
+              authenticated: authenticated
+          is_grouped: false
+          group_info:
+            label: ''
+            description: ''
+            identifier: ''
+            optional: true
+            widget: select
+            multiple: false
+            remember: false
+            default_group: All
+            default_group_multiple: {  }
+            group_items: {  }
+      filter_groups:
+        operator: AND
+        groups:
+          1: AND
+      defaults:
+        title: false
+        sorts: false
+        filters: false
+        filter_groups: false
+      display_description: ''
+      display_extenders:
+        matomo:
+          enabled: false
+          keyword_gets: ''
+          keyword_behavior: first
+          keyword_concat_separator: ' '
+          category_behavior: none
+          category_gets: ''
+          category_concat_separator: ' '
+          category_fallback: ''
+          category_facets: {  }
+          category_facets_concat_separator: ', '
+        simple_sitemap_display_extender: {  }
+    cache_metadata:
+      max-age: -1
+      contexts:
+        - 'languages:language_content'
+        - 'languages:language_interface'
+        - 'user.node_grants:view'
+        - user.permissions
+      tags:
+        - 'config:field.storage.node.field_date'
+        - 'config:field.storage.node.field_site'
+  page_1:
+    id: page_1
+    display_title: 'Page à la une'
+    display_plugin: page
+    position: 2
+    display_options:
+      title: 'À la une'
+      exposed_form:
+        type: basic
+        options:
+          submit_button: Appliquer
+          reset_button: true
+          reset_button_label: Réinitialiser
+          exposed_sorts_label: 'Trier par'
+          expose_sort_order: true
+          sort_asc_label: Asc
+          sort_desc_label: Desc
+      sorts:
+        field_date_end_value:
+          id: field_date_end_value
+          table: node__field_date
+          field: field_date_end_value
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: datetime
+          order: DESC
+          expose:
+            label: ''
+            field_identifier: ''
+          exposed: false
+          granularity: second
+      filters:
+        status:
+          id: status
+          table: node_field_data
+          field: status
+          entity_type: node
+          entity_field: status
+          plugin_id: boolean
+          value: '1'
+          group: 1
+          expose:
+            operator: ''
+        type:
+          id: type
+          table: node_field_data
+          field: type
+          entity_type: node
+          entity_field: type
+          plugin_id: bundle
+          value:
+            actualite: actualite
+          group: 1
+        langcode:
+          id: langcode
+          table: node_field_data
+          field: langcode
+          relationship: none
+          group_type: group
+          admin_label: ''
+          entity_type: node
+          entity_field: langcode
+          plugin_id: language
+          operator: in
+          value:
+            '***LANGUAGE_language_interface***': '***LANGUAGE_language_interface***'
+          group: 1
+          exposed: false
+          expose:
+            operator_id: ''
+            label: ''
+            description: ''
+            use_operator: false
+            operator: ''
+            operator_limit_selection: false
+            operator_list: {  }
+            identifier: ''
+            required: false
+            remember: false
+            multiple: false
+            remember_roles:
+              authenticated: authenticated
+            reduce: false
+          is_grouped: false
+          group_info:
+            label: ''
+            description: ''
+            identifier: ''
+            optional: true
+            widget: select
+            multiple: false
+            remember: false
+            default_group: All
+            default_group_multiple: {  }
+            group_items: {  }
+        field_a_la_une_value:
+          id: field_a_la_une_value
+          table: node__field_a_la_une
+          field: field_a_la_une_value
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: boolean
+          operator: '='
+          value: '1'
+          group: 1
+          exposed: false
+          expose:
+            operator_id: ''
+            label: ''
+            description: ''
+            use_operator: false
+            operator: ''
+            operator_limit_selection: false
+            operator_list: {  }
+            identifier: ''
+            required: false
+            remember: false
+            multiple: false
+            remember_roles:
+              authenticated: authenticated
+          is_grouped: false
+          group_info:
+            label: ''
+            description: ''
+            identifier: ''
+            optional: true
+            widget: select
+            multiple: false
+            remember: false
+            default_group: All
+            default_group_multiple: {  }
+            group_items: {  }
+        field_type_d_actualite_target_id:
+          id: field_type_d_actualite_target_id
+          table: node__field_type_d_actualite
+          field: field_type_d_actualite_target_id
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: taxonomy_index_tid
+          operator: or
+          value: {  }
+          group: 1
+          exposed: true
+          expose:
+            operator_id: field_type_d_actualite_target_id_op
+            label: 'par type'
+            description: ''
+            use_operator: false
+            operator: field_type_d_actualite_target_id_op
+            operator_limit_selection: false
+            operator_list: {  }
+            identifier: field_type_d_actualite_target_id
+            required: false
+            remember: false
+            multiple: false
+            remember_roles:
+              authenticated: authenticated
+              anonymous: '0'
+              admin: '0'
+              root: '0'
+              editeur: '0'
+            reduce: false
+          is_grouped: false
+          group_info:
+            label: ''
+            description: ''
+            identifier: ''
+            optional: true
+            widget: select
+            multiple: false
+            remember: false
+            default_group: All
+            default_group_multiple: {  }
+            group_items: {  }
+          reduce_duplicates: false
+          vid: type_d_actualite
+          type: select
+          hierarchy: false
+          limit: true
+          error_message: true
+          save_lineage: false
+          force_deepest: false
+          parent: null
+          level_labels: ''
+          hierarchy_depth: 0
+          required_depth: 0
+          none_label: '- Please select -'
+        field_date_value:
+          id: field_date_value
+          table: node__field_date
+          field: field_date_value
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: datetime
+          operator: '='
+          value:
+            min: ''
+            max: ''
+            value: ''
+            type: date
+          group: 1
+          exposed: true
+          expose:
+            operator_id: field_date_value_op
+            label: Date
+            description: ''
+            use_operator: false
+            operator: field_date_value_op
+            operator_limit_selection: false
+            operator_list: {  }
+            identifier: field_date_value
+            required: false
+            remember: false
+            multiple: false
+            remember_roles:
+              authenticated: authenticated
+              anonymous: '0'
+              admin: '0'
+              root: '0'
+              editeur: '0'
+            min_placeholder: ''
+            max_placeholder: ''
+            placeholder: ''
+          is_grouped: false
+          group_info:
+            label: ''
+            description: ''
+            identifier: ''
+            optional: true
+            widget: select
+            multiple: false
+            remember: false
+            default_group: All
+            default_group_multiple: {  }
+            group_items: {  }
+        title:
+          id: title
+          table: node_field_data
+          field: title
+          relationship: field_site
+          group_type: group
+          admin_label: ''
+          entity_type: node
+          entity_field: title
+          plugin_id: string
+          operator: contains
+          value: ''
+          group: 1
+          exposed: true
+          expose:
+            operator_id: title_op
+            label: 'par site'
+            description: ''
+            use_operator: false
+            operator: title_op
+            operator_limit_selection: false
+            operator_list: {  }
+            identifier: site
+            required: false
+            remember: false
+            multiple: false
+            remember_roles:
+              authenticated: authenticated
+              anonymous: '0'
+              admin: '0'
+              root: '0'
+              editeur: '0'
+            placeholder: ''
+            autocomplete_filter: 1
+            autocomplete_min_chars: '0'
+            autocomplete_items: '10'
+            autocomplete_field: title_1
+            autocomplete_raw_suggestion: 0
+            autocomplete_raw_dropdown: 0
+            autocomplete_dependent: 0
+            autocomplete_contextual: 1
+            autocomplete_autosubmit: 0
+          is_grouped: false
+          group_info:
+            label: ''
+            description: ''
+            identifier: ''
+            optional: true
+            widget: select
+            multiple: false
+            remember: false
+            default_group: All
+            default_group_multiple: {  }
+            group_items: {  }
+      filter_groups:
+        operator: AND
+        groups:
+          1: AND
+      defaults:
+        title: false
+        exposed_form: false
+        sorts: false
+        filters: false
+        filter_groups: false
+        footer: false
+      display_description: ''
+      footer:
+        view:
+          id: view
+          table: views
+          field: view
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: view
+          empty: false
+          view_to_insert: 'actus:block_2'
+          inherit_arguments: true
+      exposed_block: true
+      display_extenders:
+        matomo:
+          enabled: false
+          keyword_gets: ''
+          keyword_behavior: first
+          keyword_concat_separator: ' '
+          category_behavior: none
+          category_gets: ''
+          category_concat_separator: ' '
+          category_fallback: ''
+          category_facets: {  }
+          category_facets_concat_separator: ', '
+        simple_sitemap_display_extender:
+          variants:
+            default:
+              index: true
+              priority: '0.5'
+              changefreq: ''
+              arguments: {  }
+              max_links: 100
+      path: actualites
+      menu:
+        type: normal
+        title: Actualites
+        description: ''
+        weight: -47
+        expanded: false
+        menu_name: entete
+        parent: ''
+        context: '0'
+    cache_metadata:
+      max-age: -1
+      contexts:
+        - 'languages:language_content'
+        - 'languages:language_interface'
+        - url
+        - 'user.node_grants:view'
+        - user.permissions
+      tags:
+        - 'config:field.storage.node.field_date'
+        - 'config:field.storage.node.field_site'

config/sync/views.view.ressources.yml

@@ -0,0 +1,437 @@
+uuid: 654fc199-3308-4596-9416-82650cc9301a
+langcode: fr
+status: true
+dependencies:
+  config:
+    - core.entity_view_mode.node.teaser
+    - field.storage.node.field_type_de_ressource
+    - node.type.ressource
+    - system.menu.entete
+    - taxonomy.vocabulary.mots_clefs
+    - taxonomy.vocabulary.type_de_ressources
+  module:
+    - node
+    - taxonomy
+    - user
+id: ressources
+label: Ressources
+module: views
+description: ''
+tag: ''
+base_table: node_field_data
+base_field: nid
+display:
+  default:
+    id: default
+    display_title: Default
+    display_plugin: default
+    position: 0
+    display_options:
+      title: Ressources
+      fields:
+        field_type_de_ressource:
+          id: field_type_de_ressource
+          table: node__field_type_de_ressource
+          field: field_type_de_ressource
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: field
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: target_id
+          type: entity_reference_entity_view
+          settings:
+            view_mode: default
+          group_column: target_id
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+        weight:
+          id: weight
+          table: taxonomy_term_field_data
+          field: weight
+          relationship: field_type_de_ressource
+          group_type: group
+          admin_label: ''
+          entity_type: taxonomy_term
+          entity_field: weight
+          plugin_id: field
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: value
+          type: number_integer
+          settings:
+            thousand_separator: ''
+            prefix_suffix: true
+          group_column: value
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+      pager:
+        type: none
+        options:
+          offset: 0
+          items_per_page: 0
+      exposed_form:
+        type: basic
+        options:
+          submit_button: Appliquer
+          reset_button: true
+          reset_button_label: Réinitialiser
+          exposed_sorts_label: 'Trier par'
+          expose_sort_order: false
+          sort_asc_label: Asc
+          sort_desc_label: Desc
+      access:
+        type: perm
+        options:
+          perm: 'access content'
+      cache:
+        type: tag
+        options: {  }
+      empty:
+        result:
+          id: result
+          table: views
+          field: result
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: result
+          empty: true
+          content: 'Affichage de @start à @end sur @total'
+      sorts:
+        weight:
+          id: weight
+          table: taxonomy_term_field_data
+          field: weight
+          relationship: field_type_de_ressource
+          group_type: group
+          admin_label: ''
+          entity_type: taxonomy_term
+          entity_field: weight
+          plugin_id: standard
+          order: ASC
+          expose:
+            label: ''
+            field_identifier: ''
+          exposed: false
+      arguments: {  }
+      filters:
+        status:
+          id: status
+          table: node_field_data
+          field: status
+          entity_type: node
+          entity_field: status
+          plugin_id: boolean
+          value: '1'
+          group: 1
+          expose:
+            operator: ''
+        type:
+          id: type
+          table: node_field_data
+          field: type
+          entity_type: node
+          entity_field: type
+          plugin_id: bundle
+          value:
+            ressource: ressource
+        field_type_de_ressource_target_id:
+          id: field_type_de_ressource_target_id
+          table: node__field_type_de_ressource
+          field: field_type_de_ressource_target_id
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: taxonomy_index_tid
+          operator: or
+          value: {  }
+          group: 1
+          exposed: true
+          expose:
+            operator_id: field_type_de_ressource_target_id_op
+            label: 'par type'
+            description: ''
+            use_operator: false
+            operator: field_type_de_ressource_target_id_op
+            operator_limit_selection: false
+            operator_list: {  }
+            identifier: field_type_de_ressource_target_id
+            required: false
+            remember: false
+            multiple: false
+            remember_roles:
+              authenticated: authenticated
+              anonymous: '0'
+              admin: '0'
+              root: '0'
+              editeur: '0'
+            reduce: false
+          is_grouped: false
+          group_info:
+            label: ''
+            description: ''
+            identifier: ''
+            optional: true
+            widget: select
+            multiple: false
+            remember: false
+            default_group: All
+            default_group_multiple: {  }
+            group_items: {  }
+          reduce_duplicates: false
+          vid: type_de_ressources
+          type: select
+          hierarchy: false
+          limit: true
+          error_message: true
+          save_lineage: false
+          force_deepest: false
+          parent: null
+          level_labels: ''
+          hierarchy_depth: 0
+          required_depth: 0
+          none_label: '- Please select -'
+        field_mots_clefs_target_id:
+          id: field_mots_clefs_target_id
+          table: node__field_mots_clefs
+          field: field_mots_clefs_target_id
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: taxonomy_index_tid
+          operator: or
+          value: {  }
+          group: 1
+          exposed: true
+          expose:
+            operator_id: field_mots_clefs_target_id_op
+            label: 'par mots clefs'
+            description: ''
+            use_operator: false
+            operator: field_mots_clefs_target_id_op
+            operator_limit_selection: false
+            operator_list: {  }
+            identifier: field_mots_clefs_target_id
+            required: false
+            remember: false
+            multiple: false
+            remember_roles:
+              authenticated: authenticated
+              anonymous: '0'
+              admin: '0'
+              root: '0'
+              editeur: '0'
+            reduce: false
+          is_grouped: false
+          group_info:
+            label: ''
+            description: ''
+            identifier: ''
+            optional: true
+            widget: select
+            multiple: false
+            remember: false
+            default_group: All
+            default_group_multiple: {  }
+            group_items: {  }
+          reduce_duplicates: false
+          vid: mots_clefs
+          type: select
+          hierarchy: false
+          limit: true
+          error_message: true
+          save_lineage: false
+          force_deepest: false
+          parent: null
+          level_labels: ''
+          hierarchy_depth: 0
+          required_depth: 0
+          none_label: '- Please select -'
+      style:
+        type: default
+        options:
+          grouping:
+            -
+              field: field_type_de_ressource
+              rendered: true
+              rendered_strip: false
+          row_class: ''
+          default_row_class: true
+          uses_fields: true
+      row:
+        type: 'entity:node'
+        options:
+          relationship: none
+          view_mode: teaser
+      query:
+        type: views_query
+        options:
+          query_comment: ''
+          disable_sql_rewrite: false
+          distinct: false
+          replica: false
+          query_tags: {  }
+      relationships:
+        field_type_de_ressource:
+          id: field_type_de_ressource
+          table: node__field_type_de_ressource
+          field: field_type_de_ressource
+          relationship: none
+          group_type: group
+          admin_label: 'field_type_de_ressource : Terme de taxonomie'
+          plugin_id: standard
+          required: true
+      header: {  }
+      footer: {  }
+      display_extenders: {  }
+    cache_metadata:
+      max-age: -1
+      contexts:
+        - 'languages:language_content'
+        - 'languages:language_interface'
+        - url
+        - 'user.node_grants:view'
+        - user.permissions
+      tags:
+        - 'config:field.storage.node.field_type_de_ressource'
+  page_1:
+    id: page_1
+    display_title: Page
+    display_plugin: page
+    position: 1
+    display_options:
+      exposed_block: true
+      display_extenders:
+        matomo:
+          enabled: false
+          keyword_gets: ''
+          keyword_behavior: first
+          keyword_concat_separator: ' '
+          category_behavior: none
+          category_gets: ''
+          category_concat_separator: ' '
+          category_fallback: ''
+          category_facets: {  }
+          category_facets_concat_separator: ', '
+        simple_sitemap_display_extender:
+          variants:
+            default:
+              index: true
+              priority: '0.5'
+              changefreq: ''
+              arguments: {  }
+              max_links: 100
+      path: ressources
+      menu:
+        type: normal
+        title: Ressources
+        description: ''
+        weight: -46
+        expanded: false
+        menu_name: entete
+        parent: ''
+        context: '0'
+    cache_metadata:
+      max-age: -1
+      contexts:
+        - 'languages:language_content'
+        - 'languages:language_interface'
+        - url
+        - 'user.node_grants:view'
+        - user.permissions
+      tags:
+        - 'config:field.storage.node.field_type_de_ressource'

web/themes/custom/quartiers_de_demain/dist/assets/img/fleche-bas.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="34.876163mm"
+   height="17.028625mm"
+   viewBox="0 0 34.876163 17.028626"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="fleche-bas.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:document-units="mm">
+    <inkscape:page
+       x="0"
+       y="0"
+       width="34.876163"
+       height="17.028625"
+       id="page2"
+       margin="0"
+       bleed="0" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1" />
+  <g
+     id="layer1"
+     transform="rotate(-90,9.3578179,144.70338)">
+    <path
+       style="color:#000000;fill:#000000;stroke-width:0.488961;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+       d="m 153.44264,135.34577 a 0.48896116,0.48896116 0 0 1 0.34953,0.13274 0.48896116,0.48896116 0 0 1 0.02,0.69142 l -15.61906,16.54541 15.73557,16.68294 a 0.48896116,0.48896116 0 0 1 -0.021,0.69046 0.48896116,0.48896116 0 0 1 -0.69046,-0.02 L 137.16554,153.0506 a 0.48901006,0.48901006 0 0 1 0,-0.67042 l 15.93517,-16.88156 a 0.48896116,0.48896116 0 0 1 0.34189,-0.15281 z"
+       id="path1" />
+  </g>
+</svg>

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"
+   width="1801.0212"
-   height="3633.5603"
+   height="4029.4231"
-   viewBox="0 0 1800.878 3633.5604"
+   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,42 +68,46 @@
     </clipPath>
   </defs>
   <g
-     id="g3"
+     id="g2"
-     transform="translate(-299.16899,-2704.2078)">
+     transform="translate(-299.16899,-2519.6031)">
-    <g
-       id="g2">
     <g
        id="g1"
-         transform="translate(0.17944336,-2.9196463)">
+       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,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"
+         inkscape:export-filename="formes-animees.svg"
+         inkscape:export-xdpi="300"
+         inkscape:export-ydpi="300" />
       <path
          id="path256-3"
-           d="m 1852.1683,5834.9184 -163.0856,194.3583"
+         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)"
+         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,1756.7965,4238.0583)"
+         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,1945.1937,5133.4927)"
+         transform="matrix(0.82260013,0,0,-0.82260013,2051.1937,5635.4927)"
          clip-path="url(#clipPath303)" />
       <path
          id="path311"
-           d="M 552.65311,4967.771 V 4707.7705"
+         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>
   </g>
@@ -80,22 +115,31 @@
      style="fill:none;stroke:none;stroke-width:0;paint-order:fill markers stroke"
      id="rect2"
      width="1550.348"
-       height="114.74608"
+     height="201.3089"
-       x="425.98532"
+     x="122.31378"
-       y="2704.2078" />
+     y="-9.4031076e-13" />
-  </g>
   <rect
      style="fill:none;stroke:none;stroke-width:0;paint-order:fill markers stroke"
      id="rect1"
      width="1540.1483"
-     height="112.19624"
+     height="196.83549"
-     x="77.598511"
+     x="73.095963"
-     y="68.049271" />
+     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/quartiers_de_demain.theme

@@ -60,6 +60,7 @@ function quartiers_de_demain_preprocess_field(&$variables) {
   if (isset($variables['field_name'])) {
     $variables['attributes']['class'][] = 'field_'.$variables['field_name']; 
   }
+
 }
 
 /**
@@ -133,3 +134,6 @@ function quartiers_de_demain_preprocess_block__block_region_second(&$variables)
     unset($variables['content']['field_field_sous_titre']);
   }
 }
+
+
+

web/themes/custom/quartiers_de_demain/src/assets/img/fleche-bas.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="34.876163mm"
+   height="17.028625mm"
+   viewBox="0 0 34.876163 17.028626"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="grandes_fleches_prev.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:document-units="mm">
+    <inkscape:page
+       x="0"
+       y="0"
+       width="34.876163"
+       height="17.028625"
+       id="page2"
+       margin="0"
+       bleed="0" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1" />
+  <g
+     id="layer1"
+     transform="rotate(-90,9.3578179,144.70338)">
+    <path
+       style="color:#000000;fill:#000000;stroke-width:0.488961;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+       d="m 153.44264,135.34577 a 0.48896116,0.48896116 0 0 1 0.34953,0.13274 0.48896116,0.48896116 0 0 1 0.02,0.69142 l -15.61906,16.54541 15.73557,16.68294 a 0.48896116,0.48896116 0 0 1 -0.021,0.69046 0.48896116,0.48896116 0 0 1 -0.69046,-0.02 L 137.16554,153.0506 a 0.48901006,0.48901006 0 0 1 0,-0.67042 l 15.93517,-16.88156 a 0.48896116,0.48896116 0 0 1 0.34189,-0.15281 z"
+       id="path1" />
+  </g>
+</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/js/quartiers_de_demain.js

@@ -11,11 +11,11 @@
       console.log('It works!');
     }
   };
-  } (Drupal));
+} (Drupal));
 
 
-  //////// start header ////////////
+//////// start header ////////////
-  document.addEventListener('DOMContentLoaded', function() {
+document.addEventListener('DOMContentLoaded', function() {
 
   const header = document.querySelector('header');
   const logo = document.querySelector('#block-quartiers-de-demain-logoquartiersdedemain > div:nth-child(1) > div:nth-child(1) > a:nth-child(1) > svg:nth-child(1)');
@@ -200,7 +200,7 @@
     }
   }
 
-  });
+});
 
 //////// end header ////////////
 
@@ -210,22 +210,22 @@
 
 
 (function($, window) {
-  var adjustAnchor = function() {
+var adjustAnchor = function() {
     var $anchor = $('.sidebar_first_container'),
             fixedElementHeight = 500;
     if ($anchor.length > 0) {
         $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);
     }
-  };
+};
 
-  $(window).on('hashchange', function() {
+$(window).on('hashchange', function() {
     adjustAnchor();
-  });
+});
 
 
-  ////////////////////////  start script smooth apparition des textes /////////////////
+////////////////////////  start script smooth apparition des textes /////////////////
 
-  function scrollReaveal(){
+function scrollReaveal(){
 
   const nodes = {
     logo : document.querySelectorAll('#logo-animated-container'),
@@ -263,16 +263,16 @@
   ScrollReveal().reveal(nodes.lienDoc, showUp);
   ScrollReveal().reveal(nodes.lienURL, showUp);
 
-  }
+}
 
 
-  $( document ).ready(function() {
+$( document ).ready(function() {
   scrollReaveal();
-  });
+});
 
-  ////////////////////////  end script smooth apparition des textes /////////////////
+////////////////////////  end script smooth apparition des textes /////////////////
 
-  // //////////////////// start Timeline script ///////////////////////
+// //////////////////// start Timeline script ///////////////////////
 
   // Update month field to only show the first 3 letters
   document.querySelectorAll('.paragraph--type--phase-deroulement').forEach(function(paragraph) {
@@ -322,7 +322,7 @@
   });
 
 
-  //   ////////////////////// start  calendrier home   /////////////////////////////////
+//   ////////////////////// start  calendrier home   /////////////////////////////////
   $(document).ready(function(){
     $('.__timeline-content').slick({
       slidesToShow: 3,
@@ -349,75 +349,60 @@
   
     });
   
-  //////////////////////// end   calendrier home   /////////////////////////////////
+//////////////////////// end   calendrier home   /////////////////////////////////
 
 
 
-  //////////////////////// end Timeline script /////////////////////////////////////////////
+//////////////////////// end Timeline script /////////////////////////////////////////////
 
-  ///////////////////  caracteres  body actus/////////////////////////
+///////////////////  caracteres  body actus/////////////////////////
 
-  document.addEventListener('DOMContentLoaded', function() {
+// document.addEventListener('DOMContentLoaded', function() {
-    // Maximum number of characters to display
+//   // Maximum number of characters to display
-    const maxChars = 140; // Adjust this value as needed
+//   const maxChars = 140; // Adjust this value as needed
 
-    document.querySelectorAll('#actus-caroussel .node-type-actualite .field_body p').forEach(function(paragraph) {
+//   document.querySelectorAll('#actus-caroussel .node-type-actualite .field_body').forEach(function(paragraph) {
-      let text = paragraph.textContent.trim();
+//     let text = paragraph.textContent.trim();
-      if (text.length > maxChars) {
+//     if (text.length > maxChars) {
-        let truncatedText = text.slice(0, maxChars) + '...';
+//       let truncatedText = text.slice(0, maxChars) + '...';
-        paragraph.textContent = truncatedText;
+//       paragraph.textContent = truncatedText;
-      }
+//     }
-    });
+//   });
-  });
+// });
 
 
- //////////// start slideshow home  ////////////////////////// 
+//////////// start slideshow actus home  ////////////////////////// 
+// $(document).ready(function(){
+//     let actuview = $('.content-actus .view .view-rows-wrapper')
+//     if (actuview) {
+//       actuview.slick({
+//         slidesToShow: 3,
+//         dots: false,
+//         arrows: true,
+//         adaptiveHeight: false,
+//         autoplay: false,
+//         responsive: [
+//           {
+//             breakpoint: 810,
+//             settings: {
+//               slidesToShow: 1,
+//               adaptiveHeight: false,
+//               arrows: true,
+//               draggable: true,
+//               autoplay: false,
+//             }
+//           }]
+//       });
+//       console.log('salut slick home');
       
+//     }
+//     $('.slick-carousel').slick({
+//       lazyLoad: 'progressive', // Option 'ondemand' ou 'progressive'
+//     });
 
+// });
 
-  $(document).ready(function(){
+$(document).ready(function () {
-      let actuview = $('.content-actus .view ')
-      if (actuview) {
-        actuview.slick({
-          slidesToShow: 3,
-          // slidesToScroll: 1,
-          dots: false,
-          arrows: true,
-          // centerMode: true,
-          adaptiveHeight: false,
-          autoplay: false,
-          // autoplaySpeed: 1500,
-          // infinite: true,
-          // centerPadding: '100px',
-          responsive: [
-            {
-              breakpoint: 810,
-              settings: {
-                slidesToShow: 1,
-                // slidesToScroll: 1,
-                adaptiveHeight: false,
-                arrows: true,
-                draggable: true,
-                // centerMode: true,
-                // centerPadding: '100px',
-                autoplay: false,
-                // autoplaySpeed: 2000,
-              }
-            }]
-        });
-        console.log('salut slick home');
-        
-      }
-      $('.slick-carousel').slick({
-        lazyLoad: 'progressive', // Option 'ondemand' ou 'progressive'
-      });
-
-  });
-
-
-
-
-  $(document).ready(function () {
   let diapohome = $('.config_pages--type--diaporama-home .diaporama');
 
   if (diapohome.length) {
@@ -446,48 +431,85 @@
               }]
       });
 
+}
+});
+////////////  end slideshow actus home  ////////////////////////// 
+
+
+//////////// start slideshow /actualites  ////////////////////////// 
+$(document).ready(function(){
+    // Vérifier si on N'EST PAS sur la page #home
+    // if (!$("#home").length) {
+        let actuview2 = $('.content-wrapper-actu .field_field_images .actu-diaporama');
+
+        if (actuview2.length > 0) {
+            actuview2.slick({
+                slidesToShow: 1,
+                dots: false,
+                arrows: true,
+                adaptiveHeight: true,
+                autoplay: false,
+                responsive: [
+                    {
+                        breakpoint: 810,
+                        settings: {
+                            slidesToShow: 1,
+                            adaptiveHeight: true,
+                            arrows: true,
+                            draggable: true,
+                            autoplay: false,
+                        }
+                    }
+                ]
+            });
+            console.log('Slick activé sur les actualités');
+    //     }
+    // } else {
+        console.log('Slick désactivé sur la page Home');
     }
 });
 
- ////////////  end slideshow home  ////////////////////////// 
+////////////  end slideshow /actualites  ////////////////////////// 
+
+
 
 //////////////// start lightbox galerie image page site////////////////////////
 
-// Sélection des images et de leurs légendes dans la galerie
+    // Sélection des images et de leurs légendes dans la galerie
-let images = document.querySelectorAll('.paragraph--type--site-diapo .lightbox-trigger');
+    let images = document.querySelectorAll('.paragraph--type--site-diapo .lightbox-trigger');
-let currentIndex;
+    let currentIndex;
 
-// Création de la lightbox et de ses éléments
+    // Création de la lightbox et de ses éléments
-const lightbox = document.createElement('div');
+    const lightbox = document.createElement('div');
-lightbox.id = 'lightbox';
+    lightbox.id = 'lightbox';
-lightbox.classList.add('lightbox');
+    lightbox.classList.add('lightbox');
-document.body.appendChild(lightbox);
+    document.body.appendChild(lightbox);
 
-const img = document.createElement('img');
+    const img = document.createElement('img');
-lightbox.appendChild(img);
+    lightbox.appendChild(img);
 
-// Élément pour afficher la légende
+    // Élément pour afficher la légende
-const caption = document.createElement('p');
+    const caption = document.createElement('p');
-caption.classList.add('caption');
+    caption.classList.add('caption');
-lightbox.appendChild(caption);
+    lightbox.appendChild(caption);
 
-const closeBtn = document.createElement('span');
+    const closeBtn = document.createElement('span');
-closeBtn.classList.add('close');
+    closeBtn.classList.add('close');
-closeBtn.innerHTML = '×';
+    closeBtn.innerHTML = '×';
-lightbox.appendChild(closeBtn);
+    lightbox.appendChild(closeBtn);
 
-const prevBtn = document.createElement('a');
+    const prevBtn = document.createElement('a');
-prevBtn.classList.add('prev');
+    prevBtn.classList.add('prev');
-prevBtn.innerHTML = '❮';
+    prevBtn.innerHTML = '❮';
-lightbox.appendChild(prevBtn);
+    lightbox.appendChild(prevBtn);
 
-const nextBtn = document.createElement('a');
+    const nextBtn = document.createElement('a');
-nextBtn.classList.add('next');
+    nextBtn.classList.add('next');
-nextBtn.innerHTML = '❯';
+    nextBtn.innerHTML = '❯';
-lightbox.appendChild(nextBtn);
+    lightbox.appendChild(nextBtn);
 
-// Fonction pour afficher l'image et la légende à l'index donné
+    // Fonction pour afficher l'image et la légende à l'index donné
-function showImage(index) {
+    function showImage(index) {
     if (index < 0) index = images.length - 1;
     if (index >= images.length) index = 0;
     currentIndex = index;
@@ -503,40 +525,40 @@ function showImage(index) {
       
     caption.textContent = captionText || ''; // Affiche la légende ou une chaîne vide si elle est absente
     lightbox.style.display = 'flex';
-}
+    }
 
-// Événements de clic sur chaque image pour ouvrir le lightbox avec la légende
+    // Événements de clic sur chaque image pour ouvrir le lightbox avec la légende
-images.forEach((image, index) => {
+    images.forEach((image, index) => {
     image.addEventListener('click', () => {
       showImage(index);
     });
-});
+    });
 
-// Fermer le lightbox
+    // Fermer le lightbox
-closeBtn.addEventListener('click', () => {
+    closeBtn.addEventListener('click', () => {
     lightbox.style.display = 'none';
-});
+    });
 
-// Navigation pour images précédente et suivante
+    // Navigation pour images précédente et suivante
-prevBtn.addEventListener('click', (e) => {
+    prevBtn.addEventListener('click', (e) => {
     e.stopPropagation();
     showImage(currentIndex - 1);
-});
+    });
 
-nextBtn.addEventListener('click', (e) => {
+    nextBtn.addEventListener('click', (e) => {
     e.stopPropagation();
     showImage(currentIndex + 1);
-});
+    });
 
-// Fermer le lightbox en cliquant en dehors de l'image
+    // Fermer le lightbox en cliquant en dehors de l'image
-lightbox.addEventListener('click', (e) => {
+    lightbox.addEventListener('click', (e) => {
     if (e.target === lightbox) {
       lightbox.style.display = 'none';
     }
-});
+    });
 
-// Ajout des contrôles clavier (Échap, flèches gauche/droite)
+    // Ajout des contrôles clavier (Échap, flèches gauche/droite)
-document.addEventListener('keydown', (e) => {
+    document.addEventListener('keydown', (e) => {
     if (lightbox.style.display === 'flex') {
       if (e.key === 'Escape') {
         lightbox.style.display = 'none';
@@ -546,7 +568,7 @@ document.addEventListener('keydown', (e) => {
         showImage(currentIndex + 1);
       }
     }
-});
+    });
 
 
 //////////////// end lightbox galerie image page site////////////////////////
@@ -555,11 +577,11 @@ document.addEventListener('keydown', (e) => {
 
 //////////////////// start wrapper views-row  lessites /////////////////////////
 document.addEventListener("DOMContentLoaded", function() {
-  // Sélectionne le conteneur principal avec l'ID 'lessites'
+// Sélectionne le conteneur principal avec l'ID 'lessites'
-  const container = document.getElementById("lessites");
+const container = document.getElementById("lessites");
 
-  // Vérifie si le conteneur existe pour éviter toute erreur sur d'autres pages
+// Vérifie si le conteneur existe pour éviter toute erreur sur d'autres pages
-  if (container) {
+if (container) {
   // Sélectionne l'élément 'view' à l'intérieur de '.views-element-container'
   const viewContainer = container.querySelector(".views-element-container .view");
 
@@ -576,43 +598,40 @@ document.addEventListener("DOMContentLoaded", function() {
     // Ajoute la div englobante dans le 'viewContainer'
     viewContainer.appendChild(wrapperDiv);
   }
-  }
+}
 });
-
-
 //////////////////// end wrapper views-row  lessites /////////////////////////
 
 
-
 ////////////////////  start div infos site  ////////////////////////
 
 // Vérifie si la page a la classe 'node-type-site' dans le <body>
 if (document.body.classList.contains('node-type-site')) {
-  // Sélectionne le conteneur principal
+// Sélectionne le conteneur principal
-  const blockRegion = document.querySelector('.block-region-second');
+const blockRegion = document.querySelector('.block-region-second');
 
-  // Liste des classes spécifiques à cibler
+// Liste des classes spécifiques à cibler
-  const fieldClasses = [
+const fieldClasses = [
     '.field_field_region',
     '.field_field_nom_du_qpv_nb_d_hab',
     '.field_field_departement_s',
     '.field_field_programme_de_l_etat',
     '.field_field_porteur_s_de_site',
     '.field_field_nom_de_la_commune_nb_d_hab'
-  ];
+];
 
-  // Sélectionne les div parents de chacun des champs listés
+// Sélectionne les div parents de chacun des champs listés
-  const elementsToWrap = [];
+const elementsToWrap = [];
-  fieldClasses.forEach(className => {
+fieldClasses.forEach(className => {
     const fieldElement = blockRegion.querySelector(className);
     if (fieldElement) {
         // Ajoute le parent du champ au tableau si trouvé
         elementsToWrap.push(fieldElement.parentElement);
     }
-  });
+});
 
-  // Vérifie que des éléments ont été trouvés
+// Vérifie que des éléments ont été trouvés
-  if (elementsToWrap.length > 0) {
+if (elementsToWrap.length > 0) {
     // Crée le conteneur avec la classe 'infos'
     const infosContainer = document.createElement('div');
     infosContainer.className = 'infos';
@@ -623,47 +642,77 @@ if (document.body.classList.contains('node-type-site')) {
 
     // Déplace chaque élément dans le conteneur `.infos`
     elementsToWrap.forEach(element => infosContainer.appendChild(element));
-  }
+}
 }
 ////////////////////  end div infos site  ////////////////////////
 
+
+////////////////////  start div infos actualité  ////////////////////////
+
+$(document).ready(function () {
+  // Vérifier si .layout-container A l'ID #page-node (et non un élément enfant)
+  if ($(".layout-container").attr("id") === "page-node") {
+      $("article.node-type-actualite").each(function () {
+          let article = $(this);
+          let dateField = article.find(".field_field_date");
+          let typeField = article.find(".field_field_type_d_actualite");
+
+          // Vérifier si les deux éléments existent
+          if (dateField.length > 0 && typeField.length > 0) {
+              // Vérifier si l'encapsulation n'existe pas déjà
+              if (article.find(".infos-actu").length === 0) {
+                  // Créer un conteneur et y insérer les éléments
+                  let infosActu = $("<div>").addClass("infos-actu").append(dateField, typeField);
+                  
+                  // Ajouter ce conteneur après les champs existants
+                  article.append(infosActu);
+              }
+          }
+      });
+  }
+});
+
+////////////////////  end div infos actualité  ////////////////////////
+
+//////////////////////////////////////////////////////////////////
+
 document.addEventListener("DOMContentLoaded", function() {
-  // Sélectionner les éléments à déplacer
+// Sélectionner les éléments à déplacer
-  const documentsField = document.querySelector(".field_field_documents");
+const documentsField = document.querySelector(".field_field_documents");
-  const liensSiteField = document.querySelector(".field_field_liens_site");
+const liensSiteField = document.querySelector(".field_field_liens_site");
 
-  // Sélectionner la destination
+// Sélectionner la destination
-  const thirdRegion = document.querySelector(".block-region-third > div");
+const thirdRegion = document.querySelector(".block-region-third > div");
 
-  // Créer une nouvelle div pour englober les éléments déplacés
+// Créer une nouvelle div pour englober les éléments déplacés
-  const wrapperDiv = document.createElement("div");
+const wrapperDiv = document.createElement("div");
-  wrapperDiv.classList.add("documents-liens-wrapper");
+wrapperDiv.classList.add("documents-liens-wrapper");
 
-  // Déplacer les éléments dans la nouvelle div
+// Déplacer les éléments dans la nouvelle div
-  if (documentsField && liensSiteField && thirdRegion) {
+if (documentsField && liensSiteField && thirdRegion) {
     wrapperDiv.appendChild(documentsField);
     wrapperDiv.appendChild(liensSiteField);
 
     // Ajouter la nouvelle div dans la destination
     thirdRegion.appendChild(wrapperDiv);
-  }
+}
 });
 document.addEventListener("DOMContentLoaded", function() {
-  // Sélectionner les éléments pertinents
+// Sélectionner les éléments pertinents
-  const documentsLiensWrapper = document.querySelector(".documents-liens-wrapper");
+const documentsLiensWrapper = document.querySelector(".documents-liens-wrapper");
-  const blockRegionThird = document.querySelector(".block-region-third");
+const blockRegionThird = document.querySelector(".block-region-third");
 
-  // Vérifier que les éléments existent avant de les manipuler
+// Vérifier que les éléments existent avant de les manipuler
-  if (documentsLiensWrapper && blockRegionThird) {
+if (documentsLiensWrapper && blockRegionThird) {
     // Déplacer .documents-liens-wrapper en dehors du div contenant les boutons prev/next
     blockRegionThird.appendChild(documentsLiensWrapper);
-  }
+}
 });
 
 
 document.addEventListener("DOMContentLoaded", function () {
-  // Fonction pour déplacer le bloc en fonction de la taille de l'écran
+// Fonction pour déplacer le bloc en fonction de la taille de l'écran
-  function moveLanguageSwitcher() {
+function moveLanguageSwitcher() {
   const languageSwitcher = document.getElementById("block-quartiers-de-demain-selecteurdelangue");
   const navContainer = document.querySelector(".header_nav_container");
 
@@ -677,14 +726,118 @@ document.addEventListener("DOMContentLoaded", function () {
       headerRightContainer.appendChild(languageSwitcher); // Remet le bloc dans sa position initiale
     }
   }
+}
+
+// Déclencher au chargement et au redimensionnement
+moveLanguageSwitcher();
+window.addEventListener("resize", moveLanguageSwitcher);
+});
+
+///////////////////////////////////////////////////////////////
+
+/////////////// start class à view-rows-ressources ////////
+$(document).ready(function () {
+  $(".view-rows-wrapper").each(function () {
+      let h3Container = $(this).prev("h3").find("div[class^='type-']");
+      let classToAdd = h3Container.attr("class"); // Récupère la classe complète (ex: "type-Documentation")
+
+      if (classToAdd) {
+          $(this).addClass(classToAdd); // Ajoute cette classe à .view-rows-wrapper
+      }
+  });
+});
+////////////////// end class à view-rows-wrapper ////////////////
+
+
+
+/////////////////// start voir plus...  ressources ////////////////////
+
+$(document).ready(function () {
+  // Vérifier si on est sur la page avec l'ID #ressources
+  if ($("#ressources").length > 0) {
+      $(".view-rows-wrapper").each(function () {
+          let container = $(this); // Cible uniquement cette section
+          let items = container.find(".views-row"); // Les éléments à afficher progressivement
+          let visibleCount = 4; // Nombre d'éléments visibles au départ (par défaut)
+
+          // Récupérer la classe `type-XXX`
+          let typeClass = container.attr("class").split(" ").find(cls => cls.startsWith("type-"));
+          let typeName = typeClass ? typeClass.replace("type-", "").replace(/-/g, " ") : "contenu"; // Nettoyer le nom
+
+          // Ajuster le nombre d'éléments visibles en fonction du type
+          if (typeClass === "type-podcast" || typeClass.toLowerCase() === "type-vidéo") {
+              visibleCount = 2; // Pour Podcast et Vidéo
+          } else if (typeClass === "type-kit-de-communication") {
+              visibleCount = 1; // Pour Kit de Communication
           }
 
-  // Déclencher au chargement et au redimensionnement
+          // Si le nombre total d'éléments est inférieur ou égal à la limite, ne pas ajouter le bouton
-  moveLanguageSwitcher();
+          if (items.length <= visibleCount) {
-  window.addEventListener("resize", moveLanguageSwitcher);
+              return; // Sortir de la boucle
+          }
+
+          // Ajouter le bouton dynamiquement après chaque `.view-rows-wrapper`
+          let button = $("<button>")
+              .addClass("voir-plus")
+              .text("Voir plus de " + typeName)
+              .insertAfter(container);
+
+          // Cacher tous les éléments sauf ceux définis par `visibleCount`
+          items.hide().slice(0, visibleCount).show();
+
+          // Action sur le bouton
+          button.on("click", function () {
+              let hiddenItems = container.find(".views-row:hidden").slice(0, 4); // Prochains éléments à afficher
+
+              if ($(this).text().includes("Voir plus")) {
+                  hiddenItems.slideDown(); // Afficher avec un effet de glissement
+
+                  if (container.find(".views-row:hidden").length === 0) {
+                      $(this).text("Voir moins de " + typeName); // Changer le texte du bouton si tout est affiché
+                  }
+              } else {
+                  container.find(".views-row").slice(visibleCount).slideUp(); // Replier les éléments
+                  $(this).text("Voir plus de " + typeName); // Revenir à l'état initial
+              }
+          });
+      });
+  }
 });
 
 
+///////////////////  end voir plus...  ressources ////////////////////
+
+
+
+/////////////////// start voir plus...  actualite dans /actualites & /home ////////////////////
+$(document).ready(function () {
+  // if ($("#actualites").length > 0) {
+    $(".node-type-actualite").each(function () {
+      let article = $(this);
+
+      let body = article.find(".field_body");
+      let links = article.find(".field_field_liens");
+
+      body.hide();
+      links.hide();
+
+      let toggleButton = $("<button>")
+          .addClass("toggle-actualite")
+          .insertAfter(article);
+
+      toggleButton.on("click", function () {
+          body.slideToggle();
+          links.slideToggle();
+          $(this).toggleClass("open");
+      });
+  });
+  // }
+});
+
+
+///////////////////  end voir plus...  actualite dans /actualites & /home ////////////////////
+
+
 })(jQuery, window);
 
 

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/global/variables/_colors.scss

@@ -10,5 +10,5 @@ $bleu_fond_header: rgb(232, 235, 244);
 $red_QDD: rgb(247, 0, 43);
 $blue_QDD: rgb(7, 50, 194);
 
-
+$background-gris:#f6f7f3;
 

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

@@ -33,46 +33,28 @@
             .node-type-actualite{
                 width: 100%;
                 padding-bottom: 7rem;
-                .infos-actu{
                 display: flex;
-                    flex-direction: row;
+                flex-direction: column;
-                    border-top: solid red 1px;
+                div{
-                    border-bottom: solid red 1px;
+                    order: 2;
-                    padding: 1rem 0rem;
+                    display: flex;
-                    margin-bottom: 1rem;
+                    flex-direction: column;
-                    .field_field_type_d_actualite a{
-                        text-transform: uppercase;
-                        color: red;
-                        font-size: 0.6rem;
-                        font-weight: 600;
-                        display: inline-flex;
-                        align-items: center;
-                        &::before{
-                            content: url('../img/type-actu.svg');
-                            padding-right: 0.4rem;
-                        }
-                    }
-                    .field_field_date{
-                        color: red;
-                        display: inline-flex;
-                        align-items: center;
-                        margin-left: 1rem;
-                        &::before{
-                            content: url('../img/date-actu.svg');
-                            padding-right: 0.4rem;
-                        }
-                    }
-        
-                }
                     .field_body {
+                        order: 2;
                         padding-bottom: 2rem;
                         p{
                         font-size: 0.8rem;
                         }
                     }
                     .field_field_liens{
+                        order: 3;
                         padding-bottom: 2rem;
+                        padding-top: 2rem;
+                        width: fit-content;
+
                         a{  
+                            display: flex;
+                            flex-direction: row;
                             padding-left: 0.5rem;
                             display: inline-flex;
                             align-items: center;
@@ -90,10 +72,16 @@
                                 padding-left: 0.2rem;
                                 
                             }
+
+                        }
+                        
+                        a:not(.ext){
+                            display: none;
                         }
                     }
     
                     .field_field_images{
+                        order: 5;
                         img{
                             width: 100%;
                             height: auto;
@@ -110,6 +98,42 @@
                     }
                 }
 
+                .infos-actu{
+                    order: 1;
+                    display: flex;
+                    flex-direction: row;
+                    border-top: solid red 1px;
+                    border-bottom: solid red 1px;
+                    padding: 1rem 0rem;
+                    margin-bottom: 1rem;
+                    .field_field_type_d_actualite a{
+                        text-transform: uppercase;
+                        color: red;
+                        font-size: 0.6rem;
+                        font-weight: 600;
+                        display: flex;
+                        flex-direction: row;
+                        &::before{
+                            content: url('../img/type-actu.svg');
+                            padding-right: 0.4rem;
+                        }
+                    }
+                    .field_field_date{
+                        color: red;
+                        display: flex;
+                        flex-direction: row;
+                        margin-left: 1rem;
+                        padding-right: 1rem;
+                        &::before{
+                            content: url('../img/date-actu.svg');
+                            padding-right: 0.4rem;
+                        }
+                    }
+        
+                }
+
+            }
+
         
         }
     }

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

@@ -0,0 +1,318 @@
+
+#actualites{
+    // background-color: #f6f7f3;
+    // background-color:white !important;
+    main{
+        background-color:white ;
+    }
+    .layout-container main{
+        padding-top: $header-height-big;
+    }
+      
+    .layout-content{
+        // padding-top: 1rem;
+        .content_container{
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            background-color: white;
+
+            #block-quartiers-de-demain-titredepage{
+                margin-top: 3rem;
+                margin-left: 15%;
+                margin-bottom: 4rem;
+                width: 70%;
+                @media(max-width: 810px){
+                    margin-top: 14rem;
+                }
+                h1{
+                    width: fit-content;
+                    margin: auto;
+                    text-transform: none;
+                    color: black;
+                    font-size: 2rem;
+                    font-family: "gilroy-medium"
+                }
+                
+                
+            }
+            .views-element-container{
+                
+                
+
+                .view-rows-wrapper{
+                    display: flex;
+                    flex-direction: column;
+                    flex-wrap: wrap;
+                    background-color: white;
+                    // margin-left: 20%;
+                   
+                    
+                    
+                    .views-row{
+                        width: 60%;
+                        margin-left: 30%;
+                        font-size: 0.5rem;
+                        margin-bottom: 2rem;
+                        padding-bottom: 1rem;
+                        display: flex;
+                        flex-direction: row;
+                        align-items: center;
+                        &:not(:last-of-type){
+                            border-bottom: solid black 0.5px;}
+                        .node-type-actualite{
+                            width: 85%;
+                            // padding-bottom: 2rem;
+                            
+                            .content-wrapper-actu{
+                                display: grid;
+                                grid-template-columns: 1fr 2fr;
+                                grid-template-rows: repeat(5 1fr);
+                                .field_field_images{
+                                   grid-column: 1;
+                                   grid-row: 1 /span 5;
+                                   width: 250px;
+                                //    display: flex;
+                                //    margin: auto;
+                                    margin-right: 1rem;
+
+                                   .actu-diaporama{
+                                        // height: 150px;
+                                        width: 100%;
+                                        display: flex;
+                                        flex-direction: row;
+                                        align-items: center !important;
+                                        margin:auto;
+                                        margin-right: 1rem;
+                                        .slick-list{
+                                            margin: auto;
+                                            padding-top: 0 !important;
+                                            .cadre-img-zoom{
+                                                display: flex;
+                                                margin: auto;
+                                                width: 250px;
+                                                height: auto;
+                                                img{
+                                                    width: 100%;
+                                                    height: auto;
+                                                    object-fit: cover;
+                                                    -moz-border-radius: 9px; /* pour Mozilla */
+                                                    -khtml-border-radius: 9px; /* pour Safari et Chrome */
+                                                    -webkit-border-radius: 9px; /* pour Safari sur Mac */
+                                                    border-radius: 9px; /* CSS3 */
+                                                }
+                                            }
+                                            blockquote.image-field-caption{
+                                                margin: 0;
+                                                p{
+                                                    margin-top: 0;
+                                                    font-size: 0.4rem;
+                                                }
+                        
+                                            }
+                                        }
+                                        button{
+                                            margin: auto;
+                                            transform: none;
+                                            top: 30%;
+                                            height: 0;
+                                            width: 0;
+                                            &:before{
+                                                transform: scale(0.4) !important;
+                                                &:hover{
+                                                    filter: brightness(1.75);
+                                                }
+                                            }
+                                        }
+                                        button.slick-next{
+                                            right: 15% ;
+                                            padding: 0;
+                                        }
+                                        button.slick-prev{
+                                            left: 5%;
+                                            padding: 0;
+                                        }
+                                    }
+                                }
+                                .field_field_type_d_actualite,
+                                .field_field_date,
+                                .field_field_site,
+                                .field_title,
+                                .field_body,
+                                .field_field_liens{
+                                   grid-column: 2;
+                                   
+                                }
+                                .field_field_type_d_actualite{
+                                    order: 2;
+                                    a{
+                                    text-transform: uppercase;
+                                    color: red;
+                                    font-size: 0.6rem;
+                                    font-weight: 600;
+                                    display: inline-flex;
+                                    align-items: center;
+                                        &::before{
+                                            content: "";
+                                            display: inline-block;
+                                            width: 16px; /* Ajuste la largeur */
+                                            height: 16px; /* Ajuste la hauteur */
+                                            background-image: url('../img/type-actu.svg');
+                                            background-size: contain;
+                                            background-repeat: no-repeat;
+                                            // margin-right: 0.4rem;
+                                            padding-right: 0.4rem;
+                                        }
+                                    }
+                                }
+                                .field_field_date{
+                                    order: 3;
+                                    color: red;
+                                    font-size: 0.6rem;
+                                    font-weight: 600;
+                                    display: inline-flex;
+                                    align-items: center;
+                                    // margin-left: 1rem;
+                                    &::before{
+                                        content: "";
+                                        display: inline-block;
+                                        width: 16px; /* Ajuste la largeur */
+                                        height: 16px; /* Ajuste la hauteur */
+                                        background-image: url('../img/date-actu.svg');
+                                        background-size: contain;
+                                        background-repeat: no-repeat;
+                                        // margin-right: 0.4rem;
+                                        padding-right: 0.4rem;
+                                    }
+                                }
+                                .field_field_site{
+                                    order: 4;
+                                    margin-top: 0.2rem;
+                                    a{
+                                        color: red;
+                                        font-size: 0.6rem;
+                                        font-weight: 600;
+                                        display: inline-flex;
+                                        align-items: center;
+                                        // margin-left: 1rem;
+                                        padding-left: 0.1rem;
+                                        
+                                        &::before{
+                                            content: "";
+                                            display: inline-block;
+                                            width: 10px; /* Ajuste la largeur */
+                                            height: 17px; /* Ajuste la hauteur */
+                                            background-image: url("../img/map_pointer.svg");
+                                            background-size: contain;
+                                            background-repeat: no-repeat;
+                                            // margin-right: 0.4rem;
+                                            padding-right: 0.5rem;
+                                        }
+                                    }
+                                }
+                                .field_title{
+                                    order: 5;
+                                    h2{
+                                        font-size: 1.2rem;
+                                        font-family: 'gilroy-medium';
+                                    }
+                                    a{
+                                        color: $blue_QDD;
+                                        pointer-events: none; 
+                                        cursor: default;
+                                    }
+                                }
+                                .field_field_sous_titre{
+                                    color: $blue_QDD;
+                                    font-family: 'gilroy-light';
+                                    font-size: 1.2rem;
+                                }
+                            
+                                .field_body {
+                                    order: 6;
+                                    // padding-bottom: 2rem;
+                                    opacity: 1 !important;
+                                    transform:none !important;
+                                    font-family: 'gilroy-light';
+
+                                    p{
+                                    font-size: 0.8rem;
+                                    }
+                                }
+                                .field_field_liens{
+                                    order: 7;
+                                    padding:0;
+                                    width: fit-content;
+                                    a{  
+                                        display: flex;
+                                        flex-direction: row;
+                                        padding-left: 0.5rem;
+                                        padding-top: 0.2rem;
+                                        padding-bottom: 0.2rem;
+                                        display: inline-flex;
+                                        align-items: center;
+                                        color: white;
+                                        background: black;
+                                        text-transform: uppercase;
+                                        font-size: 0.6rem;
+                                        margin-bottom: 0.5rem;
+                                        svg{
+                                            display: none;
+                                        }
+                                        &::after{
+                                            display: inline-flex;
+                                            content: url("../img/noun-arrow-to-right.svg");
+                                            padding-right: 0.2rem;
+                                            padding-left: 0.2rem;
+                                            
+                                        }
+                                    }
+                                    
+                                }
+                
+
+                            }
+                        }
+                        .toggle-actualite {
+                            display: block;
+                            width: 40px;
+                            height: 40px;
+                            margin: 10px auto;
+                            border: none;
+                            background-color: transparent;
+                            background-image: url("../img/fleche-bas.svg");
+                            background-size: contain;
+                            background-repeat: no-repeat;
+                            background-position: center;
+                            cursor: pointer;
+                            transition: transform 0.3s ease;
+                        }
+                        
+                        .toggle-actualite.open {
+                            transform: rotate(180deg);
+                        }
+                    
+
+                    }
+
+                }
+                footer .view-rows-wrapper{
+                    width: 100%;
+                    background-color: $background-gris;
+                    padding-top: 2rem;
+                    .field_title{
+                        h2{
+                            font-size: 1rem !important;                            
+                        }
+                    }
+                    .field_field_sous_titre{
+                        font-size: 1rem !important; 
+                    }
+
+                }
+                
+            }
+            
+        }
+    }
+}

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

@@ -1,9 +1,6 @@
 #home{
-
-   
     .config_pages--type--diaporama-home{
         position: relative;
-        
         .diaporama{
             .slick-list{
                 padding: 0 !important;   
@@ -11,7 +8,7 @@
                         max-height: 1281px;
                         overflow:hidden;
                         img{
-                            width: 100%;
+                            width: 100% !important;
                             height: auto;
                             object-fit: cover;
                             // transform: scale(1.2);
@@ -19,14 +16,9 @@
                             // animation-duration: 4.5s;
                             // animation-name: zoomOut;
                             // animation-iteration-count: infinite;
-                            
                         }
-
                     }
                     
-                     
-                            
-                    
                     blockquote{
                             position: relative;
                             top: -30px;
@@ -697,6 +689,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

@@ -339,11 +339,20 @@
                 }
                 div{
                     display: flex;
-                    flex-direction: row;
+                    flex-direction: column;
+                    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{
                         padding-right: 0.5rem;
                         &::before{
@@ -363,6 +372,10 @@
                     }
     
                 }
+                .prevnext{
+                    flex-direction: row;
+                }
+
             }
             .documents-liens-wrapper{
                 display: flex;
@@ -385,14 +398,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 +420,7 @@
                     font-size: 0.6rem;
                     margin-bottom: 0.3rem;
                     
+                    
                     svg{
                         display: none;
                     }
@@ -413,7 +429,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/pages/ressources.scss

@@ -0,0 +1,309 @@
+
+#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: 3rem;
+                margin-left: 15%;
+                margin-bottom: 1rem;
+                width: 70%;
+                @media(max-width: 810px){
+                    margin-top: 14rem;
+                }
+                h1{
+                    width: fit-content;
+                    margin: auto;
+                    text-transform: none;
+                    color: black;
+                    font-size: 2rem;
+                    font-family: "gilroy-medium"
+                }
+                
+                
+            }
+            .views-element-container{
+                margin-left: 15%;
+                width: 60%;
+                h3{
+                    &::before{
+                        content:"";
+                        display: block;
+                        border-bottom: solid 2px $blue_QDD;
+                        // width: 80% ;
+                        margin: auto;
+                    }
+                    text-align: center;
+                    div{
+                        .field_name{
+                            h2{
+                                margin-bottom: 0.6rem;
+                                a{
+                                    font-family: "gilroy-light";
+                                    color: $blue_QDD;
+                                    font-size: 1.2rem;
+                                }
+                            }
+                        }
+                        .field_description{
+                            margin-left: 10%;
+                            margin-right: 10%;
+                            font-family: "gilroy-light";
+                            p{
+                                margin-top: 0.6rem;
+                            }
+                        }
+                    }
+                    .type-Kit-de-communication{
+                        background-color: $blue_QDD;
+                        .field_name h2 {
+                            margin: 0;
+                            a{
+                                color: white;
+                            }
+                        }
+                        
+                    }
+                    
+                }
+                h3:has(div.type-Kit-de-communication){
+                    margin-bottom: 0;
+                    .field_name{
+                        padding-top: 1rem;
+                    }
+                }
+                button.voir-plus{
+                    background-color: transparent;
+                    color: $blue_QDD;
+                    border: solid $blue_QDD 0.5px;
+                    padding: 0.3rem;
+                    display: flex;
+                    margin: auto;
+                }
+                .view-rows-wrapper{
+                    display: flex;
+                    flex-direction: row;
+                    flex-wrap: wrap;
+                    
+                    
+                    .views-row{
+                        // width: 30%;
+                        font-size: 0.5rem;
+                        margin-bottom: 1rem;
+                        h2,
+                        .field_field_sous_titre{
+                            font-family: "gilroy-medium";
+                            color: $blue_QDD;
+                            font-size: 00.6rem;
+                            margin-bottom: 0;
+                        } 
+                        .field_body{
+                            font-family: "gilroy-light";
+                        }
+
+                        p{
+                            font-size: 0.5rem;
+                        }  
+                        .field_field_mots_clefs{
+                            margin-top: 0.5rem;
+                            div{
+                                display: flex;
+                                flex-direction: row !important;
+                                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{
+                            margin-top: 0.5rem;
+                            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";
+                                }
+                            }
+                        }  
+                        .field_field_liens{
+                            margin-top: 0.5rem;
+
+                        }
+                        .field_field_documents{
+                            margin-top: 0.5rem;
+
+                        }
+                        
+                        .type-documentation{
+                            .field_body,
+                            .field_field_images{
+                                display: none;
+                            }
+                        }
+
+
+                        .type-podcast{
+                            .content-ressource{
+                                display: grid;
+                                grid-template-columns: 1fr 1.2fr;
+                                grid-template-rows: repeat(5 1fr);
+                                margin-top: 1rem;
+                                .field_field_images{
+                                   grid-column: 1;
+                                   grid-row: 1 /span 5;
+                                   padding: 0 1rem 1rem 1rem;
+                                    img{
+                                        width: 100%;
+                                        height: auto;
+                                        aspect-ratio: 1 / 1;
+                                        object-fit: cover;
+                                        border-radius: 9px;
+                                    }
+                                }
+                                .field_title, h2{
+                                    margin-top: 0;
+                                }
+                                .field_title,
+                                .field_field_sous_titre,
+                                .field_field_author,
+                                .field_field_date_ressource,
+                                .field_body,
+                                .field_field_mots_clefs,
+                                .field_field_site,
+                                .field_field_documents,
+                                .field_field_liens{
+                                   grid-column: 2;
+                                   
+                                }
+
+                            }
+                           
+                        }
+                        .type-vidéo{
+                            .content-ressource{
+                                margin: 1rem;
+                            }
+                            .field_body{
+                                opacity: 1 !important;
+                                transform: none !important;
+                            }
+                            a img{
+                                max-width: 100%;
+                                height: auto;
+                                object-fit: cover;
+                                border-radius: 9px;
+                            }
+                        }
+                        .type-kit-de-communication{
+                           div.content-ressource{
+                                display: flex;
+                                flex-direction: column;
+                                align-items: center;
+                                background-color: $blue_QDD;
+                                color: white;
+                                padding: 1rem 3rem;
+                                
+                                .field_title{
+                                    display: none;
+                                }
+                                .field_field_sous_titre{
+                                    text-align: center;
+                                    font-size: 0.9rem;
+                                    font-family: 'gilroy-light';
+                                    color: white;
+                                }
+                                .field_body{
+                                    text-align: center;
+                                    font-size: 0.7rem;
+                                    font-family: 'gilroy-light';
+                                }
+                                .field_field_liens{
+                                    width: fit-content;
+                                    a{  
+                                        display: flex;
+                                        flex-direction: row;
+                                        padding-left: 0.5rem;
+                                        display: inline-flex;
+                                        align-items: center;
+                                        color: white;
+                                        background: black;
+                                        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;
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                   
+
+                    .views-row:has(.type-podcast){
+                        width: 50%;
+                        @media(max-width: 810px){
+                            width: 100%;
+                        }
+                    }
+                    .views-row:has(.type-documentation){
+                        width: 25%;
+                        @media(max-width: 810px){
+                            width: 50%;
+                        }
+                    }
+                    .views-row:has(.type-vidéo){
+                        width: 50%;
+                        @media(max-width: 810px){
+                            width: 100%;
+                        }
+                    }
+                    .views-row:has(.type-Kit-de-communication){
+                        width: 100%;
+                    }
+
+                }
+
+
+
+                // }
+                
+            }
+            
+        }
+    }
+}

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

@@ -1,10 +1,12 @@
 .layout-sidebar-first{
-    width: 25%;
+    width: 20%;
     // display: flex;
     position: fixed;
-    left: 3%;
+    // left: 3%;
-    top: 200px;
+    top: $header-height-big;
-    z-index: 98;
+    // z-index: 98;
+    margin: 1rem 2rem;
+    background-color: transparent;
 
     @media(max-width:891px){
         margin-left: 5%;
@@ -14,54 +16,48 @@
         width: 80%;
         margin-top: 3rem;
     }
-    #toTop-aside{
-        margin: auto;
-        background-color: #fff;
-        border-top-left-radius: 10%;
-        border-top-right-radius: 10%;
-        padding-bottom: 0.5rem;
-        .arrow-up{
-            font-size: 1.7rem;
-            line-height: 2.5rem;
-            text-align: center;
-            width: 3rem;
-            height: 2rem;
-            display: inline-block;
-            text-align: top;
-            &::before{
-                content:url(../img/up-arrow.svg) ;
-                width: 50%;
-            }
-            // .fa{
-            //     color: #fff;
-            // }    
-        }
 
-    }
-    .sidebar_first_container{
-        display: none;
-        // display: flex;
-        flex-direction: column;
-        width: 50%;
-        font-weight: 400;
-        .field-content{
-            margin-bottom: 0.5rem;
-            font-size: 0.5rem;
-        }
-        @media (max-width: 810px){
-            display: none;
-        }
 
-        #block-quartiers-de-demain-views-block-statics-block-1{
+    #block-quartiers-de-demain-formulaireexposeactuspage-1{
-            order: 1;
+        h2{
             text-transform: uppercase;
+            font-family: "gilroy-medium";
+            font-size: 0.7rem;
+            &::after{
+                content: ' :';
+            }
+        }
+        label{
+            text-transform: lowercase;
+            font-size: 0.7rem;
+            font-family: 'gilroy-light';
+        }
+        .form-select #edit-field-type-d-actualite-target-id--2{
+        }
+
+        input #edit-submit-actus--2{
 
         }
     }
+
+    #block-quartiers-de-demain-formulaireexposeressourcespage-1{
+        h2{
+            text-transform: uppercase;
+            font-family: "gilroy-medium";
+            font-size: 0.7rem;
+            &::after{
+                content: ' :';
+            }
+        }
+        label{
+            text-transform: lowercase;
+            font-size: 0.6rem;
+            font-family: 'gilroy-light';
+        }
+
+        .form-select#edit-field-mots-clefs-target-id--2{
+            max-width: 100%;
+        }
+
+    }
 }
-
-// .sticky-menu{
-//     position: sticky;
-//     position: -webkit-sticky;
-//     top: 10rem;
-// }

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,135 +16,276 @@
     }
     button{
         top: -2.5rem;
+        @media(max-width: 810px){
+            top: -1.5rem;
+        }
     }
     .content-actus{
-        .view{
+        .slick-list{
-            display: flex;
+            padding-bottom: 4rem;
-            flex-direction: row;
+            @media(max-width: 810px){
-            flex-wrap: nowrap;
+                padding-bottom: 0rem;
-            width: 100vw;
+            }
         }
-        .views-row{
-            // width: 500px !important;
-            padding: 1rem;
 
-            @media(max-width: 550px){
+        .view-rows-wrapper{
-                width: 296px !important;
+            margin-left: 20%;
-                padding-top: 3rem;
+            width: 65%;
-            }
-            article.node-type-actualite{
             display: flex;
             flex-direction: column;
+            flex-wrap: wrap;    
+        }
+
+        .views-row{
+            display: flex;
+            margin: auto;
+            width: 100%;
+            font-size: 0.5rem;
+            margin-top: 1rem;
+            margin-bottom: 1rem;
+            padding-bottom: 1rem;
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            border-bottom: solid black 0.5px;
+            .node-type-actualite{
+                width: 85%;
+                // padding-bottom: 2rem;
+                
+                .content-wrapper-actu{
+                    display: grid;
+                    grid-template-columns: 1fr 2fr;
+                    grid-template-rows: repeat(5 1fr);
                     .field_field_images{
-                    background-color: black;
+                       grid-column: 1;
-                    -moz-border-radius: 9px; /* pour Mozilla */
+                       grid-row: 1 /span 5;
-                    -khtml-border-radius: 9px; /* pour Safari et Chrome */
+                       width: 250px;
-                    -webkit-border-radius: 9px; /* pour Safari sur Mac */
+                    //    display: flex;
-                    border-radius: 9px; /* CSS3 */
+                    //    margin: auto;
-                    height: 250px;
+                        margin-right: 1rem;
-                    margin-bottom: 0.6rem;
-                    @media(max-width: 550px){
-                        height: 170px;
-                    }
-                    div{
-                        height: 100%;
-                        div{
-                            // height: 600px;
 
-                            a{
+                       .actu-diaporama{
-                                display: block;
+                            // height: 150px;
-                                height: 100%;
+                            width: 100%;
+                            display: flex;
+                            flex-direction: row;
+                            align-items: center !important;
+                            margin:auto;
+                            margin-right: 1rem;
+                            .slick-list{
+                                margin: auto;
+                                padding-top: 0 !important;
+                                .cadre-img-zoom{
+                                    display: flex;
+                                    margin: auto;
+                                    width: 250px;
+                                    height: auto;
                                     img{
                                         width: 100%;
-                                    height: 100%;
+                                        height: auto;
                                         object-fit: cover;
                                         -moz-border-radius: 9px; /* pour Mozilla */
                                         -khtml-border-radius: 9px; /* pour Safari et Chrome */
                                         -webkit-border-radius: 9px; /* pour Safari sur Mac */
                                         border-radius: 9px; /* CSS3 */
-                                    @media(max-width: 550px){
-                                        max-height: 170px;
-                                    }
-                                }
                                     }
                                 }
+                                blockquote.image-field-caption{
+                                    margin: 0;
+                                    p{
+                                        margin-top: 0;
+                                        font-size: 0.4rem;
                                     }
             
-                    img{
+                                }
-                        width: 100%;
+                            }
-                        height: 100%;
+                            button{
-                        object-fit: cover;
+                                margin: auto;
-                        -moz-border-radius: 9px; /* pour Mozilla */
+                                transform: none;
-                        -khtml-border-radius: 9px; /* pour Safari et Chrome */
+                                top: 30%;
-                        -webkit-border-radius: 9px; /* pour Safari sur Mac */
+                                height: 0;
-                        border-radius: 9px; /* CSS3 */
+                                width: 0;
-                        @media(max-width: 550px){
+                                &:before{
-                            max-height: 170px;
+                                    transform: scale(0.4) !important;
+                                    &:hover{
+                                        filter: brightness(1.75);
                                     }
                                 }
                             }
+                            button.slick-next{
+                                right: 15% ;
+                                padding: 0;
+                            }
+                            button.slick-prev{
+                                left: 5%;
+                                padding: 0;
+                            }
+                        }
+                    }
+                    .field_field_type_d_actualite,
+                    .field_field_date,
+                    .field_field_site,
+                    .field_title,
+                    .field_body,
+                    .field_field_liens{
+                       grid-column: 2;
                        
+                    }
                     .field_field_type_d_actualite{
+                        order: 2;
+                        a{
                         text-transform: uppercase;
                         color: red;
-                    font-size: 0.5rem;
+                        font-size: 0.6rem;
-                    font-family: 'gilroy-bold';
+                        font-weight: 600;
                         display: inline-flex;
                         align-items: center;
                             &::before{
-                        content: url('../img/type-actu.svg');
+                                content: "";
-                        padding-right: 0.3rem;
+                                display: inline-block;
-                        padding-bottom: 0.2rem;
+                                width: 16px; /* Ajuste la largeur */
+                                height: 16px; /* Ajuste la hauteur */
+                                background-image: url('../img/type-actu.svg');
+                                background-size: contain;
+                                background-repeat: no-repeat;
+                                // margin-right: 0.4rem;
+                                padding-right: 0.4rem;
+                            }
                         }
                     }
                     .field_field_date{
+                        order: 3;
                         color: red;
+                        font-size: 0.6rem;
+                        font-weight: 600;
                         display: inline-flex;
                         align-items: center;
-                    font-size: 0.5rem;
+                        // margin-left: 1rem;
-                    font-family: 'gilroy-bold';
+                        &::before{
+                            content: "";
+                            display: inline-block;
+                            width: 16px; /* Ajuste la largeur */
+                            height: 16px; /* Ajuste la hauteur */
+                            background-image: url('../img/date-actu.svg');
+                            background-size: contain;
+                            background-repeat: no-repeat;
+                            // margin-right: 0.4rem;
+                            padding-right: 0.4rem;
+                        }
+                    }
+                    .field_field_site{
+                        order: 4;
+                        a{
+                            color: red;
+                            font-size: 0.6rem;
+                            font-weight: 600;
+                            display: inline-flex;
+                            align-items: center;
+                            // margin-left: 1rem;
+                            padding-left: 0.2rem;
                             
                             &::before{
-                        content: url('../img/date-actu.svg');
+                                content: "";
-                        padding-right: 0.3rem;
+                                display: inline-block;
+                                width: 10px; /* Ajuste la largeur */
+                                height: 10px; /* Ajuste la hauteur */
+                                background-image: url("../img/map_pointer.svg");
+                                background-size: contain;
+                                background-repeat: no-repeat;
+                                // margin-right: 0.4rem;
+                                padding-right: 0.5rem;
+                            }
                         }
                     }
-            
-
                     .field_title{
-                    padding-top: 0.2rem;
+                        order: 5;
-                    h2{
+                        line-height: 1rem;
-                        margin: 0;
-                        line-height: 0.4;
-                        padding-bottom: 0.6rem;
                         a{
-                            font-size: 0.8rem;
                         color: $blue_QDD;
+                        font-size: 1.2rem;
+                        pointer-events: none; 
+                        cursor: default;
+                        }
+                        h2{
+                            margin-top: 0.5rem;
+                            margin-bottom: 0;
+                            padding-left: 0;
+                            font-family: 'gilroy-medium';
                         }
                     }
+                    .field_field_sous_titre{
+                        color: $blue_QDD;
+                        font-family: 'gilroy-light';
+                        font-size: 1.2rem;
                     }
-                .field_body{
+                
-                    // visibility: visible;
+                    .field_body {
+                        order: 6;
+                        // padding-bottom: 1rem;
                         opacity: 1 !important;
-                    transform: none !important;
+                        transform:none !important;
-                    font-family: 'gilroy-regular';
+                        font-family: 'gilroy-light';
+
                         p{
-                        margin: 0;
+                        font-size: 0.8rem;
-                        margin-bottom: 1rem;
-                        font-size: 0.7rem ;
                         }
                     }
+                    .field_field_liens{
+                        order: 7;
+                        padding:0;
+                        width: fit-content;
+                        a{  
+                            display: flex;
+                            flex-direction: row;
+                            padding-left: 0.5rem;
+                            padding-top: 0.2rem;
+                            padding-bottom: 0.2rem;
+                            display: inline-flex;
+                            align-items: center;
+                            color: white;
+                            background: black;
+                            text-transform: uppercase;
+                            font-size: 0.6rem;
+                            margin-bottom: 0.5rem;
+
+                            svg{
+                                display: none;
+                            }
+                            &::after{
+                                display: inline-flex;
+                                content: url("../img/noun-arrow-to-right.svg");
+                                padding-right: 0.2rem;
+                                padding-left: 0.2rem;
+                                
+                            }
                         }
 
                     }
-        .views-row:nth-child(odd){
+    
-            position: relative;
+
-            top: 60px;
-            @media(max-width: 550px){
-                top: 0;
                 }
             }
+            .toggle-actualite {
+                display: block;
+                width: 40px;
+                height: 40px;
+                margin: 10px auto;
+                border: none;
+                background-color: transparent;
+                background-image: url("/themes/custom/quartiers_de_demain/dist/assets/img/fleche-bas.svg");
+                background-size: contain;
+                background-repeat: no-repeat;
+                background-position: center;
+                cursor: pointer;
+                transition: transform 0.3s ease;
+            }
             
+            .toggle-actualite.open {
+                transform: rotate(180deg);
+            }
+            
+
+        }
 
     }
 }

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

@@ -201,6 +201,9 @@ footer{
             flex-direction: column;
         }
     }
+    button.voir-plus{
+        display: none;
+    }
 
 }
 

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;
@@ -229,17 +235,17 @@ header{
                         }
                        
                     }
-                    &:not(:last-of-type){
+                    // &:not(:last-of-type){
-                        ::after{
+                    //     ::after{
-                            content: "";
+                    //         content: "";
-                            display: block;
+                    //         display: block;
-                            border-bottom: solid white 1px;
+                    //         border-bottom: solid white 1px;
-                            padding-bottom: 0.3rem;
+                    //         padding-bottom: 0.3rem;
-                            width: 60%; /* Réduit la largeur du soulignement à 50% */
+                    //         width: 60%; /* Réduit la largeur du soulignement à 50% */
-                            // margin: 0 auto; /* Centre le soulignement sous l'élément */
+                    //         // margin: 0 auto; /* Centre le soulignement sous l'élément */
-                        }
+                    //     }
 
-                    }
+                    // }
                 } 
             }
             @media(max-width: 660px){
@@ -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/src/assets/scss/quartiers_de_demain.scss

@@ -48,6 +48,7 @@
 @import "pages/actualite";
 @import "pages/node-type-site";
 @import "pages/lessites.scss";
-
+@import "pages/ressources";
+@import "pages/actualites";
 
 @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/block--prevnextsite-block.html.twig

@@ -0,0 +1,40 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a block.
+ *
+ * Available variables:
+ * - plugin_id: The ID of the block implementation.
+ * - label: The configured label of the block if visible.
+ * - configuration: A list of the block's configuration values.
+ *   - label: The configured label for the block.
+ *   - label_display: The display settings for the label.
+ *   - provider: The module or other provider that provided this block plugin.
+ *   - Block plugin specific settings will also be stored here.
+ * - in_preview: Whether the plugin is being rendered in preview mode.
+ * - content: The content of this block.
+ * - attributes: array of HTML attributes populated by modules, intended to
+ *   be added to the main container tag of this template.
+ *   - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ *
+ * @see template_preprocess_block()
+ *
+ * @ingroup themeable
+ */
+#}
+<div class="prevnext"{{ attributes }}>
+  {{ title_prefix }}
+  {% if label %}
+    <h2{{ title_attributes }}>{{ label }}</h2>
+  {% endif %}
+  {{ title_suffix }}
+  {% block content %}
+    {{ content }}
+  {% endblock %}
+</div>

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

@@ -0,0 +1,78 @@
+{#
+/**
+ * @file
+ * Default theme implementation for a field.
+ *
+ * To override output, copy the "field.html.twig" from the templates directory
+ * to your theme's directory and customize it, just like customizing other
+ * Drupal templates such as page.html.twig or node.html.twig.
+ *
+ * Instead of overriding the theming for all fields, you can also just override
+ * theming for a subset of fields using
+ * @link themeable Theme hook suggestions. @endlink For example,
+ * here are some theme hook suggestions that can be used for a field_foo field
+ * on an article node type:
+ * - field--node--field-foo--article.html.twig
+ * - field--node--field-foo.html.twig
+ * - field--node--article.html.twig
+ * - field--field-foo.html.twig
+ * - field--text-with-summary.html.twig
+ * - field.html.twig
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the containing element.
+ * - label_hidden: Whether to show the field label or not.
+ * - title_attributes: HTML attributes for the title.
+ * - label: The label for the field.
+ * - multiple: TRUE if a field can contain multiple items.
+ * - items: List of all the field items. Each item contains:
+ *   - attributes: List of HTML attributes for each item.
+ *   - content: The field item's content.
+ * - entity_type: The entity type to which the field belongs.
+ * - field_name: The name of the field.
+ * - field_type: The type of the field.
+ * - label_display: The display settings for the label.
+ *
+ * @see template_preprocess_field()
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+  set title_classes = [
+    'field',
+    'field--name-' ~ field_name|clean_class,
+    'field--type-' ~ field_type|clean_class,
+    'field--label-' ~ label_display,
+    label_display == 'visually_hidden' ? 'visually-hidden',
+  ]
+%}
+{%
+  set ancre_href = '#paragraph-id--' ~ paragraph.id()
+%}
+{% if label_hidden %}
+  {% if multiple %}
+    <div{{ attributes }}>
+      {% for item in items %}
+        <div{{ item.attributes }}>{{ item.content }}</div>
+      {% endfor %}
+    </div>
+  {% else %}
+    {% for item in items %}
+      <div{{ attributes }}>{{ item.content }}</div>
+    {% endfor %}
+  {% endif %}
+{% else %}
+  <div{{ attributes }}>
+    <div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
+    {% if multiple %}
+      <div class="actu-diaporama">
+    {% endif %}
+    {% for item in items %}
+      <div{{ item.attributes }}>{{ item.content }}</div>
+    {% endfor %}
+    {% if multiple %}
+      </div>
+    {% endif %}
+  </div>
+{% endif %}

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

@@ -88,8 +88,8 @@
     </footer>
   {% endif %}
 
-  {# <div{{ content_attributes }}> #}
+  <div{{ content_attributes }}>
     {{ content }}
-  {# </div> #}
+  </div>
 
 </article>

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

@@ -88,19 +88,17 @@
     </footer>
   {% endif %}
 
-  {# <div{{ content_attributes }}> #}
+  <div class="content-wrapper-actu"{{ content_attributes }}>
-    {# {{ content }} #}
+    {{ content }}
-  {# </div> #}
+  </div>
-  {% block content %}
+
+  {# {% block content %}
+  {{content.field_images}}
   <div class="infos-actu">
     {{content.field_type_d_actualite}}
     {{content.field_date}}
   </div>
     {{content.body}}
    {{content.field_liens}}
-    {{content.field_images}}
+  {% endblock %} #}
-   
-
-  {% endblock %}
-
 </article>

web/themes/custom/quartiers_de_demain/templates/node--ressource--teaser.html.twig

@@ -0,0 +1,103 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a node.
+ *
+ * Available variables:
+ * - node: The node entity with limited access to object properties and methods.
+ *   Only method names starting with "get", "has", or "is" and a few common
+ *   methods such as "id", "label", and "bundle" are available. For example:
+ *   - node.getCreatedTime() will return the node creation timestamp.
+ *   - node.hasField('field_example') returns TRUE if the node bundle includes
+ *     field_example. (This does not indicate the presence of a value in this
+ *     field.)
+ *   - node.isPublished() will return whether the node is published or not.
+ *   Calling other methods, such as node.delete(), will result in an exception.
+ *   See \Drupal\node\Entity\Node for a full list of public properties and
+ *   methods for the node object.
+ * - label: (optional) The title of the node.
+ * - content: All node items. Use {{ content }} to print them all,
+ *   or print a subset such as {{ content.field_example }}. Use
+ *   {{ content|without('field_example') }} to temporarily suppress the printing
+ *   of a given child element.
+ * - author_picture: The node author user entity, rendered using the "compact"
+ *   view mode.
+ * - metadata: Metadata for this node.
+ * - date: (optional) Themed creation date field.
+ * - author_name: (optional) Themed author name field.
+ * - url: Direct URL of the current node.
+ * - display_submitted: Whether submission information should be displayed.
+ * - attributes: HTML attributes for the containing element.
+ *   The attributes.class element may contain one or more of the following
+ *   classes:
+ *   - node: The current template type (also known as a "theming hook").
+ *   - node--type-[type]: The current node type. For example, if the node is an
+ *     "Article" it would result in "node--type-article". Note that the machine
+ *     name will often be in a short form of the human readable label.
+ *   - node--view-mode-[view_mode]: The View Mode of the node; for example, a
+ *     teaser would result in: "node--view-mode-teaser", and
+ *     full: "node--view-mode-full".
+ *   The following are controlled through the node publishing options.
+ *   - node--promoted: Appears on nodes promoted to the front page.
+ *   - node--sticky: Appears on nodes ordered above other non-sticky nodes in
+ *     teaser listings.
+ *   - node--unpublished: Appears on unpublished nodes visible only to site
+ *     admins.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - content_attributes: Same as attributes, except applied to the main
+ *   content tag that appears in the template.
+ * - author_attributes: Same as attributes, except applied to the author of
+ *   the node tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ * - view_mode: View mode; for example, "teaser" or "full".
+ * - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
+ * - page: Flag for the full page state. Will be true if view_mode is 'full'.
+ * - readmore: Flag for more state. Will be true if the teaser content of the
+ *   node cannot hold the main body content.
+ * - logged_in: Flag for authenticated user status. Will be true when the
+ *   current user is a logged-in member.
+ * - is_admin: Flag for admin user status. Will be true when the current user
+ *   is an administrator.
+ *
+ * @see template_preprocess_node()
+ *
+ * @ingroup themeable
+ */
+#}
+{# <pre>{{ dump(node) }}</pre> #}
+
+{% set ressource_class = '' %}
+{% if node.field_type_de_ressource.entity %}
+  {% set ressource_class = 'type-' ~ node.field_type_de_ressource.entity.name.value|clean_class %}
+{% endif %}
+
+<article{{ attributes.addClass(ressource_class) }}>
+  {{ title_prefix }}
+  {% if label and not page %}
+    <h2{{ title_attributes }}>
+      <a href="{{ url }}" rel="bookmark">{{ label }}</a>
+    </h2>
+  {% endif %}
+  {{ title_suffix }}
+
+  {% if display_submitted %}
+    <footer>
+      {{ author_picture }}
+      <div{{ author_attributes }}>
+        {% trans %}Submitted by {{ author_name }} on {{ date }}{% endtrans %}
+        {{ metadata }}
+      </div>
+    </footer>
+  {% endif %}
+
+  <div class="content-ressource"{{ content_attributes }}>
+    {{ content }}
+  </div>
+</article>
+
+
+

web/themes/custom/quartiers_de_demain/templates/page--actualites.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="actualites">
+
+  <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 #}

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

web/themes/custom/quartiers_de_demain/templates/taxonomy-term.html.twig

@@ -0,0 +1,41 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a taxonomy term.
+ *
+ * Available variables:
+ * - url: URL of the current term.
+ * - name: (optional) Name of the current term.
+ * - content: Items for the content of the term (fields and description).
+ *   Use 'content' to print them all, or print a subset such as
+ *   'content.description'. Use the following code to exclude the
+ *   printing of a given child element:
+ *   @code
+ *   {{ content|without('description') }}
+ *   @endcode
+ * - attributes: HTML attributes for the wrapper.
+ * - page: Flag for the full page state.
+ * - term: The taxonomy term entity, including:
+ *   - id: The ID of the taxonomy term.
+ *   - bundle: Machine name of the current vocabulary.
+ * - view_mode: View mode, e.g. 'full', 'teaser', etc.
+ *
+ * @see template_preprocess_taxonomy_term()
+ *
+ * @ingroup themeable
+ */
+#}
+
+{%
+  set ressource_class = 'type-' ~ term.name()|replace({' ': '-'})
+%}
+
+
+<div{{ attributes.addClass(ressource_class) }}>
+  {{ title_prefix }}
+  {% if name and not page %}
+    <h2><a href="{{ url }}">{{ name }}</a></h2>
+  {% endif %}
+  {{ title_suffix }}
+  {{ content }}
+</div>

web/themes/custom/quartiers_de_demain/templates/views-view-unformatted.html.twig

@@ -0,0 +1,54 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a view of unformatted rows.
+ *
+ * Available variables:
+ * - title: The title of this group of rows. May be empty.
+ * - rows: A list of the view's row items.
+ *   - attributes: The row's HTML attributes.
+ *   - content: The row's content.
+ * - view: The view object.
+ * - default_row_class: A flag indicating whether default classes should be
+ *   used on rows.
+ *
+ * @see template_preprocess_views_view_unformatted()
+ *
+ * @ingroup themeable
+ */
+#}
+{# 
+{% if title %}
+{%
+  set view_ressource_class = [
+    'view-rows-ressources',
+    title ? 'type-' ~ title.field_name.term.name(),
+
+  ]
+%}
+{% endif %} #}
+
+
+{%
+  set view_wrapper_class = [
+    'view-rows-wrapper',
+  ]
+%}
+
+
+{% if title %}
+  <h3>{{ title }}  </h3>
+{% endif %}
+<div {{ attributes.addClass(view_wrapper_class) }}>
+{% for row in rows %}
+  {%
+    set row_classes = [
+      default_row_class ? 'views-row',
+    ]
+  %}
+  <div{{ row.attributes.addClass(row_classes) }}>
+    {{- row.content -}}
+  </div>
+{% endfor %}
+</div>
+

web/themes/custom/quartiers_de_demain/webpack.config.js

@@ -5,6 +5,7 @@ let config = {
     mode: 'development',
     entry: [
         "./src/assets/js/quartiers_de_demain.js",
+       
         // "./src/assets/js/animated_logo.js",
         "./src/assets/js/animated_formes.js",
         "./src/assets/scss/quartiers_de_demain.scss",