ressources views filters

composer.json

@@ -37,6 +37,9 @@
         "drupal/quick_node_clone": "^1.18",
         "drupal/simple_sitemap": "^4.1",
         "drupal/social_media_links": "^2.9",
+        "drupal/structure_sync": "^2.0",
+        "drupal/verf": "^2.1",
+        "drupal/views_autocomplete_filters": "^2.0",
         "drupal/views_block_area": "^1.0@beta",
         "drupal/viewsreference": "^2.0@beta",
         "drupal/yaml_editor": "^1.2",

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": "1bbd67872d9de1d8d9dfb0ad3321a350",
     "packages": [
         {
             "name": "asm89/stack-cors",
@@ -7251,6 +7251,87 @@
                 "source": "https://git.drupalcode.org/project/sophron"
             }
         },
+        {
+            "name": "drupal/structure_sync",
+            "version": "2.0.8",
+            "source": {
+                "type": "git",
+                "url": "https://git.drupalcode.org/project/structure_sync.git",
+                "reference": "2.0.8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://ftp.drupal.org/files/projects/structure_sync-2.0.8.zip",
+                "reference": "2.0.8",
+                "shasum": "3f1bd24d7f048cdd9f49e178af9fa47d291d3525"
+            },
+            "require": {
+                "drupal/core": "^8 || ^9 || ^10 || ^11",
+                "php": ">=7.1"
+            },
+            "require-dev": {
+                "drush/drush": "^9 || ^10 || ^11 || ^12 || ^13"
+            },
+            "type": "drupal-module",
+            "extra": {
+                "drupal": {
+                    "version": "2.0.8",
+                    "datestamp": "1728580642",
+                    "security-coverage": {
+                        "status": "covered",
+                        "message": "Covered by Drupal's security advisory policy"
+                    }
+                },
+                "drush": {
+                    "services": {
+                        "drush.services.yml": "^9 || ^10 || ^11 || ^12 || ^13"
+                    }
+                }
+            },
+            "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": "fidovdbos",
+                    "homepage": "https://www.drupal.org/user/1494332"
+                },
+                {
+                    "name": "joachim",
+                    "homepage": "https://www.drupal.org/user/107701"
+                },
+                {
+                    "name": "louis-cuny",
+                    "homepage": "https://www.drupal.org/user/3606332"
+                },
+                {
+                    "name": "mparker17",
+                    "homepage": "https://www.drupal.org/user/536298"
+                },
+                {
+                    "name": "spiderman",
+                    "homepage": "https://www.drupal.org/user/1631"
+                },
+                {
+                    "name": "timKruijsen",
+                    "homepage": "https://www.drupal.org/user/3513437"
+                },
+                {
+                    "name": "vinlaurens",
+                    "homepage": "https://www.drupal.org/user/2945689"
+                }
+            ],
+            "description": "Tool for syncing structural data that is stored as content.",
+            "homepage": "https://www.drupal.org/project/structure_sync",
+            "support": {
+                "source": "https://git.drupalcode.org/project/structure_sync"
+            }
+        },
         {
             "name": "drupal/synonyms",
             "version": "2.1.3",
@@ -7499,6 +7580,58 @@
                 "source": "https://git.drupalcode.org/project/ultimate_cron"
             }
         },
+        {
+            "name": "drupal/verf",
+            "version": "2.1.0",
+            "source": {
+                "type": "git",
+                "url": "https://git.drupalcode.org/project/verf.git",
+                "reference": "2.1.0"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://ftp.drupal.org/files/projects/verf-2.1.0.zip",
+                "reference": "2.1.0",
+                "shasum": "46e528f0c805580a6c43431fb3400085030294a0"
+            },
+            "require": {
+                "drupal/core": "^10 || ^11"
+            },
+            "type": "drupal-module",
+            "extra": {
+                "drupal": {
+                    "version": "2.1.0",
+                    "datestamp": "1738325526",
+                    "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": "legolasbo",
+                    "homepage": "https://www.drupal.org/user/2480548"
+                },
+                {
+                    "name": "peelas02",
+                    "homepage": "https://www.drupal.org/user/3836090"
+                },
+                {
+                    "name": "podarok",
+                    "homepage": "https://www.drupal.org/user/116002"
+                }
+            ],
+            "description": "Provides Views filters for entity reference fields.",
+            "homepage": "https://www.drupal.org/project/verf",
+            "support": {
+                "source": "https://git.drupalcode.org/project/verf"
+            }
+        },
         {
             "name": "drupal/video_embed_field",
             "version": "2.5.0",
@@ -7560,6 +7693,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_selecteurdelangue.yml

@@ -3,7 +3,9 @@ langcode: fr
 status: true
 dependencies:
   module:
+    - block_class
     - language
+    - system
   theme:
     - quartiers_de_demain
 id: quartiers_de_demain_selecteurdelangue
@@ -17,4 +19,8 @@ settings:
   label: 'Sélecteur de langue'
   label_display: '0'
   provider: language
-visibility: {  }
+visibility:
+  request_path:
+    id: request_path
+    negate: true
+    pages: "/actualites\r\n/ressources"

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.link.yml

@@ -0,0 +1,8 @@
+uuid: 19a0fbf2-ca25-45d7-b5dd-812acab719cf
+langcode: fr
+status: true
+dependencies: {  }
+id: link
+label: Link
+revision: 0
+description: ''

config/sync/config_pages.type.intro_partenaires.yml

@@ -0,0 +1,17 @@
+uuid: 9dcf4c0f-3d4f-4ae9-abb1-c023f55e4ce7
+langcode: fr
+status: true
+dependencies: {  }
+id: intro_partenaires
+label: 'Intro partenaires'
+token: true
+context:
+  show_warning: true
+  group:
+    language: true
+  fallback:
+    language: ''
+menu:
+  path: /edit/intro-partenaires
+  weight: 0
+  description: ''

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

@@ -0,0 +1,38 @@
+uuid: fa11d5c4-5120-4fb2-a580-dba21e05dec5
+langcode: fr
+status: true
+dependencies:
+  config:
+    - block_content.type.link
+    - field.field.block_content.link.field_link
+  module:
+    - link
+id: block_content.link.default
+targetEntityType: block_content
+bundle: link
+mode: default
+content:
+  field_link:
+    type: link_default
+    weight: 26
+    region: content
+    settings:
+      placeholder_url: ''
+      placeholder_title: ''
+    third_party_settings: {  }
+  info:
+    type: string_textfield
+    weight: -5
+    region: content
+    settings:
+      size: 60
+      placeholder: ''
+    third_party_settings: {  }
+  langcode:
+    type: language_select
+    weight: 2
+    region: content
+    settings:
+      include_locked: true
+    third_party_settings: {  }
+hidden: {  }

config/sync/core.entity_form_display.config_pages.intro_partenaires.default.yml

@@ -0,0 +1,24 @@
+uuid: fdf01813-696c-4493-8d1f-2d987d5f54ad
+langcode: fr
+status: true
+dependencies:
+  config:
+    - config_pages.type.intro_partenaires
+    - field.field.config_pages.intro_partenaires.field_intro
+  module:
+    - text
+id: config_pages.intro_partenaires.default
+targetEntityType: config_pages
+bundle: intro_partenaires
+mode: default
+content:
+  field_intro:
+    type: text_textarea
+    weight: 0
+    region: content
+    settings:
+      rows: 5
+      placeholder: ''
+    third_party_settings: {  }
+hidden:
+  label: true

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

@@ -11,6 +11,7 @@ dependencies:
     - field.field.node.actualite.field_liens
     - field.field.node.actualite.field_poid
     - field.field.node.actualite.field_site
+    - field.field.node.actualite.field_tous_les_sites
     - field.field.node.actualite.field_type_d_actualite
     - image.style.thumbnail
     - node.type.actualite
@@ -27,6 +28,7 @@ third_party_settings:
   field_group:
     group_details:
       children:
+        - field_type_d_actualite
         - status
         - promote
         - field_a_la_une
@@ -39,7 +41,7 @@ third_party_settings:
       label: Details
       region: content
       parent_name: ''
-      weight: 8
+      weight: 2
       format_type: details_sidebar
       format_settings:
         classes: ''
@@ -50,6 +52,75 @@ third_party_settings:
         description: ''
         required_fields: true
         weight: -100
+    group_tabs:
+      children:
+        - group_principal
+        - group_liens
+        - group_media
+      label: Tabs
+      region: content
+      parent_name: ''
+      weight: 1
+      format_type: tabs
+      format_settings:
+        classes: ''
+        show_empty_fields: false
+        id: ''
+        label_as_html: false
+        direction: horizontal
+        width_breakpoint: 640
+    group_liens:
+      children:
+        - field_tous_les_sites
+        - field_site
+        - field_liens
+      label: Liens
+      region: content
+      parent_name: group_tabs
+      weight: 21
+      format_type: tab
+      format_settings:
+        classes: ''
+        show_empty_fields: false
+        id: ''
+        label_as_html: false
+        formatter: closed
+        description: ''
+        required_fields: true
+    group_media:
+      children:
+        - field_images
+        - field_fichiers
+      label: Media
+      region: content
+      parent_name: group_tabs
+      weight: 22
+      format_type: tab
+      format_settings:
+        classes: ''
+        show_empty_fields: false
+        id: ''
+        label_as_html: false
+        formatter: closed
+        description: ''
+        required_fields: true
+    group_principal:
+      children:
+        - field_date
+        - body
+      label: Principal
+      region: content
+      parent_name: group_tabs
+      weight: 20
+      format_type: tab
+      format_settings:
+        classes: ''
+        show_empty_fields: false
+        id: ''
+        label_as_html: false
+        formatter: closed
+        description: ''
+        required_fields: true
 id: node.actualite.default
 targetEntityType: node
 bundle: actualite
@@ -67,13 +138,13 @@ content:
     third_party_settings: {  }
   created:
     type: datetime_timestamp
-    weight: 13
+    weight: 7
     region: content
     settings: {  }
     third_party_settings: {  }
   field_a_la_une:
     type: boolean_checkbox
-    weight: 10
+    weight: 4
     region: content
     settings:
       display_label: true
@@ -86,14 +157,14 @@ content:
     third_party_settings: {  }
   field_fichiers:
     type: file_generic
-    weight: 5
+    weight: 25
     region: content
     settings:
       progress_indicator: throbber
     third_party_settings: {  }
   field_images:
     type: image_image
-    weight: 7
+    weight: 24
     region: content
     settings:
       progress_indicator: throbber
@@ -101,7 +172,7 @@ content:
     third_party_settings: {  }
   field_liens:
     type: link_default
-    weight: 6
+    weight: 5
     region: content
     settings:
       placeholder_url: ''
@@ -109,14 +180,14 @@ content:
     third_party_settings: {  }
   field_poid:
     type: number
-    weight: 11
+    weight: 5
     region: content
     settings:
       placeholder: ''
     third_party_settings: {  }
   field_site:
     type: entity_reference_autocomplete
-    weight: 2
+    weight: 4
     region: content
     settings:
       match_operator: CONTAINS
@@ -124,6 +195,13 @@ content:
       size: 60
       placeholder: ''
     third_party_settings: {  }
+  field_tous_les_sites:
+    type: boolean_checkbox
+    weight: 3
+    region: content
+    settings:
+      display_label: true
+    third_party_settings: {  }
   field_type_d_actualite:
     type: autocomplete_deluxe
     weight: 1
@@ -143,30 +221,30 @@ content:
     third_party_settings: {  }
   path:
     type: path
-    weight: 14
+    weight: 8
     region: content
     settings: {  }
     third_party_settings: {  }
   promote:
     type: boolean_checkbox
-    weight: 9
+    weight: 3
     region: content
     settings:
       display_label: true
     third_party_settings: {  }
   simple_sitemap:
-    weight: 15
+    weight: 9
     region: content
     settings: {  }
     third_party_settings: {  }
   simple_sitemap_index_now:
-    weight: 16
+    weight: 10
     region: content
     settings: {  }
     third_party_settings: {  }
   status:
     type: boolean_checkbox
-    weight: 8
+    weight: 2
     region: content
     settings:
       display_label: true
@@ -179,14 +257,9 @@ content:
       size: 60
       placeholder: ''
     third_party_settings: {  }
-  translation:
-    weight: 9
-    region: content
-    settings: {  }
-    third_party_settings: {  }
   uid:
     type: entity_reference_autocomplete
-    weight: 12
+    weight: 6
     region: content
     settings:
       match_operator: CONTAINS
@@ -197,3 +270,4 @@ content:
 hidden:
   langcode: true
   sticky: true
+  translation: true

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

@@ -12,6 +12,7 @@ dependencies:
     - 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_tous_les_sites
     - field.field.node.ressource.field_type_de_ressource
     - image.style.thumbnail
     - node.type.ressource
@@ -37,7 +38,7 @@ third_party_settings:
       label: Details
       region: content
       parent_name: ''
-      weight: 6
+      weight: 8
       format_type: details_sidebar
       format_settings:
         classes: ''
@@ -48,6 +49,75 @@ third_party_settings:
         description: ''
         required_fields: true
         weight: -100
+    group_tabs:
+      children:
+        - group_principal
+        - group_liens
+        - group_media
+      label: Tabs
+      region: content
+      parent_name: ''
+      weight: 1
+      format_type: tabs
+      format_settings:
+        classes: ''
+        show_empty_fields: false
+        id: ''
+        label_as_html: false
+        direction: horizontal
+        width_breakpoint: 640
+    group_liens:
+      children:
+        - field_tous_les_sites
+        - field_site
+        - field_liens
+      label: Liens
+      region: content
+      parent_name: group_tabs
+      weight: 21
+      format_type: tab
+      format_settings:
+        classes: ''
+        show_empty_fields: false
+        id: ''
+        label_as_html: false
+        formatter: closed
+        description: ''
+        required_fields: true
+    group_principal:
+      children:
+        - field_sous_titre
+        - body
+      label: Principal
+      region: content
+      parent_name: group_tabs
+      weight: 20
+      format_type: tab
+      format_settings:
+        classes: ''
+        show_empty_fields: false
+        id: ''
+        label_as_html: false
+        formatter: open
+        description: ''
+        required_fields: true
+    group_media:
+      children:
+        - field_images
+        - field_documents
+      label: Média
+      region: content
+      parent_name: group_tabs
+      weight: 22
+      format_type: tab
+      format_settings:
+        classes: ''
+        show_empty_fields: false
+        id: ''
+        label_as_html: false
+        formatter: closed
+        description: ''
+        required_fields: true
 id: node.ressource.default
 targetEntityType: node
 bundle: ressource
@@ -79,14 +149,14 @@ content:
     third_party_settings: {  }
   field_documents:
     type: file_generic
-    weight: 5
+    weight: 6
     region: content
     settings:
       progress_indicator: throbber
     third_party_settings: {  }
   field_images:
     type: image_image
-    weight: 4
+    weight: 5
     region: content
     settings:
       progress_indicator: throbber
@@ -94,7 +164,7 @@ content:
     third_party_settings: {  }
   field_liens:
     type: link_default
-    weight: 6
+    weight: 46
     region: content
     settings:
       placeholder_url: ''
@@ -112,7 +182,7 @@ content:
     third_party_settings: {  }
   field_site:
     type: entity_reference_autocomplete
-    weight: 2
+    weight: 45
     region: content
     settings:
       match_operator: CONTAINS
@@ -122,12 +192,19 @@ content:
     third_party_settings: {  }
   field_sous_titre:
     type: string_textfield
-    weight: 1
+    weight: 2
     region: content
     settings:
       size: 60
       placeholder: ''
     third_party_settings: {  }
+  field_tous_les_sites:
+    type: boolean_checkbox
+    weight: 44
+    region: content
+    settings:
+      display_label: true
+    third_party_settings: {  }
   field_type_de_ressource:
     type: options_select
     weight: 39

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

@@ -0,0 +1,29 @@
+uuid: 75b7884d-1fa3-41fe-b0b4-ffc7f3fcbbca
+langcode: fr
+status: true
+dependencies:
+  config:
+    - block_content.type.link
+    - field.field.block_content.link.field_link
+  module:
+    - link
+id: block_content.link.default
+targetEntityType: block_content
+bundle: link
+mode: default
+content:
+  field_link:
+    type: link
+    label: visually_hidden
+    settings:
+      trim_length: 80
+      url_only: false
+      url_plain: false
+      rel: ''
+      target: ''
+    third_party_settings: {  }
+    weight: 0
+    region: content
+hidden:
+  langcode: true
+  search_api_excerpt: true

config/sync/core.entity_view_display.config_pages.intro_partenaires.default.yml

@@ -0,0 +1,23 @@
+uuid: 4696309b-c78c-455c-8b3d-0aacd032ea5f
+langcode: fr
+status: true
+dependencies:
+  config:
+    - config_pages.type.intro_partenaires
+    - field.field.config_pages.intro_partenaires.field_intro
+  module:
+    - text
+id: config_pages.intro_partenaires.default
+targetEntityType: config_pages
+bundle: intro_partenaires
+mode: default
+content:
+  field_intro:
+    type: text_default
+    label: visually_hidden
+    settings: {  }
+    third_party_settings: {  }
+    weight: 0
+    region: content
+hidden:
+  search_api_excerpt: true

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

@@ -11,6 +11,7 @@ dependencies:
     - field.field.node.actualite.field_liens
     - field.field.node.actualite.field_poid
     - field.field.node.actualite.field_site
+    - field.field.node.actualite.field_tous_les_sites
     - field.field.node.actualite.field_type_d_actualite
     - image.style.wide
     - node.type.actualite
@@ -82,6 +83,16 @@ content:
     third_party_settings: {  }
     weight: 2
     region: content
+  field_tous_les_sites:
+    type: boolean
+    label: above
+    settings:
+      format: default
+      format_custom_false: ''
+      format_custom_true: ''
+    third_party_settings: {  }
+    weight: 106
+    region: content
   field_type_d_actualite:
     type: entity_reference_label
     label: visually_hidden

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

@@ -12,6 +12,7 @@ dependencies:
     - field.field.node.actualite.field_liens
     - field.field.node.actualite.field_poid
     - field.field.node.actualite.field_site
+    - field.field.node.actualite.field_tous_les_sites
     - field.field.node.actualite.field_type_d_actualite
     - image.style.wide
     - node.type.actualite
@@ -104,6 +105,7 @@ hidden:
   created: true
   field_a_la_une: true
   field_poid: true
+  field_tous_les_sites: true
   langcode: true
   links: true
   search_api_excerpt: true

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

@@ -12,6 +12,7 @@ dependencies:
     - field.field.node.actualite.field_liens
     - field.field.node.actualite.field_poid
     - field.field.node.actualite.field_site
+    - field.field.node.actualite.field_tous_les_sites
     - field.field.node.actualite.field_type_d_actualite
     - image.style.wide
     - node.type.actualite
@@ -87,6 +88,7 @@ hidden:
   field_fichiers: true
   field_liens: true
   field_poid: true
+  field_tous_les_sites: true
   langcode: true
   links: true
   search_api_excerpt: true

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

@@ -12,6 +12,7 @@ dependencies:
     - 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_tous_les_sites
     - field.field.node.ressource.field_type_de_ressource
     - image.style.wide
     - node.type.ressource
@@ -106,6 +107,16 @@ content:
     third_party_settings: {  }
     weight: 12
     region: content
+  field_tous_les_sites:
+    type: boolean
+    label: above
+    settings:
+      format: default
+      format_custom_false: ''
+      format_custom_true: ''
+    third_party_settings: {  }
+    weight: 106
+    region: content
   field_type_de_ressource:
     type: entity_reference_label
     label: visually_hidden

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

@@ -13,6 +13,7 @@ dependencies:
     - 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_tous_les_sites
     - field.field.node.ressource.field_type_de_ressource
     - image.style.wide
     - node.type.ressource
@@ -78,6 +79,7 @@ hidden:
   field_documents: true
   field_mots_clefs: true
   field_sous_titre: true
+  field_tous_les_sites: true
   field_type_de_ressource: true
   langcode: true
   search_api_excerpt: true

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

@@ -13,6 +13,7 @@ dependencies:
     - 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_tous_les_sites
     - field.field.node.ressource.field_type_de_ressource
     - image.style.wide
     - node.type.ressource
@@ -89,7 +90,7 @@ content:
     type: entity_reference_label
     label: visually_hidden
     settings:
-      link: true
+      link: false
     third_party_settings: {  }
     weight: 6
     region: content
@@ -120,6 +121,7 @@ content:
     region: content
 hidden:
   created: true
+  field_tous_les_sites: true
   field_type_de_ressource: true
   langcode: true
   links: true

config/sync/core.extension.yml

@@ -108,6 +108,7 @@ module:
   smart_trim: 0
   smtp: 0
   social_media_links: 0
+  structure_sync: 0
   system: 0
   taxonomy: 0
   telephone: 0
@@ -117,7 +118,9 @@ module:
   translation_views: 0
   update: 0
   user: 0
+  verf: 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.link.field_link.yml

@@ -0,0 +1,23 @@
+uuid: a4e5f0a0-3de0-42c0-a4ed-e2a1887e145f
+langcode: fr
+status: true
+dependencies:
+  config:
+    - block_content.type.link
+    - field.storage.block_content.field_link
+  module:
+    - link
+id: block_content.link.field_link
+field_name: field_link
+entity_type: block_content
+bundle: link
+label: Link
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings:
+  title: 1
+  link_type: 17
+field_type: link

config/sync/field.field.config_pages.intro_partenaires.field_intro.yml

@@ -0,0 +1,24 @@
+uuid: 0b4a632b-37e0-4d31-88a7-c375de6aa2b7
+langcode: fr
+status: true
+dependencies:
+  config:
+    - config_pages.type.intro_partenaires
+    - field.storage.config_pages.field_intro
+    - filter.format.wysiwyg
+  module:
+    - text
+id: config_pages.intro_partenaires.field_intro
+field_name: field_intro
+entity_type: config_pages
+bundle: intro_partenaires
+label: Intro
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings:
+  allowed_formats:
+    - wysiwyg
+field_type: text_long

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

@@ -10,7 +10,7 @@ id: node.actualite.field_site
 field_name: field_site
 entity_type: node
 bundle: actualite
-label: Site
+label: Site(s)
 description: ''
 required: false
 translatable: false

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

@@ -0,0 +1,23 @@
+uuid: b590b728-2151-49ac-b542-fbbaa0b1343a
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_tous_les_sites
+    - node.type.actualite
+id: node.actualite.field_tous_les_sites
+field_name: field_tous_les_sites
+entity_type: node
+bundle: actualite
+label: 'Tous les sites'
+description: ''
+required: false
+translatable: false
+default_value:
+  -
+    value: 0
+default_value_callback: ''
+settings:
+  on_label: oui
+  off_label: non
+field_type: boolean

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

@@ -10,7 +10,7 @@ id: node.ressource.field_site
 field_name: field_site
 entity_type: node
 bundle: ressource
-label: Site
+label: Site(s)
 description: ''
 required: false
 translatable: false

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

@@ -0,0 +1,23 @@
+uuid: 5ca39b7a-a663-4e36-bee4-57022e22b6c6
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_tous_les_sites
+    - node.type.ressource
+id: node.ressource.field_tous_les_sites
+field_name: field_tous_les_sites
+entity_type: node
+bundle: ressource
+label: 'Tous les sites'
+description: ''
+required: false
+translatable: false
+default_value:
+  -
+    value: 0
+default_value_callback: ''
+settings:
+  on_label: oui
+  off_label: non
+field_type: boolean

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

@@ -0,0 +1,19 @@
+uuid: 6bd9cb8e-662d-436c-9a42-134aa4149786
+langcode: fr
+status: true
+dependencies:
+  module:
+    - block_content
+    - link
+id: block_content.field_link
+field_name: field_link
+entity_type: block_content
+type: link
+settings: {  }
+module: link
+locked: false
+cardinality: 1
+translatable: true
+indexes: {  }
+persist_with_no_fields: false
+custom_storage: false

config/sync/field.storage.config_pages.field_intro.yml

@@ -0,0 +1,19 @@
+uuid: 531da152-ef47-4070-ab9c-8af2363d087e
+langcode: fr
+status: true
+dependencies:
+  module:
+    - config_pages
+    - text
+id: config_pages.field_intro
+field_name: field_intro
+entity_type: config_pages
+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.node.field_site.yml

@@ -12,7 +12,7 @@ settings:
   target_type: node
 module: core
 locked: false
-cardinality: 1
+cardinality: -1
 translatable: true
 indexes: {  }
 persist_with_no_fields: false

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

@@ -0,0 +1,18 @@
+uuid: a327636e-e42c-4625-87cc-33fcbda0432b
+langcode: fr
+status: true
+dependencies:
+  module:
+    - node
+id: node.field_tous_les_sites
+field_name: field_tous_les_sites
+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/language.content_settings.block_content.link.yml

@@ -0,0 +1,11 @@
+uuid: ed559255-d60a-46b9-911b-9bbe4a928ff7
+langcode: fr
+status: true
+dependencies:
+  config:
+    - block_content.type.link
+id: block_content.link
+target_entity_type_id: block_content
+target_bundle: link
+default_langcode: site_default
+language_alterable: false

config/sync/language/en/config_pages.type.intro_partenaires.yml

@@ -0,0 +1 @@
+label: 'Intro partners'

config/sync/structure_sync.data.yml

@@ -0,0 +1,14 @@
+blocks:
+  -
+    info: 'Lien actus'
+    langcode: fr
+    uuid: 764294aa-409f-4668-88bf-dc71e186915c
+    bundle: link
+    revision_id: null
+    rev_id_current: null
+    fields:
+      field_link:
+        -
+          uri: 'internal:/actualites'
+          title: 'Voir toutes les actualités'
+          options: {  }

config/sync/user.role.admin.yml

@@ -14,6 +14,7 @@ dependencies:
     - actions_permissions
     - block_content
     - config_pages
+    - config_translation
     - content_lock
     - content_translation
     - file
@@ -65,6 +66,7 @@ permissions:
   - 'edit any static content'
   - 'edit deroulement config page entity'
   - 'edit diaporama_home config page entity'
+  - 'edit intro_partenaires config page entity'
   - 'execute entity:save_action menu_link_content'
   - 'execute entity:save_action node'
   - 'execute entity:save_action taxonomy_term'
@@ -85,6 +87,7 @@ permissions:
   - 'revert ressource revisions'
   - 'revert site revisions'
   - 'revert static revisions'
+  - 'translate configuration'
   - 'translate editable entities'
   - 'translate interface'
   - 'translate static node'

config/sync/user.role.anonymous.yml

@@ -17,3 +17,4 @@ permissions:
   - 'access devel information'
   - 'view deroulement config page entity'
   - 'view diaporama_home config page entity'
+  - 'view intro_partenaires config page entity'

config/sync/user.role.authenticated.yml

@@ -19,3 +19,4 @@ permissions:
   - 'opt-in or out of matomo tracking'
   - 'view deroulement config page entity'
   - 'view diaporama_home config page entity'
+  - 'view intro_partenaires config page entity'

config/sync/user.role.editeur.yml

@@ -12,6 +12,7 @@ dependencies:
   module:
     - actions_permissions
     - config_pages
+    - config_translation
     - content_lock
     - content_translation
     - filter
@@ -48,6 +49,7 @@ permissions:
   - 'edit any static content'
   - 'edit deroulement config page entity'
   - 'edit diaporama_home config page entity'
+  - 'edit intro_partenaires config page entity'
   - 'execute entity:save_action node'
   - 'execute node_assign_owner_action node'
   - 'execute node_make_sticky_action node'
@@ -59,6 +61,7 @@ permissions:
   - 'revert ressource revisions'
   - 'revert site revisions'
   - 'revert static revisions'
+  - 'translate configuration'
   - 'translate editable entities'
   - 'translate interface'
   - 'translate static node'

config/sync/views.view.actus.yml

@@ -4,12 +4,21 @@ status: true
 dependencies:
   config:
     - core.entity_view_mode.node.full
+    - field.storage.node.body
+    - 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
+    - text
     - user
+    - views_block_area
 id: actus
 label: Actus
 module: views
@@ -73,21 +82,298 @@ 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
+        body:
+          id: body
+          table: node__body
+          field: body
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: field
+          label: ''
+          exclude: true
+          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: text_default
+          settings: {  }
+          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:
@@ -163,6 +449,10 @@ display:
             group_items: {  }
       style:
         type: default
+        options:
+          row_class: ''
+          default_row_class: true
+          uses_fields: true
       row:
         type: 'entity:node'
         options:
@@ -176,9 +466,23 @@ 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: {  }
+      footer:
+        views_block_area:
+          id: views_block_area
+          table: views
+          field: views_block_area
+          plugin_id: views_block_area
       display_extenders: {  }
     cache_metadata:
       max-age: -1
@@ -187,7 +491,10 @@ display:
         - 'languages:language_interface'
         - 'user.node_grants:view'
         - user.permissions
-      tags: {  }
+      tags:
+        - 'config:field.storage.node.body'
+        - 'config:field.storage.node.field_date'
+        - 'config:field.storage.node.field_site'
   block_1:
     id: block_1
     display_title: 'Block Home'
@@ -304,7 +611,19 @@ display:
       defaults:
         filters: false
         filter_groups: false
+        footer: false
       display_description: ''
+      footer:
+        views_block_area:
+          id: views_block_area
+          table: views
+          field: views_block_area
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: views_block_area
+          block_id: 'block_content:764294aa-409f-4668-88bf-dc71e186915c'
+          empty: false
       display_extenders:
         matomo:
           enabled: false
@@ -325,7 +644,10 @@ display:
         - 'languages:language_interface'
         - 'user.node_grants:view'
         - user.permissions
-      tags: {  }
+      tags:
+        - 'config:field.storage.node.body'
+        - 'config:field.storage.node.field_date'
+        - 'config:field.storage.node.field_site'
   block_2:
     id: block_2
     display_title: 'Block Archives'
@@ -479,7 +801,10 @@ display:
         - 'languages:language_interface'
         - 'user.node_grants:view'
         - user.permissions
-      tags: {  }
+      tags:
+        - 'config:field.storage.node.body'
+        - 'config:field.storage.node.field_date'
+        - 'config:field.storage.node.field_site'
   page_1:
     id: page_1
     display_title: 'Page à la une'
@@ -487,6 +812,16 @@ display:
     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
@@ -523,6 +858,7 @@ display:
           plugin_id: bundle
           value:
             actualite: actualite
+          group: 1
         langcode:
           id: langcode
           table: node_field_data
@@ -603,12 +939,228 @@ display:
             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: 'Par année'
+            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: {  }
+        combine:
+          id: combine
+          table: views
+          field: combine
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: combine
+          operator: contains
+          value: ''
+          group: 1
+          exposed: true
+          expose:
+            operator_id: combine_op
+            label: 'Dans le texte'
+            description: ''
+            use_operator: false
+            operator: combine_op
+            operator_limit_selection: false
+            operator_list: {  }
+            identifier: combine
+            required: false
+            remember: false
+            multiple: false
+            remember_roles:
+              authenticated: authenticated
+              anonymous: '0'
+              admin: '0'
+              root: '0'
+              editeur: '0'
+            placeholder: ''
+            autocomplete_filter: 0
+            autocomplete_min_chars: '0'
+            autocomplete_items: '10'
+            autocomplete_field: ''
+            autocomplete_raw_suggestion: 1
+            autocomplete_raw_dropdown: 1
+            autocomplete_dependent: 0
+            autocomplete_contextual: 0
+            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: {  }
+          fields:
+            title: title
+            title_1: title_1
+            body: body
       filter_groups:
         operator: AND
         groups:
           1: AND
       defaults:
         title: false
+        exposed_form: false
         sorts: false
         filters: false
         filter_groups: false
@@ -625,7 +1177,8 @@ display:
           plugin_id: view
           empty: false
           view_to_insert: 'actus:block_2'
-          inherit_arguments: false
+          inherit_arguments: true
+      exposed_block: true
       display_extenders:
         matomo:
           enabled: false
@@ -639,7 +1192,13 @@ display:
           category_facets: {  }
           category_facets_concat_separator: ', '
         simple_sitemap_display_extender:
-          variants: {  }
+          variants:
+            default:
+              index: true
+              priority: '0.5'
+              changefreq: ''
+              arguments: {  }
+              max_links: 100
       path: actualites
       menu:
         type: normal
@@ -655,6 +1214,10 @@ display:
       contexts:
         - 'languages:language_content'
         - 'languages:language_interface'
+        - url
         - 'user.node_grants:view'
         - user.permissions
-      tags: {  }
+      tags:
+        - 'config:field.storage.node.body'
+        - 'config:field.storage.node.field_date'
+        - 'config:field.storage.node.field_site'

config/sync/views.view.partenaires.yml

@@ -7,6 +7,8 @@ dependencies:
     - field.storage.node.field_groupe
     - node.type.partenaire
     - system.menu.footer
+  content:
+    - 'config_pages:intro_partenaires:e509f5cb-8f8d-4ba7-a399-e6ff7f54e5ae'
   module:
     - node
     - options
@@ -25,7 +27,7 @@ display:
     display_plugin: default
     position: 0
     display_options:
-      title: 'Les partenaires'
+      title: 'Le comité des partenaires'
       fields:
         field_groupe:
           id: field_groupe
@@ -187,7 +189,20 @@ display:
           replica: false
           query_tags: {  }
       relationships: {  }
-      header: {  }
+      header:
+        entity_config_pages:
+          id: entity_config_pages
+          table: views
+          field: entity_config_pages
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: entity
+          empty: false
+          target: e509f5cb-8f8d-4ba7-a399-e6ff7f54e5ae
+          view_mode: full
+          tokenize: true
+          bypass_access: false
       footer: {  }
       display_extenders:
         matomo:

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/next-blanc.svg

@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="90.490662"
+   height="90.491997"
+   viewBox="0 0 90.490662 90.491995"
+   sodipodi:docname="prev-blanc.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="90.490662"
+       height="90.491997"
+       id="page2"
+       margin="0"
+       bleed="0" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath393">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-918.03445,-2163.9844)"
+         id="path393" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="matrix(-1,0,0,1,1269.2912,-9024.7622)"
+     inkscape:export-filename="/home/ouidade/Developer/docker-quartiersdedemain/src/web/themes/custom/quartiers_de_demain/src/assets/img/next-blanc.svg"
+     inkscape:export-xdpi="300"
+     inkscape:export-ydpi="300">
+    <g
+       id="g696">
+      <path
+         id="path392"
+         d="m 0,0 c -18.507,0 -33.509,15.003 -33.509,33.51 0,18.506 15.002,33.509 33.509,33.509 18.507,0 33.509,-15.003 33.509,-33.509 C 33.509,15.003 18.507,0 0,0 Z"
+         style="fill:none;stroke:#ffffff;stroke-width:0.85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(1.3333333,0,0,-1.3333333,1224.0459,9114.6875)"
+         clip-path="url(#clipPath393)" />
+      <path
+         id="path394"
+         d="M 0,0 -9.997,-8.944 0,-17.887"
+         style="fill:none;stroke:#ffffff;stroke-width:0.85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(1.3333333,0,0,-1.3333333,1228.3967,9058.0833)" />
+    </g>
+  </g>
+</svg>

web/themes/custom/quartiers_de_demain/dist/assets/img/prev-blanc.svg

@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="90.490662"
+   height="90.491997"
+   viewBox="0 0 90.490662 90.491995"
+   sodipodi:docname="prev-blanc.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="90.490662"
+       height="90.491997"
+       id="page2"
+       margin="0"
+       bleed="0" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath393">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-918.03445,-2163.9844)"
+         id="path393" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-1178.8006,-9024.7622)"
+     inkscape:export-filename="next-blanc.svg"
+     inkscape:export-xdpi="300"
+     inkscape:export-ydpi="300">
+    <g
+       id="g696">
+      <path
+         id="path392"
+         d="m 0,0 c -18.507,0 -33.509,15.003 -33.509,33.51 0,18.506 15.002,33.509 33.509,33.509 18.507,0 33.509,-15.003 33.509,-33.509 C 33.509,15.003 18.507,0 0,0 Z"
+         style="fill:none;stroke:#ffffff;stroke-width:0.85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(1.3333333,0,0,-1.3333333,1224.0459,9114.6875)"
+         clip-path="url(#clipPath393)" />
+      <path
+         id="path394"
+         d="M 0,0 -9.997,-8.944 0,-17.887"
+         style="fill:none;stroke:#ffffff;stroke-width:0.85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(1.3333333,0,0,-1.3333333,1228.3967,9058.0833)" />
+    </g>
+  </g>
+</svg>

web/themes/custom/quartiers_de_demain/quartiers_de_demain.libraries.yml

@@ -2,11 +2,13 @@
 global:
   version: 0.1
   js:
-    dist/assets/bundle.js: {}
     librairies/slick-1.8.1/slick/slick.min.js: {}
     librairies/swiper/swiper-bundle.js: {}
+    librairies/slimselect/slimselect.min.js: {}
+    dist/assets/bundle.js: {}
   css:
     theme:
-      dist/assets/css/bundle.css: {}
       librairies/swiper/swiper-bundle.css: {}
+      librairies/slimselect/slimselect.css: {}
+      dist/assets/css/bundle.css: {}
       # css/animated_logo.css: {}

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/next-blanc.svg

@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="90.490662"
+   height="90.491997"
+   viewBox="0 0 90.490662 90.491995"
+   sodipodi:docname="prev-blanc.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="90.490662"
+       height="90.491997"
+       id="page2"
+       margin="0"
+       bleed="0" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath393">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-918.03445,-2163.9844)"
+         id="path393" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="matrix(-1,0,0,1,1269.2912,-9024.7622)"
+     inkscape:export-filename="/home/ouidade/Developer/docker-quartiersdedemain/src/web/themes/custom/quartiers_de_demain/src/assets/img/prev-blanc.svg"
+     inkscape:export-xdpi="300"
+     inkscape:export-ydpi="300">
+    <g
+       id="g696">
+      <path
+         id="path392"
+         d="m 0,0 c -18.507,0 -33.509,15.003 -33.509,33.51 0,18.506 15.002,33.509 33.509,33.509 18.507,0 33.509,-15.003 33.509,-33.509 C 33.509,15.003 18.507,0 0,0 Z"
+         style="fill:none;stroke:#ffffff;stroke-width:0.85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(1.3333333,0,0,-1.3333333,1224.0459,9114.6875)"
+         clip-path="url(#clipPath393)" />
+      <path
+         id="path394"
+         d="M 0,0 -9.997,-8.944 0,-17.887"
+         style="fill:none;stroke:#ffffff;stroke-width:0.85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(1.3333333,0,0,-1.3333333,1228.3967,9058.0833)" />
+    </g>
+  </g>
+</svg>

web/themes/custom/quartiers_de_demain/src/assets/img/prev-blanc.svg

@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="90.490662"
+   height="90.491997"
+   viewBox="0 0 90.490662 90.491995"
+   sodipodi:docname="prev-blanc.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="90.490662"
+       height="90.491997"
+       id="page2"
+       margin="0"
+       bleed="0" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath393">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-918.03445,-2163.9844)"
+         id="path393" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-1178.8006,-9024.7622)"
+     inkscape:export-filename="prev-blanc.svg"
+     inkscape:export-xdpi="300"
+     inkscape:export-ydpi="300">
+    <g
+       id="g696">
+      <path
+         id="path392"
+         d="m 0,0 c -18.507,0 -33.509,15.003 -33.509,33.51 0,18.506 15.002,33.509 33.509,33.509 18.507,0 33.509,-15.003 33.509,-33.509 C 33.509,15.003 18.507,0 0,0 Z"
+         style="fill:none;stroke:#ffffff;stroke-width:0.85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(1.3333333,0,0,-1.3333333,1224.0459,9114.6875)"
+         clip-path="url(#clipPath393)" />
+      <path
+         id="path394"
+         d="M 0,0 -9.997,-8.944 0,-17.887"
+         style="fill:none;stroke:#ffffff;stroke-width:0.85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(1.3333333,0,0,-1.3333333,1228.3967,9058.0833)" />
+    </g>
+  </g>
+</svg>

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

@@ -17,7 +17,7 @@
 //////// start header ////////////
 document.addEventListener('DOMContentLoaded', function() {
 
-  const header = document.querySelector('header');
+  const header = document.querySelector('header[role="banner"]');
   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)');
   const headerNavContainer = document.querySelector('.header_nav_container');
   const isFirstLoad = !performance.getEntriesByType("navigation")[0].type.includes('back_forward');
@@ -357,66 +357,55 @@ $( document ).ready(function() {
 
 ///////////////////  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  ////////////////////////// 
-
-
-
-$(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'
-    });
-
-});
 
 
+//////////// 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'
+//     });
+
+// });
+
+//////////// end slideshow actus home  ////////////////////////// 
 
 
+//////////// start slideshow images home  ////////////////////////// 
 $(document).ready(function () {
   let diapohome = $('.config_pages--type--diaporama-home .diaporama');
 
@@ -448,104 +437,139 @@ $(document).ready(function () {
 
 }
 });
+////////////  end slideshow images home  ////////////////////////// 
+
+
+//////////// start slideshow /actualites  ////////////////////////// 
+$(document).ready(function(){
+    // Vérifier si on N'EST PAS sur la page #home
+    if (!$("#page-node").length) {
+        let actuview2 = $('.content-wrapper-actu .field_field_images .actu-diaporama');
+
+        if (actuview2.length > 0) {
+            actuview2.slick({
+                slidesToShow: 1,
+                dots: false,
+                arrows: true,
+                adaptiveHeight: false,
+                autoplay: false,
+                responsive: [
+                    {
+                        breakpoint: 810,
+                        settings: {
+                            slidesToShow: 1,
+                            adaptiveHeight: false,
+                            arrows: true,
+                            draggable: true,
+                            autoplay: false,
+                        }
+                    }
+                ]
+            });
+            console.log('Slick activé sur les actualités');
+            console.log('Slick activé sur 1 actu');
+        }
+    // } else {
+        // console.log('Slick désactivé sur la page Home');
+    }
+});
+
+////////////  end slideshow /actualites  ////////////////////////// 
+
 
-////////////  end slideshow home  ////////////////////////// 
 
 //////////////// start lightbox galerie image page site////////////////////////
-
+// Sélection des images à ouvrir dans la lightbox
-// Sélection des images et de leurs légendes dans la galerie
 let images = document.querySelectorAll('.paragraph--type--site-diapo .lightbox-trigger');
 let currentIndex;
 
-// Création de la lightbox et de ses éléments
+// Création de la lightbox
 const lightbox = document.createElement('div');
 lightbox.id = 'lightbox';
 lightbox.classList.add('lightbox');
 document.body.appendChild(lightbox);
 
+// Image affichée dans la lightbox
 const img = document.createElement('img');
+img.classList.add('lightbox-content');
 lightbox.appendChild(img);
 
-// Élément pour afficher la légende
+// Légende
 const caption = document.createElement('p');
 caption.classList.add('caption');
 lightbox.appendChild(caption);
 
+// Bouton de fermeture
 const closeBtn = document.createElement('span');
 closeBtn.classList.add('close');
 closeBtn.innerHTML = '×';
 lightbox.appendChild(closeBtn);
 
+// Bouton précédent avec image
 const prevBtn = document.createElement('a');
 prevBtn.classList.add('prev');
-prevBtn.innerHTML = '❮';
+const prevImg = document.createElement('img');
+prevImg.src = "/themes/custom/quartiers_de_demain/dist/assets/img/prev-blanc.svg"; // 🔁 adapte ce chemin
+prevImg.alt = 'Précédent';
+prevBtn.appendChild(prevImg);
 lightbox.appendChild(prevBtn);
 
+// Bouton suivant avec image
 const nextBtn = document.createElement('a');
 nextBtn.classList.add('next');
-nextBtn.innerHTML = '❯';
+const nextImg = document.createElement('img');
+nextImg.src = '/themes/custom/quartiers_de_demain/dist/assets/img/next-blanc.svg'; // 🔁 adapte ce chemin
+nextImg.alt = 'Suivant';
+nextBtn.appendChild(nextImg);
 lightbox.appendChild(nextBtn);
 
-// Fonction pour afficher l'image et la légende à l'index donné
+// Fonction d'affichage
 function showImage(index) {
-if (index < 0) index = images.length - 1;
+  if (index < 0) index = images.length - 1;
-if (index >= images.length) index = 0;
+  if (index >= images.length) index = 0;
-currentIndex = index;
+  currentIndex = index;
 
-// Mettre à jour l'image
+  img.src = images[currentIndex].getAttribute('src');
-img.src = images[currentIndex].getAttribute('src');
 
-// Récupérer la légende associée (le paragraphe dans blockquote suivant l'image)
+  const captionText = images[currentIndex]
-const captionText = images[currentIndex]
     .closest('.cadre-img-zoom')
-  .nextElementSibling.querySelector('.image-field-caption p')
+    ?.nextElementSibling?.querySelector('.image-field-caption p')
-  .textContent;
+    ?.textContent || '';
 
-caption.textContent = captionText || ''; // Affiche la légende ou une chaîne vide si elle est absente
+  caption.textContent = captionText;
-lightbox.style.display = 'flex';
+  lightbox.style.display = 'flex';
 }
 
-// Événements de clic sur chaque image pour ouvrir le lightbox avec la légende
+// Clic sur une image
 images.forEach((image, index) => {
-image.addEventListener('click', () => {
+  image.addEventListener('click', () => {
     showImage(index);
-});
+  });
 });
 
-// Fermer le lightbox
+// Navigation & fermeture
-closeBtn.addEventListener('click', () => {
+closeBtn.addEventListener('click', () => lightbox.style.display = 'none');
-lightbox.style.display = 'none';
-});
-
-// Navigation pour images précédente et suivante
 prevBtn.addEventListener('click', (e) => {
-e.stopPropagation();
+  e.stopPropagation();
-showImage(currentIndex - 1);
-});
-
-nextBtn.addEventListener('click', (e) => {
-e.stopPropagation();
-showImage(currentIndex + 1);
-});
-
-// Fermer le lightbox en cliquant en dehors de l'image
-lightbox.addEventListener('click', (e) => {
-if (e.target === lightbox) {
-  lightbox.style.display = 'none';
-}
-});
-
-// Ajout des contrôles clavier (Échap, flèches gauche/droite)
-document.addEventListener('keydown', (e) => {
-if (lightbox.style.display === 'flex') {
-  if (e.key === 'Escape') {
-    lightbox.style.display = 'none';
-  } else if (e.key === 'ArrowLeft') {
   showImage(currentIndex - 1);
-  } else if (e.key === 'ArrowRight') {
+});
+nextBtn.addEventListener('click', (e) => {
+  e.stopPropagation();
   showImage(currentIndex + 1);
+});
+
+// Clic en dehors de l'image pour fermer
+lightbox.addEventListener('click', (e) => {
+  if (e.target === lightbox) lightbox.style.display = 'none';
+});
+
+// Clavier
+document.addEventListener('keydown', (e) => {
+  if (lightbox.style.display === 'flex') {
+    if (e.key === 'Escape') lightbox.style.display = 'none';
+    else if (e.key === 'ArrowLeft') showImage(currentIndex - 1);
+    else if (e.key === 'ArrowRight') showImage(currentIndex + 1);
   }
-}
 });
 
 
@@ -578,12 +602,9 @@ if (container) {
   }
 }
 });
-
-
 //////////////////// end wrapper views-row  lessites /////////////////////////
 
 
-
 ////////////////////  start div infos site  ////////////////////////
 
 // Vérifie si la page a la classe 'node-type-site' dans le <body>
@@ -627,6 +648,39 @@ if (elementsToWrap.length > 0) {
 }
 ////////////////////  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");
+          let siteField = article.find(".field_field_site");
+
+          
+
+          // 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, siteField);
+                  
+                  // 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
 const documentsField = document.querySelector(".field_field_documents");
@@ -660,7 +714,7 @@ if (documentsLiensWrapper && blockRegionThird) {
 }
 });
 
-
+/////////////////// start langswitcher position responsive//////////////////////
 document.addEventListener("DOMContentLoaded", function () {
 // Fonction pour déplacer le bloc en fonction de la taille de l'écran
 function moveLanguageSwitcher() {
@@ -684,6 +738,125 @@ moveLanguageSwitcher();
 window.addEventListener("resize", moveLanguageSwitcher);
 });
 
+/////////////////// end langswitcher position responsive///////////////////////////////////////////////////////////
+
+/////////////// 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 && (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
+          }
+
+          // Si le nombre total d'éléments est inférieur ou égal à la limite, ne pas ajouter le bouton
+          if (items.length <= visibleCount) {
+              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
+              }
+          });
+      });
+
+
+    // slimselect
+    var type_select = new SlimSelect({
+      select: '#edit-field-type-de-ressource-target-id--2'
+    })
+    var motscles_select = new SlimSelect({
+      select: '#edit-field-mots-clefs-target-id--2'
+    })
+    var sites_select = new SlimSelect({
+      select: '#edit-field-site-target-id-verf--2'
+    })
+    // console.log(('sites_select'), sites_select);
+    
+  }
+  
+});
+
+
+///////////////////  end voir plus...  ressources ////////////////////
+
+
+
+/////////////////// start voir plus...  actualite dans /actualites & /home ////////////////////
+$(document).ready(function () {
+  if ($("#actualites" ).length > 0 || $("#home").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

@@ -36,7 +36,9 @@ $width-menu-slidedown : 550px;
     main{
         width: 100%;
         padding-top: $header-height;
-
+       padding-bottom: 3rem;
+    //    box-sizing:border-box;
+       min-height: calc(100vh - ($header-height + 3rem));
         @media(max-width: 810px){
             padding-top: 180px;
         }

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

@@ -1,132 +0,0 @@
-#page-node{
-        .content_container{
-            
-            width: 50%;
-            display: flex;
-            flex-direction: column;
-            margin: auto;
-            align-items: center;
-            @media(max-width: 810px){
-                margin-top: 14rem;
-                width: 80%;
-            }
-            #block-quartiers-de-demain-prevnextblock{
-                padding-top: 1rem;
-                .prev-actu{
-                    padding-right: 0.5rem;
-                    &::before{
-                        content: url('../img/prev.svg');
-                    }
-                    span{
-                        display: none;
-                    }
-                }
-                .next-actu{
-                    span{
-                        display: none;
-                    }
-                    &::before{
-                        content: url('../img/next.svg');
-                    }
-                }
-            }
-            .node-type-actualite{
-                width: 100%;
-                padding-bottom: 7rem;
-                a{
-                    display: flex;
-                    flex-direction: column;
-                }
-
-                .infos-actu{
-                    order: 1;
-                    display: flex;
-                    flex-direction: row;
-                    border-top: solid red 1px;
-                    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: 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;
-                    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;
-                            
-                        }
-                    }
-                    
-                    a:not(.ext){
-                        display: none;
-                    }
-                }
-
-                .field_field_images{
-                    order: 5;
-                    img{
-                        width: 100%;
-                        height: auto;
-                    }
-                    blockquote.image-field-caption{
-                        margin-left: 0;
-                        margin-top: 0;
-                        p{
-                            margin-top: 0;
-                            font-size: 0.4rem;
-                        }
-
-                    }
-                }
-            }
-
-        
-        }
-    }
-// }

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

@@ -0,0 +1,332 @@
+
+#actualites{
+    // background-color: #f6f7f3;
+    // background-color:white !important;
+    main{
+        background-color:white ;
+        padding-bottom: 0;
+        @media(max-width: 810px){
+            display: flex;
+            flex-direction: column-reverse;
+        }
+    }
+    .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){
+                    display: flex;
+                    margin:auto;
+                    margin-top: 16rem;
+                }
+                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;
+                        @media(max-width: 810px){
+                            margin-left: 5%;
+                            width: 90%;
+                        } 
+                        &: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);
+                                @media(max-width: 810px){
+                                    display: flex;
+                                    flex-direction: column;
+                                 }
+                                .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;
+                                            height: 25px;
+                                            
+                                        }
+                                    }
+                                    
+                                }
+                
+
+                            }
+                        }
+                        .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/consultation.scss

@@ -1,9 +1,12 @@
 #consultation{
     background-color: #f6f7f3;
-
+    .layout-sidebar-first{
+        display: none !important;
+    }
 
     .layout-content{
         // padding-top: 1rem;
+
         .content_container{
             display: flex;
             flex-direction: column;

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

@@ -1,9 +1,7 @@
 #home{
-
+    padding-bottom: 0;
-   
     .config_pages--type--diaporama-home{
         position: relative;
-        
         .diaporama{
             .slick-list{
                 padding: 0 !important;   
@@ -11,7 +9,7 @@
                         max-height: 1281px;
                         overflow:hidden;
                         img{
-                            width: 100%;
+                            width: 100% !important;
                             height: auto;
                             object-fit: cover;
                             // transform: scale(1.2);
@@ -19,14 +17,9 @@
                             // animation-duration: 4.5s;
                             // animation-name: zoomOut;
                             // animation-iteration-count: infinite;
-                            
                         }
-
                     }
                     
-                     
-                            
-                    
                     blockquote{
                             position: relative;
                             top: -30px;
@@ -116,26 +109,18 @@
                 }
             }
             h6{
-                // flex: 1 100%;
                 display: flex;
                 justify-content: center;
                 flex: 0 0 40%;
-                // padding-right: 2rem;
                 margin-top: 1rem;
                 margin-bottom: 2rem !important;
                 width: fit-content;
                 color: white;
                 background: black;
-                // padding-left: 0.5rem;
                 text-transform: uppercase;
                 font-size: 0.6rem;
                 margin-bottom: 0.3rem;
-                // margin: auto;
+
-                // padding-bottom: 2rem;
-                // @media(max-width: 1090px){
-                //     padding-top: 0 ;
-                //     margin-top: 0;
-                // }
                 a{
                     display: inline-flex;
                     align-items: center;
@@ -152,6 +137,7 @@
                         content: url("../img/noun-arrow-to-right.svg");
                         padding-right: 0.2rem;
                         padding-left: 0.2rem;
+                        height: 25px;
                         
                     }
 

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

@@ -0,0 +1,183 @@
+#page-node{
+        .content_container{
+            
+            width: 50%;
+            display: flex;
+            flex-direction: column;
+            margin: auto;
+            align-items: center;
+            @media(max-width: 810px){
+                margin-top: 14rem;
+                width: 80%;
+            }
+            #block-quartiers-de-demain-prevnextblock{
+                padding-top: 1rem;
+                .prev-actu{
+                    padding-right: 0.5rem;
+                    &::before{
+                        content: url('../img/prev.svg');
+                    }
+                    span{
+                        display: none;
+                    }
+                }
+                .next-actu{
+                    span{
+                        display: none;
+                    }
+                    &::before{
+                        content: url('../img/next.svg');
+                    }
+                }
+            }
+            .node-type-actualite{
+                width: 100%;
+                padding-bottom: 7rem;
+                display: flex;
+                flex-direction: column;
+
+                .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{
+                        display: flex;
+                        align-items: center;
+ 
+                        a{
+                            text-transform: uppercase;
+                            color: red;
+                            font-size: 0.6rem;
+                            font-weight: 600;
+                            display: flex;
+                            flex-direction: row;
+                            align-items: center;
+                            &::before{
+                                content: url('../img/type-actu.svg');
+                                padding-right: 0.4rem;
+                            }
+                        }
+                    }
+                    .field_field_date{
+                        color: red;
+                        display: flex;
+                        flex-direction: row;
+                        flex-basis: 25%;
+                        margin-left: 1rem;
+                        // justify-content: space-between;
+                        align-items: center;
+
+                        &::before{
+                            content: url('../img/date-actu.svg');
+                            padding-right: 0.4rem;
+                        }
+                        // div{
+                        //     display: flex;
+                        //     flex-direction: column;
+                        //     align-items: center;
+                        // }
+                    }
+                    .field_field_site{
+                        margin-left: 0.5rem;
+                        display: flex;
+                        align-items: center;
+                        a{
+                            color: red;
+                            font-size: 0.7rem;
+                            font-weight: 600;
+                            display: inline-flex;
+                            align-items: center;
+                            padding-left: 0.1rem;
+                            
+                            &::before{
+                                content: "";
+                                display: inline-block;
+                                width: 10px; /* Ajuste la largeur */
+                                height: 20px; /* Ajuste la hauteur */
+                                background-image: url("../img/map_pointer.svg");
+                                background-size: contain;
+                                background-repeat: no-repeat;
+                                padding-right: 0.5rem;
+                            }
+                        }
+                    }
+
+        
+                }
+                .content-wrapper-actu{
+                    order: 2;
+                    display: flex;
+                    flex-direction: column;
+                    .field_body {
+                        order: 1;
+                        padding-bottom: 1rem;
+                        font-family: "gilroy-light" ;
+                        p{
+                        font-size: 0.8rem;
+                        }
+                    }
+
+                    .field_field_liens{
+                        order: 2;
+                        width: fit-content;
+                        display: block !important;
+                        margin-bottom: 1rem;
+                        a{  
+                            display: flex;
+                            flex-direction: row;
+                            padding-left: 0.5rem;
+                            margin-bottom: 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;
+                                height: 25px;
+                                
+                            }
+
+                        }
+                        
+                    }
+    
+                    .field_field_images{
+                        order: 3;
+                        img{
+                            width: 100%;
+                            height: auto;
+                        }
+                        blockquote.image-field-caption{
+                            margin-left: 0;
+                            margin-top: 0;
+                            p{
+                                margin-top: 0;
+                                font-size: 0.4rem;
+                            }
+    
+                        }
+                    }
+                }
+
+
+            }
+
+            .toggle-actualite{
+                visibility: hidden;
+            }
+        }
+    }
+// }

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

@@ -339,8 +339,8 @@
                 }
                 div{
                     display: flex;
-                    flex-direction: row;
+                    flex-direction: column;
-                    margin-bottom: 1rem;
+                    // margin-bottom: 1rem;
                     @media(max-width: 810px){
                         justify-content: center;
                         margin: auto;
@@ -353,7 +353,6 @@
                         margin-bottom: 1rem;
                         width: fit-content;
                     }
-
                     .prev-site{
                         padding-right: 0.5rem;
                         &::before{
@@ -373,6 +372,11 @@
                     }
     
                 }
+                .prevnext{
+                    flex-direction: row;
+                    margin-bottom: 3rem;
+                }
+
             }
             .documents-liens-wrapper{
                 display: flex;
@@ -409,7 +413,9 @@
 
                 a{
                     display: inline-flex;
+                    justify-content: space-between;
                     align-items: center;
+                    width: fit-content;
                     color: white;
                     background: black;
                     padding-left: 0.5rem;
@@ -426,6 +432,7 @@
                         content: url("../img/noun-arrow-to-right.svg");
                         padding-right: 0.2rem;
                         padding-left: 0.2rem;
+                        height: 25px;
                         // padding-bottom: 0.2rem;
 
                         
@@ -444,6 +451,7 @@
 
                 a{
                     display: inline-flex;
+                    justify-content: space-between;
                     align-items: center;
                     color: white;
                     text-transform: uppercase;
@@ -458,6 +466,7 @@
                         padding-right: 0.2rem;
                         padding-left: 0.2rem;
                         padding-bottom: 0.2rem;
+                        height: 25px;
                     }
                 }   
               

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

@@ -19,17 +19,24 @@
                     font-size: 2rem;
                     font-weight: 500;
                 }
+                .field_intro{
+                    visibility: visible;
+                }
             }
             .views-element-container{
-                &::before{
+                
+                width: 80%;
+
+                .header_view{
+                    &::after{
                         content:"";
                         display: block;
                         border-bottom: solid 2px $blue_QDD;
                         width: 80% ;
                         margin: auto;
                     }
+                }
 
-                width: 80%;
                 h3{
                     color: rgb(7, 50, 194);
                     font-size: 2.5rem;

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

@@ -0,0 +1,322 @@
+
+#ressources{
+    background-color: #f6f7f3;
+
+    main{
+        @media(max-width: 810px){
+            display: flex;
+            flex-direction: column-reverse;
+        }
+    }
+    .layout-content{
+        // padding-top: 1rem;
+
+        .content_container{
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            margin: 2rem;
+
+            #block-quartiers-de-demain-titredepage{
+                margin-top: 3rem;
+                margin-left: 15%;
+                margin-bottom: 1rem;
+                width: 70%;
+                @media(max-width: 810px){
+                    display: flex;
+                    margin:auto;
+                    margin-top: 10rem;
+                }
+                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%;
+                @media(max-width: 810px){
+                    margin-left: 0%;
+                    width: 90%;
+                } 
+                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,67 +0,0 @@
-.layout-sidebar-first{
-    width: 25%;
-    // display: flex;
-    position: fixed;
-    left: 3%;
-    top: 200px;
-    z-index: 98;
-
-    @media(max-width:891px){
-        margin-left: 5%;
-        margin-top: 9rem;
-    }
-    @media (max-width:500px) {
-        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{
-            order: 1;
-            text-transform: uppercase;
-            
-        }    
-    }   
-}
-
-// .sticky-menu{
-//     position: sticky;
-//     position: -webkit-sticky;
-//     top: 10rem;
-// }

web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss

@@ -27,156 +27,229 @@
                 padding-bottom: 0rem;
             }
         }
-        .view{
-            display: flex;
-            flex-direction: row;
-            flex-wrap: nowrap;
-            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%;
-            }
+            display: flex;
-            article.node-type-actualite{
+            flex-direction: column;
-                a{
+            flex-wrap: wrap; 
+            @media(max-width: 810px){
+                margin-left: 5%;
+                width: 90%;
+            }   
+            .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);
+                        @media(max-width: 810px){
                            display: flex;
                            flex-direction: column;
-                h2{
-                    display: none;
                         }
                         .field_field_images{
-                    order: 1;
+                        grid-column: 1;
-                    background-color: black;
+                        grid-row: 1 /span 5;
-                    -moz-border-radius: 9px; /* pour Mozilla */
+                        width: 250px;
-                    -khtml-border-radius: 9px; /* pour Safari et Chrome */
+                        //    display: flex;
-                    -webkit-border-radius: 9px; /* pour Safari sur Mac */
+                        //    margin: auto;
-                    border-radius: 9px; /* CSS3 */
+                            margin-right: 1rem;
-                    height: 250px;
-                    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;
                                 }
                             }
-                .infos-actu{
-                    order: 2;
-                    h2{
-                        font-family: 'gilroy-semibold';
-                    }
                         }
                         .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{
-                    order: 3;
+                            order: 5;
-                    padding-top: 0.2rem;
+                            line-height: 1rem;
+                            a{
+                            color: $blue_QDD;
+                            font-size: 1.2rem;
+                            // pointer-events: none; 
+                            // cursor: default;
+                            }
                             h2{
-                        margin: 0;
+                                margin-top: 0.5rem;
-                        line-height: 0.4;
+                                margin-bottom: 0;
-                        padding-bottom: 0.6rem;
+                                padding-left: 0;
-                        a{
+                                font-family: 'gilroy-medium';
-                            font-size: 0.8rem;
+                            }
+                        }
+                        .field_field_sous_titre{
                             color: $blue_QDD;
+                            font-family: 'gilroy-light';
+                            font-size: 1.2rem;
                         }
-                    } 
+                        .field_body {
-                }
+                            order: 6;
-                .field_body{
+                            // padding-bottom: 1rem;
-                    order: 4;
-                    // visibility: visible;
                             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 ;
-                    }
-                    a{
-                        color: $blue_QDD;
                             }
                         }
                         .field_field_liens{
-                    order: 5;
+                            order: 7;
+                            padding:0;
                             width: fit-content;
-                    padding-left: 0.5rem;
-                    // padding-bottom: 0.2rem;
-                    // padding-top: 0.2rem;
-                    background: black;
-                    @media (max-width:810px) {  
-                        margin-left: 0;
-                    }
-
                             a{  
+                                display: 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;
+                                margin-bottom: 0.5rem;
 
                                 svg{
                                     display: none;
@@ -186,22 +259,70 @@
                                     content: url("../img/noun-arrow-to-right.svg");
                                     padding-right: 0.2rem;
                                     padding-left: 0.2rem;
+                                    height: 25px;
+                                    
+                                }
+                            }
+
+                        }
+        
+
+                    }
+                }
+                .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);
+                }
+                
+
+            }
+        }
+
+        footer #block-block-content764294aa-409f-4668-88bf-dc71e186915c{
+            display: flex;
+            .field_field_link{
+                width: fit-content;
+                margin: auto;
+                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;
+                        height: 25px;
                         
                     }
-        .views-row:nth-child(odd){
-            position: relative;
-            top: 60px;
-            @media(max-width: 550px){
-                top: 0;
                 }
             }
-
+        }
-
     }
 }

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

@@ -0,0 +1,120 @@
+.layout-sidebar-first{
+    width: 20%;
+    // display: flex;
+    position: fixed;
+    // left: 3%;
+    top: $header-height-big;
+    // z-index: 98;
+    // margin: 1rem 2rem;
+    background-color: transparent;
+    @media(max-width: 810px){
+        position: relative;
+        width: 80%;
+        top: $header-height-pad;
+        margin: auto;
+        margin-top: 1rem;
+    } 
+
+
+    #block-quartiers-de-demain-formulaireexposeressourcespage-1,     
+    #block-quartiers-de-demain-formulaireexposeactuspage-1{
+        background-color: white;
+        padding: 0.3rem 0.5rem 1rem 1rem;
+        width: 100%;
+        @media(max-width: 810px){
+            display: flex;
+            flex-direction: column;
+            margin: auto;
+            width: auto;
+        }
+        h2{
+            text-transform: uppercase;
+            font-family: "gilroy-medium";
+            font-size: 0.7rem;
+            &::after{
+                content: ' :';
+            }   
+        }
+        form{
+            
+            .js-form-item{
+                display: flex;
+                margin-bottom: 0.5rem;
+
+                @media(max-width: 810px){
+                    display: flex;
+                    flex-direction: column;
+                    justify-content: space-between;
+                }
+                label{
+                    flex: 2 1 auto;
+                }
+                input{
+                    flex: 2 1 auto;
+                    max-width: 55%;
+                    @media(max-width: 810px){
+                        max-width: 100%;
+                    }
+                }
+            }
+            @media(max-width: 810px){
+                display: flex;
+                flex-direction: column;
+                justify-content: space-between;
+
+            }
+        }
+        
+        .js-form-type-select{
+            display: flex;
+            flex-direction: row;
+            justify-content: space-evenly;
+            border-bottom: solid black 0.5px ;
+            padding-top: 0.5rem;
+            font-size: 0.7rem;
+            font-family: 'gilroy-light';
+            label{
+                width: 50%;
+                text-transform: lowercase;
+                font-size: 0.7rem;
+                font-family: 'gilroy-light';
+                padding-bottom: 0.2rem;
+            }
+            select{
+                background-color: white;
+                border: none;
+                width: 50%;
+                font-size: 0.6rem;
+                font-family: 'gilroy-medium';
+                padding-bottom: 0.2rem;
+                @media(max-width: 810px){
+                    width: 100%;
+                }
+            }
+        }
+        .js-form-type-textfield{
+            label{
+
+                text-transform: lowercase;
+                font-size: 0.7rem;
+                font-family: 'gilroy-light';
+                padding-bottom: 0.2rem;
+            }
+        }
+        .form-actions{
+            padding-top:1rem ;
+            display: flex;
+            flex-direction: row;
+            justify-content: space-between;
+            input{
+                background-color: white;
+                border: solid black 0.5px;
+                width: 45%;
+                max-width: 100% !important;
+                padding: 0.3rem 0.2rem;
+                font-size: 0.7rem;
+                font-family: 'gilroy-light';
+            }
+        }
+    }
+}

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/header.scss

@@ -1,4 +1,4 @@
-header{
+header[role="banner"]{
     display: flex;
     flex-direction: row;
     height: 100vh;
@@ -53,6 +53,11 @@ header{
     
     @media(max-width: 810px){
         height: 100vh;
+        header {
+            position: relative;
+            flex-direction: column;
+            height: auto !important;
+          }
     }
 
     .contextual-region{
@@ -191,6 +196,7 @@ header{
             // text-align:left;
             // height: fit-content;
         }
+        
         @media(max-width: 500px){
             flex: 0 0 40%;
         }
@@ -207,10 +213,11 @@ header{
                 padding-left: 1rem;
                 padding-right: 1rem;
                 margin: auto;
-                padding-top: 1%;
+                // padding-top: 5%;
                 @media(max-width: 1025px){
                     top: 0;
                     align-items: center;
+                    padding-top: 0.3rem;
                 }
                 @media(max-width: 1090px){
                 }
@@ -231,21 +238,21 @@ header{
                             display: flex;
                             flex-direction: column;
                             align-items: center;
-                            font-size: 1rem;
+                            font-size: 0.8rem;
                         }
                        
                     }
-                    &: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){
@@ -255,6 +262,13 @@ header{
         #block-quartiers-de-demain-selecteurdelangue{
             width: fit-content;
             margin: auto;
+            @media(max-width: 810px){
+                padding-bottom: 0.5rem;
+                margin-bottom: 0.5rem;
+                .links{
+                    margin-top: 0.5rem;
+                }
+            }
         }
        
     }
@@ -278,7 +292,7 @@ header{
        }
 }
 /* Taille définitive du header après l'animation */
-.header--collapsed {
+header[role="banner"].header--collapsed {
     height: $header-height; /* Ou la hauteur que vous souhaitez pour votre header */
     width: 35%;
     transform-origin: bottom right; 
@@ -317,7 +331,7 @@ header{
     }
     
 }
-.header--collapsed-already{
+header[role="banner"].header--collapsed-already{
     height: $header-height; /* Ou la hauteur que vous souhaitez pour votre header */
     width: 35%;
     transform-origin: bottom right; 
@@ -327,7 +341,7 @@ header{
     }
     @media(max-width: 810px){
         width: 100%;
-        height: 170px;
+        // height: 170px;
        }
     @media (min-width: 1400px) {
         height: $header-height-big;

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

@@ -50,20 +50,43 @@ body {
     cursor: pointer;
   }
   
-  .prev, .next {
+  // .prev, .next {
-    position: absolute;
+  //   position: absolute;
-    top: 50%;
+  //   top: 50%;
-    color: white;
+  //   color: white;
-    font-size: 30px;
+  //   font-size: 30px;
-    cursor: pointer;
+  //   cursor: pointer;
-    user-select: none;
+  //   user-select: none;
-  }
+  // }
   
-  .prev {
+  // .prev {
-    left: 30px;
+  //   left: 30px;
-  }
+  // }
   
-  .next {
+  // .next {
-    right: 30px;
+  //   right: 30px;
-  }
+  // }
   
+#lightbox .prev,
+#lightbox .next {
+position: absolute;
+top: 50%;
+transform: translateY(-50%);
+z-index: 10;
+cursor: pointer;
+}
+
+#lightbox .prev img,
+#lightbox .next img {
+  width: 40px; /* adapte si besoin */
+  height: 40px;
+  pointer-events: none; /* évite que l'image bloque le clic */
+}
+
+#lightbox .prev {
+  left: 20px;
+}
+
+#lightbox .next {
+  right: 20px;
+}

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

@@ -237,11 +237,19 @@
                 .file--application-pdf{
                     width: fit-content;
                     padding-left: 0.5rem;
-                    // padding-bottom: 0.2rem;
-                    // padding-top: 0.2rem;
                     background: black;
+                    display: flex;
+                    justify-content: center;
+                    flex: 0 0 40%;
+                    margin-top: 1rem;
+                    margin-bottom: 2rem !important;
+                    color: white;
+                    background: black;
+                    text-transform: uppercase;
+                    font-size: 0.6rem;
                     @media (max-width:810px) {  
                         margin-left: 0;
+                        margin: auto;
                     }
         
                     a{
@@ -250,6 +258,7 @@
                         color: white;
                         text-transform: uppercase;
                         font-size: 0.6rem;
+                        width: max-content;
                         
                         svg{
                             display: none;
@@ -259,7 +268,7 @@
                             content: url("../img/noun-arrow-to-right.svg");
                             padding-right: 0.2rem;
                             padding-left: 0.2rem;
-                            padding-bottom: 0.2rem;
+                            height: 25px;
                         }
                     }   
                 }

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

@@ -36,6 +36,7 @@
 @import "partials/lightbox";
 
 
+
 // @import "partials/slick_custom";
 
 
@@ -45,9 +46,10 @@
 @import "pages/partenaires";
 @import "pages/pour_candidater";
 @import "pages/static";
-@import "pages/actualite";
+@import "pages/node-type-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/block--views-block--actus-block-1.html.twig

@@ -31,7 +31,9 @@
 <div id="actus-caroussel"{{ attributes }}>
   {{ title_prefix }}
   {% if label %}
-    <h2{{ title_attributes }}>{{ label }}</h2>
+    <h2{{ title_attributes }}>
+        <a href="/actualites" rel="bookmark">{{ label }}</a>
+    </h2>
   {% endif %}
   {{ title_suffix }}
         {# <div class="__timeline-arrows">

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/field--paragraph--site-diapo.html.twig

@@ -77,30 +77,8 @@
     <div id="lightbox" class="lightbox">
       <span class="close">&times;</span>
       <img class="lightbox-content" id="lightbox-img">
-      <a class="prev" id="prev">
+      <a class="prev" id="prev"><img src="/themes/custom/quartiers_de_demain/dist/assets/img/prev.svg" alt="Précédent"></a>
-            <svg />
+      <a class="next" id="next"><img src="/themes/custom/quartiers_de_demain/dist/assets/img/next.svg" alt="Suivant"></a>
-        </clipPath>
-      </defs>
-      <g
-        id="g1"
-        transform="translate(-1178.8005,-9024.7618)">
-        <g
-          id="g696">
-          <path
-            id="path392"
-            d="m 0,0 c -18.507,0 -33.509,15.003 -33.509,33.51 0,18.506 15.002,33.509 33.509,33.509 18.507,0 33.509,-15.003 33.509,-33.509 C 33.509,15.003 18.507,0 0,0 Z"
-            style="fill:none;stroke:#000000;stroke-width:0.85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-            transform="matrix(1.3333333,0,0,-1.3333333,1224.0459,9114.6875)"
-            clip-path="url(#clipPath393)" />
-          <path
-            id="path394"
-            d="M 0,0 -9.997,-8.944 0,-17.887"
-            style="fill:none;stroke:#000000;stroke-width:0.85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-            transform="matrix(1.3333333,0,0,-1.3333333,1228.3967,9058.0833)" />
-        </g>
-      </g>
-</svg></a>
-      <a class="next" id="next">&#10095;</a>
     </div>
   </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,11 +88,11 @@
     </footer>
   {% endif %}
 
-  {# <div{{ content_attributes }}> #}
+  <div class="content-wrapper-actu"{{ content_attributes }}>
-    {# {{ content }} #}
+    {{ content }}
-  {# </div> #}
+  </div>
-  {% block content %}
+
-  <a href="{{ url }}" rel="bookmark">{{ label }}
+  {# {% block content %}
   {{content.field_images}}
   <div class="infos-actu">
     {{content.field_type_d_actualite}}
@@ -100,9 +100,5 @@
   </div>
     {{content.body}}
    {{content.field_liens}}
-    
+  {% endblock %} #}
-   
-</a>
-  {% 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

@@ -3,8 +3,10 @@ const path = require("path");
 
 let config = {
     mode: 'development',
+    devtool: "source-map",
     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",