composer.json

@@ -40,9 +40,11 @@
         "drupal/panels": "^4.6",
         "drupal/paragraphs": "1.x-dev@dev",
         "drupal/role_delegation": "^1.1",
+        "drupal/search_api": "^1.30",
         "drupal/slick": "^2.9",
         "drupal/smart_trim": "^2.1.0",
         "drupal/structure_sync": "^2.0",
+        "drupal/video_embed_dailymotion": "^2.0",
         "drupal/views_conditional": "^1.5",
         "drupal/views_ef_fieldset": "^1.6",
         "drupal/webform": "^6.1",

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": "8caf5041bf39fd16d88787901df64c6c",
+    "content-hash": "4fd5e4a3ab1652e878c246d2efec344a",
     "packages": [
         {
             "name": "alchemy/zippy",
@@ -8318,7 +8318,7 @@
             "extra": {
                 "drupal": {
                     "version": "8.x-1.30",
-                    "datestamp": "1697366291",
+                    "datestamp": "1700925904",
                     "security-coverage": {
                         "status": "covered",
                         "message": "Covered by Drupal's security advisory policy"
@@ -9014,6 +9014,59 @@
                 "source": "https://git.drupalcode.org/project/url_to_video_filter"
             }
         },
+        {
+            "name": "drupal/video_embed_dailymotion",
+            "version": "2.0.0",
+            "source": {
+                "type": "git",
+                "url": "https://git.drupalcode.org/project/video_embed_dailymotion.git",
+                "reference": "2.0.0"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://ftp.drupal.org/files/projects/video_embed_dailymotion-2.0.0.zip",
+                "reference": "2.0.0",
+                "shasum": "60832daca1cbe857bab778e547cb1aa359d2bd1d"
+            },
+            "require": {
+                "drupal/core": "^9 || ^10",
+                "drupal/video_embed_field": "*"
+            },
+            "type": "drupal-module",
+            "extra": {
+                "drupal": {
+                    "version": "2.0.0",
+                    "datestamp": "1699434830",
+                    "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": "flocondetoile",
+                    "homepage": "https://www.drupal.org/user/2006064"
+                },
+                {
+                    "name": "mohs3n71",
+                    "homepage": "https://www.drupal.org/user/2295854"
+                },
+                {
+                    "name": "Sam152",
+                    "homepage": "https://www.drupal.org/user/1485048"
+                }
+            ],
+            "description": "A video_embed_field integration with Dailymotion.",
+            "homepage": "https://www.drupal.org/project/video_embed_dailymotion",
+            "support": {
+                "source": "https://git.drupalcode.org/project/video_embed_dailymotion"
+            }
+        },
         {
             "name": "drupal/video_embed_field",
             "version": "2.4.0",
@@ -15562,15 +15615,12 @@
     "aliases": [],
     "minimum-stability": "stable",
     "stability-flags": {
-        "drupal/config_pages": 20,
-        "drupal/manage_display": 20,
-        "drupal/page_manager": 20,
-        "drupal/paragraphs": 20,
         "drupal/bulkdelete": 20,
-        "drupal/cshs": 20,
-        "drupal/config_ignore": 5,
         "drupal/config_devel": 20,
+        "drupal/config_ignore": 5,
+        "drupal/config_pages": 20,
         "drupal/context": 10,
+        "drupal/cshs": 20,
         "drupal/date_range_formatter": 20,
         "drupal/domain": 20,
         "drupal/domain_alias": 20,
@@ -15585,9 +15635,12 @@
         "drupal/linkit": 10,
         "drupal/login_destination": 20,
         "drupal/maillog": 20,
+        "drupal/manage_display": 20,
         "drupal/maxlength": 10,
         "drupal/menu_block": 20,
         "drupal/menu_position": 20,
+        "drupal/page_manager": 20,
+        "drupal/paragraphs": 20,
         "drupal/path_alias_xt": 20,
         "drupal/pathologic": 15,
         "drupal/profile": 5,
@@ -15598,7 +15651,7 @@
     },
     "prefer-stable": true,
     "prefer-lowest": false,
-    "platform": [],
-    "platform-dev": [],
+    "platform": {},
+    "platform-dev": {},
     "plugin-api-version": "2.6.0"
 }

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

@@ -5,7 +5,6 @@ dependencies:
   config:
     - field.field.node.ressource.field_actu_liee
     - field.field.node.ressource.field_auteur_s_
-    - field.field.node.ressource.field_collections
     - field.field.node.ressource.field_date_de_parution
     - field.field.node.ressource.field_edition
     - field.field.node.ressource.field_fichiers
@@ -16,17 +15,20 @@ dependencies:
     - field.field.node.ressource.field_ress
     - field.field.node.ressource.field_sous_titre
     - field.field.node.ressource.field_textes
+    - field.field.node.ressource.field_type_de_media
     - field.field.node.ressource.field_type_de_ressource
     - field.field.node.ressource.field_videos
     - image.style.thumbnail
     - node.type.ressource
   module:
+    - autocomplete_deluxe
     - datetime
     - field_group
     - file
     - image
     - link
     - paragraphs
+    - path
     - text
     - video_embed_field
 third_party_settings:
@@ -102,10 +104,11 @@ third_party_settings:
         required_fields: true
     group_detailssidebar:
       children:
-        - field_collections
         - field_type_de_ressource
+        - field_type_de_media
         - status
         - promote
+        - path
       label: Details
       region: content
       parent_name: ''
@@ -160,12 +163,6 @@ content:
       rows: 5
       placeholder: ''
     third_party_settings: {  }
-  field_collections:
-    type: options_select
-    weight: 136
-    region: content
-    settings: {  }
-    third_party_settings: {  }
   field_date_de_parution:
     type: datetime_default
     weight: 130
@@ -253,15 +250,28 @@ content:
       form_display_mode: default
       default_paragraph_type: ''
     third_party_settings: {  }
+  field_type_de_media:
+    type: options_select
+    weight: 138
+    region: content
+    settings: {  }
+    third_party_settings: {  }
   field_type_de_ressource:
-    type: entity_reference_autocomplete
+    type: autocomplete_deluxe
     weight: 137
     region: content
     settings:
       match_operator: CONTAINS
-      match_limit: 10
+      autocomplete_route_name: autocomplete_deluxe.autocomplete
       size: 60
-      placeholder: ''
+      selection_handler: default
+      limit: 0
+      min_length: 0
+      delimiter: ''
+      not_found_message_allow: false
+      not_found_message: 'The term ''@term'' will be added'
+      new_terms: false
+      no_empty_message: 'No terms could be found. Please type in order to add a new term.'
     third_party_settings: {  }
   field_videos:
     type: video_embed_field_textfield
@@ -269,16 +279,22 @@ content:
     region: content
     settings: {  }
     third_party_settings: {  }
+  path:
+    type: path
+    weight: 141
+    region: content
+    settings: {  }
+    third_party_settings: {  }
   promote:
     type: boolean_checkbox
-    weight: 139
+    weight: 140
     region: content
     settings:
       display_label: true
     third_party_settings: {  }
   status:
     type: boolean_checkbox
-    weight: 138
+    weight: 139
     region: content
     settings:
       display_label: true
@@ -294,7 +310,6 @@ content:
 hidden:
   created: true
   langcode: true
-  path: true
   sticky: true
   uid: true
   url_redirects: true

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

@@ -5,7 +5,6 @@ dependencies:
   config:
     - field.field.node.ressource.field_actu_liee
     - field.field.node.ressource.field_auteur_s_
-    - field.field.node.ressource.field_collections
     - field.field.node.ressource.field_date_de_parution
     - field.field.node.ressource.field_edition
     - field.field.node.ressource.field_fichiers
@@ -16,6 +15,7 @@ dependencies:
     - field.field.node.ressource.field_ress
     - field.field.node.ressource.field_sous_titre
     - field.field.node.ressource.field_textes
+    - field.field.node.ressource.field_type_de_media
     - field.field.node.ressource.field_type_de_ressource
     - field.field.node.ressource.field_videos
     - node.type.ressource
@@ -39,22 +39,14 @@ content:
     settings:
       link: true
     third_party_settings: {  }
-    weight: 13
+    weight: 14
     region: content
   field_auteur_s_:
     type: text_default
     label: visually_hidden
     settings: {  }
     third_party_settings: {  }
-    weight: 4
-    region: content
-  field_collections:
-    type: entity_reference_label
-    label: visually_hidden
-    settings:
-      link: true
-    third_party_settings: {  }
-    weight: 6
+    weight: 5
     region: content
   field_date_de_parution:
     type: datetime_default
@@ -63,14 +55,14 @@ content:
       timezone_override: ''
       format_type: short
     third_party_settings: {  }
-    weight: 3
+    weight: 4
     region: content
   field_edition:
     type: text_default
     label: visually_hidden
     settings: {  }
     third_party_settings: {  }
-    weight: 5
+    weight: 6
     region: content
   field_fichiers:
     type: file_default
@@ -78,7 +70,7 @@ content:
     settings:
       use_description_as_link_text: true
     third_party_settings: {  }
-    weight: 7
+    weight: 8
     region: content
   field_images:
     type: image_caption
@@ -89,7 +81,7 @@ content:
       image_loading:
         attribute: lazy
     third_party_settings: {  }
-    weight: 8
+    weight: 9
     region: content
   field_liens:
     type: link
@@ -101,7 +93,7 @@ content:
       rel: ''
       target: ''
     third_party_settings: {  }
-    weight: 9
+    weight: 10
     region: content
   field_mots_clefs:
     type: entity_reference_label
@@ -109,7 +101,7 @@ content:
     settings:
       link: true
     third_party_settings: {  }
-    weight: 14
+    weight: 15
     region: content
   field_projets_liee:
     type: entity_reference_label
@@ -117,7 +109,7 @@ content:
     settings:
       link: true
     third_party_settings: {  }
-    weight: 12
+    weight: 13
     region: content
   field_ress:
     type: entity_reference_label
@@ -125,7 +117,7 @@ content:
     settings:
       link: true
     third_party_settings: {  }
-    weight: 11
+    weight: 12
     region: content
   field_sous_titre:
     type: string
@@ -133,7 +125,7 @@ content:
     settings:
       link_to_entity: false
     third_party_settings: {  }
-    weight: 2
+    weight: 3
     region: content
   field_textes:
     type: entity_reference_revisions_entity_view
@@ -142,7 +134,15 @@ content:
       view_mode: default
       link: ''
     third_party_settings: {  }
-    weight: 15
+    weight: 16
+    region: content
+  field_type_de_media:
+    type: entity_reference_label
+    label: visually_hidden
+    settings:
+      link: true
+    third_party_settings: {  }
+    weight: 2
     region: content
   field_type_de_ressource:
     type: entity_reference_label
@@ -161,7 +161,7 @@ content:
       width: 854
       height: 480
     third_party_settings: {  }
-    weight: 10
+    weight: 11
     region: content
   title:
     type: title

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

@@ -6,7 +6,6 @@ dependencies:
     - core.entity_view_mode.node.sidebar
     - field.field.node.ressource.field_actu_liee
     - field.field.node.ressource.field_auteur_s_
-    - field.field.node.ressource.field_collections
     - field.field.node.ressource.field_date_de_parution
     - field.field.node.ressource.field_edition
     - field.field.node.ressource.field_fichiers
@@ -17,6 +16,7 @@ dependencies:
     - field.field.node.ressource.field_ress
     - field.field.node.ressource.field_sous_titre
     - field.field.node.ressource.field_textes
+    - field.field.node.ressource.field_type_de_media
     - field.field.node.ressource.field_type_de_ressource
     - field.field.node.ressource.field_videos
     - image.style.medium
@@ -94,13 +94,13 @@ content:
 hidden:
   created: true
   field_actu_liee: true
-  field_collections: true
   field_edition: true
   field_fichiers: true
   field_liens: true
   field_projets_liee: true
   field_ress: true
   field_textes: true
+  field_type_de_media: true
   field_videos: true
   langcode: true
   links: true

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

@@ -6,7 +6,6 @@ dependencies:
     - core.entity_view_mode.node.teaser
     - field.field.node.ressource.field_actu_liee
     - field.field.node.ressource.field_auteur_s_
-    - field.field.node.ressource.field_collections
     - field.field.node.ressource.field_date_de_parution
     - field.field.node.ressource.field_edition
     - field.field.node.ressource.field_fichiers
@@ -17,6 +16,7 @@ dependencies:
     - field.field.node.ressource.field_ress
     - field.field.node.ressource.field_sous_titre
     - field.field.node.ressource.field_textes
+    - field.field.node.ressource.field_type_de_media
     - field.field.node.ressource.field_type_de_ressource
     - field.field.node.ressource.field_videos
     - image.style.large
@@ -36,7 +36,7 @@ content:
     label: hidden
     settings: {  }
     third_party_settings: {  }
-    weight: 5
+    weight: 6
     region: content
   field_date_de_parution:
     type: datetime_default
@@ -45,25 +45,25 @@ content:
       timezone_override: ''
       format_type: html_year
     third_party_settings: {  }
-    weight: 6
+    weight: 7
     region: content
   field_edition:
     type: text_default
     label: hidden
     settings: {  }
     third_party_settings: {  }
-    weight: 4
+    weight: 5
     region: content
   field_images:
     type: image_delta_formatter
     label: hidden
     settings:
+      deltas: '0'
       image_style: large
-      image_link: ''
-      deltas: 0
-      deltas_reversed: false
+      image_link: content
       image_loading:
         attribute: lazy
+      deltas_reversed: 0
     third_party_settings: {  }
     weight: 0
     region: content
@@ -73,17 +73,17 @@ content:
     settings:
       link: true
     third_party_settings: {  }
-    weight: 7
+    weight: 8
     region: content
   field_sous_titre:
     type: string
     label: hidden
     settings:
-      link_to_entity: false
+      link_to_entity: true
     third_party_settings: {  }
-    weight: 3
+    weight: 4
     region: content
-  field_type_de_ressource:
+  field_type_de_media:
     type: entity_reference_label
     label: hidden
     settings:
@@ -91,10 +91,18 @@ content:
     third_party_settings: {  }
     weight: 1
     region: content
+  field_type_de_ressource:
+    type: entity_reference_label
+    label: hidden
+    settings:
+      link: true
+    third_party_settings: {  }
+    weight: 2
+    region: content
   links:
     settings: {  }
     third_party_settings: {  }
-    weight: 8
+    weight: 9
     region: content
   title:
     type: title
@@ -103,12 +111,11 @@ content:
       linked: true
       tag: h2
     third_party_settings: {  }
-    weight: 2
+    weight: 3
     region: content
 hidden:
   created: true
   field_actu_liee: true
-  field_collections: true
   field_fichiers: true
   field_liens: true
   field_projets_liee: true

config/sync/core.extension.yml

@@ -124,6 +124,7 @@ module:
   update: 0
   url_to_video_filter: 0
   user: 0
+  video_embed_dailymotion: 0
   video_embed_field: 0
   views_bulk_edit: 0
   views_bulk_operations: 0

config/sync/field.field.node.ressource.field_collections.yml → config/sync/field.field.node.ressource.field_type_de_media.yml

@@ -1,16 +1,16 @@
-uuid: 0082350f-0d7a-4375-8a01-f64b98f90bf8
+uuid: b884c578-cbdc-4d4b-9cae-a398f2698d61
 langcode: fr
 status: true
 dependencies:
   config:
-    - field.storage.node.field_collections
+    - field.storage.node.field_type_de_media
     - node.type.ressource
-    - taxonomy.vocabulary.collection
-id: node.ressource.field_collections
-field_name: field_collections
+    - taxonomy.vocabulary.type_de_media
+id: node.ressource.field_type_de_media
+field_name: field_type_de_media
 entity_type: node
 bundle: ressource
-label: Collections
+label: 'Type de media'
 description: ''
 required: false
 translatable: false
@@ -20,7 +20,7 @@ settings:
   handler: 'default:taxonomy_term'
   handler_settings:
     target_bundles:
-      collection: collection
+      type_de_media: type_de_media
     sort:
       field: name
       direction: asc

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

@@ -10,7 +10,7 @@ id: node.ressource.field_type_de_ressource
 field_name: field_type_de_ressource
 entity_type: node
 bundle: ressource
-label: 'Type de ressource'
+label: 'Type de contenu'
 description: ''
 required: false
 translatable: false

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

@@ -19,6 +19,7 @@ default_value: {  }
 default_value_callback: ''
 settings:
   allowed_providers:
+    dailymotion: dailymotion
     youtube_playlist: youtube_playlist
     vimeo: vimeo
     youtube: youtube

config/sync/field.storage.node.field_collections.yml → config/sync/field.storage.node.field_type_de_media.yml

@@ -1,12 +1,12 @@
-uuid: 15b8308e-d63f-4d79-9307-eb6a3e137f2c
+uuid: e4c66ec7-1518-4dcb-a9f0-d70e09877260
 langcode: fr
 status: true
 dependencies:
   module:
     - node
     - taxonomy
-id: node.field_collections
-field_name: field_collections
+id: node.field_type_de_media
+field_name: field_type_de_media
 entity_type: node
 type: entity_reference
 settings:

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

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

config/sync/geocoder.geocoder_provider.mapquest.yml

@@ -9,5 +9,5 @@ configuration:
   throttle:
     period: null
     limit: null
-  apiKey: BfGpTmi8PmaGkWNCAwlH6qW5jILApFGb
+  apiKey: 3rpwySS1FjhM9bib4fvhjs7XLbZF4pg6
   licensed: false

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

@@ -0,0 +1,11 @@
+uuid: 4edca7f7-45e3-48a5-81b9-291ddb138f67
+langcode: fr
+status: true
+dependencies:
+  config:
+    - taxonomy.vocabulary.type_de_media
+id: taxonomy_term.type_de_media
+target_entity_type_id: taxonomy_term
+target_bundle: type_de_media
+default_langcode: site_default
+language_alterable: false

config/sync/page_manager.page_variant.node_view-panels_variant-3.yml

@@ -33,7 +33,7 @@ variant_settings:
           link: false
         third_party_settings: {  }
       region: top
-      weight: -9
+      weight: -5
       uuid: caa20f04-91a3-4d10-88a2-b19119931e41
     bdb9f644-29c7-40b1-aa7c-2530897794dd:
       id: 'entity_field:node:title'
@@ -50,7 +50,7 @@ variant_settings:
           link_to_entity: false
         third_party_settings: {  }
       region: top
-      weight: -8
+      weight: -4
       uuid: bdb9f644-29c7-40b1-aa7c-2530897794dd
     afc0d035-08fd-4687-a48a-eed9c8577b69:
       id: 'entity_field:node:field_edition'
@@ -66,7 +66,7 @@ variant_settings:
         settings: {  }
         third_party_settings: {  }
       region: top
-      weight: -6
+      weight: -2
       uuid: afc0d035-08fd-4687-a48a-eed9c8577b69
     0816ff32-87ea-4fb9-aced-785cb9f88351:
       id: 'entity_field:node:field_auteur_s_'
@@ -82,7 +82,7 @@ variant_settings:
         settings: {  }
         third_party_settings: {  }
       region: top
-      weight: -5
+      weight: -1
       uuid: 0816ff32-87ea-4fb9-aced-785cb9f88351
     c5ab2dd3-9440-42ac-b154-3ca5104bc01e:
       id: 'entity_field:node:field_date_de_parution'
@@ -100,7 +100,7 @@ variant_settings:
           format_type: short_text
         third_party_settings: {  }
       region: top
-      weight: -4
+      weight: 0
       uuid: c5ab2dd3-9440-42ac-b154-3ca5104bc01e
     71399ea0-2f5c-417d-9360-727c67b95baf:
       id: 'entity_field:node:field_mots_clefs'
@@ -117,7 +117,7 @@ variant_settings:
           link: false
         third_party_settings: {  }
       region: top
-      weight: -3
+      weight: 1
       uuid: 71399ea0-2f5c-417d-9360-727c67b95baf
     3912e9a7-5970-4e0e-a28a-fcd7e82951d3:
       id: 'entity_field:node:field_textes'
@@ -224,7 +224,7 @@ variant_settings:
           image_style: large
         third_party_settings: {  }
       region: top
-      weight: -10
+      weight: -7
       uuid: 43592540-a6ef-4b23-92b2-300e056d69e6
     f3b0080e-eb99-4b42-995b-830660c6ac48:
       id: 'entity_field:node:field_sous_titre'
@@ -241,7 +241,7 @@ variant_settings:
           link_to_entity: false
         third_party_settings: {  }
       region: top
-      weight: -7
+      weight: -3
       uuid: f3b0080e-eb99-4b42-995b-830660c6ac48
     f5f57639-b8c6-4c52-914e-393de85997fc:
       id: 'entity_field:node:field_projets_liee'
@@ -260,6 +260,26 @@ variant_settings:
       region: third
       weight: -4
       uuid: f5f57639-b8c6-4c52-914e-393de85997fc
+    95888156-ab5b-4a5a-9b33-077ace67aa52:
+      id: 'entity_field:node:field_videos'
+      label: Videos
+      label_display: '0'
+      provider: ctools_block
+      context_mapping:
+        entity: node
+      formatter:
+        type: video_embed_field_video
+        weight: 0
+        label: visually_hidden
+        settings:
+          autoplay: true
+          responsive: true
+          width: 854
+          height: 480
+        third_party_settings: {  }
+      region: top
+      weight: -6
+      uuid: 95888156-ab5b-4a5a-9b33-077ace67aa52
   page_title: ''
   layout: layout_threecol_25_50_25
   layout_settings:

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

@@ -5,10 +5,7 @@ dependencies:
   config:
     - page_manager.page.ressources
     - views.view.base_de_donnees
-  content:
-    - 'block_content:link:82917d0c-5004-4bfb-af66-ce334782d82d'
   module:
-    - block_content
     - config_pages
     - panels
     - views
@@ -33,18 +30,6 @@ variant_settings:
       region: content
       weight: 1
       uuid: 30853c04-a97a-48e8-beaa-f17090eeb714
-    f812b08b-afca-4652-a883-d4fc4eea791a:
-      id: 'block_content:82917d0c-5004-4bfb-af66-ce334782d82d'
-      label: 'Ressource form'
-      label_display: '0'
-      provider: block_content
-      status: true
-      info: ''
-      view_mode: full
-      context_mapping: {  }
-      region: content
-      weight: 2
-      uuid: f812b08b-afca-4652-a883-d4fc4eea791a
     ea249519-f398-4b55-9f11-ab0e2a613ef5:
       config_page_type: base_de_donnees
       config_page_view_mode: full
@@ -56,7 +41,7 @@ variant_settings:
       region: content
       weight: 0
       uuid: ea249519-f398-4b55-9f11-ab0e2a613ef5
-  page_title: ''
+  page_title: 'Centre de ressources'
   layout: layout_onecol
   layout_settings:
     label: ''

config/sync/search_api.index.ressources.yml

@@ -0,0 +1,216 @@
+uuid: 631f7430-7c9e-4712-989e-206cc6dc360d
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_auteur_s_
+    - field.storage.node.field_edition
+    - field.storage.node.field_liens
+    - field.storage.node.field_sous_titre
+    - field.storage.node.field_textes
+    - field.storage.paragraph.field_titre
+    - field.storage.node.field_mots_clefs
+    - field.storage.node.field_type_de_ressource
+    - field.storage.paragraph.field_texte
+    - field.storage.node.field_projets_liee
+    - search_api.server.eql
+  module:
+    - paragraphs
+    - taxonomy
+    - node
+    - search_api
+id: ressources
+name: ressources
+description: ''
+read_only: false
+field_settings:
+  field_auteur_s_:
+    label: Auteur(s)
+    datasource_id: 'entity:node'
+    property_path: field_auteur_s_
+    type: text
+    dependencies:
+      config:
+        - field.storage.node.field_auteur_s_
+  field_edition:
+    label: Édition
+    datasource_id: 'entity:node'
+    property_path: field_edition
+    type: text
+    dependencies:
+      config:
+        - field.storage.node.field_edition
+  field_liens:
+    label: Liens
+    datasource_id: 'entity:node'
+    property_path: field_liens
+    type: string
+    dependencies:
+      config:
+        - field.storage.node.field_liens
+  field_sous_titre:
+    label: 'Sous titre'
+    datasource_id: 'entity:node'
+    property_path: field_sous_titre
+    type: text
+    dependencies:
+      config:
+        - field.storage.node.field_sous_titre
+  field_titre:
+    label: 'Textes » Paragraph » Titre'
+    datasource_id: 'entity:node'
+    property_path: 'field_textes:entity:field_titre'
+    type: string
+    dependencies:
+      config:
+        - field.storage.node.field_textes
+        - field.storage.paragraph.field_titre
+      module:
+        - paragraphs
+  name:
+    label: 'Mots clefs » Terme de taxonomie » Nom'
+    datasource_id: 'entity:node'
+    property_path: 'field_mots_clefs:entity:name'
+    type: string
+    dependencies:
+      config:
+        - field.storage.node.field_mots_clefs
+      module:
+        - taxonomy
+  name_1:
+    label: 'Type de contenu » Terme de taxonomie » Nom'
+    datasource_id: 'entity:node'
+    property_path: 'field_type_de_ressource:entity:name'
+    type: string
+    dependencies:
+      config:
+        - field.storage.node.field_type_de_ressource
+      module:
+        - taxonomy
+  node_grants:
+    label: 'Information d''accès du nœud.'
+    property_path: search_api_node_grants
+    type: string
+    indexed_locked: true
+    type_locked: true
+    hidden: true
+  processed:
+    label: 'Textes » Paragraph » Texte » Texte traité'
+    datasource_id: 'entity:node'
+    property_path: 'field_textes:entity:field_texte:processed'
+    type: string
+    dependencies:
+      config:
+        - field.storage.node.field_textes
+        - field.storage.paragraph.field_texte
+      module:
+        - paragraphs
+  status:
+    label: null
+    datasource_id: 'entity:node'
+    property_path: status
+    type: boolean
+    indexed_locked: true
+    type_locked: true
+    dependencies:
+      module:
+        - node
+  title:
+    label: 'Projet(s) lié(s) » Contenu » Titre'
+    datasource_id: 'entity:node'
+    property_path: 'field_projets_liee:entity:title'
+    type: string
+    dependencies:
+      config:
+        - field.storage.node.field_projets_liee
+      module:
+        - node
+  title_1:
+    label: Titre
+    datasource_id: 'entity:node'
+    property_path: title
+    type: text
+    boost: 1.1
+    dependencies:
+      module:
+        - node
+  uid:
+    label: null
+    datasource_id: 'entity:node'
+    property_path: uid
+    type: integer
+    indexed_locked: true
+    type_locked: true
+    dependencies:
+      module:
+        - node
+datasource_settings:
+  'entity:node':
+    bundles:
+      default: false
+      selected:
+        - ressource
+    languages:
+      default: false
+      selected:
+        - fr
+processor_settings:
+  add_url: {  }
+  aggregated_field: {  }
+  content_access:
+    weights:
+      preprocess_query: -30
+  custom_value: {  }
+  entity_type: {  }
+  html_filter:
+    weights:
+      preprocess_index: -15
+      preprocess_query: -15
+    all_fields: false
+    fields:
+      - field_auteur_s_
+      - field_edition
+      - field_liens
+      - field_sous_titre
+      - field_titre
+      - name
+      - name_1
+      - processed
+      - title
+      - title_1
+    title: true
+    alt: true
+    tags:
+      b: 2
+      em: 1
+      h1: 5
+      h2: 3
+      h3: 2
+      strong: 2
+      u: 1
+  ignorecase:
+    weights:
+      preprocess_index: -20
+      preprocess_query: -20
+    all_fields: false
+    fields:
+      - field_auteur_s_
+      - field_edition
+      - field_liens
+      - field_sous_titre
+      - field_titre
+      - name
+      - name_1
+      - processed
+      - title
+      - title_1
+  language_with_fallback: {  }
+  rendered_item: {  }
+tracker_settings:
+  default:
+    indexing_order: fifo
+options:
+  cron_limit: 50
+  index_directly: true
+  track_changes_in_references: true
+server: eql

config/sync/search_api.server.eql.yml

@@ -0,0 +1,15 @@
+uuid: 8a323738-52ed-4df4-9eb0-d254241f511d
+langcode: fr
+status: true
+dependencies:
+  module:
+    - search_api_db
+id: eql
+name: eql
+description: ''
+backend: search_api_db
+backend_config:
+  database: 'default:default'
+  min_chars: 3
+  matching: words
+  phrase: bigram

config/sync/taxonomy.vocabulary.type_de_media.yml

@@ -0,0 +1,8 @@
+uuid: 5289e2ca-b382-4f6a-91b3-2fc7fa7d8216
+langcode: fr
+status: true
+dependencies: {  }
+name: 'type de media'
+vid: type_de_media
+description: ''
+weight: 0

config/sync/user.role.editeur.yml

@@ -35,6 +35,12 @@ permissions:
   - 'create question_reponse content'
   - 'create ressource content'
   - 'create static content'
+  - 'delete any actualite content'
+  - 'delete any offre_de_service content'
+  - 'delete any partenaires_logo_footer_ content'
+  - 'delete any projet content'
+  - 'delete any question_reponse content'
+  - 'delete any ressource content'
   - 'edit annuaire_de_recherche config page entity'
   - 'edit any actualite content'
   - 'edit any offre_de_service content'

config/sync/views.view.base_de_donnees.yml

@@ -4,13 +4,24 @@ status: true
 dependencies:
   config:
     - core.entity_view_mode.node.teaser
+    - field.storage.node.body
+    - field.storage.node.field_auteur_s_
+    - field.storage.node.field_date_de_parution
+    - field.storage.node.field_edition
+    - field.storage.node.field_liens
+    - field.storage.node.field_mots_clefs
+    - field.storage.node.field_sous_titre
+    - field.storage.node.field_type_de_ressource
     - node.type.ressource
     - taxonomy.vocabulary.tag_ressource
+    - taxonomy.vocabulary.type_de_media
     - taxonomy.vocabulary.types_de_ressource
   module:
     - datetime
+    - link
     - node
     - taxonomy
+    - text
     - user
 id: base_de_donnees
 label: 'Base de données'
@@ -75,6 +86,511 @@ display:
           multi_type: separator
           separator: ', '
           field_api_classes: false
+        field_type_de_ressource:
+          id: field_type_de_ressource
+          table: node__field_type_de_ressource
+          field: field_type_de_ressource
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: field
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: target_id
+          type: entity_reference_label
+          settings:
+            link: false
+          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_auteur_s_:
+          id: field_auteur_s_
+          table: node__field_auteur_s_
+          field: field_auteur_s_
+          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: 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
+        body:
+          id: body
+          table: node__body
+          field: body
+          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: 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
+        field_liens:
+          id: field_liens
+          table: node__field_liens
+          field: field_liens
+          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: uri
+          type: link
+          settings:
+            trim_length: 80
+            url_only: false
+            url_plain: false
+            rel: '0'
+            target: '0'
+          group_column: ''
+          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_mots_clefs:
+          id: field_mots_clefs
+          table: node__field_mots_clefs
+          field: field_mots_clefs
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: field
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: target_id
+          type: entity_reference_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_sous_titre:
+          id: field_sous_titre
+          table: node__field_sous_titre
+          field: field_sous_titre
+          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: 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
+        field_edition:
+          id: field_edition
+          table: node__field_edition
+          field: field_edition
+          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: 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
+        field_date_de_parution:
+          id: field_date_de_parution
+          table: node__field_date_de_parution
+          field: field_date_de_parution
+          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: datetime_plain
+          settings:
+            timezone_override: ''
+          group_column: value
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
       pager:
         type: none
         options:
@@ -130,31 +646,40 @@ display:
             operator: ''
             operator_limit_selection: false
             operator_list: {  }
-        field_date_de_parution_value:
-          id: field_date_de_parution_value
-          table: node__field_date_de_parution
-          field: field_date_de_parution_value
+        type:
+          id: type
+          table: node_field_data
+          field: type
+          entity_type: node
+          entity_field: type
+          plugin_id: bundle
+          value:
+            ressource: ressource
+          group: 1
+          expose:
+            operator_limit_selection: false
+            operator_list: {  }
+        field_type_de_media_target_id:
+          id: field_type_de_media_target_id
+          table: node__field_type_de_media
+          field: field_type_de_media_target_id
           relationship: none
           group_type: group
           admin_label: ''
-          plugin_id: datetime
-          operator: '='
-          value:
-            min: ''
-            max: ''
-            value: ''
-            type: date
+          plugin_id: taxonomy_index_tid
+          operator: or
+          value: {  }
           group: 1
           exposed: true
           expose:
-            operator_id: field_date_de_parution_value_op
-            label: Date
+            operator_id: field_type_de_media_target_id_op
+            label: 'Type de media'
             description: ''
             use_operator: false
-            operator: field_date_de_parution_value_op
+            operator: field_type_de_media_target_id_op
             operator_limit_selection: false
             operator_list: {  }
-            identifier: field_date_de_parution_value
+            identifier: field_type_de_media_target_id
             required: false
             remember: false
             multiple: false
@@ -165,9 +690,7 @@ display:
               root: '0'
               user: '0'
               editeur: '0'
-            min_placeholder: ''
-            max_placeholder: ''
-            placeholder: ''
+            reduce: false
           is_grouped: false
           group_info:
             label: ''
@@ -180,19 +703,18 @@ display:
             default_group: All
             default_group_multiple: {  }
             group_items: {  }
-        type:
-          id: type
-          table: node_field_data
-          field: type
-          entity_type: node
-          entity_field: type
-          plugin_id: bundle
-          value:
-            ressource: ressource
-          group: 1
-          expose:
-            operator_limit_selection: false
-            operator_list: {  }
+          reduce_duplicates: false
+          vid: type_de_media
+          type: select
+          hierarchy: false
+          limit: true
+          error_message: true
+          save_lineage: false
+          force_deepest: false
+          parent: 0
+          level_labels: ''
+          hierarchy_depth: 0
+          required_depth: 0
         field_type_de_ressource_target_id:
           id: field_type_de_ressource_target_id
           table: node__field_type_de_ressource
@@ -207,7 +729,7 @@ display:
           exposed: true
           expose:
             operator_id: field_type_de_ressource_target_id_op
-            label: 'Type de ressource'
+            label: 'Type de contenus'
             description: ''
             use_operator: false
             operator: field_type_de_ressource_target_id_op
@@ -295,7 +817,7 @@ display:
             group_items: {  }
           reduce_duplicates: false
           vid: tag_ressource
-          type: textfield
+          type: select
           hierarchy: false
           limit: true
           error_message: true
@@ -305,12 +827,153 @@ display:
           level_labels: ''
           hierarchy_depth: 0
           required_depth: 0
+        field_date_de_parution_value:
+          id: field_date_de_parution_value
+          table: node__field_date_de_parution
+          field: field_date_de_parution_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_de_parution_value_op
+            label: Date
+            description: ''
+            use_operator: false
+            operator: field_date_de_parution_value_op
+            operator_limit_selection: false
+            operator_list: {  }
+            identifier: field_date_de_parution_value
+            required: false
+            remember: false
+            multiple: false
+            remember_roles:
+              authenticated: authenticated
+              anonymous: '0'
+              admin: '0'
+              root: '0'
+              user: '0'
+              editeur: '0'
+            min_placeholder: ''
+            max_placeholder: ''
+            placeholder: ''
+          is_grouped: true
+          group_info:
+            label: Date
+            description: ''
+            identifier: field_date_de_parution_value
+            optional: true
+            widget: select
+            multiple: false
+            remember: false
+            default_group: All
+            default_group_multiple: {  }
+            group_items:
+              1:
+                title: '2022'
+                operator: between
+                value:
+                  min: '2022-01-01 00:00:00'
+                  max: '2023-01-01 00:00:00'
+                  value: ''
+                  type: date
+              2:
+                title: '2023'
+                operator: between
+                value:
+                  min: '2023-01-01 00:00:00'
+                  max: '2024-01-01 00:00:00'
+                  value: ''
+                  type: date
+              3:
+                title: '2024'
+                operator: between
+                value:
+                  min: '2024-01-01 00:00:00'
+                  max: '2025-01-01 00:00:00'
+                  value: ''
+                  type: date
+              4:
+                title: '2025'
+                operator: between
+                value:
+                  min: '2025-01-01 00:00:00'
+                  max: '2026-01-01 00:00:00'
+                  value: ''
+                  type: date
+        combine:
+          id: combine
+          table: views
+          field: combine
+          relationship: none
+          group_type: group
+          admin_label: 'global recherche'
+          plugin_id: combine
+          operator: contains
+          value: ''
+          group: 1
+          exposed: true
+          expose:
+            operator_id: combine_op
+            label: Recherche
+            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'
+              user: '0'
+              editeur: '0'
+            placeholder: 'recherche libre'
+          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
+            field_auteur_s_: field_auteur_s_
+            body: body
+            field_sous_titre: field_sous_titre
+            field_edition: field_edition
       filter_groups:
         operator: AND
         groups:
           1: AND
       style:
         type: default
+        options:
+          grouping:
+            -
+              field: field_type_de_ressource
+              rendered: true
+              rendered_strip: false
+          row_class: ''
+          default_row_class: true
+          uses_fields: true
       row:
         type: 'entity:node'
         options:
@@ -321,7 +984,7 @@ display:
         options:
           query_comment: ''
           disable_sql_rewrite: false
-          distinct: false
+          distinct: true
           replica: false
           query_tags: {  }
       relationships: {  }
@@ -337,7 +1000,15 @@ display:
         - user
         - 'user.node_grants:view'
         - user.permissions
-      tags: {  }
+      tags:
+        - 'config:field.storage.node.body'
+        - 'config:field.storage.node.field_auteur_s_'
+        - 'config:field.storage.node.field_date_de_parution'
+        - 'config:field.storage.node.field_edition'
+        - 'config:field.storage.node.field_liens'
+        - 'config:field.storage.node.field_mots_clefs'
+        - 'config:field.storage.node.field_sous_titre'
+        - 'config:field.storage.node.field_type_de_ressource'
   block_1:
     id: block_1
     display_title: 'Block bdd'
@@ -348,85 +1019,85 @@ display:
       display_extenders:
         views_ef_fieldset:
           views_ef_fieldset:
-            enabled: 0
+            enabled: false
             options:
               sort:
                 root:
                   container_type: details
-                  title: Filtres
+                  depth: '0'
                   description: ''
-                  open: '1'
-                  weight: '0'
                   id: root
+                  open: true
                   pid: ''
-                  depth: '0'
+                  title: Filtres
                   type: container
+                  weight: '0'
                 field_date_de_parution_value:
-                  weight: '-8'
+                  depth: '1'
                   id: field_date_de_parution_value
                   pid: root
-                  depth: '1'
                   type: filter
-                field_type_de_ressource_target_id:
                   weight: '-8'
+                field_type_de_ressource_target_id:
+                  depth: '1'
                   id: field_type_de_ressource_target_id
                   pid: root
-                  depth: '1'
                   type: filter
-                field_mots_clefs_target_id:
                   weight: '-8'
+                field_mots_clefs_target_id:
+                  depth: '1'
                   id: field_mots_clefs_target_id
                   pid: root
-                  depth: '1'
                   type: filter
-                submit:
                   weight: '-8'
+                submit:
+                  depth: '1'
                   id: submit
                   pid: root
-                  depth: '1'
                   type: buttons
+                  weight: '-8'
                 container-0:
                   container_type: details
-                  title: 'Container 0'
+                  depth: '1'
                   description: ''
-                  weight: '-7'
-                  open: 0
                   id: container-0
+                  open: false
                   pid: root
-                  depth: '1'
+                  title: 'Container 0'
                   type: container
+                  weight: '-7'
                 container-1:
                   container_type: details
-                  title: 'Container 1'
+                  depth: '1'
                   description: ''
-                  weight: '-6'
-                  open: 0
                   id: container-1
+                  open: false
                   pid: root
-                  depth: '1'
+                  title: 'Container 1'
                   type: container
+                  weight: '-6'
                 container-2:
                   container_type: details
-                  title: 'Container 2'
+                  depth: '1'
                   description: ''
-                  weight: '-5'
-                  open: 0
                   id: container-2
+                  open: false
                   pid: root
-                  depth: '1'
+                  title: 'Container 2'
                   type: container
+                  weight: '-5'
                 container-3:
                   container_type: details
-                  title: 'Container 3'
+                  depth: '1'
                   description: ''
-                  weight: '-4'
-                  open: 0
                   id: container-3
+                  open: false
                   pid: root
-                  depth: '1'
+                  title: 'Container 3'
                   type: container
+                  weight: '-4'
       block_category: 'Ressources (Views)'
-      block_hide_empty: true
+      block_hide_empty: false
       allow:
         items_per_page: false
         offset: '0'
@@ -444,4 +1115,12 @@ display:
         - user
         - 'user.node_grants:view'
         - user.permissions
-      tags: {  }
+      tags:
+        - 'config:field.storage.node.body'
+        - 'config:field.storage.node.field_auteur_s_'
+        - 'config:field.storage.node.field_date_de_parution'
+        - 'config:field.storage.node.field_edition'
+        - 'config:field.storage.node.field_liens'
+        - 'config:field.storage.node.field_mots_clefs'
+        - 'config:field.storage.node.field_sous_titre'
+        - 'config:field.storage.node.field_type_de_ressource'

config/sync/views.view.projets.yml

@@ -1385,7 +1385,7 @@ display:
               'y': ''
             html: '<div class="lmm-icon [node:field_map_marker:classes]">[node:field_map_marker:icon]</div>'
             html_class: leaflet-map-divicon
-            circle_marker_options: '{"radius":5,"color":"{{ views_conditional_field }}","fillColor":"{{ views_conditional_field }}","fillOpacity":0.5}'
+            circle_marker_options: '{"radius":10,"color":"{{ views_conditional_field }}","fillColor":"{{ views_conditional_field }}","fillOpacity":0.5}'
           leaflet_markercluster:
             control: true
             include_path: true

web/themes/custom/eql/dist/assets/images/pictos/logo_x_rond.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="50  "
+   height="50"
+   version="1.1"
+   id="svg1"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <ellipse
+     style="fill:#333333;fill-rule:evenodd;stroke:none;stroke-width:4.69421;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
+     id="path2"
+     cx="134.01807"
+     cy="134.74095"
+     rx="134.01807"
+     ry="134.74095" />
+  <path
+     d="m 182.04042,59.990498 h 25.37653 l -55.71807,63.441352 65.09636,86.05957 H 165.71116 L 125.7155,157.19367 79.927403,209.49142 H 54.550874 L 113.57892,141.63674 51.240878,59.990498 h 52.352912 l 36.13399,47.774082 z m -8.88177,134.605972 h 14.06741 L 96.201523,74.33374 h -15.11563 z"
+     id="path1"
+     style="fill:#ffffff;stroke-width:0.551663" />
+</svg>

web/themes/custom/eql/dist/assets/images/pictos/loupe.svg

@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="7.250946mm"
+   height="6.7037978mm"
+   viewBox="0 0 7.250946 6.7037978"
+   version="1.1"
+   id="svg1"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath2444">
+      <path
+         d="M 0,0 H 22.0445 V -17 H 0 Z"
+         transform="matrix(1.3191067,0.19425333,0.19425333,-1.3191067,225.01215,461.47051)"
+         clip-rule="evenodd"
+         id="path2444" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath2440">
+      <path
+         d="M 0,-18 H 1260 V 18 H 0 Z"
+         transform="translate(-0.24999723,-16.750003)"
+         id="path2440" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath2441">
+      <path
+         d="M 0,-18 H 1260 V 18 H 0 Z"
+         transform="translate(-14.679745,-4.6071402)"
+         id="path2441" />
+    </clipPath>
+  </defs>
+  <g
+     id="layer1"
+     transform="translate(-120.12082,-122.50209)">
+    <g
+       id="g2443"
+       clip-path="url(#clipPath2444)"
+       transform="matrix(0.26458333,0,0,0.26458333,61.004151,0.05323333)">
+      <path
+         d="m 15.5,-7.75 c 0,-4.2804 -3.4696,-7.75 -7.75,-7.75 C 3.46979,-15.5 0,-12.0304 0,-7.75 0,-3.46979 3.46979,0 7.75,0 12.0304,0 15.5,-3.46979 15.5,-7.75 Z"
+         style="fill:none;stroke:#181715;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(1.2151874,0.17895006,0.18346062,-1.2458171,225.27006,461.8268)"
+         clip-path="url(#clipPath2440)"
+         id="path2442" />
+      <path
+         d="M 0,0 9,-5.35714"
+         style="fill:none;stroke:#181715;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(1.2151874,0.17895006,0.18346062,-1.2458171,240.57717,479.53679)"
+         clip-path="url(#clipPath2441)"
+         id="path2443" />
+    </g>
+  </g>
+</svg>

web/themes/custom/eql/dist/assets/images/pictos/noun_External Link_674151.svg

@@ -1,55 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   version="1.1"
-   x="0px"
-   y="0px"
-   viewBox="0 0 100 125"
-   style="enable-background:new 0 0 100 100;"
-   xml:space="preserve"
-   id="svg20"
-   sodipodi:docname="noun_External Link_674151.svg"
-   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"><metadata
-     id="metadata26"><rdf:RDF><cc:Work
-         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
-     id="defs24" /><sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="1015"
-     id="namedview22"
-     showgrid="false"
-     inkscape:zoom="6.92"
-     inkscape:cx="50"
-     inkscape:cy="159.82431"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg20" /><g
-     id="g14"><g
-       id="g4"><rect
-         x="31.4"
-         y="35.1"
-         transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.65 55.5169)"
-         width="63.6"
-         height="3.7"
-         id="rect2" /></g><g
-       id="g8"><polygon
-         points="87.6,40.7 83.8,40.7 83.8,16.4 59.4,16.4 59.4,12.6 87.6,12.6   "
-         id="polygon6" /></g><g
-       id="g12"><polygon
-         points="80.1,87.6 12.6,87.6 12.6,20.1 46.3,20.1 46.3,23.9 16.3,23.9 16.3,83.9 76.3,83.9 76.3,53.9 80.1,53.9   "
-         id="polygon10" /></g></g></svg>

web/themes/custom/eql/dist/assets/images/pictos/picto-ressource-eqld.svg

@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="43.052399"
+   height="42.380493"
+   viewBox="0 0 43.052399 42.380493"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5080">
+      <path
+         d="M 0,-31.7854 H 1260 V 31.7854 H 0 Z"
+         transform="translate(-4.5662776,-27.696561)"
+         id="path5080" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5081">
+      <path
+         d="M 0,-31.7854 H 1260 V 31.7854 H 0 Z"
+         transform="translate(-9.5315927,-22.773591)"
+         id="path5081" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5082">
+      <path
+         d="M 0,-31.7854 H 1260 V 31.7854 H 0 Z"
+         transform="translate(-10.0671,-22.287553)"
+         id="path5082" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5083">
+      <path
+         d="M 0,-31.7854 H 1260 V 31.7854 H 0 Z"
+         transform="translate(0,-31.785381)"
+         id="path5083" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5088">
+      <path
+         d="M 0,0 H 32.2893 V -31.7854 H 0 Z"
+         transform="matrix(1.3333333,0,0,-1.3333333,340,724.03416)"
+         clip-rule="evenodd"
+         id="path5088" />
+    </clipPath>
+  </defs>
+  <g
+     id="layer-oc0"
+     transform="translate(-340.00007,-724.03418)">
+    <g
+       id="g5087"
+       clip-path="url(#clipPath5088)">
+      <path
+         d="M 11.4819,0 0,-11.4134 11.3212,-22.8025 22.803,-11.389 Z M 11.4787,-1.069 21.734,-11.3858 11.3243,-21.7335 1.069,-11.4166 Z"
+         style="fill:#09398b;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         transform="matrix(1.3333333,0,0,-1.3333333,346.08837,729.48592)"
+         clip-path="url(#clipPath5080)"
+         id="path5084" />
+      <path
+         d="M 0,-1.40176 1.41308,-12.7753 12.6955,-11.3736 11.2824,0 Z m 0.84329,-0.65694 9.78221,1.21537 1.2267,-9.87327 -9.78222,-1.2154 z"
+         style="fill:#09398b;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         transform="matrix(1.3333333,0,0,-1.3333333,352.70879,736.04988)"
+         clip-path="url(#clipPath5081)"
+         id="path5085" />
+      <path
+         d="M 0,-4.26093 4.29511,-11.6818 11.6567,-7.42085 7.3616,0 Z M 1.03279,-4.53654 7.08612,-1.03283 10.624,-7.14533 4.57063,-10.649 Z"
+         style="fill:#09398b;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         transform="matrix(1.3333333,0,0,-1.3333333,353.4228,736.69793)"
+         clip-path="url(#clipPath5082)"
+         id="path5086" />
+      <path
+         d="M 16.1448,-31.7854 C 7.23377,-31.7854 0,-24.6648 0,-15.8927 0,-7.12097 7.23375,0 16.1448,0 c 8.911,0 16.1445,-7.12098 16.1445,-15.8927 0,-8.7721 -7.2335,-15.8927 -16.1445,-15.8927 z m 0,0.9375 c 8.3963,0 15.1922,6.6897 15.1922,14.9552 0,8.2651 -6.7959,14.95512 -15.1922,14.95512 -8.39638,0 -15.19236,-6.69003 -15.19236,-14.95512 0,-8.2655 6.79596,-14.9552 15.19236,-14.9552 z"
+         style="fill:#09398b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         transform="matrix(1.3333333,0,0,-1.3333333,340,724.03416)"
+         clip-path="url(#clipPath5083)"
+         id="path5087" />
+    </g>
+  </g>
+</svg>

web/themes/custom/eql/dist/assets/images/pictos/picto-ressource-paroleslaureats.svg

@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="42.603058"
+   height="42.603027"
+   viewBox="0 0 42.603058 42.603027"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5094">
+      <path
+         d="M 0,-31.9523 H 1260 V 31.9523 H 0 Z"
+         transform="translate(0,-31.952266)"
+         id="path5094" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5095">
+      <path
+         d="M 0,-31.9523 H 1260 V 31.9523 H 0 Z"
+         transform="translate(-6.1259627,-22.731016)"
+         id="path5095" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5096">
+      <path
+         d="M 0,-31.9523 H 1260 V 31.9523 H 0 Z"
+         transform="translate(-5.9550976,-22.901491)"
+         id="path5096" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5100">
+      <path
+         d="M 0,0 H 31.9523 V -31.9523 H 0 Z"
+         transform="matrix(1.3333333,0,0,-1.3333333,340,1364.6985)"
+         clip-rule="evenodd"
+         id="path5100" />
+    </clipPath>
+  </defs>
+  <g
+     id="layer-oc0"
+     transform="translate(-340.00003,-1364.6985)">
+    <g
+       id="g5099"
+       clip-path="url(#clipPath5100)">
+      <path
+         d="m 15.9762,-0.9985 c 8.2719,0 14.9776,-6.70571 14.9776,-14.9776 0,-8.2719 -6.7057,-14.9776 -14.9776,-14.9777 -8.27192,0 -14.97765,6.7057 -14.97769,14.9776 0.01097,8.26739 6.71026,14.9667 14.97769,14.9777 z m 0,0.9985 C 7.15278,1e-5 2e-5,-7.15274 0,-15.9761 c -2e-5,-8.8234 7.15273,-15.9762 15.9761,-15.9762 8.8234,0 15.9762,7.1527 15.9762,15.9761 C 31.9523,-7.1528 24.7996,-1e-5 15.9762,0 Z"
+         style="fill:#09398b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         transform="matrix(1.3333333,0,0,-1.3333333,340,1364.6985)"
+         clip-path="url(#clipPath5094)"
+         id="path5097" />
+      <path
+         d="m 0,0 v -0.283 -10.3402 h 9.68161 l 7.15429,-4.9176 v 4.9176 h 3.0312 V 0 Z M 0.56581,-0.5658 H 19.3013 v -9.4916 h -3.0312 v -4.4071 l -6.4128,4.4071 H 0.56581 Z"
+         style="fill:#09398b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         transform="matrix(1.3333333,0,0,-1.3333333,348.16795,1376.9935)"
+         clip-path="url(#clipPath5095)"
+         id="path5098" />
+      <path
+         d="m 0,0 v -0.4531 -10.5098 h 9.79883 l 7.37887,-5.0723 v 5.0723 H 20.209 V 0 Z M 0.34179,-0.3398 H 19.8672 V -10.623 h -3.0313 v -4.7637 L 9.90625,-10.623 H 0.34179 V -0.4531 Z M 0.5664,-0.5664 v -9.832 h 9.40821 l 6.63669,-4.5606 v 4.5606 h 3.0313 v 9.832 z M 0.90625,-0.9062 H 19.3027 v -9.1524 h -3.0312 v -4.2539 l -6.1895,4.2539 H 0.90625 Z"
+         style="fill:#09398b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         transform="matrix(1.3333333,0,0,-1.3333333,347.94013,1376.7662)"
+         clip-path="url(#clipPath5096)"
+         id="path5099" />
+    </g>
+  </g>
+</svg>

web/themes/custom/eql/dist/assets/images/pictos/videos-blanc.svg

@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="20.350401"
+   height="20.393066"
+   viewBox="0 0 20.350401 20.393066"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5830">
+      <path
+         d="M 0,-31.9523 H 1260 V 31.9523 H 0 Z"
+         transform="translate(0,-15.294795)"
+         id="path5830" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5831">
+      <path
+         d="M 0,-31.9523 H 1260 V 31.9523 H 0 Z"
+         transform="translate(-11.442769,-6.1136876)"
+         id="path5831" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5832">
+      <path
+         d="M 0,-31.9523 H 1260 V 31.9523 H 0 Z"
+         transform="translate(0,-15.294795)"
+         id="path5832" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5836">
+      <path
+         d="M 0,0 H 15.2628 V -15.2948 H 0 Z"
+         transform="matrix(1.3333333,0,0,-1.3333333,24.14796,455.92257)"
+         clip-rule="evenodd"
+         id="path5836" />
+    </clipPath>
+  </defs>
+  <g
+     id="layer-oc0"
+     transform="translate(-24.14796,-455.92257)">
+    <g
+       id="g5835"
+       clip-path="url(#clipPath5836)">
+      <path
+         d="m 15.9762,-0.9985 c 8.2719,0 14.9776,-6.70571 14.9776,-14.9776 0,-8.2719 -6.7057,-14.9776 -14.9776,-14.9777 -8.27192,0 -14.97765,6.7057 -14.97769,14.9776 0.01097,8.26739 6.71026,14.9667 14.97769,14.9777 z m 0,0.9985 C 7.15278,1e-5 2e-5,-7.15274 0,-15.9761 c -2e-5,-8.8234 7.15273,-15.9762 15.9761,-15.9762 8.8234,0 15.9762,7.1527 15.9762,15.9761 C 31.9523,-7.1528 24.7996,-1e-5 15.9762,0 Z"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         transform="matrix(0.63690667,0,0,-0.63824,24.14796,455.92249)"
+         clip-path="url(#clipPath5830)"
+         id="path5833" />
+      <path
+         d="M 1.05698,-1.8233 10.0942,-7.1082 1.05698,-12.3931 Z M 0,0 V -14.1108 L 12.2346,-7.1082 0,-0.0528 Z"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         transform="matrix(0.63690667,0,0,-0.63824,31.435936,461.78224)"
+         clip-path="url(#clipPath5831)"
+         id="path5834" />
+      <path
+         d="m 15.9762,-0.9985 c 8.2719,0 14.9776,-6.70571 14.9776,-14.9776 0,-8.2719 -6.7057,-14.9776 -14.9776,-14.9777 -8.27192,0 -14.97765,6.7057 -14.97769,14.9776 0.01097,8.26739 6.71026,14.9667 14.97769,14.9777 z m 0,0.9985 C 7.15278,1e-5 2e-5,-7.15274 0,-15.9761 c -2e-5,-8.8234 7.15273,-15.9762 15.9761,-15.9762 8.8234,0 15.9762,7.1527 15.9762,15.9761 C 31.9523,-7.1528 24.7996,-1e-5 15.9762,0 Z"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         transform="matrix(0.63690667,0,0,-0.63824,24.14796,455.92249)"
+         clip-path="url(#clipPath5832)"
+         id="path5835" />
+    </g>
+  </g>
+</svg>

web/themes/custom/eql/dist/assets/images/pictos/videos.svg

@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="20.350399"
+   height="20.393066"
+   viewBox="0 0 20.350399 20.393066"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5830">
+      <path
+         d="M 0,-31.9523 H 1260 V 31.9523 H 0 Z"
+         transform="translate(0,-15.294795)"
+         id="path5830" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5831">
+      <path
+         d="M 0,-31.9523 H 1260 V 31.9523 H 0 Z"
+         transform="translate(-11.442769,-6.1136876)"
+         id="path5831" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5832">
+      <path
+         d="M 0,-31.9523 H 1260 V 31.9523 H 0 Z"
+         transform="translate(0,-15.294795)"
+         id="path5832" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5836">
+      <path
+         d="M 0,0 H 15.2628 V -15.2948 H 0 Z"
+         transform="matrix(1.3333333,0,0,-1.3333333,24.14796,455.92257)"
+         clip-rule="evenodd"
+         id="path5836" />
+    </clipPath>
+  </defs>
+  <g
+     id="layer-oc0"
+     transform="translate(-24.148428,-455.92258)">
+    <g
+       id="g5835"
+       clip-path="url(#clipPath5836)">
+      <path
+         d="m 15.9762,-0.9985 c 8.2719,0 14.9776,-6.70571 14.9776,-14.9776 0,-8.2719 -6.7057,-14.9776 -14.9776,-14.9777 -8.27192,0 -14.97765,6.7057 -14.97769,14.9776 0.01097,8.26739 6.71026,14.9667 14.97769,14.9777 z m 0,0.9985 C 7.15278,1e-5 2e-5,-7.15274 0,-15.9761 c -2e-5,-8.8234 7.15273,-15.9762 15.9761,-15.9762 8.8234,0 15.9762,7.1527 15.9762,15.9761 C 31.9523,-7.1528 24.7996,-1e-5 15.9762,0 Z"
+         style="fill:#09398b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         transform="matrix(0.63690667,0,0,-0.63824,24.14796,455.92249)"
+         clip-path="url(#clipPath5830)"
+         id="path5833" />
+      <path
+         d="M 1.05698,-1.8233 10.0942,-7.1082 1.05698,-12.3931 Z M 0,0 V -14.1108 L 12.2346,-7.1082 0,-0.0528 Z"
+         style="fill:#09398b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         transform="matrix(0.63690667,0,0,-0.63824,31.435936,461.78224)"
+         clip-path="url(#clipPath5831)"
+         id="path5834" />
+      <path
+         d="m 15.9762,-0.9985 c 8.2719,0 14.9776,-6.70571 14.9776,-14.9776 0,-8.2719 -6.7057,-14.9776 -14.9776,-14.9777 -8.27192,0 -14.97765,6.7057 -14.97769,14.9776 0.01097,8.26739 6.71026,14.9667 14.97769,14.9777 z m 0,0.9985 C 7.15278,1e-5 2e-5,-7.15274 0,-15.9761 c -2e-5,-8.8234 7.15273,-15.9762 15.9761,-15.9762 8.8234,0 15.9762,7.1527 15.9762,15.9761 C 31.9523,-7.1528 24.7996,-1e-5 15.9762,0 Z"
+         style="fill:#09398b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         transform="matrix(0.63690667,0,0,-0.63824,24.14796,455.92249)"
+         clip-path="url(#clipPath5832)"
+         id="path5835" />
+    </g>
+  </g>
+</svg>

web/themes/custom/eql/eql.info.yml

@@ -9,7 +9,7 @@ base theme: false
 libraries:
   - eql/global-css
   - eql/global-js
-  
+
 
 regions:
   header_top_left: 'Header top left'

web/themes/custom/eql/eql.libraries.yml

@@ -15,7 +15,7 @@ global-js:
 
 
 
+
  
   dependencies:
     - core/jquery
-    

web/themes/custom/eql/eql.theme

@@ -8,12 +8,34 @@
 // use Drupal\Core\Link;
 // use Drupal\Core\Url;
 use Drupal\Component\Utility\Html;
+use Drupal\Component\Transliteration\TransliterationInterface;
+use Drupal\taxonomy\Entity\Term;
+use Drupal\Core\Template\Attribute;
+use Drupal\node\NodeInterface;
+
 
 function eql_preprocess_html(&$variables) {
   $node = \Drupal::routeMatch()->getParameter('node');
-  if ($node){
+
+  if ($node instanceof \Drupal\node\NodeInterface) {
     $variables['attributes']['class'][] = 'node-type-' . $node->bundle();
     $variables['attributes']['class'][] = 'node-id-' . $node->id();
+
+    // Liste des champs à traiter pour générer des classes dynamiques
+    $fields_to_classify = [
+      'field_type_de_ressource' => 'type-',
+      'field_type_de_media'     => 'type-media-',
+    ];
+
+    foreach ($fields_to_classify as $field_name => $prefix) {
+      if ($node->hasField($field_name) && !$node->get($field_name)->isEmpty()) {
+        foreach ($node->get($field_name)->referencedEntities() as $term) {
+          $label = $term->label();
+          $css_class = $prefix . Html::cleanCssIdentifier(strtolower($label));
+          $variables['attributes']['class'][] = $css_class;
+        }
+      }
+    }
   }
 }
 
@@ -21,6 +43,7 @@ function eql_preprocess_html(&$variables) {
 function eql_preprocess_node(&$variables){
   $node = &$variables['node'];
   $variables['attributes']['class'][] = 'node-type-' . $node->gettype();
+
   if($node->gettype() == "actualite") {
     $actu_type = $node->get('field_actu_type')->getString();
     $variables['attributes']['class'][] = 'actu-type-' . $actu_type;
@@ -29,18 +52,53 @@ function eql_preprocess_node(&$variables){
     $type_protagoniste = $node->get('field_type_de_protagoniste')->getString();
     $variables['attributes']['class'][] = 'type-de-protagoniste-' . $type_protagoniste;
   }
-  // Vérifie si le champ field_type_de_ressource existe et ajoute une classe basée sur sa valeur
-  if ($node->hasField('field_type_de_ressource') && !$node->get('field_type_de_ressource')->isEmpty()) {
-    // Récupère la valeur de field_type_de_ressource
-    $type_de_ressource_entity = $node->get('field_type_de_ressource')->entity;
-    if ($type_de_ressource_entity) {
-      $type_de_ressource_name = $type_de_ressource_entity->getName();
-      // Ajoute la classe CSS basée sur la valeur du type de ressource
-      $variables['attributes']['class'][] = 'type-de-ressource-' . Html::cleanCssIdentifier($type_de_ressource_name);
+
+  if ($node->getType() === 'ressource' && $node->hasField('field_type_de_ressource') && !$node->get('field_type_de_ressource')->isEmpty()) {
+    foreach ($node->get('field_type_de_ressource')->referencedEntities() as $term) {
+      $label = $term->label(); // ex: "Presse"
+      $class = 'type-' . Html::cleanCssIdentifier(strtolower($label));
+      $variables['attributes']['class'][] = $class;
+    }
+  }
+}
+
+
+function eql_preprocess_page(array &$variables) {
+  $node = \Drupal::routeMatch()->getParameter('node');
+  if ($node instanceof \Drupal\node\NodeInterface && $node->bundle() === 'ressource') {
+    if ($node->hasField('field_type_de_ressource') && !$node->get('field_type_de_ressource')->isEmpty()) {
+      foreach ($node->get('field_type_de_ressource')->referencedEntities() as $term) {
+        $label = $term->label();
+        $css_class = 'type-' . \Drupal\Component\Utility\Html::getClass($label);
+
+        // S'assurer que les attributs existent
+        if (!isset($variables['page']['top']['#attributes'])) {
+          $variables['page']['top']['#attributes'] = ['class' => []];
+        }
+
+        $variables['page']['top']['#attributes']['class'][] = $css_class;
+      }
     }
   }
 }
 
+
+
+
+function eql_preprocess_block(array &$variables) {
+  // Vérifie si on est sur une page node de type 'ressource'
+  $route_match = \Drupal::routeMatch();
+  $node = $route_match->getParameter('node');
+
+  if ($node instanceof \Drupal\node\NodeInterface && $node->bundle() === 'ressource') {
+    $variables['is_ressource_page'] = TRUE;
+  }
+  else {
+    $variables['is_ressource_page'] = FALSE;
+  }
+}
+
+
 function eql_preprocess_field(&$variables) {
   $node = \Drupal::routeMatch()->getParameter('node');
 
@@ -65,6 +123,7 @@ function eql_preprocess_field(&$variables) {
 
 function eql_preprocess_layout__threecol_25_50_25(&$variables) {
   $node = \Drupal::routeMatch()->getParameter('node');
+
   if($node->gettype() == "projet"){
     $variables['content']['top_bottom'] = [];     /////// déclare les nvx array 
     $variables['content']['top_right'] = [];
@@ -91,6 +150,167 @@ function eql_preprocess_layout__threecol_25_50_25(&$variables) {
       }
     }
   }
+
+  if ($node && $node->getType() === 'ressource') {
+    if ($node->hasField('field_type_de_ressource') && !$node->get('field_type_de_ressource')->isEmpty()) {
+      $terms = $node->get('field_type_de_ressource')->referencedEntities();
+      if (!empty($terms)) {
+        foreach ($terms as $term) {
+          if ($term instanceof \Drupal\taxonomy\Entity\Term) {
+            $label = $term->label();
+            $css_class = 'type-' . \Drupal\Component\Utility\Html::cleanCssIdentifier(strtolower($label));
+      
+            if (!isset($variables['region_attributes']['top'])) {
+              $variables['region_attributes']['top'] = new \Drupal\Core\Template\Attribute();
+            }
+      
+            $variables['region_attributes']['top']->addClass($css_class);
+          }
+        }
+      }
+    }
+
+       // Champ : field_type_de_media
+  if ($node->hasField('field_type_de_media') && !$node->get('field_type_de_media')->isEmpty()) {
+    $terms = $node->get('field_type_de_media')->referencedEntities();
+    foreach ($terms as $term) {
+      if ($term instanceof \Drupal\taxonomy\Entity\Term) {
+        $media_label = $term->label();
+        $css_class = 'type-media-' . \Drupal\Component\Utility\Html::cleanCssIdentifier(strtolower($media_label));
+
+        if (!isset($variables['region_attributes']['top'])) {
+          $variables['region_attributes']['top'] = new \Drupal\Core\Template\Attribute();
+        }
+
+        $variables['region_attributes']['top']->addClass($css_class);
+      }
+    }
+  }
+}
 }
 
 
+
+function eql_preprocess_views_view_unformatted(array &$variables) {
+  $view = $variables['view'];
+
+  if ($view->id() !== 'base_de_donnees') {
+    return;
+  }
+
+  $transliterator = \Drupal::service('transliteration');
+  $current_path = \Drupal::service('path.current')->getPath();
+  $request = \Drupal::request();
+  $query_params = $request->query->all();
+
+  // Active uniquement si on est sur la page /ressources sans filtres actifs
+  $is_ressource_main = $current_path === '/ressources';
+  $has_filters = !empty(array_filter($query_params, fn($v) => $v !== '' && $v !== 'All'));
+
+  $filter_slides = $is_ressource_main && !$has_filters;
+
+  // Liste des types à restreindre uniquement sur /ressources sans filtres
+  $allowed_types = [
+    'type-paroles-de-laureats',
+    'type-publications-issues-du-programme',
+    'type-presse',
+    'type-les-projets-en-images',
+    // 'type-autres',
+    // 'type-evenements',
+    'type-publications-des-partenaires-et-laureats',
+  ];
+
+  $slides = [];
+  $unclassified_rows = [];
+
+  foreach ($variables['rows'] as $row) {
+    if (!isset($row['content']['#node'])) {
+      $unclassified_rows[] = $row;
+      continue;
+    }
+
+    $node = $row['content']['#node'];
+    $matched = false;
+
+    if ($node->hasField('field_type_de_ressource') && !$node->get('field_type_de_ressource')->isEmpty()) {
+      foreach ($node->get('field_type_de_ressource')->referencedEntities() as $term) {
+        $label = $term->label();
+        $tid = $term->id(); // <-- on récupère l'ID
+
+        $label_ascii = $transliterator->transliterate($label);
+        $type_class = 'type-' . Html::cleanCssIdentifier(strtolower($label_ascii));
+
+        // Init slide si non encore créé
+        if (!isset($slides[$type_class])) {
+          $slides[$type_class] = [
+            'label' => $label,
+            'tid' => $term->id(),
+            'rows' => [],
+          ];
+        }
+
+        // Ajouter la row dans le slide
+        $slides[$type_class]['rows'][] = $row;
+        $matched = true;
+
+        // Ajouter la classe CSS à la row
+        $row['attributes']->addClass($type_class);
+
+        // Ajouter aussi à l'article si possible
+        if (!isset($row['content']['#attributes']) || !($row['content']['#attributes'] instanceof Attribute)) {
+          $row['content']['#attributes'] = new Attribute();
+        }
+        $row['content']['#attributes']->addClass($type_class);
+      }
+    }
+
+    if (!$matched) {
+      $unclassified_rows[] = $row;
+    }
+  }
+
+  // Appliquer le filtrage final si sur la page principale
+  $variables['grouped_rows'] = $filter_slides
+    ? array_filter($slides, fn($key) => in_array($key, $allowed_types), ARRAY_FILTER_USE_KEY)
+    : $slides;
+
+  $variables['unclassified_rows'] = $unclassified_rows;
+  $variables['rows'] = []; // désactive affichage par défaut
+  $variables['is_filtered'] = !$filter_slides;
+}
+
+
+
+function eql_preprocess_form(&$variables) {
+  $terms = \Drupal::entityTypeManager()
+    ->getStorage('taxonomy_term')
+    ->loadTree('type_de_media');
+
+  $transliterator = \Drupal::service('transliteration');
+  $media_links = [];
+
+  // Récupère la valeur actuelle du filtre dans l’URL
+  $request = \Drupal::request();
+  $active_tid = $request->query->get('field_type_de_media_target_id');
+
+  foreach ($terms as $term) {
+    $slug = Html::cleanCssIdentifier(strtolower($transliterator->transliterate($term->name)));
+    $slug = Html::cleanCssIdentifier($slug); // Nettoie pour CSS
+
+    $media_links[] = [
+      'tid' => $term->tid,
+      'label' => $term->name,
+      'slug' => $slug,
+      'active' => (string)$term->tid === $active_tid, // <-- True si c'est celui sélectionné
+    ];
+  }
+
+  $variables['media_links'] = $media_links;
+}
+
+
+
+
+
+
+

web/themes/custom/eql/images/pictos/logo_x_rond.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="268.03613"
+   height="269.4819"
+   version="1.1"
+   id="svg1"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <ellipse
+     style="fill:#333333;fill-rule:evenodd;stroke:none;stroke-width:4.69421;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
+     id="path2"
+     cx="134.01807"
+     cy="134.74095"
+     rx="134.01807"
+     ry="134.74095" />
+  <path
+     d="m 182.04042,59.990498 h 25.37653 l -55.71807,63.441352 65.09636,86.05957 H 165.71116 L 125.7155,157.19367 79.927403,209.49142 H 54.550874 L 113.57892,141.63674 51.240878,59.990498 h 52.352912 l 36.13399,47.774082 z m -8.88177,134.605972 h 14.06741 L 96.201523,74.33374 h -15.11563 z"
+     id="path1"
+     style="fill:#ffffff;stroke-width:0.551663" />
+</svg>

web/themes/custom/eql/images/pictos/noun_External Link_674151.svg

@@ -1,55 +1,34 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    version="1.1"
    x="0px"
    y="0px"
-   viewBox="0 0 100 125"
-   style="enable-background:new 0 0 100 100;"
+   viewBox="0 0 7500 9375"
    xml:space="preserve"
    id="svg20"
-   sodipodi:docname="noun_External Link_674151.svg"
-   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"><metadata
+   width="7500"
+   height="9375"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata
      id="metadata26"><rdf:RDF><cc:Work
          rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
-     id="defs24" /><sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="1015"
-     id="namedview22"
-     showgrid="false"
-     inkscape:zoom="6.92"
-     inkscape:cx="50"
-     inkscape:cy="159.82431"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg20" /><g
-     id="g14"><g
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+     id="defs24" /><g
+     id="g14"
+     transform="translate(-1260,-1575)"><g
        id="g4"><rect
          x="31.4"
-         y="35.1"
-         transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.65 55.5169)"
-         width="63.6"
+         y="35.099998"
+         transform="matrix(0.7071,-0.7071,0.7071,0.7071,-7.65,55.5169)"
+         width="63.599998"
          height="3.7"
          id="rect2" /></g><g
        id="g8"><polygon
-         points="87.6,40.7 83.8,40.7 83.8,16.4 59.4,16.4 59.4,12.6 87.6,12.6   "
+         points="59.4,12.6 87.6,12.6 87.6,40.7 83.8,40.7 83.8,16.4 59.4,16.4 "
          id="polygon6" /></g><g
        id="g12"><polygon
-         points="80.1,87.6 12.6,87.6 12.6,20.1 46.3,20.1 46.3,23.9 16.3,23.9 16.3,83.9 76.3,83.9 76.3,53.9 80.1,53.9   "
+         points="46.3,23.9 16.3,23.9 16.3,83.9 76.3,83.9 76.3,53.9 80.1,53.9 80.1,87.6 12.6,87.6 12.6,20.1 46.3,20.1 "
          id="polygon10" /></g></g></svg>

web/themes/custom/eql/images/pictos/picto-ressource-eqld.svg

@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="43.052399"
+   height="42.380493"
+   viewBox="0 0 43.052399 42.380493"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5080">
+      <path
+         d="M 0,-31.7854 H 1260 V 31.7854 H 0 Z"
+         transform="translate(-4.5662776,-27.696561)"
+         id="path5080" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5081">
+      <path
+         d="M 0,-31.7854 H 1260 V 31.7854 H 0 Z"
+         transform="translate(-9.5315927,-22.773591)"
+         id="path5081" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5082">
+      <path
+         d="M 0,-31.7854 H 1260 V 31.7854 H 0 Z"
+         transform="translate(-10.0671,-22.287553)"
+         id="path5082" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5083">
+      <path
+         d="M 0,-31.7854 H 1260 V 31.7854 H 0 Z"
+         transform="translate(0,-31.785381)"
+         id="path5083" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5088">
+      <path
+         d="M 0,0 H 32.2893 V -31.7854 H 0 Z"
+         transform="matrix(1.3333333,0,0,-1.3333333,340,724.03416)"
+         clip-rule="evenodd"
+         id="path5088" />
+    </clipPath>
+  </defs>
+  <g
+     id="layer-oc0"
+     transform="translate(-340.00007,-724.03418)">
+    <g
+       id="g5087"
+       clip-path="url(#clipPath5088)">
+      <path
+         d="M 11.4819,0 0,-11.4134 11.3212,-22.8025 22.803,-11.389 Z M 11.4787,-1.069 21.734,-11.3858 11.3243,-21.7335 1.069,-11.4166 Z"
+         style="fill:#09398b;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         transform="matrix(1.3333333,0,0,-1.3333333,346.08837,729.48592)"
+         clip-path="url(#clipPath5080)"
+         id="path5084" />
+      <path
+         d="M 0,-1.40176 1.41308,-12.7753 12.6955,-11.3736 11.2824,0 Z m 0.84329,-0.65694 9.78221,1.21537 1.2267,-9.87327 -9.78222,-1.2154 z"
+         style="fill:#09398b;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         transform="matrix(1.3333333,0,0,-1.3333333,352.70879,736.04988)"
+         clip-path="url(#clipPath5081)"
+         id="path5085" />
+      <path
+         d="M 0,-4.26093 4.29511,-11.6818 11.6567,-7.42085 7.3616,0 Z M 1.03279,-4.53654 7.08612,-1.03283 10.624,-7.14533 4.57063,-10.649 Z"
+         style="fill:#09398b;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         transform="matrix(1.3333333,0,0,-1.3333333,353.4228,736.69793)"
+         clip-path="url(#clipPath5082)"
+         id="path5086" />
+      <path
+         d="M 16.1448,-31.7854 C 7.23377,-31.7854 0,-24.6648 0,-15.8927 0,-7.12097 7.23375,0 16.1448,0 c 8.911,0 16.1445,-7.12098 16.1445,-15.8927 0,-8.7721 -7.2335,-15.8927 -16.1445,-15.8927 z m 0,0.9375 c 8.3963,0 15.1922,6.6897 15.1922,14.9552 0,8.2651 -6.7959,14.95512 -15.1922,14.95512 -8.39638,0 -15.19236,-6.69003 -15.19236,-14.95512 0,-8.2655 6.79596,-14.9552 15.19236,-14.9552 z"
+         style="fill:#09398b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         transform="matrix(1.3333333,0,0,-1.3333333,340,724.03416)"
+         clip-path="url(#clipPath5083)"
+         id="path5087" />
+    </g>
+  </g>
+</svg>

web/themes/custom/eql/images/pictos/picto-ressource-paroleslaureats.svg

@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="42.603058"
+   height="42.603027"
+   viewBox="0 0 42.603058 42.603027"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5094">
+      <path
+         d="M 0,-31.9523 H 1260 V 31.9523 H 0 Z"
+         transform="translate(0,-31.952266)"
+         id="path5094" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5095">
+      <path
+         d="M 0,-31.9523 H 1260 V 31.9523 H 0 Z"
+         transform="translate(-6.1259627,-22.731016)"
+         id="path5095" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5096">
+      <path
+         d="M 0,-31.9523 H 1260 V 31.9523 H 0 Z"
+         transform="translate(-5.9550976,-22.901491)"
+         id="path5096" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5100">
+      <path
+         d="M 0,0 H 31.9523 V -31.9523 H 0 Z"
+         transform="matrix(1.3333333,0,0,-1.3333333,340,1364.6985)"
+         clip-rule="evenodd"
+         id="path5100" />
+    </clipPath>
+  </defs>
+  <g
+     id="layer-oc0"
+     transform="translate(-340.00003,-1364.6985)">
+    <g
+       id="g5099"
+       clip-path="url(#clipPath5100)">
+      <path
+         d="m 15.9762,-0.9985 c 8.2719,0 14.9776,-6.70571 14.9776,-14.9776 0,-8.2719 -6.7057,-14.9776 -14.9776,-14.9777 -8.27192,0 -14.97765,6.7057 -14.97769,14.9776 0.01097,8.26739 6.71026,14.9667 14.97769,14.9777 z m 0,0.9985 C 7.15278,1e-5 2e-5,-7.15274 0,-15.9761 c -2e-5,-8.8234 7.15273,-15.9762 15.9761,-15.9762 8.8234,0 15.9762,7.1527 15.9762,15.9761 C 31.9523,-7.1528 24.7996,-1e-5 15.9762,0 Z"
+         style="fill:#09398b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         transform="matrix(1.3333333,0,0,-1.3333333,340,1364.6985)"
+         clip-path="url(#clipPath5094)"
+         id="path5097" />
+      <path
+         d="m 0,0 v -0.283 -10.3402 h 9.68161 l 7.15429,-4.9176 v 4.9176 h 3.0312 V 0 Z M 0.56581,-0.5658 H 19.3013 v -9.4916 h -3.0312 v -4.4071 l -6.4128,4.4071 H 0.56581 Z"
+         style="fill:#09398b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         transform="matrix(1.3333333,0,0,-1.3333333,348.16795,1376.9935)"
+         clip-path="url(#clipPath5095)"
+         id="path5098" />
+      <path
+         d="m 0,0 v -0.4531 -10.5098 h 9.79883 l 7.37887,-5.0723 v 5.0723 H 20.209 V 0 Z M 0.34179,-0.3398 H 19.8672 V -10.623 h -3.0313 v -4.7637 L 9.90625,-10.623 H 0.34179 V -0.4531 Z M 0.5664,-0.5664 v -9.832 h 9.40821 l 6.63669,-4.5606 v 4.5606 h 3.0313 v 9.832 z M 0.90625,-0.9062 H 19.3027 v -9.1524 h -3.0312 v -4.2539 l -6.1895,4.2539 H 0.90625 Z"
+         style="fill:#09398b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         transform="matrix(1.3333333,0,0,-1.3333333,347.94013,1376.7662)"
+         clip-path="url(#clipPath5096)"
+         id="path5099" />
+    </g>
+  </g>
+</svg>

web/themes/custom/eql/scripts/main.js

@@ -1,217 +1,465 @@
+jQuery(function ($) {
+  console.log('salut');
+
+  // MENU BURGER
+  const burger = document.getElementById("block-burger");
+  const burgertitle = document.getElementById("block-burger-menu");
+  if (burger && burgertitle) {
+    burgertitle.addEventListener("click", function () {
+      burger.classList.toggle('opened');
+    });
+  }
+
+  // FAQ — réponses
+  const answers = document.getElementsByClassName("field--name-field-reponse");
+  const fichiers = document.getElementsByClassName("field--name-field-fichiers");
+  const liens = document.getElementsByClassName("field--name-field-liens");
+  const ressources = document.getElementsByClassName("field--name-field-ress");
+  const questions = document.getElementsByClassName("field--name-field-question");
+
+  for (let i = 0; i < questions.length; i++) {
+    const q = questions[i];
+    q.addEventListener("click", function () {
+      // Réponses
+      Array.from(answers).forEach(a => a.classList.remove("opened"));
+      const r = this.parentNode.querySelector(".field--name-field-reponse");
+      if (r) r.classList.add("opened");
+
+      // Fichiers
+      Array.from(fichiers).forEach(f => f.classList.remove("opened"));
+      const f = this.parentNode.querySelector(".field--name-field-fichiers");
+      if (f) f.classList.add("opened");
+
+      // Liens
+      Array.from(liens).forEach(l => l.classList.remove("opened"));
+      const l = this.parentNode.querySelector(".field--name-field-liens");
+      if (l) l.classList.add("opened");
+
+      // Ressources
+      Array.from(ressources).forEach(r => r.classList.remove("opened"));
+      const res = this.parentNode.querySelector(".field--name-field-ress");
+      if (res) res.classList.add("opened");
+    });
+  }
 
-console.log('salut');
-// menu burger open
+  // SLIDESHOW INIT
+  $('.path-frontpage .view-actus-blocks-pages .view-content .view-type-slide .views-row-wrapper').slick({
+    slidesToShow: 1,
+    dots: true,
+    arrows: true,
+    centerMode: true,
+    responsive: [{
+      breakpoint: 810,
+      settings: {
+        slidesToShow: 1,
+        adaptiveHeight: true,
+        arrows: false,
+        draggable: true,
+        centerMode: true,
+      }
+    }]
+  });
 
-var burger = document.getElementById("block-burger");
-var burgertitle = document.getElementById("block-burger-menu");
+  $('.page-node-type-actualite .block-entity-fieldnodefield-images .field--type-image').slick({
+    dots: true,
+    arrows: true,
+    adaptiveHeight: true,
+    responsive: [{
+      breakpoint: 800,
+      settings: { adaptiveHeight: true }
+    }]
+  });
 
+  $('.page-node-type-projet .block-entity-fieldnodefield-photo .field--type-image').slick({
+    slidesToShow: 1,
+    dots: true,
+    arrows: false,
+    draggable: true,
+    adaptiveHeight: true,
+    responsive: [{
+      breakpoint: 800,
+      settings: { adaptiveHeight: true }
+    }]
+  });
+ 
 
-burgertitle.addEventListener("click", toggleMenu);
 
-function toggleMenu(event) {
-  // console.log(event);
-  burger.classList.toggle('opened');
-}
+  
+  
+  ///// fusion views-type-slide de class identique ////////////
+
+    const seen = new Set();
+  
+    $('.view-type-slide').each(function () {
+      const $slide = $(this);
+      const classes = $slide.attr('class').split(/\s+/);
+      const typeClass = classes.find(cls => cls.startsWith('type-'));
+  
+      if (typeClass) {
+        if (seen.has(typeClass)) {
+          // Trouver le premier slide avec cette classe
+          const $target = $('.view-type-slide.' + typeClass).first();
+  
+          // Déplacer les rows de la slide actuelle vers la première
+          $slide.find('.views-row').appendTo($target.find('.views-row-wrapper'));
+  
+          // Supprimer la slide en double
+          $slide.remove();
+        } else {
+          seen.add(typeClass);
+        }
+      }
+    });
+    if (!$('.view-content').hasClass('filtered')) {
+      $('.path-ressources .view:not(.view-partenaires) .view-content .view-type-slide .views-row-wrapper').slick({
+        slidesToShow: 3,
+        dots: false,
+        arrows: true,
+        infinite: false,
+        centerMode: false,
+        draggable: true,
+  
+        responsive: [{
+          breakpoint: 810,
+          settings: {
+            slidesToShow: 1,
+            dots: true,
+            arrows: false,
+            draggable: true,
+            centerMode: true,
+
+          }
+        }]
+      });
+    }
+
+
+  // Classes media → .wrapper-ressource
+  $(".wrapper-ressource").each(function () {
+    const media = $(this).find(".field--name-field-type-de-media").text().trim();
+    const className = media
+      .toLowerCase()
+      .normalize("NFD").replace(/[\u0300-\u036f]/g, "")
+      .replace(/[^a-z0-9]+/g, '-')
+      .replace(/(^-|-$)/g, '');
+    $(this).addClass('type-media-' + className);
+  });
+  console.log("classses media");
+
+    // MASQUER TYPE DE RESSOURCE DOUBLON
+  if (document.body.classList.contains("path-ressources")) {
+    $(".view-type-slide").each(function () {
+      const h3Content = $(this).find("h3").text().trim();
+      console.log(h3Content);
+      $(this).find(".field--name-field-type-de-ressource .field__item a").each(function () {
+        if ($(this).text().trim() === h3Content) {
+          $(this).hide();
+        }
+      });
+    });
 
-//////////////////////////
-// faq reponse open 
+  }
 
-var answers = document.getElementsByClassName("field--name-field-reponse");
-var fichiers = document.getElementsByClassName("field--name-field-fichiers");
-var questions = document.getElementsByClassName("field--name-field-question");
+  // Ouvrir les liens externes dans un nouvel onglet
+  document.querySelectorAll('a[href^="http"]').forEach(link => {
+    if (!link.href.includes(location.hostname)) {
+      link.setAttribute('target', '_blank');
+      link.setAttribute('rel', 'noopener noreferrer');
+    }
+  });
 
-for (let i = 0; i < questions.length; i++) {
-  const question = questions[i]
-  question.addEventListener("click", toggleFaq);
+  // Scroll automatique au filtre
+  if (document.body.classList.contains("path-projets")) {
+    const form = document.querySelector(".views-exposed-form");
+    if (form) form.setAttribute("action", form.action.split("#")[0] + "#filtres");
+
+    if (window.location.hash === "#filtres") {
+      const target = document.getElementById("filtres");
+      if (target) {
+        const offset = 300;
+        const top = target.getBoundingClientRect().top + window.pageYOffset - offset;
+        window.scrollTo({ top: top, behavior: "smooth" });
+      }
+    }
+
+
+  }
+});
+
+/////////////////start diaporama ressource //////////
+document.addEventListener('DOMContentLoaded', function () {
+  // Vérifie que le body a la classe souhaitée
+  if (!document.body.classList.contains('type-media-images---photos')) return;
+
+  // Attendre que les éléments HTML soient bien présents
+  const interval = setInterval(() => {
+    const mainImage = document.getElementById('mainImage');
+    const prevArrow = document.getElementById('prevArrow');
+    const nextArrow = document.getElementById('nextArrow');
+    const caption = document.getElementById('caption');
+    const thumbsContainer = document.getElementById('thumbnails');
+    const imagesInDom = document.querySelectorAll('.carousel-items .carousel-item img');
+
+    if (mainImage && prevArrow && nextArrow && caption && thumbsContainer && imagesInDom.length > 0) {
+      clearInterval(interval); // Tous les éléments sont là, on lance le carrousel
+      initCarousel({ mainImage, prevArrow, nextArrow, caption, thumbsContainer });
+    }
+  }, 100);
+});
+
+function initCarousel({ mainImage, prevArrow, nextArrow, caption, thumbsContainer }) {
+  const images = [];
+  // Adapter l'orientation des vignettes si écran < 810px
+function applyResponsiveThumbnailsLayout() {
+  if (window.innerWidth < 810) {
+    thumbsContainer.style.flexDirection = 'row';
+    thumbsContainer.style.flexWrap = 'nowrap';
+    thumbsContainer.style.overflowX = 'auto';
+    thumbsContainer.style.overflowY = 'hidden';
+    thumbsContainer.style.display = 'flex';
+    thumbsContainer.style.justifyContent = 'center';
+  } else {
+    thumbsContainer.style.flexDirection = 'column';
+    thumbsContainer.style.overflowY = 'auto';
+    thumbsContainer.style.overflowX = 'hidden';
+  }
 }
-function toggleFaq(event) {
-  // console.log(event, this);
-  // fermé tout
-  for (let i = 0; i < answers.length; i++) {
-    answers[i].classList.remove('opened');  
+applyResponsiveThumbnailsLayout();
+window.addEventListener('resize', applyResponsiveThumbnailsLayout);
+
+  document.querySelectorAll('.carousel-items .carousel-item img').forEach((img) => {
+    images.push({
+      src: img.getAttribute('src'),
+      caption: img.getAttribute('alt') || ''
+    });
+  });
+
+  if (!images.length) return;
+
+  let currentIndex = 0;
+
+  // function scrollThumbnailToCenter(index) {
+  //   const thumbnails = document.querySelectorAll('.thumbnails img');
+  //   const activeThumb = thumbnails[index];
+  //   if (activeThumb && thumbsContainer) {
+  //     const containerHeight = thumbsContainer.clientHeight;
+  //     const thumbOffsetTop = activeThumb.offsetTop;
+  //     const thumbHeight = activeThumb.offsetHeight;
+  //     const scrollTarget = thumbOffsetTop - (containerHeight / 2) + (thumbHeight / 2);
+  //     thumbsContainer.scrollTo({ top: scrollTarget, behavior: 'smooth' });
+  //   }
+  // }
+  function scrollThumbnailToCenter(index) {
+    const thumbnails = document.querySelectorAll('.thumbnails img');
+    const activeThumb = thumbnails[index];
+    if (activeThumb && thumbsContainer) {
+      const isMobile = window.innerWidth < 810;
+  
+      if (isMobile) {
+        // Scroll horizontal
+        const containerWidth = thumbsContainer.clientWidth;
+        const thumbOffsetLeft = activeThumb.offsetLeft;
+        const thumbWidth = activeThumb.offsetWidth;
+        const scrollTarget = thumbOffsetLeft - (containerWidth / 2) + (thumbWidth / 2);
+        thumbsContainer.scrollTo({ left: scrollTarget, behavior: 'smooth' });
+      } else {
+        // Scroll vertical
+        const containerHeight = thumbsContainer.clientHeight;
+        const thumbOffsetTop = activeThumb.offsetTop;
+        const thumbHeight = activeThumb.offsetHeight;
+        const scrollTarget = thumbOffsetTop - (containerHeight / 2) + (thumbHeight / 2);
+        thumbsContainer.scrollTo({ top: scrollTarget, behavior: 'smooth' });
+      }
+    }
+  }
+  
+
+  function showImage(index) {
+    mainImage.src = images[index].src;
+    caption.textContent = images[index].caption;
+
+    const thumbnails = document.querySelectorAll('.thumbnails img');
+    thumbnails.forEach(img => img.classList.remove('active'));
+    if (thumbnails[index]) {
+      thumbnails[index].classList.add('active');
+      scrollThumbnailToCenter(index);
+    }
   }
-  // la réponse correspndante a la question clické
-  //           | this c'est l'élément sur le quel on a clické
-  //           |    |le parent |la réponse dans le parent
-  let answer = this.parentNode.querySelector('.field--name-field-reponse');
-  // console.log(answer); 
-  answer.classList.add('opened');
 
-}
-///// répète fonction pour les fichiers, les liens et ressources
-//// il faudrait créer un tableau d'objet ?
+  prevArrow.addEventListener('click', () => {
+    currentIndex = (currentIndex - 1 + images.length) % images.length;
+    showImage(currentIndex);
+  });
 
-var fichiers = document.getElementsByClassName("field--name-field-fichiers");
-var questions = document.getElementsByClassName("field--name-field-question");
+  nextArrow.addEventListener('click', () => {
+    currentIndex = (currentIndex + 1) % images.length;
+    showImage(currentIndex);
+  });
 
-for (let i = 0; i < questions.length; i++) {
-  const question = questions[i]
-  question.addEventListener("click", toggleFaqFichiers);
-}
-function toggleFaqFichiers(event) {
-  // console.log(event, this);
-for (let i = 0; i < fichiers.length; i++) {
-  fichiers[i].classList.remove('opened');  
-}
-let fichier = this.parentNode.querySelector('.field--name-field-fichiers');
+  images.forEach((img, index) => {
+    const thumb = document.createElement('img');
+    thumb.src = img.src;
+    thumb.alt = img.caption;
+    thumb.addEventListener('click', () => {
+      currentIndex = index;
+      showImage(index);
+    });
+    thumbsContainer.appendChild(thumb);
+  });
 
-fichier.classList.add('opened');
-}
+  showImage(currentIndex);
 
+  const thumbPrev = document.getElementById('thumbPrev');
+  const thumbNext = document.getElementById('thumbNext');
 
-////////////////////////
-var liens = document.getElementsByClassName("field--name-field-liens");
-var questions = document.getElementsByClassName("field--name-field-question");
+  // ✅ Masquer les flèches de thumbnails si pas assez d’images pour scroller
+  const thumbHeight = 70; // approx : image + gap
+  const visibleCount = Math.floor(thumbsContainer.clientHeight / thumbHeight);
+  if (images.length <= visibleCount) {
+    if (thumbPrev) thumbPrev.style.display = 'none';
+    if (thumbNext) thumbNext.style.display = 'none';
+  }
 
-for (let i = 0; i < questions.length; i++) {
-  const question = questions[i]
-  question.addEventListener("click", toggleFaqLiens);
-}
-function toggleFaqLiens(event) {
-  // console.log(event, this);
-for (let i = 0; i < liens.length; i++) {
-  liens[i].classList.remove('opened');  
-}
-let lien = this.parentNode.querySelector('.field--name-field-liens');
- 
-lien.classList.add('opened');
+  // Boucle haut/bas avec scroll
+  thumbPrev.addEventListener('click', () => {
+    if (thumbsContainer.scrollTop <= 0) {
+      thumbsContainer.scrollTo({ top: thumbsContainer.scrollHeight, behavior: 'smooth' });
+    } else {
+      thumbsContainer.scrollBy({ top: -150, behavior: 'smooth' });
+    }
+  });
+
+  thumbNext.addEventListener('click', () => {
+    const maxScrollTop = thumbsContainer.scrollHeight - thumbsContainer.clientHeight;
+    if (thumbsContainer.scrollTop >= maxScrollTop - 1) {
+      thumbsContainer.scrollTo({ top: 0, behavior: 'smooth' });
+    } else {
+      thumbsContainer.scrollBy({ top: 150, behavior: 'smooth' });
+    }
+  });
 }
 
-//////////////////////
-var ressources = document.getElementsByClassName("field--name-field-ress");
-var questions = document.getElementsByClassName("field--name-field-question");
+    
+/////////////////end diaporama ressource //////////
 
-for (let i = 0; i < questions.length; i++) {
-  const question = questions[i]
-  question.addEventListener("click", toggleFaqRessources);
-}
-function toggleFaqRessources(event) {
-  // console.log(event, this);
-for (let i = 0; i < resources.length; i++) {
-  ressources[i].classList.remove('opened');  
-}
-let ressource = this.parentNode.querySelector('.field--name-field-ress');
 
-ressource.classList.add('opened');
-}
+//////////////////////////start classe en JS si des filtres sont présents///////////
+document.addEventListener('DOMContentLoaded', () => {
+  if (window.location.search.length > 0) {
+    document.querySelector('.view-content')?.classList.add('filtered');
+    document.querySelectorAll('.tout-voir').forEach(btn => btn.remove());
 
-///////////////////////////////
-////////////////////////////////
-// fleche qui tourne faq
-
-// var questions = document.getElementsByClassName("field--name-field-question");
-// var paragraph = document.querySelector('.field--name-field-question p::after');
-// console.log(paragraph)
-// var styles = window.getComputedStyle(element,':after')
-// console.log(styles)
-// var content = styles['content']
-// console.log(content)
-
-
-// for (let i = 0; i < questions.length; i++) {
-//   const question = questions[i]
-//   question.addEventListener("click", rotateFleche);
-// }
-// function rotateFleche(event) {
-//   console.log(event, this);
-//   // for (let i = 0; i < answers.length; i++) {
-//   //   answers[i].classList.remove('opened');  
-//   // }
-// }
-
-//////////////////////////////////////////
-// block collection reste bleu quand actif
-     
-jQuery(function($) {
-    var path = window.location.href; // because the 'href' property of the DOM element is the absolute path
-  console.log(path);
-  $(".view-id-collections .view-content .views-row a").each(function() {
-   if (this.href === path) {
-    $(this).parent().closest('.views-row').addClass('active');
-   }
-  });
- });
+  }
+});
+//////////////////////////end classe en JS si des filtres sont présents///////////
 
+// ////////////////// start tronquage sous titre  //////////////////
+  document.addEventListener("DOMContentLoaded", function () {
+    const maxLength = 80;
 
+    document.querySelectorAll('.view-base-de-donnees .wrapper-ressource .field--name-field-sous-titre a').forEach(function (element) {
+      const fullText = element.textContent.trim();
 
+      if (fullText.length > maxLength) {
+        const truncated = fullText.slice(0, maxLength).trim() + '...';
+        element.textContent = truncated;
+      }
+    });
+  });
+  // //////////////////end tronquage sous titre  //////////////////
+
+////////////////// start boutons media ////////////////
+
+document.addEventListener("DOMContentLoaded", function () {
+  const mediaButtons = document.querySelectorAll('.buttons-filtres-ressources a');
+
+  mediaButtons.forEach(button => {
+    button.addEventListener('click', function (e) {
+      e.preventDefault();
+
+      // Récupérer l’ID media depuis l’URL du bouton
+      const url = new URL(button.href);
+      const mediaID = url.searchParams.get('field_type_de_media_target_id');
+
+      // Appliquer la valeur dans le <select>
+      const select = document.getElementById('edit-field-type-de-media-target-id');
+      if (select) {
+        select.value = mediaID;
+        // Simuler le clic sur le bouton "Appliquer"
+        const submit = document.querySelector('input#edit-submit-base-de-donnees');
+        if (submit) {
+          submit.click();
+        }
+      }
+    });
+  });
+});
+////////////////// end boutons media ////////////////
 
+////////////////// start bouton "Tout voir" ////////////////
+document.addEventListener("DOMContentLoaded", function () {
+  const toutVoirButtons = document.querySelectorAll('.tout-voir');
 
-// /////////////////
-//// ancre dans texte au click parragraphe correspondant arrive en dessous du header 
+  toutVoirButtons.forEach(button => {
+    button.addEventListener('click', function () {
+      const tid = this.dataset.tid;
+      const select = document.getElementById('edit-field-type-de-ressource-target-id');
 
+      if (!select) return;
 
-(function($, window) {
-  var adjustAnchor = function() {
-      var $anchor = $('.block-entity-fieldnodefield-textes'),
-              fixedElementHeight = 350;
-      if ($anchor.length > 0) {
-          $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);
+      const optionExists = Array.from(select.options).some(o => o.value === tid);
+      if (!optionExists) {
+        alert("Le type de ressource sélectionné n’est pas disponible.");
+        return;
       }
-  };
 
-  $(window).on('hashchange', function() {
-      adjustAnchor();
+      select.value = tid;
+      select.dispatchEvent(new Event('change'));
+
+      const form = select.closest('form');
+      if (form) {
+        const submitButton = form.querySelector('input[type="submit"]');
+        if (submitButton) {
+          submitButton.click();
+        } else {
+          form.submit();
+        }
+      }
+    });
   });
+});
 
-})(jQuery, window);
 
+////////////////// end bouton "Tout voir" ////////////////
 
-// ///////////////////////////////
 
 
-//  slideshow home // marche pas. attention ai rajouter des class dans template views.view.html.twig et views-view-actus-blocks-pages--block-1.html.twig
+////////////// start croix clear input recherche ////////////
+document.addEventListener("DOMContentLoaded", function () {
+  const input = document.getElementById("edit-combine");
+  const clearBtn = document.querySelector('.form-item-combine .clear-input');
+  const form = document.querySelector("form.views-exposed-form");
+
+  if (input && clearBtn && form) {
+    // Affiche la croix si contenu présent
+    input.addEventListener('input', () => {
+      clearBtn.style.display = input.value ? 'block' : 'none';
+    });
+
+    // Efface et soumet le formulaire
+    clearBtn.addEventListener('click', () => {
+      input.value = '';
+      clearBtn.style.display = 'none';
+      input.focus();
+      form.submit(); // déclenche la recherche sans rechargement manuel
+    });
+
+    // Affiche la croix au chargement si une valeur est déjà présente
+    if (input.value) {
+      clearBtn.style.display = 'block';
+    }
+  }
+});
 
-(function($, window) {
-  console.log('hello')
-  $(document).ready(function(){
-      $('.path-frontpage .view-actus-blocks-pages .view-content').slick({
-        slidesToShow: 1,
-        // slidesToScroll: 1,
-        dots: true,
-        arrows: true,
-        centerMode: true,
-        // centerPadding: '100px',
-        responsive: [
-          {
-            breakpoint: 810,
-            settings: {
-              slidesToShow: 1,
-              adaptiveHeight: true,
-              arrows: false,
-              draggable: true,
-              centerMode: true,
-            }
-          }]
-      });
-      console.log('salut slick home');
-      $('.page-node-type-actualite .block-entity-fieldnodefield-images .field--type-image').slick({
-        dots: true,
-        arrows: false,
-        adaptiveHeight: true,
-        responsive: [
-          {
-            breakpoint: 800,
-            settings: {
-              adaptiveHeight: true
-            }
-          }]
-      });
-      console.log('salut slick actus');
-      $('.page-node-type-projet .block-entity-fieldnodefield-photo .field--type-image').slick({
-        slidesToShow: 1,
-        dots: true,
-        arrows: false,
-        draggable: true,
-        adaptiveHeight: true,
-        responsive: [
-          {
-            breakpoint: 800,
-            settings: {
-              adaptiveHeight: true
-            }
-          }]
-      });
-      console.log('salut slick projets');
-  });
-})(jQuery, window);
 
+////////////// end croix clear input recherche ////////////

web/themes/custom/eql/scss/global/_layout.scss

@@ -1,5 +1,9 @@
 
-
+.path-user{
+    .buttons-filtres-ressources{
+        display: none;
+    }
+}
 .layout-container {
     font-family: $font-family-default;
     margin: none;

web/themes/custom/eql/scss/pages/_actualite.scss

@@ -29,12 +29,14 @@
                     order: 5;
                     grid-column: 2;
                     margin-top: 1rem;
+                    color: $blue-dark;
                 }
             
                 .block-entity-fieldnodetitle{
                     order: 3;
                     grid-column: 2 /span 7;
                     margin: 0;
+                    color: $blue-dark;
                     @media (max-width: 568px){
                         grid-column: 2 /span 8;
                         max-width: 80vw;
@@ -95,6 +97,7 @@
                     grid-column: 2 /span 7;
                     margin-top: 1rem;
                     font-weight: 800;
+                    color: $blue-dark;
                     @media (max-width: 568px){
                         grid-column: 2 /span 8;
                         max-width: 80vw;
@@ -142,6 +145,12 @@
                             font-size: 0.7rem;
                         }
                     }
+                    .slick-next{
+                        right: -65px;
+                    }
+                    .slick-prev{
+                        left: -65px;
+                    }
                     .slick-dots {
                         > li {
                             display: inline-block;
@@ -310,8 +319,6 @@
         }
         
         .layout__region--third{
-            // grid-row: 4;
-            // margin-top: 18rem;
             @media (max-width: 1005px){
                 flex: 0 1 100%;
                 order: 2;
@@ -331,11 +338,8 @@
                         background-color: $white;
                         margin-bottom: 1rem; 
                         min-height: 4rem;
-                        // background: $white;
                         color: $blue-light;
                         padding: 1rem;
-                        padding-bottom: 0;
-                        
                         @media(max-width:900px){
                             width: auto;
                             padding-right: 1rem;
@@ -351,11 +355,13 @@
                     .file--mime-application-pdf{    
                         height: inherit;      
                         margin: auto;  
+                        width: fit-content;
                         ::before{
-                            content: url("../images/pictos/noun_Download_file_307900.svg");
+                            content: url("../images/pictos/download.png");
                             min-width:30px;
                             height: auto;
                             padding-right: 1rem;
+                            margin-right: 1rem;
                         }
                         a{
                             hyphens: auto;
@@ -391,7 +397,7 @@
                             color: $blue-light;
                             font-weight: 800;
                             &::before{
-                                content: url("../images/pictos/noun_External Link_674151.svg");
+                                content: url("../images/pictos/external_link.png");
                                 min-width: 30px;
                                 height: auto;
                                 padding-right: 1rem;

web/themes/custom/eql/scss/pages/_faq.scss

@@ -194,7 +194,7 @@
                             a{
                                 &:before{
                                     display: inline-block;
-                                    content: url("../images/pictos/noun_External Link_674151.svg");
+                                    content: url("../images/pictos/external_link.png");
                                     width: 30px;
                                     height: 30px;
                                     padding-right: 0.8rem;

web/themes/custom/eql/scss/pages/_home.scss

@@ -331,7 +331,7 @@
             .view-projets{
                 width: 80%;
                 margin: auto;
-                .view-content{
+                .view-content .view-type-slide .views-row-wrapper{
                     display: flex;
                     flex-direction: row;
                     justify-content: space-between;

web/themes/custom/eql/scss/pages/_incubateur.scss

@@ -7,26 +7,12 @@
     
     .layout-container{
         overflow: unset;
-        // display: flex;
-        // flex-direction: column;
-        // flex-flow: row wrap;
-        // header{
-        //     flex: 0 0 100%;
-        // }
-        // main{
-        //     flex: 0 0 100%;
             .layout-content{
                 
                 .region-content{
                     #block-contenudelapageprincipale{
                         span{
                             width: fit-content;
-                            // margin-left: 11%;
-                            // margin-top: 15vh;
-                            // @media (max-width: 810px){
-                            //     margin-left: 8%;
-                            //     margin-right: 5%;
-                            // }
                             h2{
                                 width: fit-content;
                                 margin-left: 11%;
@@ -103,23 +89,15 @@
                                                         font-family: 'Source Code Pro', monospace;
                                                         color: $blue-dark;
                                                         text-transform: uppercase;
-                                                        // margin-top: 2rem;
                                                         margin-bottom: 0.8rem;
                                                     }
                                                     .field--name-field-texte{
-                                                        
-                                                            
-                                                            margin-bottom: 2rem;
-                                                        
+                                                       margin-bottom: 2rem;
                                                     }
-
                                                 }
                                             }
-
                                         }
-
                                     }
-                                    
                                 }    
                             }
                             // colone de droite fichiers et ressources liées
@@ -131,9 +109,6 @@
                                             display: flex;
                                             flex-direction: column;
                                             width: 70%;
-                                            // position: -webkit-sticky;
-                                            // position: sticky;
-                                            // top: 9rem; 
                                             @media (max-width: 810px){
                                                 margin: auto;
                                             }               
@@ -148,8 +123,6 @@
                                                     color: $blue-light;
                                                     padding-left: 0.8rem;
                                                     padding-top: 1rem;
-                                                   
-                                            
                                                     span:nth-of-type(2){
                                                         display: none;
                                                     }
@@ -171,7 +144,6 @@
                                                             align-items: center;
                                                             color: $blue-light;
                                                             font-weight: 800;
-                                                            // max-width: 80px ;
                                                         }
                                                     }
                                             
@@ -199,7 +171,7 @@
                                                     color: $blue-light;
                                                     font-weight: 800;
                                                     &::before{
-                                                        content: url("../images/pictos/noun_External Link_674151.svg");
+                                                        content: url("../images/pictos/external_link.png");
                                                         min-width: 40px;
                                                         height: auto;
                                                         padding-right: 0.5rem;

web/themes/custom/eql/scss/pages/_lesprojets.scss

@@ -31,6 +31,16 @@
                         /// carte
                         .block-views-blockprojets-block-2{
                             grid-column: 1 / span 10;
+                            .leaflet-popup-content{
+                                overflow: scroll;
+                                height: 210px;
+                                margin: 17px 10px 17px 20px !important;
+                                padding-right: 10px;
+                                a img:not(:first-child){
+                                    display: none;
+                                }
+
+                            }
                         }
     
                         //texte de présentation
@@ -109,15 +119,19 @@
                             }
 
                             .view-projets{
-                               
+                               .buttons-filtres-ressources{display: none;}
                                 // width: 80%;
                                 margin: auto;
 
                                 //filtres
+                                #filtres {
+                                    scroll-margin-top: 10rem; 
+                                  }
                                 .view-filters{
                                     margin-top: 4rem;
+                                    padding-left: 0.5rem;
                                     display: flex;
-                                    flex-direction: row;
+                                    flex-direction: column;
                                     @media (max-width: 479px){
                                         flex-direction: column;
                                         padding-bottom: 3rem;
@@ -127,156 +141,18 @@
                                         content: 'Filtrer par :';
                                         margin-right: 2rem;
                                         margin-bottom: 1rem;
+                                        margin-left: 0.5rem;
+                                        font-weight: 900;
                                         // width: 160px;
                                         min-width: fit-content;
                                         @media (max-width: 479px){
                                             padding-bottom: 1rem;
                                         }
-                                    }
-
-                                    #views-exposed-form-projets-block-1{
-                                        
-                                        display: flex;
-                                        flex-direction: row;
-                                        flex-wrap: wrap;
-                                        position: relative;
-                                        align-content: center;
-                                        
-                                        .form-item{
-                                            margin-right: 1rem;
-                                            margin-bottom: 1rem;
-                                            display: flex;
-                                            align-content: center;
-                                            @media (max-width: 550px) {
-                                                width: 100%;
-                                                margin: auto;
-                                            }
-                                        }
-                                        select, input{
-                                            padding: 0.3rem;
-                                            margin:0.5rem;
-                                        }
-                                        input, label{
-                                            margin: 0.5rem;
-                                        }
-                                        #edit-field-neuf-rehabilitation-value--wrapper{
-                                            legend{display: none;}
-                                            .js-form-item-field-neuf-rehabilitation-value:first-of-type{
-                                                display: none;
-                                            }
-                                            @media (max-width: 479px){
-                                                padding-bottom: 1rem;
-                                                padding-top: 1rem;
-                                                margin-inline-start: 0px;
-                                            }
-                                        }
-                                        #edit-field-encours-fini-value--wrapper{
-                                            legend{display: none;}
-                                            .js-form-item-field-encours-fini-value:first-of-type{
-                                                display: none;
-                                            }
-                                            @media (max-width: 479px){
-                                                padding-bottom: 1rem;
-                                                margin-inline-start: 0px;
-                                            }
-                                        }
-                                        #edit-field-etape-du-projet-value{
-                                            @media (max-width: 479px){
-                                                max-width: 60vw;
-                                            }
-                                        }
-                                        .js-form-type-textfield{
-                                            label{display: none;}
-                                        }
-                                        input[type="radio"]{
-                                            display: none;
-                                        }
-                                        input[type="radio"] + label::before{
-                                            content:"";
-                                            display:inline-block;
-                                            width: 15px;
-                                            height: 15px;
-                                            background:#fff;
-                                            border-radius:0px;
-                                            border-color: rgba($color: #000000, $alpha: 1);
-                                            border-style: solid;
-                                            border-width: 1px;
-                                            margin-right: 0.5rem;
-
-                                        }
-                                        input[type="radio"]:checked + label::before{
-                                            background:$blue-light;
-                                        }
-                                        label{
-                                            padding-right: 1rem;
-                                        }
-                                        #edit-submit-projets{
-                                            // display: inline-block;
-                                            background-color: $blue-light; 
-                                            color: white;
-                                            text-transform: uppercase;
-                                            border: none;
-                                            padding: 0.3rem 0.7rem;
-                                            // margin-left: 2rem;
-                                            @media (max-width: 479px){
-                                                margin-left: 0rem;
-                                                margin-right: 2rem;
-                                            }
-                                            @media (min-width:1495px) {
-                                                // margin-left: 0;
-                                                // position: absolute;
-                                                // right: 150px;
-                                                // // justify-content: flex-end;
-                                                // margin-left: auto;
-                                            }
-                                        }
-                                        #edit-reset{
-                                            background-color: $blue-light; 
-                                            color: white;
-                                            text-transform: uppercase;
-                                            border: none;
-                                            padding: 0.3rem 0.7rem;
-                                            margin-left: 1rem;
-                                            @media (min-width:1495px) {
-                                                position: absolute;
-                                                right: 0px;
-                                            }
-
-                                        }
-
-                                        input[type="checkbox"]{
-                                            display: none;
-                                        }
-                                        input[type="checkbox"] + label::before{
-                                            content:"";
-                                            display:inline-block;
-                                            width: 15px;
-                                            height: 15px;
-                                            background:#fff;
-                                            border-radius:0px;
-                                            border-color: rgba($color: #000000, $alpha: 1);
-                                            border-style: solid;
-                                            border-width: 1px;
-                                            margin-right: 0.5rem;
-
-                                        }
-                                        input[type="checkbox"]:checked + label::before{
-                                            background:$blue-light;
-                                        }
-                                        @media (max-width: 479px){
-                                            flex-direction: column;
-                                            #edit-actions{
-                                                width: 100%;
-                                                margin: auto;
-                                            }
-                                        }
-                                    }
-            
-            
+                                    }            
                                 }
             
                                 //grille de projets
-                                .view-content{
+                                .view-content .view-type-slide .views-row-wrapper{
                                     margin-top: 2rem;
                                     display: flex;
                                     flex-direction: row;

web/themes/custom/eql/scss/pages/_offre.scss

@@ -254,7 +254,7 @@
                             color: $blue-light;
                             font-weight: 800;
                             &::before{
-                                content: url("../images/pictos/noun_External Link_674151.svg");
+                                content: url("../images/pictos/external_link.png");
                                 min-width: 50px;
                                 height: auto;
                                 padding-right: 1rem;

web/themes/custom/eql/scss/pages/_path-taxonomy.scss

@@ -0,0 +1,208 @@
+.path-taxonomy{
+    #block-contenudelapageprincipale span{
+        display: none;
+    }
+    .view-taxonomy-term{
+        .view-header{
+            width: 80%;
+            margin: auto;
+        }
+        .view-content{
+            width: 80%;
+            margin: auto;
+            .views-row-wrapper{
+                display: flex;
+                flex-direction: row;
+                flex-wrap: wrap;
+                
+                .views-row{
+                    width: 30%;
+                }
+                .views-row{
+                    display: flex;
+                    width: 25%;
+                    max-width: fit-content;
+                                                        
+                    // .node-type-ressource{
+                    //     margin-bottom: 1rem ;
+                    //     padding-right: 1rem;  
+                    //     .ext{
+                    //         color: black;
+                    //     }
+                    //     svg.ext{
+                    //         display: none;
+                    //     }
+                    //     &.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain{
+                    //         // background-color: $background-actus;
+                    //         .wrapper-ressource{
+                    //             display: grid;
+                    //             grid-template-columns: 1fr 1.8fr; 
+                    //             grid-template-rows: repeat(5 1fr);
+                    //             .field--name-field-type-de-ressource{
+                    //                 order: 2;
+                    //                 grid-row: 2;
+                    //                 margin-bottom: 1rem;
+                    //             }
+                    //             .field--name-field-type-de-media{
+                    //                 order: 1;
+                    //                 grid-row: 1;
+                                    
+                    //             }
+                    //             .field--name-field-images{
+                    //                 order: 3;
+                    //                 grid-row: 3 /span 5;
+                    //                 height: auto;
+                    //                 width: 90%;
+                    //                 img{
+                    //                     height: auto;
+                    //                     width: 90%;
+                    //                     border: 1px solid #a3a3a3;
+                    //                 }
+                    //             }
+                    //             .field--name-title{
+                    //                 grid-row: 3;
+                    //                 margin-top: 0;
+                    //                 a{
+                    //                     color: $blue-light;
+                    //                     font-size: 1.2rem;
+                    //                     font-style: normal;
+                    //                 }
+                    //             }
+                    //             .field--name-field-sous-titre{
+                    //                 grid-row: 4;
+                    //                 color: $blue-light;
+                    //                 font-size: 0.8rem;
+                    //                 font-weight: 800;
+                    //             }
+                    //             .field--name-field-auteur-s-{
+                    //                 grid-row: 5;
+                    //             }
+                    //             .field--name-field-edition{
+                    //                 grid-row: 6;
+                    //             }
+                    //             .field--name-field-date-de-parution{
+                    //                 grid-row: 7;
+                    //             }
+                    //             .field--name-field-mots-clefs{
+                    //                 grid-row: 8;
+                    //             }
+                    //         }
+                    //     }
+                    //     &.type-de-ressource-Paroles-de-lauréats{
+                    //         // background-color: $background-actus;
+                    //     }
+                    //     @media (max-width: 479px) {
+                    //         margin-left: 0;                                                
+                    //     }   
+                    //     .wrapper-ressource{    
+                                                                               
+                    //         .field--name-field-type-de-ressource, 
+                    //         .field--name-field-type-de-media{
+                    //             grid-column: 1;
+                    //             text-transform: uppercase;
+                    //             line-height: 1.1rem;
+                    //             margin-top: 0.5rem;                                              
+                    //             a{
+                    //                 color: $blue-light;
+                    //                 font-weight: 900;
+                    //                 font-size: 0.8rem;
+                    //                 pointer-events: none;
+                    //                 cursor: default;
+                    //             }
+                    //         }
+                    //         .field--name-title{
+                    //             grid-column: 2;
+                    //             margin-top: 0.5rem;
+
+                    //             h2{
+                    //                 margin: 0;
+                    //                 line-height: 1rem;
+                    //                 a{
+                    //                     color: $black;
+                    //                     font-size: 1rem;
+                    //                     font-weight: 900;
+                    //                     font-style: italic;
+                    //                 }
+
+                    //             }
+                    //         }
+                    //         .field--name-field-auteur-s-{
+                    //             grid-column: 2;
+                    //             margin-top: 0.5rem;
+                    //             font-weight: 800;
+                    //             line-height: 1.1rem;
+                    //             p{
+                    //                 margin: 0;
+                                    
+                    //             }
+                    //             .field__label{
+                    //                 display:none;
+                    //             }
+                    //         }
+                    //         .field--name-field-sous-titre{
+                    //             grid-column: 2;
+                    //             margin-top: 0.5rem;
+                    //         }
+                    //         .field--name-field-edition{
+                    //             grid-column: 2;
+                    //             margin-top: 0.5rem;
+                    //             p{
+                    //                 margin: 0;
+                    //             }
+                    //             .field__label{
+                    //                 display:none;
+                    //             }
+                    //         }
+                    //         .field--name-field-images{
+                    //             grid-column: 1;
+                    //             .field__item{
+                    //                 height: 100px;
+                    //             }
+                    //             img{
+                    //                 height: 100%;
+                    //                 width: auto;
+                    //             }
+                    //         }
+                    //         .field--name-field-date-de-parution{
+                    //             grid-column: 2;
+                    //             margin-top: 0.3rem;
+                    //         }
+                    //         .field--name-field-mots-clefs{
+                    //             grid-column: 2;
+                    //             display: flex;
+                    //             margin-top: 1rem;
+                    //             flex-direction: row;
+                    //             flex-wrap: wrap;
+                            
+                    //             .field__item{
+                    //                 margin-right: 0.5rem;
+                    //                 padding-left: 0.3rem;
+                    //                 padding-right: 0.3rem;
+                    //                 font-size: 0.7rem;
+                                
+                    //                 a{
+                    //                     background: $blue-dark;
+                    //                     color: $white;
+                    //                     font-weight: 800;
+                    //                     vertical-align: super;
+                    //                     padding-left: 0.1rem;
+                    //                     padding-right: 0.1rem;
+                    //                     display: inline-flex;
+                    //                     pointer-events: none;
+                    //                     cursor: default;
+                    //                 }
+                    //             }
+                    //         }
+                    //         ul.links.inline{
+                    //             display: none;
+                    //         }
+                    //     } 
+                    // }
+                    
+                } 
+        
+            }
+        }
+
+    }
+}

web/themes/custom/eql/scss/pages/_projet.scss

@@ -547,7 +547,7 @@
                                         color: $blue-light;
                                         font-weight: 800;
                                         &::before{
-                                            content: url("../images/pictos/noun_External Link_674151.svg");
+                                            content: url("../images/pictos/external_link.png");
                                             min-width: 30px;
                                             height: auto;
                                             padding-right: 1rem;
@@ -661,13 +661,14 @@
                                             .field__items{
                                                 display: flex;
                                                 flex-direction: row;
+                                                flex-wrap: wrap;
                                             }
                                             .field__item{
                                                 
                                                 margin-right: 0.5rem;
                                                 padding-right: 0.3rem;
                                                 font-size: 0.8rem;
-
+                                                margin-top: 0.2rem;
                                             
                                                 a{
                                                     background: $blue-dark;
@@ -685,6 +686,20 @@
                                         }
                                     }    
                                 }
+                                .node-type-ressource.type-les-projets-en-images{
+                                    .field--name-field-images{
+                                        // display: none;
+                                        order: 1;
+                                        width: 100%;
+                                        .field__item:not(:first-of-type){
+                                            display: none;
+                                        }
+                                        img{
+                                            width: 100%;
+                                            height: auto;
+                                        }
+                                    }
+                                }
                             }
                         
                         }

web/themes/custom/eql/scss/pages/_ressource-type-en-images.scss

@@ -0,0 +1,267 @@
+.carousel{display: none;}
+.page-node-type-ressource{
+  .type-les-projets-en-images.layout__region--top{
+    .block-region-top{
+      display: flex !important;
+      flex-direction: column;
+      margin-left: 11%;
+      @media screen and (min-width:1100px) {
+          display: flex;
+      }
+      @media screen and (max-width: 810px) {
+        margin-left: 0;
+      }
+      .block {
+        margin-left: 0;
+      }
+      .block-entity-fieldnodefield-images{
+        margin-top: 5rem;
+        padding: 0;
+        order: 7;
+        width: 85%;
+        .carousel {
+          display: grid;
+          // flex-direction: row;
+          grid-template-columns: 10fr 1fr;
+          gap: 4rem;
+          // align-items: flex-start;
+          justify-content: center;
+          margin: auto;
+          .main-image-block {
+            display: flex;
+            align-items: center;
+            position: relative;
+            width: 100%;
+            margin: 0 auto;
+          }
+          
+          .main-image-container {
+            flex: 1;
+            text-align: center;
+          
+            img {
+              width: 100%;
+              height: auto;
+              object-fit: contain;
+              max-height: 550px;
+              border: none;
+            }
+          
+            .caption {
+              margin-top: 1rem;
+              font-family: sans-serif;
+              text-align: center;
+              font-size: 1rem;
+              color: #444;
+            }
+          }
+          
+          .arrow {
+            // display: none;
+            font-size: 2rem;
+            color: #333;
+            background: none;
+            border-radius: 50%;
+            width: 40px;
+            height: 40px;
+            line-height: 40px;
+            text-align: center;
+            cursor: pointer;
+            user-select: none;
+            transition: background 0.3s ease;
+          
+            &:hover {
+              background: #bbb;
+            }
+          
+            &.left {
+              margin-right: 10px;
+            }
+          
+            &.right {
+              margin-left: 10px;
+            }
+          }
+          
+        
+            .caption {
+              margin-top: 10px;
+              font-family: sans-serif;
+              grid-column: 2;
+              grid-row: 2;
+            }
+            .thumbnails-wrapper {
+              grid-column: 2;
+              display: flex;
+              flex-direction: column;
+              align-items: center;
+              max-height: 60vh;
+              grid-row: 1 / span 2;
+              top: 0px;
+              position: relative;
+              overflow: hidden;
+            
+              // Dégradé haut
+              // &::before,
+              // &::after {
+              //   content: "";
+              //   position: absolute;
+              //   left: 0;
+              //   right: 0;
+              //   height: 50px;
+              //   z-index: 1;
+              //   pointer-events: none;
+              // }
+            
+              // &::before {
+              //   top: 0;
+              //   background: linear-gradient(to bottom, white, transparent);
+              // }
+            
+              // &::after {
+              //   bottom: 0;
+              //   background: linear-gradient(to top, white, transparent);
+              // }
+            
+              .thumb-arrow {
+                cursor: pointer;
+                padding: 5px 10px;
+                background: #00aaff;
+                color: white;
+                border-radius: 50%;
+                user-select: none;
+                z-index: 2;
+                position: relative;
+            
+                &.up {
+                  transform: rotate(90deg);
+                }
+            
+                &.down {
+                  transform: rotate(90deg);
+                }
+              }
+            
+              .thumbnails {
+                display: flex;
+                flex-direction: column;
+                gap: 6px;
+                overflow-y: auto;
+                max-height: 100%;
+                scroll-behavior: smooth;
+                position: relative;
+                z-index: 0;
+                // padding: 5px 0;
+            
+                &::-webkit-scrollbar {
+                  display: none;
+                }
+            
+                img {
+                  width: 80px;
+                  height: 60px;
+                  object-fit: contain;
+                  border: 2px solid transparent;
+                  cursor: pointer;
+                  opacity: 0.7;
+                  transition: transform 0.3s ease, opacity 0.3s ease;
+            
+                  &.active {
+                    transform: scale(1.3);
+                    margin-top: 0.8rem;
+                    margin-bottom: 0.8rem;
+                    opacity: 1;
+                    z-index: 1;
+                  }
+                }
+              }
+            }
+            
+            
+        }
+        @media screen and (max-width: 810px) {
+          .carousel {
+            display: flex;
+            flex-direction: column;
+            gap: 2rem;
+            align-items: center;
+            width: 100vw;
+            .main-image-block{
+              width: 90%;
+            }
+          }
+        
+          .thumbnails-wrapper {
+            width: 100%;
+            display: flex !important;
+            flex-direction: row !important; /* 👈 corrige l'orientation */
+            justify-content: center;
+            align-items: center;
+            overflow-x: auto;
+            overflow-y: hidden;
+            max-height: none;
+            padding: 1rem 0;
+            position: relative;
+          }
+        
+          .thumbnails {
+            display: flex !important;
+            flex-direction: row !important; /* 👈 force l'alignement horizontal */
+            gap: 0.8  rem !important;
+            overflow-x: auto;
+            overflow-y: hidden;
+            scroll-behavior: smooth;
+            padding: 0 1rem;
+            max-width: 100%;
+            flex-wrap: nowrap;
+        
+            &::-webkit-scrollbar {
+              display: none;
+            }
+        
+            img {
+              width: 60px;
+              height: 45px;
+              flex-shrink: 0; /* évite l’écrasement */
+            }
+          }
+        
+          .thumb-arrow {
+            display: none; /* inutile si scroll horizontal */
+          }
+        }
+        
+        
+        
+        // Masquer les images Drupal originales (facultatif)
+        .field__items {
+          display: none;
+        }
+      }
+      .block-entity-fieldnodefield-type-de-ressource,
+      .block-entity-fieldnodetitle,
+      .block-entity-fieldnodefield-edition,
+      .block-entity-fieldnodefield-auteur-s-,
+      .block-entity-fieldnodefield-date-de-parution,
+      .block-entity-fieldnodefield-mots-clefs{
+        @media screen and (max-width: 810px) {
+          margin-left: 7%;
+        }
+      }
+    }      
+  }
+
+}    
+body.type-media-reportage-photos{
+  .block-region-third{
+    .block-entity-fieldnodefield-projets-liee{
+      transform: translateY(-45.5rem);
+    }
+    .block-entity-fieldnodefield-liens,
+    .block-entity-fieldnodefield-fichiers,
+    .block-entity-fieldnodefield-ress{
+      transform: translateY(-16rem);
+    }
+  }
+  
+}

web/themes/custom/eql/scss/pages/_ressource-type-media-vidéos.scss

@@ -0,0 +1,60 @@
+.carousel{display: none;}
+.page-node-type-ressource{
+
+        .type-media-vidéos.layout__region--top{
+            .block-region-top{
+            display: flex !important;
+            flex-direction: column;
+            margin-left: 11%;
+            width: 60%;
+            @media screen and (min-width:1100px) {
+                display: flex;
+            }
+              .block {
+                  margin-left: 0;
+              }
+              .block-entity-fieldnodefield-images{
+                display: none;
+
+              }
+              .block-entity-fieldnodefield-type-de-ressource{
+                order: 1;
+            }
+            .block-entity-fieldnodetitle{
+                order:2;
+            }
+            .block-entity-fieldnodefield-sous-titre{
+                order: 3;
+            }
+            .block-entity-fieldnodefield-edition{
+                order: 5;
+            } 
+            .block-entity-fieldnodefield-auteur-s-{
+                order: 4;
+            } 
+            .block-entity-fieldnodefield-date-de-parution{
+                order: 6;
+            }
+            .block-entity-fieldnodefield-videos{
+              order: 7;
+              margin-top: 2rem;
+            }
+          }
+
+            
+        }
+
+
+}           
+body.type-media-vidéos{
+  .block-region-third{
+    .block-entity-fieldnodefield-projets-liee{
+      transform: translateY(-60vh);
+    }
+    .block-entity-fieldnodefield-liens,
+    .block-entity-fieldnodefield-fichiers,
+    .block-entity-fieldnodefield-ress{
+      transform: translateY(-16rem);
+    }
+  }
+} 

web/themes/custom/eql/scss/pages/_ressource.scss

@@ -1,5 +1,11 @@
 
 .page-node-type-ressource{
+    .layout-container{
+        overflow: visible;
+        @media (max-width: 810px) {
+            overflow: hidden;
+        }
+    }
 
     // #block-contenudelapageprincipale{
         .layout__region--top{
@@ -7,35 +13,42 @@
             @media (max-width: 550px) {
                 padding-top: 0rem;
             }
+            
             .block-region-top{
                 display: flex;
                 flex-direction: column;
                 @media screen and (min-width:1100px) {
                     display: grid;
                     grid-template-columns: 1fr 2fr; /* 1/3 pour l'image, 2/3 pour le contenu */
-                    gap: 1rem;
+                    gap: 0.5rem;
                 }
-                .block-entity-fieldnodefield-images{
+                
+                .block-entity-fieldnodefield-images {
                     width: fit-content;
-                    padding-right: 2rem;
                     padding-left: 25%;
-                    
-                    @media screen and (min-width:1100px) {                        
-                        grid-column: 1;
-                        grid-row: 1 /span 7; /* Prendre toutes les lignes disponibles */
-                        align-self: start; /* S'assurer qu'il commence en haut */
-                        justify-self: end;
-                        margin-left: 2rem;
+                  
+                    @media (min-width: 1100px) {
+                      grid-column: 1;
+                      grid-row: 1 / span 7;
+                      align-self: start;
+                      justify-self: end;
+                      margin-left: 2rem;
                     }
+                  
                     @media (max-width: 1100px) {
-                        padding-left: 13%;
+                      padding-left: 13%;
                     }
+                  
                     @media (max-width: 550px) {
-                        width: 100vw;
-                        padding: 0;
+                      width: 100vw;
+                      padding: 0;
                     }
-                    
-                }
+                    img{
+                        border: solid 1px gray;
+                    }
+
+                  }
+                  
                 .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640, 
                 .block-entity-fieldnodefield-type-de-ressource, 
                 .block-entity-fieldnodetitle, 
@@ -86,14 +99,15 @@
                 .block-entity-fieldnodefield-type-de-ressource{
                     color: $blue-light;
                     text-transform: uppercase;
-                    font-weight: 800;
+                    font-weight: 900;
                     @media (max-width: 1099px) {
                     margin-top: 2rem;
                     }
                 }
                 .block-entity-fieldnodetitle{
-                    font-size: 2rem;
+                    font-size: 2.5rem;
                     font-weight: 600;
+                    line-height: 1.2;
                     .field--name-title{
                         @media (max-width: 550px) {
                             font-size: 1.5rem;
@@ -103,8 +117,14 @@
                 }
 
                 .block-entity-fieldnodefield-sous-titre{
+                        font-weight: 600;
+                        font-size: 2rem;
                     .field--name-field-edition{
+                        font-weight: 600;
+                        font-size: 2rem;
                         p{
+                            font-weight: 600;
+                            font-size: 2rem;
                             margin-bottom: 0;
                         }
                     }
@@ -121,6 +141,8 @@
                     .field--name-field-auteur-s-{
                         font-size: 1.5rem;
                         font-weight: 800;
+                        line-height: 0.8;
+                        margin-top: 1rem;
                         p{
                             margin: 0;
                         }
@@ -132,7 +154,7 @@
                 .block-entity-fieldnodefield-mots-clefs{
                     .field--name-field-mots-clefs{
                         display: inline-flex;
-                        margin-top: 2rem;
+                        margin-top: 0.5rem;
                         .field__item{
                             background: $blue-dark;
                             margin-right: 1rem;
@@ -158,6 +180,11 @@
                 }
 
             }
+
+
+          
+
+
                         /* Hide empty blocks */
             .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640:empty,
             .block-entity-fieldnodefield-type-de-ressource:empty,
@@ -170,6 +197,7 @@
                 display: none;
             }
         }
+
         .layout__region--first{             // menu ancres a gauche
             margin-top: 3rem;
             position: relative;
@@ -180,7 +208,7 @@
                display: flex;
                justify-content: flex-end;
                position: sticky;
-               top: 7rem;
+               top: 13rem;
                 .block-entity-fieldnodefield-textes{
                     display: flex;
                     width: 50%;
@@ -253,7 +281,8 @@
                 width: 70%;    
                 @media (max-width: 810px){
                     width: 100%;
-                }             
+                }  
+         
                 .block-entity-fieldnodefield-fichiers{
                     height: fit-content;
                     border: 2px solid $blue-light;
@@ -266,7 +295,7 @@
                     color: $blue-light;
                     padding-left: 1rem;
                     padding-top: 1rem;
-                    margin-bottom: 1rem;
+                    // margin-bottom: 1rem;
                     padding: 1rem;
             
                     span:nth-of-type(2){
@@ -276,11 +305,13 @@
                     .file--mime-application-pdf{    
                         height: inherit;      
                         margin: auto;  
+                        width: fit-content;
                         ::before{
-                            content: url("../images/pictos/noun_Download_file_307900.svg");
+                            content: url("../images/pictos/download.png");
                             min-width:30px;
                             height: auto;
                             padding-right: 1rem;
+                            margin-right: 1rem;
                         }
                         a{
                             hyphens: auto;
@@ -294,6 +325,7 @@
             
                 }
                 .block-entity-fieldnodefield-liens{
+                    order: 3;
                     .field--name-field-liens{
                         .field__item{
                             margin: auto;  
@@ -305,7 +337,8 @@
                             padding-left: 1rem;
                             padding-top: 1rem;
                             margin-bottom: 1rem;
-                            padding: 1rem
+                            padding: 1rem;
+                            
                         }
                         a{
                             display: inline-flex;
@@ -313,10 +346,12 @@
                             color: $blue-light;
                             font-weight: 800;
                             &::before{
-                                content: url("../images/pictos/noun_External Link_674151.svg");
+                                content: url("../images/pictos/external_link.png");
                                 min-width: 30px;
                                 height: auto;
                                 padding-right: 1rem;
+                                margin-right: 1rem;
+
                             }
                             svg.ext{
                                 display: none;
@@ -328,6 +363,7 @@
                
             
                 .block-entity-fieldnodefield-ress{
+                    order: 4;
                     margin-top: 3rem; 
                     .field--name-field-ress{
                         .field__label{
@@ -447,11 +483,13 @@
                 }    
                 
                 .block-entity-fieldnodefield-projets-liee{
+                    order: 1;
                     margin-top: 3rem;        
                     @media(max-width:479px){
                         margin-top: 2rem;
                     }
                     h2{
+                        display: none;
                         font-size: 0.8rem;
                         color: $black;
                         font-weight: 900;
@@ -459,20 +497,40 @@
                     .field--name-field-projets-liee{
                         display: flex;
                         flex-direction: column;
-                        border: 2px solid $blue-light;
+                        border-bottom: 1px solid $black;
                         padding: 1rem;
                 
                         height: fit-content;
-                        margin-bottom: 1rem;
+                        margin-bottom: 3rem;
                         background-color: $white;
-
+                        
+                      
                         .field__label{ display: none;}
+                        .field__items{
+                           
+                            :before{
+                                content: url("../images/pictos/picto_lieu_blue.svg");
+                                display: inline-block;
+                                color: $blue-dark;
+                                margin-right: 1rem;
+                            }
+                        }
                         .field__item{
+                            display: flex;
+                            flex-direction: row;
+                            margin-bottom: 1.5rem;
+                            :before{
+                                content: 'Voir le projet';
+                                display: block;
+                                color: $blue-dark;
+                              
+                            }
                             a{
-                                color: $black;
+                                color: $blue-dark;
                                 font-size: 1rem;
                                 font-weight: 900;
-                                font-style: italic;
+                                // font-style: italic;
+                               
                             }
                         }
                     }

web/themes/custom/eql/scss/pages/_static.scss

@@ -115,7 +115,8 @@
                             }
                         }
                         .field--type-text-long{
-                            padding-right: 2rem;
+                            // padding-right: 2rem;
+                            padding: 0.5rem 1rem 1rem 1.5rem;
                         }
                         p{
                             margin-top: 0;
@@ -147,8 +148,7 @@
                                 padding-left: 0.8rem;
                                 padding-top: 1rem;
                                 padding-bottom: 1rem;
-                                margin-bottom: 1rem;
-                        
+                                padding-right: 0.5rem;
                                 span:nth-of-type(2){
                                     display: none;
                                 }
@@ -157,23 +157,18 @@
                                     height: inherit;      
                                     margin: auto;  
                                     ::before{
-                                        content: url("../images/pictos/noun_Download_file_307900.svg");
-                                        min-width:25px;
+                                        content: url("../images/pictos/download.png");
                                         height: auto;
-                                        padding-right: 0.5rem;
-                                        // display: inline-flex;
-                                        // align-items: center;
+                                        padding-right: 1rem;
                                     }
                                     a{
                                         hyphens: auto;
                                         display: inline-flex;
-                                        // align-items: center;
                                         color: $blue-light;
                                         font-weight: 800;
-                                        // max-width: 80px ;
+                                        align-items: center;
                                     }
                                 }
-                        
                             }
                         }         
 
@@ -189,23 +184,20 @@
                                     padding-left: 0.8rem;
                                     padding-top: 1rem;
                                     padding-bottom: 1rem;
-
                                     margin-bottom: 1rem;
-                                    
+                                    padding-right: 0.5rem;
                                 }
                                 a{
                                     display: inline-flex;
-                                    // align-items: center;
                                     justify-items: center;
                                     color: $blue-light;
                                     font-weight: 800;
+                                    align-items: center;
+
                                     &::before{
-                                        content: url("../images/pictos/noun_External Link_674151.svg");
-                                        min-width: 25px;
+                                        content: url("../images/pictos/external_link.png");
                                         height: auto;
-                                        padding-right: 0.5rem;
-                                        // display: inline-flex;
-                                        // align-items: center;
+                                        padding-right: 1rem;
                                     }
                                     svg.ext{
                                         display: none;
@@ -228,7 +220,6 @@
                             .node-type-ressource{
                                 border: 2px solid $blue-light;
                                 background-color: $white;
-                                // margin-left: 1rem;
                                 margin-bottom: 1rem ;
                                 padding: 1rem; 
                                 div{
@@ -249,7 +240,6 @@
                                                 color: $black;
                                                 font-size: 1rem;
                                                 font-weight: 900;
-                                                font-style: italic;
                                             }
                                         }
                                     }
@@ -275,13 +265,13 @@
                                         }
                                     }
                                     .field--name-field-images{
-                                        // display: none;
                                         order: 1;
                                         width: 25%;
 
                                         img{
                                             width: 100%;
                                             height: auto;
+                                            border: solid 1px gray;
                                         }
                                     }
                                     .field--name-field-date-de-parution{

web/themes/custom/eql/scss/pages/_toutesactualites.scss

@@ -12,7 +12,7 @@
 
         .block-views{
             grid-column: 2;
-            .view-content{
+            .view-content .view-type-slide .views-row-wrapper{
                 display: flex;
                 flex-direction: row;
                 flex-wrap: wrap;

web/themes/custom/eql/scss/pages/ressources.scss

@@ -1,17 +1,40 @@
 
 .path-ressources{
-    .layout-content{
+
+    .layout-container {
+        overflow: visible;
+        @media (max-width:810px) {
+           overflow: hidden;
+           }
+    }
+        .layout-content{
         width: 100vw;
         .region-content{
-            width: 80%;
+            width: 100%;
             margin: auto;
             #block-contenudelapageprincipale{
-
+                h2{
+                    font-size: 4em;
+                    color: $blue-dark;
+                    font-weight: 400;
+                    text-align: center;
+                    margin-bottom: 1rem;
+                    width: fit-content;
+                    margin-left: 28%;
+                    
+                    @media (max-width:810px) {
+                     margin-left: 2rem;
+                     text-align: left;
+                     line-height: 4rem;
+                    }
+                }
                 .layout--onecol{
                     .layout__region--content{
                         .block-region-content{
-                            display: grid;
-                            grid-template-columns: 1fr repeat(4, 1fr) 1fr;
+                            // display: grid;
+                            // grid-template-columns: 1fr repeat(4, 1fr) 1fr;
+                            display: flex;
+                            flex-direction: column;
                             @media (max-width: 479px){
                                 display: flex;
                                 flex-direction: column;
@@ -19,16 +42,24 @@
 
                             // texte présentation
                            .block-config-pages-block{
-                            grid-column: 1 / span 4;
-                            margin-left: 1rem;
+                            width: 60%;
+                            margin: auto;
+                            margin-left: 28%;
+                            @media (max-width:810px) {
+                                margin-left: 2rem;
+                                width: 85%;
+                               }
                             @media (max-width:479px) {
                                 order: 1;
-                                margin-left: 0;
+                                margin-left: 2rem;
+                                // margin-right: 2rem;
                             }
+
                                 .config_pages--base-de-donnees--full{
                                     grid-column: 1 / span 5;
                                     @media (max-width: 810px){
-                                        padding: 2rem;
+                                        padding-top: 1rem;
+                                        // padding-left: 2rem;
                                         margin-top:1rem;
                                     }
                                     @media (max-width: 479px){
@@ -38,7 +69,8 @@
                                     .field--name-field-introduction{
                                         margin: auto;
                                         background: $white;
-                                        margin-top:5rem;
+                                        font-size: 1rem;
+                                        // margin-top:5rem;
                                         @media (max-width: 479px){
                                             margin-top:1rem;
                                         }
@@ -100,250 +132,547 @@
                             .block-views-blockbase-de-donnees-block-1{
                                 margin-top: 2rem;
                                 width: 100%;
-                                grid-column: 1 / span 6;
+
                                 @media (max-width:479px) {
                                     order: 3;
                                 }
-                                .view-filters{
-                                    display: flex;
-                                    flex-direction: row;
-                                    flex-wrap: wrap;
-                                    background-color: $white;
-                                    margin-top: 2rem;
-                                    margin-left: 1rem;
-                                    margin-bottom: 5rem;
-                                    @media (max-width: 479px) {
-                                        margin-left: 0;                                                
-                                    }
-                                    &::before{
-                                        content: "Filtrer par : ";
-                                        padding-right: 1rem;
-                                        @media (max-width: 479px){
-                                            padding-bottom: 1rem;
-                                        }
+                                .view-base-de-donnees{
+                                    display: grid;
+                                    grid-template-columns: 22% 80%;
+                                    gap: 2rem;
+                                    @media (max-width:810px) {
+                                        display: flex;
+                                        flex-direction: column ;
                                     }
-                                    #views-exposed-form-base-de-donnees-block-1{
+                                    .view-filters{
+                                        position: sticky;
+                                        align-self: start;
+                                        top: 21rem;
+                                        left: 0;
+                                        background-color: $white;
+                                        margin-bottom: 5rem;
+                                        padding: 1rem;
+                                        padding-left: 2rem;
+                                        padding-right: 1.5rem;
+                                        z-index: 1;
+                                        transform: translateY(-210px);
+                                        margin-bottom: -210px;
+                                       
+
+                                        @media (max-width: 810px) {
+                                            position: static;
+                                            margin-bottom: 2rem;
+                                            transform: none;
+                                            margin-bottom: 0px;
 
-                                        width: fit-content;
-                                        display: flex;
-                                        flex-direction: row;
-                                        flex-wrap: wrap;
-                                        margin-top: 1rem;
-                                        @media (max-width: 479px){
-                                            justify-content: center;
-                                        }
-                                        .form-item{
-                                            padding: 0.5rem;
-                                            align-self: center;
-                                        }
-                                        input, label{
-                                            margin: 0.5rem;
                                         }
-                                        select, input{
-                                            padding: 0.3rem;
-                                            margin:0.5rem;
+                                        @media (max-width: 479px) {
+                                            margin-left: 0;                                                
                                         }
-                                     
-                                        #edit-field-mots-clefs-target-id{
-                                            @media (max-width: 479px){
-                                                width: 75vw;
+                                        
+                                        .buttons-filtres-ressources{
+                                            &::before{
+                                                content: "Afficher : ";
+                                                padding-right: 1rem;
+                                                font-weight: 800;
+                                                font-size: 1rem;
+                                                margin-bottom: 1rem;
+                                                display: block;
+                                                width: 100%;
+                                                @media (max-width: 479px){
+                                                    padding-bottom: 1rem;
+                                                }
                                             }
-                                        }
+                                      
+                                            a.button{
+                                                background-color: transparent;
+                                                // border-radius: 30px;
+                                                border: 1px solid black;
+                                                padding: 0.3rem 0.5rem 0.1rem 0.3rem;
+                                                margin-bottom: 0.5rem;
+                                                margin-right: 0.5rem;
+                                                font-size: 0.8rem;
+                                                color: $blue-dark;
+                                                display: inline-flex;
+                                                flex-direction: row;
+                                                align-items: center;
+                                                &:hover{
+                                                    cursor: grab;
+                                                    background-color: $blue-dark;
+                                                    color: white;
+                                                }
+                                                :visited{
+                                                    color: $blue-dark;
+                                                }
+                                                
 
-                                        #edit-actions{
-                                            display: flex;
-                                            flex-direction: column;
-                                            justify-content: space-between;
-                                            align-self: center;
-                                            margin-left: auto;
-                                            @media (max-width: 479px){
-                                                justify-content: center;
-                                                margin: auto;
-                                            }
-                                            #edit-submit-base-de-donnees{
-                                                background-color: $blue-light; 
-                                                color: white;
-                                                text-transform: uppercase;
-                                                border: none;
-                                                padding: 0.3rem 0.7rem;
-                                                margin-left: 2rem;
+                                                &.button-videos{
+                                                    &::before{
+                                                        content:url("../images/pictos/videos.svg");
+                                                        padding-right: 0.5rem;
+                                                        display: block;
 
-                                                @media (max-width: 479px){
-                                                    margin: auto;
-                                                    margin-top: 1rem;
+                                                    }
+                                                    &:hover::before,
+                                                    .is-active &::before{
+                                                        content:url("../images/pictos/videos-blanc.svg");
+                                                        display: block;
+
+                                                    }
+                                                    }
+                                                &.button-podcasts{
+                                                    &::before{
+                                                    content:url("../images/pictos/podcasts.svg");
+                                                    padding-right: 0.5rem;
+                                                    display: block;
+                                                    }
+                                                    &:hover::before{
+                                                        content:url("../images/pictos/podcasts-blanc.svg");
+                                                        display: block;
+
+                                                    }
+                                                }
+                                                &.button-images---photos{
+                                                    &::before{
+                                                    content:url("../images/pictos/en-images.svg");
+                                                    display: block;
+                                                    padding-right: 0.5rem;
+                                                    }
+                                                    &:hover::before{
+                                                        content:url("../images/pictos/en-images-blanc.svg");
+                                                        display: block;
+
+                                                    }
+                                                }
+                                                &.button-livres{
+                                                    &::before{
+                                                    content:url("../images/pictos/ecrits.svg");
+                                                    padding-right: 0.5rem;
+                                                    display: block;;
+                                                    }
+                                                    &:hover::before{
+                                                        content:url("../images/pictos/ecrits-blanc.svg");
+                                                        display: block;
+
+                                                    }
+                                                }
+                                                &.button-articles{
+                                                    &::before{
+                                                    content:url("../images/pictos/ecrits.svg");
+                                                    padding-right: 0.5rem;
+                                                    display: block;
+                                                    }
+                                                    &:hover::before{
+                                                        content:url("../images/pictos/ecrits-blanc.svg");
+                                                        display: block;
+
+                                                    }
                                                 }
+                                                &.button-publications---rapports{
+                                                    &::before{
+                                                    content:url("../images/pictos/ecrits.svg");
+                                                    padding-right: 0.5rem;
+                                                    display: block;
+                                                    }
+                                                    &:hover::before{
+                                                        content:url("../images/pictos/ecrits-blanc.svg");
+                                                        display: block;
+
+                                                    }
+                                                }
+
+
                                             }
-                                            #edit-reset{
-                                                background-color: $blue-light; 
+                                            button.is-active{
+                                                background-color: $blue-dark;
                                                 color: white;
-                                                text-transform: uppercase;
-                                                border: none;
-                                                padding: 0.3rem 0.7rem;
-                                                margin-top: 1rem;
-                                                margin-left: 1rem;
-                                                @media (max-width: 479px){
-                                                    margin: auto;
+                                              
+                                                a {
+                                                  color: white;
+                                                }
+                                                &.button-videos{
                                                     margin-top: 1rem;
+                                                    a {
+                                                         &::before,
+                                                        .is-active &::before{
+                                                            content:url("../images/pictos/videos-blanc.svg");
+                                                        }
+                                                       
+                                                    }
                                                 }
-                                            }    
+                                                &.button-podcasts{
+                                                    a {
+                                                        &::before{
+                                                            content:url("../images/pictos/podcasts-blanc.svg");
+                                                        }
+                                                    }
+                                                }
+                                                &.button-images---photos{
+                                                    a {
+                                                        &::before{
+                                                            content:url("../images/pictos/en-images-blanc.svg");
+                                                        }
+                                                    }
+                                                }
+                                                &.button-livres{
+                                                    a {
+                                                        &::before{
+                                                            content:url("../images/pictos/ecrits-blanc.svg");
+                                                        }
+                                                    }
+                                                }
+                                                &.button-articles{
+                                                    a {
+                                                        &::before{
+                                                            content:url("../images/pictos/ecrits-blanc.svg");
+                                                        }
+                                                    }
+                                                }
+                                                &.button-publications---rapports{
+                                                    a {
+                                                        &::before{
+                                                            content:url("../images/pictos/ecrits-blanc.svg");
+                                                        }
+                                                    }
+                                                }
+                                            }
                                         }
-                                        
-                                    }
-                                }
-                                .view-content{
-                                    width: 100%;
-                                    display: flex;
-                                    flex-direction: row;
-                                    flex-wrap: wrap;
-                                    .views-row{
-                                        width: 25%;
-                                        flex: 0 0 25%;  
-                                                                              
-                                        .node-type-ressource{
-                                            display: flex;
-                                            flex-direction: column;
-                                            border: 2px solid $blue-light;
-                                            margin-left: 1rem;
-                                            margin-bottom: 1rem ;
-                                            padding: 1rem;  
-                                            .ext{
-                                                color: black;
+                                        form{
+                                            &::before{
+                                                content: "Filtrer par : ";
+                                                padding-right: 1rem;
+                                                font-weight: 800;
+                                                font-size: 1rem;
+                                                margin-bottom: 1rem;
+                                                @media (max-width: 479px){
+                                                    padding-bottom: 1rem;
+                                                }
                                             }
-                                            svg.ext{
+                                            .form-item-field-type-de-media-target-id{
                                                 display: none;
                                             }
-                                            &.type-de-ressource-Publication-issue-du-programme-EQLD{
-                                                background-color: $background-actus;
-                                            }
-                                            &.type-de-ressource-Paroles-de-lauréats{
-                                                background-color: $background-actus;
-                                            }
-                                            @media (max-width: 479px) {
-                                                margin-left: 0;                                                
+                                            .form-item{
+                                                font-size: 0.8rem;
                                             }
-                                            &:hover{
-                                                background-color: $black15;    
-                                            }                                      
-                                            
-                                            .field--name-field-type-de-ressource{
-                                                text-transform: uppercase;
-                                                line-height: 1.1rem;
-                                                margin-top: 0.5rem;                                              
-                                                a{
-                                                    color: $blue-light;
-                                                    font-weight: 900;
+                                            .form-item-combine{
+                                                border-top: none;
+                                                border-left: none;
+                                                border-right: none;
+                                                font-size: 0.8rem;
+                                                justify-content: flex-start !important;
+                                                label{display: none;}
+                                                .input-wrapper{
+                                                    display: inline-flex;
+                                                    position: relative;
                                                     font-size: 0.8rem;
-                                                    pointer-events: none;
-                                                    cursor: default;
-                                                }
-                                            }
-                                            .field--name-title{
-                                                margin-top: 0.5rem;
-
-                                                h2{
-                                                    margin: 0;
-                                                    line-height: 1rem;
-                                                    a{
-                                                        color: $black;
-                                                        font-size: 1rem;
-                                                        font-weight: 900;
-                                                        font-style: italic;
+                                                    width: -webkit-fill-available; /* Safari/Chrome */
+                                                    width: -moz-available;         /* Firefox */
+                                                    width: fill-available;         /* standard futur */
+                                                    width: 100%;                   /* fallback */
+                                                    max-width: 100%;
+                                                    &::after{
+                                                        content: url("../images/pictos/loupe.svg");
+                                                        display: inline-block;
+                                                    }
+                                                    input{
+                                                        text-align: start !important;
+                                                        max-width: 100% !important;
                                                     }
-            
                                                 }
+                                                
+                                                  
+                                                  
                                             }
-                                            .field--name-field-auteur-s-{
-                                                margin-top: 0.5rem;
-                                                font-weight: 800;
-                                                line-height: 1.1rem;
-                                                p{
+                                            .form-item-combine:not(.form-item-field-date-de-parution-value) .search-with-clear{
+                                                .clear-input {
+                                                    position: absolute;
+                                                    right: -4px;
+                                                    top: 50%;
+                                                    transform: translateY(-50%);
+                                                    background: white;
+                                                    border: none;
+                                                    padding: 0.5rem;
                                                     margin: 0;
-                                                    
-                                                }
-                                                .field__label{
-                                                    display:none;
+                                                    cursor: pointer;
+                                                    color: #888;
+                                                    display: none; /* masqué par défaut */
+                                                  }
+                                                  
+                                                  .clear-input:hover {
+                                                    color: #000;
+                                                  }
+                                            }
+
+                                            .form-item-field-date-de-parution-value .clear-input{
+                                                display: none;
+                                            }
+                                            select{
+                                                font-size: 0.8rem;
+                                                ::placeholder{
+                                                    display: none;
                                                 }
                                             }
-                                            .field--name-field-sous-titre{
-                                                margin-top: 0.5rem;
+                                            input{
+                                                font-size: 0.8rem;
                                             }
-                                            .field--name-field-edition{
-                                                margin-top: 0.5rem;
-                                                p{
-                                                    margin: 0;
+                                        }
+                                    }
+                                    .filtered{
+                                        display: flex;
+                                        flex-direction: row;
+                                        flex-wrap: wrap;
+                                        .views-row-wrapper{
+                                            flex-wrap: wrap;
+                                            width: 85%;
+                                            .views-row {
+                                                padding: 1rem;
+                                                width: 30% !important;
+                                            }
+                                        }
+                                    }
+                                    .view-content{
+                                        transition: opacity 0.3s ease;
+                                        display: flex;
+                                        flex-direction: row;
+                                        flex-wrap: wrap;
+                                        width: 100%;
+                                        .border{
+                                            width: 80%;
+                                            border-top: solid 1px rgba(0, 0, 0, 0.3);
+                                            
+                                        }
+                                        .view-type-slide:not(:first-of-type) {
+                                            // width: 80%;
+                                            // border-top: solid 1px rgba(0, 0, 0, 0.3);
+                                            // padding-top: 2rem;
+                                          
+                                       
+                                        }
+                                        .view-type-slide.type-publications-issues-du-programme{
+                                            order: 1;
+                                            &::before{
+                                                background-color: $background-actus;
+                                            }
+                                            .views-row{
+                                                width: 45% ;
+                                                min-width: 350px !important;
+                                                max-width: 500px ;
+                                            }
+                                        }
+                                        .view-type-slide.type-paroles-de-laureats{order: 2;}
+                                        .view-type-slide.type-les-projets-en-images{
+                                            order: 3;
+                                            // width: 80%;
+                                            // border-top: solid 1px rgba(0, 0, 0, 0.3);
+                                        }
+                                        .view-type-slide.type-les-projets-en-images{
+                                            .slick-list{
+                                                padding-left: 0 !important;
+                                            }
+                                            &::before{
+                                                background-color: $background-actus;
+                                            }
+                                        }
+                                       
+                                        .view-type-slide.type-presse{
+                                            order: 5;
+                                           
+                                            h3{border: none;}
+                                        }
+                                        .view-type-slide.type-publications-des-partenaires-et-laureats{
+                                            order: 4;
+                                        }
+                                        .view-type-slide.type-autres{order: 9;}
+                                        .type-documentation-partenariale{order: 6;}
+                                        .view-type-slide.type-these-et-memoire{order: 8;}
+
+                                        .view-type-slide:not(footer){
+                                            width: 100%;
+                                            position: relative;
+                                            z-index: 0;
+                                            // padding-top: 1rem;
+                                            padding-bottom: 1rem;
+                                            &::before {
+                                                content: "";
+                                                position: absolute;
+                                                left: -35%;
+                                                height: 100%;
+                                                width: 110vw;
+                                                z-index: 0;
+                                                @media (max-width: 810px){
+                                                    left: 0;
+                                                } 
+                                            }
+                                            > * {
+                                                position: relative;
+                                                z-index: 1;
+                                              }
+                                            h3{
+                                                // margin-top: 3rem;
+                                                top: 1rem;
+                                                // padding-top: 1rem;
+                                                text-transform: uppercase;
+                                                font-family: 'Source Code Pro';
+                                                color: rgb(9, 57, 139) !important;
+                                                display: flex;
+                                                flex-direction: row;
+                                                align-items: center;
+                                                font-size: 1.7rem;
+                                                margin-block: 0em;
+                                                @media (max-width: 810px){
+                                                    padding-left: 2rem;
+                                                    width: 70%;
+                                                } 
+                                                @media (max-width: 479px){
+                                                    width: 65% !important;
+                                                } 
+                                            }
+                                            h3.type-publications-issues-du-programme {
+                                                border: none;
+                                                &:before{
+                                                    content:url("../images/pictos/picto-ressource-eqld.svg");
+                                                    padding-right: 1rem;
                                                 }
-                                                .field__label{
-                                                    display:none;
+                                            }
+                                            h3.type-paroles-de-laureats {
+                                                &:before{
+                                                    content:url("../images/pictos/picto-ressource-paroleslaureats.svg");
+                                                    padding-right: 1rem;
+
                                                 }
                                             }
-                                            .field--name-field-images{
-                                                // display: none;
-                                                // width: 30%;
-                                                width: fit-content;
-                                                border: 1px solid #a3a3a3;
-                                                height: 100px;
-                                                .field__item{
-                                                    height: 100px;
+                                            h3.type-les-projets-en-images {
+                                                width: 80%;
+                                                &:before{
+                                                    content:url("../images/pictos/picto-ressource-projetsimages.svg");
+                                                    padding-right: 1rem;
+
                                                 }
-                                                img{
-                                                    height: 100%;
-                                                    width: auto;
-                                                    // width: 100%;
-                                                    // height: auto;
+                                            }
+                                            h3.type-presse {
+                                                &:before{
+                                                    content:url("../images/pictos/picto-ressource-presse.svg");
+                                                    padding-right: 1rem;
+                                                   
                                                 }
                                             }
-                                            .field--name-field-date-de-parution{
-                                                margin-top: 0.3rem;
+
+                                            .tout-voir{
+                                                background-color: $white;
+                                                border: 1px solid $blue-light;  
+                                                list-style: none;
+                                                padding: 0.5rem;
+                                                position: relative;
+                                                left: 60vw;
+                                                top: -1.5rem;
+                                                // margin-top: 1rem;
+                                                // button{
+                                                    text-transform: uppercase;
+                                                    font-size: 0.7rem;
+                                                    font-weight: 500;
+                                                    color: $blue-light;
+                                                    display: inline-flex;
+                                                    align-items: center;
+                                                    &:after{
+                                                        // display: block;
+                                                        content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
+                                                    }
+                                                // }
+                                                @media (max-width: 810px){
+                                                    left: 81vw;
+                                                    // top: -4.3rem;
+                                                } 
+                                                @media (max-width: 479px){
+                                                    left: 76vw;
+                                                    top: -1.5rem;
+                                                } 
+                                                
                                             }
-                                            .field--name-field-mots-clefs{
+                                            
+                                            .views-row-wrapper{
                                                 display: flex;
-                                                margin-top: 1rem;
                                                 flex-direction: row;
-                                                flex-wrap: wrap;
+                                                .slick-track{
+                                                    width: 100% !important;
+                                                    display: flex;
+                                                    flex-direction: row;
+                                                    transform: none;
+                                                    .views-row{
+                                                        width: 20% ;
+                                                        min-width: 250px ;
+                                                        max-width: 500px ;
+                                                    }
+                                                }
                                               
-                                                .field__item{
-                                                    margin-right: 0.5rem;
-                                                    padding-left: 0.3rem;
-                                                    padding-right: 0.3rem;
-                                                    font-size: 0.7rem;
-                                                
-                                                    a{
-                                                        background: $blue-dark;
-                                                        color: $white;
-                                                        font-weight: 800;
-                                                        vertical-align: super;
-                                                        padding-left: 0.1rem;
-                                                        padding-right: 0.1rem;
-                                                        display: inline-flex;
-                                                        pointer-events: none;
-                                                        cursor: default;
+                                                @media (max-width: 810px){
+                                                    padding-left: 2rem;
+                                                    flex-direction: column;
+                                                    .views-row{
+                                                        width: 100% !important;
                                                     }
+                                                } 
+                                                .slick-next::before{
+                                                    content:url("../images/pictos/fleche-droite-dans-rond.png");
+                                                    // display: block;
+                                                    display: inline-block;
+                                                    @media (max-width: 810px){
+                                                        transform: scale(0.5); /* Réduction à 50% */
+                                                    transform-origin: top left; /* Point d’ancrage du redimensionnement */
+                                                    } 
                                                 }
+                                                
+                                                .slick-prev::before{
+                                                    content:url("../images/pictos/fleche-droite-dans-rond.png");
+                                                    display: block;
+                                                    display: inline-block;
+                                                    transform: scaleX(-1);
+                                                    @media (max-width: 810px){
+                                                        transform: scale(-0.5, 0.5);
+                                                        transform-origin: top right; /* Point d’ancrage du redimensionnement */  
+                                                    } 
+
+                                                }
+                                                .slick-prev.slick-disabled::before,
+                                                .slick-next.slick-disabled::before{
+                                                    opacity: 0 !important;
+                                                }
+                                                .slick-next {
+                                                    right: 10%;
+                                                }
+                                                @media (max-width: 810px){
+                                                    .slick-prev {
+                                                        left: -10%;
+                                                    }  
+                                                    .slick-next{
+                                                        right: 2%;
+                                                    }
+                                                } 
+                                                @media (max-width: 479px){
+                                                    .slick-prev {
+                                                        left: -15%;
+                                                    }  
+                                                } 
+                                                
                                             }
-                                            ul.links.inline{
-                                                display: none;
-                                            }
-                                        }
-                                        
-                                    } 
-                                    @media (max-width: 810px){
-                                        flex-direction: column;
-                                        .views-row{
-                                            width: 100%;
-                                        }
-                                    }  
-                                    
+                                            
+                                        }                                                                          
+                                    }
                                 }
                             }
-
                         }
                     }
                 }
-
             }
         }
-        
     }
-   
-
 }
+div.view-type-slide:nth-child(2) > div:nth-child(4){
+    padding-left: 0 !important;
+        .slick-list{
+            padding-left: 8% !important;
+            padding-right: 8% !important;
+        }
+        article{
+            padding-right: 0;
+        }
+}

web/themes/custom/eql/scss/partials/_block_third_ressources_liees.scss

@@ -70,6 +70,7 @@
                     img{
                         width: 100%;
                         height: auto;
+                        border: solid 1px gray;
                     }
                 }
                 .field--name-field-date-de-parution{