revert a306c77

.gitmodules

@@ -1,6 +1,3 @@
-[submodule "d8-starterkit-profile"]
-	path = we/profiles/d8-starterkit-profile
-	url = https://figureslibres.io/gogs/bachir/d8-starterkit-profile.git
 [submodule "web/profiles/d8-starterkit-profile"]
 	path = web/profiles/d8-starterkit-profile
-	url = https://figureslibres.io/gogs/bachir/d8-starterkit-profile.git
+	url = https://figureslibres.io/gitea/bachir/drupal-starterkit-profile.git

composer.json

@@ -18,13 +18,14 @@
         "composer/installers": "^1.9",
         "drupal/address": "^1.10",
         "drupal/administerusersbyrole": "^3.0",
+        "drupal/computed_token_field": "^1.0@beta",
+        "drupal/config_enforce": "^1.0",
         "drupal/config_pages": "2.x-dev@dev",
         "drupal/core-composer-scaffold": "^9.2",
         "drupal/core-project-message": "^9.2",
         "drupal/core-recommended": "^9.5",
         "drupal/entity_browser_enhanced": "^2.0",
         "drupal/entity_type_clone": "^4.0.3",
-        "drupal/formatter_suite": "^1.3",
         "drupal/geocoder": "^3.25",
         "drupal/geofield": "^1.36",
         "drupal/honeypot": "^2.1",
@@ -40,9 +41,12 @@
         "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/upgrade_status": "^4.3",
+        "drupal/video_embed_dailymotion": "^2.0",
         "drupal/views_conditional": "^1.5",
         "drupal/views_ef_fieldset": "^1.6",
         "drupal/webform": "^6.1",

config/sync/admin_toolbar.settings.yml

@@ -2,3 +2,7 @@ _core:
   default_config_hash: jvTSppzcgH5wnzBhX5xnAExcp2I1CzkQ_aky65XNfYI
 langcode: fr
 menu_depth: 5
+hoverintent_behavior:
+  enabled: true
+  timeout: 500
+enable_toggle_shortcut: false

config/sync/block.block.burger.yml

@@ -5,7 +5,6 @@ dependencies:
   config:
     - system.menu.burger
   module:
-    - context
     - menu_block
   theme:
     - eql
@@ -29,23 +28,4 @@ settings:
   expand_all_items: true
   parent: 'burger:'
   suggestion: burger
-visibility:
+visibility: {  }
-  user_status:
-    id: user_status
-    negate: false
-    context_mapping:
-      user: '@user.current_user_context:current_user'
-    user_status:
-      viewing_profile: '0'
-      logged_viewing_profile: '0'
-      own_page_true: '0'
-      field_value: '0'
-    user_fields: uid
-  context_all:
-    id: context_all
-    negate: null
-    values: ''
-  context:
-    id: context
-    negate: null
-    values: ''

config/sync/block.block.contenudelapageprincipale.yml

@@ -3,7 +3,6 @@ langcode: fr
 status: true
 dependencies:
   module:
-    - context
     - system
   theme:
     - eql
@@ -18,23 +17,4 @@ settings:
   label: 'Contenu de la page principale'
   label_display: visible
   provider: system
-visibility:
+visibility: {  }
-  user_status:
-    id: user_status
-    negate: false
-    context_mapping:
-      user: '@user.current_user_context:current_user'
-    user_status:
-      viewing_profile: '0'
-      logged_viewing_profile: '0'
-      own_page_true: '0'
-      field_value: '0'
-    user_fields: uid
-  context_all:
-    id: context_all
-    negate: null
-    values: ''
-  context:
-    id: context
-    negate: null
-    values: ''

config/sync/block.block.headermenu.yml

@@ -5,7 +5,6 @@ dependencies:
   config:
     - system.menu.header-menu
   module:
-    - context
     - menu_block
   theme:
     - eql
@@ -29,23 +28,4 @@ settings:
   expand_all_items: false
   parent: 'header-menu:'
   suggestion: header_menu
-visibility:
+visibility: {  }
-  user_status:
-    id: user_status
-    negate: false
-    context_mapping:
-      user: '@user.current_user_context:current_user'
-    user_status:
-      viewing_profile: '0'
-      logged_viewing_profile: '0'
-      own_page_true: '0'
-      field_value: '0'
-    user_fields: uid
-  context_all:
-    id: context_all
-    negate: null
-    values: ''
-  context:
-    id: context
-    negate: null
-    values: ''

config/sync/block.block.logoeql.yml

@@ -6,7 +6,6 @@ dependencies:
     - 'block_content:logo_block:471ad4df-2ba5-4305-aadd-d7d733b9693e'
   module:
     - block_content
-    - context
   theme:
     - eql
 id: logoeql
@@ -23,23 +22,4 @@ settings:
   status: true
   info: ''
   view_mode: full
-visibility:
+visibility: {  }
-  context_all:
-    id: context_all
-    negate: null
-    values: ''
-  context:
-    id: context
-    negate: null
-    values: ''
-  user_status:
-    id: user_status
-    negate: false
-    context_mapping:
-      user: '@user.current_user_context:current_user'
-    user_status:
-      viewing_profile: '0'
-      logged_viewing_profile: '0'
-      own_page_true: '0'
-      field_value: '0'
-    user_fields: uid

config/sync/block.block.logogouv.yml

@@ -6,7 +6,6 @@ dependencies:
     - 'block_content:logo_block:c7d5e705-b1c9-41f0-af19-a54357bf64c4'
   module:
     - block_content
-    - context
   theme:
     - eql
 id: logogouv
@@ -23,23 +22,4 @@ settings:
   status: true
   info: ''
   view_mode: full
-visibility:
+visibility: {  }
-  user_status:
-    id: user_status
-    negate: false
-    context_mapping:
-      user: '@user.current_user_context:current_user'
-    user_status:
-      viewing_profile: '0'
-      logged_viewing_profile: '0'
-      own_page_true: '0'
-      field_value: '0'
-    user_fields: uid
-  context_all:
-    id: context_all
-    negate: null
-    values: ''
-  context:
-    id: context
-    negate: null
-    values: ''

config/sync/block.block.pieddepage.yml

@@ -5,7 +5,6 @@ dependencies:
   config:
     - system.menu.footer
   module:
-    - context
     - menu_block
   theme:
     - eql
@@ -29,23 +28,4 @@ settings:
   expand_all_items: false
   parent: 'footer:'
   suggestion: footer
-visibility:
+visibility: {  }
-  user_status:
-    id: user_status
-    negate: false
-    context_mapping:
-      user: '@user.current_user_context:current_user'
-    user_status:
-      viewing_profile: '0'
-      logged_viewing_profile: '0'
-      own_page_true: '0'
-      field_value: '0'
-    user_fields: uid
-  context_all:
-    id: context_all
-    negate: null
-    values: ''
-  context:
-    id: context
-    negate: null
-    values: ''

config/sync/block.block.socialnetwork.yml

@@ -6,7 +6,6 @@ dependencies:
     - 'block_content:custom:dbcf6df0-ddee-477d-a97e-c4a29e06781d'
   module:
     - block_content
-    - context
   theme:
     - eql
 id: socialnetwork
@@ -23,23 +22,4 @@ settings:
   status: true
   info: ''
   view_mode: full
-visibility:
+visibility: {  }
-  user_status:
-    id: user_status
-    negate: false
-    context_mapping:
-      user: '@user.current_user_context:current_user'
-    user_status:
-      viewing_profile: '0'
-      logged_viewing_profile: '0'
-      own_page_true: '0'
-      field_value: '0'
-    user_fields: uid
-  context_all:
-    id: context_all
-    negate: null
-    values: ''
-  context:
-    id: context
-    negate: null
-    values: ''

config/sync/block.block.socialnetwork_2.yml

@@ -6,7 +6,6 @@ dependencies:
     - 'block_content:custom:dbcf6df0-ddee-477d-a97e-c4a29e06781d'
   module:
     - block_content
-    - context
   theme:
     - eql
 id: socialnetwork_2
@@ -23,23 +22,4 @@ settings:
   status: true
   info: ''
   view_mode: full
-visibility:
+visibility: {  }
-  user_status:
-    id: user_status
-    negate: false
-    context_mapping:
-      user: '@user.current_user_context:current_user'
-    user_status:
-      viewing_profile: '0'
-      logged_viewing_profile: '0'
-      own_page_true: '0'
-      field_value: '0'
-    user_fields: uid
-  context_all:
-    id: context_all
-    negate: null
-    values: ''
-  context:
-    id: context
-    negate: null
-    values: ''

config/sync/block.block.views_block__partenaires_block_1.yml

@@ -5,7 +5,6 @@ dependencies:
   config:
     - views.view.partenaires
   module:
-    - context
     - views
   theme:
     - eql
@@ -22,23 +21,5 @@ settings:
   provider: views
   views_label: ''
   items_per_page: none
-visibility:
+  exposed: {  }
-  user_status:
+visibility: {  }
-    id: user_status
-    negate: false
-    context_mapping:
-      user: '@user.current_user_context:current_user'
-    user_status:
-      viewing_profile: '0'
-      logged_viewing_profile: '0'
-      own_page_true: '0'
-      field_value: '0'
-    user_fields: uid
-  context_all:
-    id: context_all
-    negate: null
-    values: ''
-  context:
-    id: context
-    negate: null
-    values: ''

config/sync/block.block.views_block__partenaires_block_2.yml

@@ -5,7 +5,6 @@ dependencies:
   config:
     - views.view.partenaires
   module:
-    - context
     - views
   theme:
     - eql
@@ -22,23 +21,5 @@ settings:
   provider: views
   views_label: ''
   items_per_page: none
-visibility:
+  exposed: {  }
-  user_status:
+visibility: {  }
-    id: user_status
-    negate: false
-    context_mapping:
-      user: '@user.current_user_context:current_user'
-    user_status:
-      viewing_profile: '0'
-      logged_viewing_profile: '0'
-      own_page_true: '0'
-      field_value: '0'
-    user_fields: uid
-  context_all:
-    id: context_all
-    negate: null
-    values: ''
-  context:
-    id: context
-    negate: null
-    values: ''

config/sync/block.block.views_block__partenaires_block_3.yml

@@ -5,7 +5,6 @@ dependencies:
   config:
     - views.view.partenaires
   module:
-    - context
     - views
   theme:
     - eql
@@ -22,23 +21,5 @@ settings:
   provider: views
   views_label: ''
   items_per_page: none
-visibility:
+  exposed: {  }
-  user_status:
+visibility: {  }
-    id: user_status
-    negate: false
-    context_mapping:
-      user: '@user.current_user_context:current_user'
-    user_status:
-      viewing_profile: '0'
-      logged_viewing_profile: '0'
-      own_page_true: '0'
-      field_value: '0'
-    user_fields: uid
-  context_all:
-    id: context_all
-    negate: null
-    values: ''
-  context:
-    id: context
-    negate: null
-    values: ''

config/sync/block_class.settings.yml

@@ -0,0 +1,19 @@
+langcode: fr
+maxlength_block_class_field: 255
+field_type: multiple_textfields
+default_case: standard
+allow_only_letters_and_numbers: false
+enable_attributes: true
+enable_auto_complete: true
+qty_classes_per_block: 10
+items_per_page: 50
+enable_special_chars: true
+qty_attributes_per_block: 10
+enable_id_replacement: true
+weight_attributes: null
+weight_class: null
+weight_id: null
+maxlength_attributes: 255
+attribute_keys_stored: '[]'
+attribute_value_stored: '[]'
+attributes_inline: '[]'

config/sync/config_enforce.registry.computed_token_field.yml

@@ -0,0 +1,6 @@
+enforced_configs:
+  'config_enforce:registry:computed_token_field':
+    config_directory: config/install
+    enforcement_level: 20
+    config_form_uri: /en/admin/config/development/config_enforce/enforced_configs
+    hash: intentionally_invalid

config/sync/config_ignore.settings.yml

@@ -1,4 +1,5 @@
 _core:
   default_config_hash: UVH1aJ4b44UM-VdPVN7hNNuuVqfReJxwfVeDQH1Hvsk
 langcode: fr
+mode: simple
 ignored_config_entities: {  }

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

@@ -5,6 +5,7 @@ dependencies:
   config:
     - field.field.node.ressource.field_actu_liee
     - field.field.node.ressource.field_auteur_s_
+    - field.field.node.ressource.field_combined_paragraphs
     - field.field.node.ressource.field_date_de_parution
     - field.field.node.ressource.field_edition
     - field.field.node.ressource.field_fichiers
@@ -22,6 +23,7 @@ dependencies:
     - node.type.ressource
   module:
     - autocomplete_deluxe
+    - computed_field
     - datetime
     - field_group
     - file
@@ -163,6 +165,12 @@ content:
       rows: 5
       placeholder: ''
     third_party_settings: {  }
+  field_combined_paragraphs:
+    type: computed_string_widget
+    weight: 142
+    region: content
+    settings: {  }
+    third_party_settings: {  }
   field_date_de_parution:
     type: datetime_default
     weight: 130
@@ -265,7 +273,7 @@ content:
       autocomplete_route_name: autocomplete_deluxe.autocomplete
       size: 60
       selection_handler: default
-      limit: 0
+      match_limit: 0
       min_length: 0
       delimiter: ''
       not_found_message_allow: false

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

@@ -5,6 +5,7 @@ dependencies:
   config:
     - field.field.node.ressource.field_actu_liee
     - field.field.node.ressource.field_auteur_s_
+    - field.field.node.ressource.field_combined_paragraphs
     - field.field.node.ressource.field_date_de_parution
     - field.field.node.ressource.field_edition
     - field.field.node.ressource.field_fichiers
@@ -39,7 +40,7 @@ content:
     settings:
       link: true
     third_party_settings: {  }
-    weight: 14
+    weight: 13
     region: content
   field_auteur_s_:
     type: text_default
@@ -70,7 +71,7 @@ content:
     settings:
       use_description_as_link_text: true
     third_party_settings: {  }
-    weight: 8
+    weight: 7
     region: content
   field_images:
     type: image_caption
@@ -81,7 +82,7 @@ content:
       image_loading:
         attribute: lazy
     third_party_settings: {  }
-    weight: 9
+    weight: 8
     region: content
   field_liens:
     type: link
@@ -93,7 +94,7 @@ content:
       rel: ''
       target: ''
     third_party_settings: {  }
-    weight: 10
+    weight: 9
     region: content
   field_mots_clefs:
     type: entity_reference_label
@@ -101,7 +102,7 @@ content:
     settings:
       link: true
     third_party_settings: {  }
-    weight: 15
+    weight: 14
     region: content
   field_projets_liee:
     type: entity_reference_label
@@ -109,7 +110,7 @@ content:
     settings:
       link: true
     third_party_settings: {  }
-    weight: 13
+    weight: 12
     region: content
   field_ress:
     type: entity_reference_label
@@ -117,7 +118,7 @@ content:
     settings:
       link: true
     third_party_settings: {  }
-    weight: 12
+    weight: 11
     region: content
   field_sous_titre:
     type: string
@@ -134,7 +135,7 @@ content:
       view_mode: default
       link: ''
     third_party_settings: {  }
-    weight: 16
+    weight: 15
     region: content
   field_type_de_media:
     type: entity_reference_label
@@ -161,7 +162,7 @@ content:
       width: 854
       height: 480
     third_party_settings: {  }
-    weight: 11
+    weight: 10
     region: content
   title:
     type: title
@@ -173,7 +174,9 @@ content:
     weight: 0
     region: content
 hidden:
+  computed_textes_paragraphes: true
   created: true
+  field_combined_paragraphs: true
   langcode: true
   links: true
   search_api_excerpt: true

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

@@ -6,6 +6,7 @@ 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_combined_paragraphs
     - field.field.node.ressource.field_date_de_parution
     - field.field.node.ressource.field_edition
     - field.field.node.ressource.field_fichiers
@@ -92,8 +93,10 @@ content:
     weight: 1
     region: content
 hidden:
+  computed_textes_paragraphes: true
   created: true
   field_actu_liee: true
+  field_combined_paragraphs: true
   field_edition: true
   field_fichiers: true
   field_liens: true

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

@@ -6,6 +6,7 @@ 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_combined_paragraphs
     - field.field.node.ressource.field_date_de_parution
     - field.field.node.ressource.field_edition
     - field.field.node.ressource.field_fichiers
@@ -31,6 +32,14 @@ targetEntityType: node
 bundle: ressource
 mode: teaser
 content:
+  computed_textes_paragraphes:
+    type: string
+    label: hidden
+    settings:
+      link_to_entity: false
+    third_party_settings: {  }
+    weight: 10
+    region: content
   field_auteur_s_:
     type: text_default
     label: hidden
@@ -116,6 +125,7 @@ content:
 hidden:
   created: true
   field_actu_liee: true
+  field_combined_paragraphs: true
   field_fichiers: true
   field_liens: true
   field_projets_liee: true

config/sync/core.extension.yml

@@ -19,6 +19,8 @@ module:
   breakpoint: 0
   bulkdelete: 0
   ckeditor: 0
+  computed_field: 0
+  computed_token_field: 0
   config: 0
   config_devel: 0
   config_filter: 0
@@ -122,6 +124,7 @@ module:
   toolbar: 0
   translation_views: 0
   update: 0
+  upgrade_status: 0
   url_to_video_filter: 0
   user: 0
   video_embed_field: 0
@@ -141,6 +144,7 @@ module:
   views: 10
   paragraphs: 11
   linked_field: 100
+  config_enforce: 1000
   figli_starter_kit: 1000
 theme:
   seven: 0

config/sync/email_registration.settings.yml

@@ -2,3 +2,4 @@ _core:
   default_config_hash: k024s6lEcCjGqAq_82KNi-RRCCc37Jxo5frFNChAqao
 langcode: fr
 login_with_username: false
+require_username_on_registration: false

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

@@ -0,0 +1,22 @@
+uuid: ad8d5056-6727-4e36-9e83-6d04fe409af6
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_combined_paragraphs
+    - node.type.ressource
+  module:
+    - computed_field
+id: node.ressource.field_combined_paragraphs
+field_name: field_combined_paragraphs
+entity_type: node
+bundle: ressource
+label: combined_paragraphs
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings:
+  token_value: '[node:field_edition:value] [node:field_sous_titre:value] [node:body] [node:field_auteur_s_:value] [node:field_textes] [node:field_accroche:value]'
+field_type: computed_string_long

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

@@ -0,0 +1,20 @@
+uuid: f2f59d94-de34-42cb-b4a8-3223b9430157
+langcode: fr
+status: true
+dependencies:
+  module:
+    - computed_field
+    - node
+id: node.field_combined_paragraphs
+field_name: field_combined_paragraphs
+entity_type: node
+type: computed_string_long
+settings:
+  case_sensitive: false
+module: computed_field
+locked: false
+cardinality: 1
+translatable: true
+indexes: {  }
+persist_with_no_fields: false
+custom_storage: false

config/sync/geocoder.geocoder_provider.mapquest.yml

@@ -9,5 +9,7 @@ configuration:
   throttle:
     period: null
     limit: null
-  apiKey: BfGpTmi8PmaGkWNCAwlH6qW5jILApFGb
+  apiKey: 3rpwySS1FjhM9bib4fvhjs7XLbZF4pg6
-  licensed: false
+  licensed: true
+  geocoder:
+    locale: ''

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

@@ -134,7 +134,7 @@ variant_settings:
           view_mode: default
         third_party_settings: {  }
       region: second
-      weight: 0
+      weight: -6
       uuid: 3912e9a7-5970-4e0e-a28a-fcd7e82951d3
     d43e215d-22e3-4ada-b499-0f3a30491af6:
       id: 'entity_field:node:field_textes'

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

@@ -41,7 +41,7 @@ variant_settings:
       region: content
       weight: 0
       uuid: ea249519-f398-4b55-9f11-ab0e2a613ef5
-  page_title: 'Centre de ressource'
+  page_title: 'Centre de ressources'
   layout: layout_onecol
   layout_settings:
     label: ''

config/sync/upgrade_status.settings.yml

@@ -0,0 +1,4 @@
+_core:
+  default_config_hash: BqkUHiXXGvu2L7NR_nblxtP6f03MdD16XSMWwVM0QEc
+langcode: fr
+paths_per_scan: 30

config/sync/views.view.base_de_donnees.yml

@@ -6,22 +6,21 @@ dependencies:
     - core.entity_view_mode.node.teaser
     - field.storage.node.body
     - field.storage.node.field_auteur_s_
+    - field.storage.node.field_combined_paragraphs
     - 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
-    - field.storage.paragraph.field_texte
-    - field.storage.paragraph.field_titre
     - node.type.ressource
     - taxonomy.vocabulary.tag_ressource
     - taxonomy.vocabulary.type_de_media
     - taxonomy.vocabulary.types_de_ressource
   module:
+    - computed_field
     - datetime
     - link
     - node
-    - paragraphs
     - taxonomy
     - text
     - user
@@ -530,11 +529,11 @@ display:
           multi_type: separator
           separator: ', '
           field_api_classes: false
-        field_texte:
+        field_combined_paragraphs:
-          id: field_texte
+          id: field_combined_paragraphs
-          table: paragraph__field_texte
+          table: node__field_combined_paragraphs
-          field: field_texte
+          field: field_combined_paragraphs
-          relationship: field_textes
+          relationship: none
           group_type: group
           admin_label: ''
           plugin_id: field
@@ -563,7 +562,7 @@ display:
             more_link: false
             more_link_text: ''
             more_link_path: ''
-            strip_tags: false
+            strip_tags: true
             trim: false
             preserve_tags: ''
             html: false
@@ -580,70 +579,11 @@ display:
           empty_zero: false
           hide_alter_empty: true
           click_sort_column: value
-          type: text_default
+          type: computed_string
-          settings: {  }
+          settings:
-          group_column: value
+            sanitized: 1
-          group_columns: {  }
+            cache_unit: '-1'
-          group_rows: true
+            cache_duration: '1'
-          delta_limit: 0
-          delta_offset: 0
-          delta_reversed: false
-          delta_first_last: false
-          multi_type: separator
-          separator: ', '
-          field_api_classes: false
-        field_titre:
-          id: field_titre
-          table: paragraph__field_titre
-          field: field_titre
-          relationship: field_textes
-          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: {  }
           group_column: value
           group_columns: {  }
           group_rows: true
@@ -971,7 +911,7 @@ display:
               root: '0'
               user: '0'
               editeur: '0'
-            placeholder: 'votre recherche'
+            placeholder: 'recherche libre'
           is_grouped: false
           group_info:
             label: ''
@@ -985,13 +925,7 @@ display:
             default_group_multiple: {  }
             group_items: {  }
           fields:
-            title: title
+            field_combined_paragraphs: field_combined_paragraphs
-            field_auteur_s_: field_auteur_s_
-            body: body
-            field_sous_titre: field_sous_titre
-            field_edition: field_edition
-            field_texte: field_texte
-            field_titre: field_titre
       filter_groups:
         operator: AND
         groups:
@@ -1020,16 +954,7 @@ display:
           distinct: true
           replica: false
           query_tags: {  }
-      relationships:
+      relationships: {  }
-        field_textes:
-          id: field_textes
-          table: node__field_textes
-          field: field_textes
-          relationship: none
-          group_type: group
-          admin_label: 'field_textes : Paragraph'
-          plugin_id: standard
-          required: false
       header: {  }
       footer: {  }
       display_extenders: {  }
@@ -1045,13 +970,12 @@ display:
       tags:
         - 'config:field.storage.node.body'
         - 'config:field.storage.node.field_auteur_s_'
+        - 'config:field.storage.node.field_combined_paragraphs'
         - '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:field.storage.paragraph.field_texte'
-        - 'config:field.storage.paragraph.field_titre'
   block_1:
     id: block_1
     display_title: 'Block bdd'
@@ -1140,7 +1064,7 @@ display:
                   type: container
                   weight: '-4'
       block_category: 'Ressources (Views)'
-      block_hide_empty: true
+      block_hide_empty: false
       allow:
         items_per_page: false
         offset: '0'
@@ -1161,10 +1085,9 @@ display:
       tags:
         - 'config:field.storage.node.body'
         - 'config:field.storage.node.field_auteur_s_'
+        - 'config:field.storage.node.field_combined_paragraphs'
         - '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:field.storage.paragraph.field_texte'
-        - 'config:field.storage.paragraph.field_titre'

config/sync/views.view.projets.yml

@@ -187,16 +187,20 @@ display:
                   sort_options: false
                   rewrite:
                     filter_rewrite_values: ''
+                    filter_rewrite_values_key: false
                   collapsible: false
                   is_secondary: false
+                  collapsible_disable_automatic_open: false
               field_neuf_rehabilitation_value:
                 plugin_id: bef
                 advanced:
                   sort_options: false
                   rewrite:
                     filter_rewrite_values: ''
+                    filter_rewrite_values_key: false
                   collapsible: false
                   is_secondary: false
+                  collapsible_disable_automatic_open: false
                 select_all_none: false
                 select_all_none_nested: false
                 display_inline: true
@@ -206,8 +210,10 @@ display:
                   sort_options: false
                   rewrite:
                     filter_rewrite_values: ''
+                    filter_rewrite_values_key: false
                   collapsible: false
                   is_secondary: false
+                  collapsible_disable_automatic_open: false
                 select_all_none: false
                 select_all_none_nested: false
                 display_inline: true
@@ -1036,7 +1042,7 @@ display:
           delta_reversed: false
           delta_first_last: false
           multi_type: separator
-          separator: ', '
+          separator: ' '
           field_api_classes: false
         title:
           id: title
@@ -1421,7 +1427,7 @@ display:
         options:
           default_field_elements: true
           inline: {  }
-          separator: ''
+          separator: '<br>'
           hide_empty: false
       defaults:
         style: false

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

@@ -4,9 +4,9 @@
 <svg
    version="1.1"
    id="svg1"
-   width="24.361286"
+   width="24.361284"
-   height="24.678955"
+   height="24.678932"
-   viewBox="0 0 24.361286 24.678955"
+   viewBox="0 0 24.361284 24.678932"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
@@ -118,7 +118,7 @@
   </defs>
   <g
      id="layer-oc0"
-     transform="translate(-20.101494,-544.98144)">
+     transform="translate(-20.101627,-544.98144)">
     <g
        id="g5861"
        clip-path="url(#clipPath5862)">
@@ -130,57 +130,57 @@
            id="g5853">
           <path
              d="M 0.35979,-17.2984 H 11.5089 c 0.2158,0 0.3597,0.1439 0.3597,0.3596 v 1.8702 h 1.8701 c 0.2158,0 0.3597,0.1439 0.3597,0.3596 v 11.1852 0 c 0,0.036 0,0.072 -0.036,0.1078 v 0.036 c 0,0.036 -0.036,0.036 -0.036,0.072 0,0 0,0.036 -0.036,0.036 v 0 l -3.6684,3.165 c -0.036,0.036 -0.0719,0.036 -0.0719,0.072 h -0.036 c -0.036,0 -0.0719,0 -0.1079,0.035 0,0 0,0 -0.036,0 L 2.58948,0 C 2.37369,0 2.22983,-0.1438 2.22983,-0.3596 V -2.2298 H 0.35965 C 0.14386,-2.2298 0,-2.3736 0,-2.5894 v -14.3501 c 0,-0.2157 0.17982,-0.3596 0.35965,-0.3596 z M 10.43,-1.186 12.7317,-3.1641 H 10.43 Z m -7.48074,0.4315 h 6.76141 v -2.7334 c 0,-0.2157 0.14386,-0.3596 0.35963,-0.3596 h 3.3088 v -10.5017 c -3.74036,0 -6.65352,0 -10.42984,0 z M 0.71943,-2.9844 H 2.22996 V -14.709 c 0,-0.2157 0.14386,-0.3596 0.35965,-0.3596 h 8.55969 v -1.5105 H 0.71943 Z"
-             style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
              transform="matrix(0.76242667,0,0,-0.77237333,27.37398,551.16682)"
              clip-path="url(#clipPath5842)"
              id="path5853" />
         </g>
         <path
            d="m 0.35965,-0.7193 h 6.50966 c 0.21579,0 0.35965,0.1439 0.35965,0.3597 C 7.22896,-0.1438 7.0851,0 6.86931,0 H 0.35965 C 0.14386,0 0,-0.1438 0,-0.3596 0,-0.5394 0.14386,-0.7193 0.35965,-0.7193 Z"
-           style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
            transform="matrix(0.76242667,0,0,-0.77237333,30.856501,555.27747)"
            clip-path="url(#clipPath5844)"
            id="path5854" />
         <path
            d="m 0.35965,-0.7192 h 6.50966 c 0.21579,0 0.35965,0.1439 0.35965,0.3596 C 7.22896,-0.1438 7.0851,0 6.86931,0 H 0.35965 C 0.14386,0 0,-0.1438 0,-0.3596 0,-0.5753 0.14386,-0.7192 0.35965,-0.7192 Z"
-           style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
            transform="matrix(0.76242667,0,0,-0.77237333,30.856501,556.72196)"
            clip-path="url(#clipPath5845)"
            id="path5855" />
         <path
            d="M 7.193,-0.3596 C 7.193,-0.1437 7.04914,0 6.83334,0 H 0.35965 C 0.14386,0 0,-0.1437 0,-0.3596 0,-0.5753 0.14386,-0.7192 0.35965,-0.7192 h 6.50966 c 0.17983,0 0.32369,0.1439 0.32369,0.3596 z"
-           style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
            transform="matrix(0.76242667,0,0,-0.77237333,30.856501,558.16646)"
            clip-path="url(#clipPath5846)"
            id="path5856" />
         <path
            d="M 0.35979,-17.2984 H 11.5089 c 0.2158,0 0.3597,0.1439 0.3597,0.3596 v 1.8702 h 1.8701 c 0.2158,0 0.3597,0.1439 0.3597,0.3596 v 11.1852 0 c 0,0.036 0,0.072 -0.036,0.1078 v 0.036 c 0,0.036 -0.036,0.036 -0.036,0.072 0,0 0,0.036 -0.036,0.036 v 0 l -3.6684,3.165 c -0.036,0.036 -0.0719,0.036 -0.0719,0.072 h -0.036 c -0.036,0 -0.0719,0 -0.1079,0.035 0,0 0,0 -0.036,0 L 2.58948,0 C 2.37369,0 2.22983,-0.1438 2.22983,-0.3596 V -2.2298 H 0.35965 C 0.14386,-2.2298 0,-2.3736 0,-2.5894 v -14.3501 c 0,-0.2157 0.17982,-0.3596 0.35965,-0.3596 z M 10.43,-1.186 12.7317,-3.1641 H 10.43 Z m -7.48074,0.4315 h 6.76141 v -2.7334 c 0,-0.2157 0.14386,-0.3596 0.35963,-0.3596 h 3.3088 v -10.5017 c -3.74036,0 -6.65352,0 -10.42984,0 z M 0.71943,-2.9844 H 2.22996 V -14.709 c 0,-0.2157 0.14386,-0.3596 0.35965,-0.3596 h 8.55969 v -1.5105 H 0.71943 Z"
-           style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
            transform="matrix(0.76242667,0,0,-0.77237333,27.37398,551.16682)"
            clip-path="url(#clipPath5847)"
            id="path5857" />
         <path
            d="m 0.35965,-0.7193 h 6.50966 c 0.21579,0 0.35965,0.1439 0.35965,0.3597 C 7.22896,-0.1438 7.0851,0 6.86931,0 H 0.35965 C 0.14386,0 0,-0.1438 0,-0.3596 0,-0.5394 0.14386,-0.7193 0.35965,-0.7193 Z"
-           style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
            transform="matrix(0.76242667,0,0,-0.77237333,30.856501,555.27747)"
            clip-path="url(#clipPath5848)"
            id="path5858" />
         <path
            d="m 0.35965,-0.7192 h 6.50966 c 0.21579,0 0.35965,0.1439 0.35965,0.3596 C 7.22896,-0.1438 7.0851,0 6.86931,0 H 0.35965 C 0.14386,0 0,-0.1438 0,-0.3596 0,-0.5753 0.14386,-0.7192 0.35965,-0.7192 Z"
-           style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
            transform="matrix(0.76242667,0,0,-0.77237333,30.856501,556.72196)"
            clip-path="url(#clipPath5849)"
            id="path5859" />
         <path
            d="M 7.193,-0.3596 C 7.193,-0.1437 7.04914,0 6.83334,0 H 0.35965 C 0.14386,0 0,-0.1437 0,-0.3596 0,-0.5753 0.14386,-0.7192 0.35965,-0.7192 h 6.50966 c 0.17983,0 0.32369,0.1439 0.32369,0.3596 z"
-           style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
            transform="matrix(0.76242667,0,0,-0.77237333,30.856501,558.16646)"
            clip-path="url(#clipPath5850)"
            id="path5860" />
       </g>
       <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:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
          transform="matrix(0.76242667,0,0,-0.77237333,20.101627,544.98135)"
          clip-path="url(#clipPath5852)"
          id="path5861" />

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

@@ -7,8 +7,33 @@
    width="24.361286"
    height="24.678955"
    viewBox="0 0 24.361286 24.678955"
+   sodipodi:docname="ecrits.svg"
+   inkscape:export-filename="ecrits.svg"
+   inkscape:export-xdpi="78.809998"
+   inkscape:export-ydpi="78.809998"
+   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="32.699926"
+     inkscape:cx="12.171281"
+     inkscape:cy="12.339478"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="96"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
   <defs
      id="defs1">
     <clipPath

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

@@ -4,9 +4,9 @@
 <svg
    version="1.1"
    id="svg1"
-   width="22.666534"
+   width="22.666536"
-   height="22.542389"
+   height="22.5424"
-   viewBox="0 0 22.666534 22.542389"
+   viewBox="0 0 22.666536 22.5424"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
@@ -174,31 +174,37 @@
   </defs>
   <g
      id="layer-oc0"
-     transform="translate(-18.665826,-500.72726)">
+     transform="translate(-18.666667,-500.72727)"
+     style="fill:#ffffff;fill-opacity:1;stroke:none">
     <g
        id="g5958"
-       clip-path="url(#clipPath5958)">
+       clip-path="url(#clipPath5958)"
+       style="fill:#ffffff;fill-opacity:1;stroke:none">
       <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"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
          transform="matrix(0.70938667,0,0,-0.70550667,18.666667,500.72721)"
          clip-path="url(#clipPath5929)"
          id="path5947" />
       <g
          clip-path="url(#clipPath5939)"
-         id="g5953">
+         id="g5953"
+         style="fill:#ffffff;fill-opacity:1;stroke:none">
         <g
            clip-path="url(#clipPath5934)"
-           id="g5950">
+           id="g5950"
+           style="fill:#ffffff;fill-opacity:1;stroke:none">
           <g
              clip-path="url(#clipPath5932)"
-             id="g5949">
+             id="g5949"
+             style="fill:#ffffff;fill-opacity:1;stroke:none">
             <g
                clip-path="url(#clipPath5931)"
-               id="g5948">
+               id="g5948"
+               style="fill:#ffffff;fill-opacity:1;stroke:none">
               <path
                  d="M 14.678,-3.1167 H 11.0752 L 9.22936,0 H 5.53762 L 3.69174,-3.1167 H 0 v -8.905 h 14.678 z m -0.4448,-8.4597 H 0.44479 v 8.0144 h 3.51382 l 1.84588,3.1167 H 9.00696 L 10.8528,-3.562 h 3.3804 z"
-                 style="fill:#009ee3;fill-opacity:1;fill-rule:nonzero;stroke:none"
+                 style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
                  transform="matrix(0.70938667,0,0,-0.70550667,24.836245,507.74707)"
                  clip-path="url(#clipPath5930)"
                  id="path5948" />
@@ -206,27 +212,29 @@
           </g>
           <path
              d="M 5.61914,0 3.77344,-3.1152 H 0 v -9.2832 h 15.0566 v 9.2832 H 11.3731 L 9.52539,0 Z m 0.21485,-0.3769 h 3.47656 l 1.84575,-3.1172 h 3.5214 v -8.5273 H 0.37891 v 8.5273 h 3.60937 z m 0.0527,-0.068 -1.8457,-3.1152 h -3.5957 v -8.3926 H 14.6113 v 8.3926 H 11.1504 L 9.30466,-0.4449 Z M 6.10154,-0.8218 H 9.08786 L 10.9336,-3.939 h 3.3008 v -7.6367 H 0.82224 v 7.6367 h 3.43359 z"
-             style="fill:#009ee3;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
              transform="matrix(0.70938667,0,0,-0.70550667,24.702029,507.61416)"
              clip-path="url(#clipPath5933)"
              id="path5949" />
         </g>
         <g
            clip-path="url(#clipPath5938)"
-           id="g5952">
+           id="g5952"
+           style="fill:#ffffff;fill-opacity:1;stroke:none">
           <g
              clip-path="url(#clipPath5936)"
-             id="g5951">
+             id="g5951"
+             style="fill:#ffffff;fill-opacity:1;stroke:none">
             <path
                d="M 2.89112,0 C 1.28989,0 0,-1.2911 0,-2.894 c 0,-1.6029 1.28989,-2.8942 2.89112,-2.8942 1.60124,0 2.89113,1.2913 2.89113,2.8942 C 5.78225,-1.2911 4.49236,0 2.89112,0 Z m 0,-5.3429 c -1.35661,0 -2.44633,1.0909 -2.44633,2.4489 0,1.358 1.08972,2.4488 2.44633,2.4488 1.3566,0 2.44634,-1.0908 2.44634,-2.4488 0,-1.358 -1.08974,-2.4489 -2.44634,-2.4489 z"
-               style="fill:#009ee3;fill-opacity:1;fill-rule:nonzero;stroke:none"
+               style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
                transform="matrix(0.70938667,0,0,-0.70550667,28.070396,510.63704)"
                clip-path="url(#clipPath5935)"
                id="path5950" />
           </g>
           <path
              d="M 3.08007,0 C 1.37726,0 0,-1.3797 0,-3.0839 0,-4.7882 1.37725,-6.166 3.08007,-6.166 c 1.70284,0 3.08008,1.3778 3.08008,3.0821 C 6.16015,-1.3797 4.7829,0 3.08007,0 Z m 0,-0.3789 c 1.49966,0 2.70313,-1.2035 2.70313,-2.705 0,-1.5016 -1.20348,-2.7051 -2.70313,-2.7051 -1.49963,0 -2.70117,1.2035 -2.70117,2.7051 0,1.5015 1.20153,2.705 2.70117,2.705 z m 0,-0.066 c -1.4579,0 -2.63476,-1.1795 -2.63476,-2.6386 0,-1.4591 1.17685,-2.6368 2.63476,-2.6368 1.45791,0 2.63672,1.1777 2.63672,2.6368 0,1.4591 -1.17882,2.6386 -2.63672,2.6386 z m 0,-0.3769 c 1.2553,0 2.25782,-1.0048 2.25782,-2.2617 0,-1.2569 -1.00252,-2.2598 -2.25782,-2.2598 -1.2553,0 -2.25585,1.0029 -2.25585,2.2598 0,1.2569 1.00054,2.2617 2.25585,2.2617 z"
-             style="fill:#009ee3;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
              transform="matrix(0.70938667,0,0,-0.70550667,27.935839,510.5037)"
              clip-path="url(#clipPath5937)"
              id="path5951" />
@@ -234,38 +242,40 @@
       </g>
       <g
          clip-path="url(#clipPath5946)"
-         id="g5957">
+         id="g5957"
+         style="fill:#ffffff;fill-opacity:1;stroke:none">
         <g
            clip-path="url(#clipPath5941)"
-           id="g5954">
+           id="g5954"
+           style="fill:#ffffff;fill-opacity:1;stroke:none">
           <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:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
              transform="matrix(0.70938667,0,0,-0.70550667,18.666667,500.72721)"
              clip-path="url(#clipPath5940)"
              id="path5953" />
         </g>
         <path
            d="M 14.678,-3.1167 H 11.0752 L 9.22936,0 H 5.53762 L 3.69174,-3.1167 H 0 v -8.905 h 14.678 z m -0.4448,-8.4597 H 0.44479 v 8.0144 h 3.51382 l 1.84588,3.1167 H 9.00696 L 10.8528,-3.562 h 3.3804 z"
-           style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
            transform="matrix(0.70938667,0,0,-0.70550667,24.836245,507.74707)"
            clip-path="url(#clipPath5942)"
            id="path5954" />
         <path
            d="M 5.61914,0 3.77344,-3.1152 H 0 v -9.2832 h 15.0566 v 9.2832 H 11.3731 L 9.52539,0 Z m 0.21485,-0.3769 h 3.47656 l 1.84575,-3.1172 h 3.5214 v -8.5273 H 0.37891 v 8.5273 h 3.60937 z m 0.0527,-0.068 -1.8457,-3.1152 h -3.5957 v -8.3926 H 14.6113 v 8.3926 H 11.1504 L 9.30466,-0.4449 Z M 6.10154,-0.8218 H 9.08786 L 10.9336,-3.939 h 3.3008 v -7.6367 H 0.82224 v 7.6367 h 3.43359 z"
-           style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
            transform="matrix(0.70938667,0,0,-0.70550667,24.702029,507.61416)"
            clip-path="url(#clipPath5943)"
            id="path5955" />
         <path
            d="M 2.89112,0 C 1.28989,0 0,-1.2911 0,-2.894 c 0,-1.6029 1.28989,-2.8942 2.89112,-2.8942 1.60124,0 2.89113,1.2913 2.89113,2.8942 C 5.78225,-1.2911 4.49236,0 2.89112,0 Z m 0,-5.3429 c -1.35661,0 -2.44633,1.0909 -2.44633,2.4489 0,1.358 1.08972,2.4488 2.44633,2.4488 1.3566,0 2.44634,-1.0908 2.44634,-2.4488 0,-1.358 -1.08974,-2.4489 -2.44634,-2.4489 z"
-           style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
            transform="matrix(0.70938667,0,0,-0.70550667,28.070396,510.63704)"
            clip-path="url(#clipPath5944)"
            id="path5956" />
         <path
            d="M 3.08007,0 C 1.37726,0 0,-1.3797 0,-3.0839 0,-4.7882 1.37725,-6.166 3.08007,-6.166 c 1.70284,0 3.08008,1.3778 3.08008,3.0821 C 6.16015,-1.3797 4.7829,0 3.08007,0 Z m 0,-0.3789 c 1.49966,0 2.70313,-1.2035 2.70313,-2.705 0,-1.5016 -1.20348,-2.7051 -2.70313,-2.7051 -1.49963,0 -2.70117,1.2035 -2.70117,2.7051 0,1.5015 1.20153,2.705 2.70117,2.705 z m 0,-0.066 c -1.4579,0 -2.63476,-1.1795 -2.63476,-2.6386 0,-1.4591 1.17685,-2.6368 2.63476,-2.6368 1.45791,0 2.63672,1.1777 2.63672,2.6368 0,1.4591 -1.17882,2.6386 -2.63672,2.6386 z m 0,-0.3769 c 1.2553,0 2.25782,-1.0048 2.25782,-2.2617 0,-1.2569 -1.00252,-2.2598 -2.25782,-2.2598 -1.2553,0 -2.25585,1.0029 -2.25585,2.2598 0,1.2569 1.00054,2.2617 2.25585,2.2617 z"
-           style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
            transform="matrix(0.70938667,0,0,-0.70550667,27.935839,510.5037)"
            clip-path="url(#clipPath5945)"
            id="path5957" />

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

@@ -4,9 +4,9 @@
 <svg
    version="1.1"
    id="svg1"
-   width="22.666534"
+   width="22.666536"
-   height="22.542389"
+   height="22.5424"
-   viewBox="0 0 22.666534 22.542389"
+   viewBox="0 0 22.666536 22.5424"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
@@ -174,7 +174,7 @@
   </defs>
   <g
      id="layer-oc0"
-     transform="translate(-18.665826,-500.72726)">
+     transform="translate(-18.666667,-500.72727)">
     <g
        id="g5958"
        clip-path="url(#clipPath5958)">

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

@@ -4,9 +4,9 @@
 <svg
    version="1.1"
    id="svg1"
-   width="20.350399"
+   width="20.350401"
    height="20.393066"
-   viewBox="0 0 20.350399 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
@@ -47,25 +47,25 @@
   </defs>
   <g
      id="layer-oc0"
-     transform="translate(-24.148428,-455.92258)">
+     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:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         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:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         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:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         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" />

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

@@ -9,13 +9,33 @@
 // 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;
+        }
+      }
+    }
   }
 }
 
@@ -23,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;
@@ -31,16 +52,7 @@ function eql_preprocess_node(&$variables){
     $type_protagoniste = $node->get('field_type_de_protagoniste')->getString();
     $variables['attributes']['class'][] = 'type-de-protagoniste-' . $type_protagoniste;
   }
-  
+
-  // 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"
@@ -50,6 +62,43 @@ function eql_preprocess_node(&$variables){
   }
 }
 
+
+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');
 
@@ -74,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'] = [];
@@ -100,33 +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()) {
-function eql_preprocess_views_view_unformatted(&$variables) {
+      $terms = $node->get('field_type_de_ressource')->referencedEntities();
-  // On utilise le service de translittération de Drupal
+      if (!empty($terms)) {
-  $transliterator = \Drupal::service('transliteration');
+        foreach ($terms as $term) {
-
+          if ($term instanceof \Drupal\taxonomy\Entity\Term) {
-  foreach ($variables['rows'] as &$row) {
+            $label = $term->label();
-    if (isset($row['content']['#node'])) {
+            $css_class = 'type-' . \Drupal\Component\Utility\Html::cleanCssIdentifier(strtolower($label));
-      $node = $row['content']['#node'];
+      
-
+            if (!isset($variables['region_attributes']['top'])) {
-      if ($node->hasField('field_type_de_ressource') && !$node->get('field_type_de_ressource')->isEmpty()) {
+              $variables['region_attributes']['top'] = new \Drupal\Core\Template\Attribute();
-        foreach ($node->get('field_type_de_ressource')->referencedEntities() as $term) {
+            }
-          $label = $term->label();
+      
-
+            $variables['region_attributes']['top']->addClass($css_class);
-          // Supprimer les accents
+          }
-          $label_ascii = $transliterator->transliterate($label);
-
-          // Nettoyer pour que ce soit une classe CSS valide
-          $class = 'type-' . Html::cleanCssIdentifier(strtolower($label_ascii));
-
-          $row['attributes']->addClass($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/scripts/main.js

@@ -73,7 +73,7 @@ jQuery(function ($) {
   $('.page-node-type-projet .block-entity-fieldnodefield-photo .field--type-image').slick({
     slidesToShow: 1,
     dots: true,
-    arrows: false,
+    arrows: true,
     draggable: true,
     adaptiveHeight: true,
     responsive: [{
@@ -81,6 +81,58 @@ jQuery(function ($) {
       settings: { adaptiveHeight: true }
     }]
   });
+ 
+
+
+  
+  
+  ///// 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: false,
+            arrows: true,
+            draggable: true,
+            centerMode: true,
+
+          }
+        }]
+      });
+    }
+
 
   // Classes media → .wrapper-ressource
   $(".wrapper-ressource").each(function () {
@@ -92,74 +144,21 @@ jQuery(function ($) {
       .replace(/(^-|-$)/g, '');
     $(this).addClass('type-media-' + className);
   });
+  console.log("classses media");
 
-  // SLIDES RECONSTRUCTION LORS DU CHARGEMENT COMPLET
+    // MASQUER TYPE DE RESSOURCE DOUBLON
-  $(window).on('load', function () {
+  if (document.body.classList.contains("path-ressources")) {
-    const $viewContent = $('.path-ressources .view-content').first();
+    $(".view-type-slide").each(function () {
-    if ($viewContent.length === 0) return;
+      const h3Content = $(this).find("h3").text().trim();
-    $viewContent.addClass('view-ressources-hidden');
+      console.log(h3Content);
-
+      $(this).find(".field--name-field-type-de-ressource .field__item a").each(function () {
-    const allowedTypes = [
+        if ($(this).text().trim() === h3Content) {
-      'type-publication-issue-du-programme-eqld',
+          $(this).hide();
-      'type-paroles-de-laureats',
-      'type-les-projets-en-images',
-      'type-presse'
-    ];
-
-    // const $viewContent = $('.view-content');
-    const allRows = $('.path-ressources .view-base-de-donnees .views-row').detach();
-    function toLabel(str) {
-      return str.replace('type-', '').replace(/-/g, ' ').replace(/\b\w/g, l => l.toUpperCase());
-    }  
-    allowedTypes.forEach(type => {
-        const label = toLabel(type);   
-        const $slide = $(`
-        <div class="view-type-slide ${type}">
-          <h3 class="${type}">${label}</h3>
-          <div class="views-row-wrapper"></div>
-        </div>
-      `);
-      $viewContent.append($slide);
-    });
-
-    allRows.each(function () {
-      const $row = $(this);
-      const classList = $row.attr('class').split(/\s+/);
-      classList.forEach(cls => {
-        if (allowedTypes.includes(cls)) {
-          $(`.view-type-slide.${cls} .views-row-wrapper`).append($row.clone(true, true));
         }
       });
     });
 
-    $('.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,
-      responsive: [{
-        breakpoint: 810,
-        settings: {
-          slidesToShow: 3,
-          arrows: false,
-          draggable: true,
-          centerMode: true,
-        }
-      }]
-    });
-    // Supprimer les .view-type-slide originales générées par Drupal (vides ou non autorisées)
-    $('.path-ressources .view-base-de-donnees .view-type-slide').each(function () {
-      const classes = $(this).attr('class').split(/\s+/);
-      const isCustom = classes.some(cls => allowedTypes.includes(cls));
-      if (!isCustom) {
-        $(this).remove();
-      }
-    });
-    
-    $viewContent.removeClass('view-ressources-hidden');
-
-  });
 
   // Ouvrir les liens externes dans un nouvel onglet
   document.querySelectorAll('a[href^="http"]').forEach(link => {
@@ -170,25 +169,297 @@ jQuery(function ($) {
   });
 
   // Scroll automatique au filtre
-  const form = document.querySelector(".views-exposed-form");
+  if (document.body.classList.contains("path-projets")) {
-  if (form) form.setAttribute("action", form.action.split("#")[0] + "#filtres");
+    const form = document.querySelector(".views-exposed-form");
+    if (form) form.setAttribute("action", form.action.split("#")[0] + "#filtres");
 
-  if (window.location.hash === "#filtres") {
+    if (window.location.hash === "#filtres") {
-    const target = document.getElementById("filtres");
+      const target = document.getElementById("filtres");
-    if (target) {
+      if (target) {
-      const offset = 300;
+        const offset = 300;
-      const top = target.getBoundingClientRect().top + window.pageYOffset - offset;
+        const top = target.getBoundingClientRect().top + window.pageYOffset - offset;
-      window.scrollTo({ top: top, behavior: "smooth" });
+        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';
+  }
+}
+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);
     }
   }
 
-  // MASQUER TYPE DE RESSOURCE DOUBLON
+  prevArrow.addEventListener('click', () => {
-  $(".view-type-slide").each(function () {
+    currentIndex = (currentIndex - 1 + images.length) % images.length;
-    const h3Content = $(this).find("h3").text().trim();
+    showImage(currentIndex);
-    $(this).find(".field--name-field-type-de-ressource").each(function () {
+  });
-      if ($(this).text().trim() === h3Content) {
+
-        $(this).hide();
+  nextArrow.addEventListener('click', () => {
+    currentIndex = (currentIndex + 1) % images.length;
+    showImage(currentIndex);
+  });
+
+  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);
+  });
+
+  showImage(currentIndex);
+
+  const thumbPrev = document.getElementById('thumbPrev');
+  const thumbNext = document.getElementById('thumbNext');
+
+  // ✅ 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';
+  }
+
+  // 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' });
+    }
+  });
+}
+
+    
+/////////////////end diaporama ressource //////////
+
+
+//////////////////////////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());
+
+  }
+});
+//////////////////////////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');
+
+  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;
+
+      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;
+      }
+
+      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();
+        }
+      }
+    });
+  });
+});
+
+
+////////////////// end bouton "Tout voir" ////////////////
+
+
+
+////////////// 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';
+    }
+  }
+});
+
+
+////////////// 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/global/_print.scss

@@ -0,0 +1,186 @@
+
+
+/* -----------------------/*
+ * Reset CSS Print "Bretzel"
+ * Made par Alsacréations
+ /* ---------------------- */
+
+/*
+ * Ressources et documentations :
+ * 1- https://www.docuseal.co/blog/css-print-page-style
+ * 2- https://www.alsacreations.com/astuce/lire/1160-Une-feuille-de-styles-de-base-pour-le-media-print.html
+*/
+
+@media print {
+    /* Dimension et marges de page */
+    @page {
+      size: A4 portrait;
+      margin: 1.5cm 1.5cm;
+    }
+  
+    /* Reset général */
+    * {
+      all: unset;
+      display: revert;
+      box-sizing: border-box;
+    }
+    img {
+      max-width: 100%;
+    }
+    input,
+    textarea,
+    select {
+      all: revert;
+    }
+  
+    /* On redéfinit les styles globaux (12pt = 16px) */
+    body {
+
+      width: auto;
+      margin: 0;
+      font-family: serif;
+      font-size: 12pt;
+      font-family: Georgia, serif;
+      line-height: 1.5;
+      color: #000000 !important;
+      background-color: #ffffff !important;
+    }
+    #fotter-bottom{
+        box-shadow: none !important;
+        border-top: rgba($color: #000000, $alpha: 0.5);
+        a[href^="http"]:after,
+        a[href^="https"]:after {
+          content: "";
+        }
+    }
+  
+    /* Espacements typographiques (15pt = 20px) */
+    p,
+    blockquote,
+    label,
+    ul,
+    ol {
+      margin-block: 0 15pt;
+    }
+    p:last-child {
+      margin-bottom: 0;
+    }
+  
+    /* Titrages (24pt = 32px) */
+    h1 {
+      margin-block: 0 24pt;
+      font-weight: 700;
+      font-size: 18pt;
+      line-height: 1.1;
+    }
+    h2 {
+      margin-block: 0 18pt;
+      font-weight: 700;
+      font-size: 16pt;
+      line-height: 1.1;
+    }
+    h3 {
+      margin-block: 0 15pt;
+      font-weight: 700;
+      font-size: 14pt;
+    }
+    h4 {
+      margin-block: 0 12pt;
+      font-weight: 700;
+      font-size: 12pt;
+    }
+  
+    /* Classes dédiées print / no-print */
+    .print {
+      display: revert;
+    }
+    .no-print {
+      display: none;
+    }
+  
+    /* Pas de veuves ou orphelines (3 lignes minimum) */
+    p,
+    blockquote {
+      orphans: 3;
+      widows: 3;
+    }
+  
+    /* Pas de saut de page au sein de ces éléments */
+    blockquote,
+    ul,
+    ol,
+    figure,
+    table,
+    .paragraph,
+    footer,
+    .top_top,
+    .top_bottom {
+      page-break-inside: avoid;
+    }
+  
+    /* Pas de saut de page après ces éléments */
+    h1,
+    h2,
+    h3,
+    h4,
+    caption,
+    .field--name-field-titre {
+      page-break-after: avoid;
+    }
+  
+    /* Styles des liens */
+    a,
+    a:link,
+    a:visited {
+      background: transparent !important;
+      color: unset;
+      font-weight: 700;
+      text-decoration: underline !important;
+    }
+  
+    /* On affiche l'URL des liens externes */
+    a[href^="http"]:after,
+    a[href^="https"]:after {
+      content: " (" attr(href) ")";
+    }
+  
+    /* On masque les vidéos, header et menu de navigation */
+    video,
+    object,
+    iframe,
+    header,
+    nav {
+      display: none !important;
+      width: 0 !important;
+      height: 0 !important;
+      overflow: hidden !important;
+    }
+
+    /*  Style page projet */
+    .page-node-type-projet{
+        .layout__region--top{
+            width: 100% !important;
+            padding-top: 0rem !important;
+            .top_top{
+                flex-direction: column !important;
+                .block-entity-fieldnodefield-photo{
+                    width: 100% !important;
+                }
+                .top_right{
+                    width: 100% !important;
+                }
+            }
+            .top_bottom{
+                width: 100% !important;
+            }
+        }
+        .layout__region--first{
+            display: none;
+        }
+        .layout__region--second{
+            flex: 0 1 100% !important;
+        }
+    }
+
+  }
+  

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

@@ -36,6 +36,16 @@
                                 height: 210px;
                                 margin: 17px 10px 17px 20px !important;
                                 padding-right: 10px;
+                                a {
+                                    display: none;
+                                }
+                                a:nth-child(1){
+                                    display: block !important;
+                                }
+                                a:last-of-type{
+                                    display: block !important;
+                                }
+                                #text{display: none;}
 
                             }
                         }
@@ -116,7 +126,7 @@
                             }
 
                             .view-projets{
-                               
+                               .buttons-filtres-ressources{display: none;}
                                 // width: 80%;
                                 margin: auto;
 
@@ -211,7 +221,7 @@
                                             font-size: 0.9rem;
                                             font-weight: 800;
                                             margin-top: 0.8rem;
-                                            line-height: 0.6rem;
+                                            line-height: 1rem;
                                             .address{
                                                 display: flex;
                                                 flex-direction: row;

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

@@ -51,6 +51,14 @@
                                         display: none;
                                     }
                                 }
+                                .slick-prev::before, .slick-next::before{
+                                        opacity: 1 !important;
+                                        top: 0 !important;
+                                }
+                                .slick-prev, .slick-next{
+                                    top: 98% !important;
+                                }  
+                                
                 
                             }
 
@@ -491,10 +499,10 @@
                                         height: inherit;      
                                         margin: auto;  
                                         ::before{
-                                            content: url("../images/pictos/noun_Download_file_307900.svg");
+                                            content: url("../images/pictos/download.png");
                                             min-width:30px;
                                             height: auto;
-                                            padding-right: 1rem;
+                                            padding-right: 2rem;
                                         }
                                         a{
                                             hyphens: auto;
@@ -509,10 +517,10 @@
                                         height: inherit;      
                                         margin: auto;  
                                         ::before{
-                                            content: url("../images/pictos/noun_Download_file_307900.svg");
+                                            content: url("../images/pictos/download.png");
                                             min-width:30px;
                                             height: auto;
-                                            padding-right: 1rem;
+                                            padding-right: 2rem;
                                         }
                                         a{
                                             hyphens: auto;
@@ -550,7 +558,7 @@
                                             content: url("../images/pictos/external_link.png");
                                             min-width: 30px;
                                             height: auto;
-                                            padding-right: 1rem;
+                                            padding-right: 2rem;
                                         }
                                         svg.ext{
                                             display: none;
@@ -661,13 +669,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 +694,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.3;
+                  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,64 @@
+.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;
+            }
+            .block-entity-fieldnodefield-projets-liee{
+              // order: 1;
+              margin-top: 0rem; 
+            }
+          }
+
+            
+        }
+
+
+}           
+// 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

@@ -2,6 +2,9 @@
 .page-node-type-ressource{
     .layout-container{
         overflow: visible;
+        @media (max-width: 810px) {
+            overflow: hidden;
+        }
     }
 
     // #block-contenudelapageprincipale{
@@ -9,7 +12,9 @@
             padding-top: 4rem;
             @media (max-width: 550px) {
                 padding-top: 0rem;
+                max-width: 100%;
             }
+            
             .block-region-top{
                 display: flex;
                 flex-direction: column;
@@ -18,27 +23,37 @@
                     grid-template-columns: 1fr 2fr; /* 1/3 pour l'image, 2/3 pour le contenu */
                     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) {                        
+                    @media (min-width: 1100px) {
-                        grid-column: 1;
+                      grid-column: 1;
-                        grid-row: 1 /span 7; /* Prendre toutes les lignes disponibles */
+                      grid-row: 1 / span 7;
-                        align-self: start; /* S'assurer qu'il commence en haut */
+                      align-self: start;
-                        justify-self: end;
+                      justify-self: end;
-                        margin-left: 2rem;
+                      margin-left: 2rem;
                     }
+                  
                     @media (max-width: 1100px) {
-                        padding-left: 13%;
+                      padding-left: 13%;
                     }
+                  
                     @media (max-width: 550px) {
                         width: 100vw;
                         padding: 0;
+                        width: 100%;
+                        height: auto;
                     }
-                    
+                    img{
-                }
+                        border: solid 1px gray;
+                        max-width: 100%;
+                        width: 100%;
+                    }
+
+                  }
+                  
                 .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640, 
                 .block-entity-fieldnodefield-type-de-ressource, 
                 .block-entity-fieldnodetitle, 
@@ -95,7 +110,7 @@
                     }
                 }
                 .block-entity-fieldnodetitle{
-                    font-size: 3rem;
+                    font-size: 2.5rem;
                     font-weight: 600;
                     line-height: 1.2;
                     .field--name-title{
@@ -107,11 +122,20 @@
                 }
 
                 .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;
                         }
                     }
+                    @media (max-width: 550px) {
+                        font-size: 1rem;
+                    }
                 }
                 .block-entity-fieldnodefield-edition{
                     .field--name-field-edition{
@@ -126,13 +150,26 @@
                         font-size: 1.5rem;
                         font-weight: 800;
                         line-height: 0.8;
+                        margin-top: 1rem;
                         p{
                             margin: 0;
                         }
+                        @media (max-width: 550px) {
+                            margin-top: 0rem;
+                            font-size: 1rem;
+                            line-height: 1;
+                        }
+                    }
+                    @media (max-width: 550px) {
+                        
+                        margin-top: 0.5rem;
                     }
                 }    
 
                 .block-entity-fieldnodefield-date-de-parution{
+                    @media (max-width: 550px) {
+                        margin-top: 0.5rem;
+                    }
                 }
                 .block-entity-fieldnodefield-mots-clefs{
                     .field--name-field-mots-clefs{
@@ -164,9 +201,8 @@
 
             }
 
-            .block-region-top:has(.type-de-media-video){
 
-            }
+          
 
 
                         /* Hide empty blocks */
@@ -181,6 +217,7 @@
                 display: none;
             }
         }
+
         .layout__region--first{             // menu ancres a gauche
             margin-top: 3rem;
             position: relative;
@@ -270,7 +307,7 @@
                     height: fit-content;
                     border: 2px solid $blue-light;
                     background-color: $white;
-            
+                    order: 2;
                 }         
                 .field--name-field-fichiers{
                     min-height: 4rem;
@@ -278,7 +315,7 @@
                     color: $blue-light;
                     padding-left: 1rem;
                     padding-top: 1rem;
-                    margin-bottom: 1rem;
+                    // margin-bottom: 1rem;
                     padding: 1rem;
             
                     span:nth-of-type(2){
@@ -467,7 +504,7 @@
                 
                 .block-entity-fieldnodefield-projets-liee{
                     order: 1;
-                    margin-top: 3rem;        
+                    // margin-top: 3rem;        
                     @media(max-width:479px){
                         margin-top: 2rem;
                     }
@@ -501,6 +538,7 @@
                         .field__item{
                             display: flex;
                             flex-direction: row;
+                            margin-bottom: 1.5rem;
                             :before{
                                 content: 'Voir le projet';
                                 display: block;

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

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

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

@@ -1,21 +1,33 @@
 
 .path-ressources{
-
+    
     .layout-container {
-        overflow: visible;
+        overflow: hidden;
+        @media (max-width:810px) {
+           overflow: hidden;
+           }
     }
         .layout-content{
-        width: 100vw;
+            min-height: 100vh;
+            width: 100vw;
         .region-content{
             width: 100%;
             margin: auto;
             #block-contenudelapageprincipale{
                 h2{
-                    font-size: 5rem;
+                    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{
@@ -33,16 +45,22 @@
                            .block-config-pages-block{
                             width: 60%;
                             margin: auto;
-                            margin-left: 30%;
+                            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){
@@ -52,6 +70,7 @@
                                     .field--name-field-introduction{
                                         margin: auto;
                                         background: $white;
+                                        font-size: 1rem;
                                         // margin-top:5rem;
                                         @media (max-width: 479px){
                                             margin-top:1rem;
@@ -119,24 +138,39 @@
                                     order: 3;
                                 }
                                 .view-base-de-donnees{
-                                    display: grid;
+                                    // display: grid;
-                                    grid-template-columns: 30% 75%;
+                                    // grid-template-columns: 22% 80%;
-                                    gap: 2rem;
+                                    // gap: 2rem;
+                                    // overflow-x: hidden;
+
+                                    @media (max-width:810px) {
+                                        display: flex;
+                                        flex-direction: column ;
+                                    }
                                     .view-filters{
-                                        position: sticky;
+                                        position: fixed;
-                                        align-self: start;
+                                        // align-self: start;
-                                        top: 9rem;
+                                        top: 25rem;
                                         left: 0;
                                         background-color: $white;
+                                        border: solid 0.2px rgba(0, 0, 0, 0.1);
                                         margin-bottom: 5rem;
                                         padding: 1rem;
                                         padding-left: 2rem;
-                                        padding-right: 3rem;
+                                        padding-right: 1.5rem;
                                         z-index: 1;
+                                        transform: translateY(-210px);
+                                        margin-bottom: -210px;
+                                        width: 20%;
+                                       
 
                                         @media (max-width: 810px) {
                                             position: static;
                                             margin-bottom: 2rem;
+                                            transform: none;
+                                            margin-bottom: 0px;
+                                            width: 80%;
+
                                         }
                                         @media (max-width: 479px) {
                                             margin-left: 0;                                                
@@ -147,6 +181,7 @@
                                                 content: "Afficher : ";
                                                 padding-right: 1rem;
                                                 font-weight: 800;
+                                                font-size: 1rem;
                                                 margin-bottom: 1rem;
                                                 display: block;
                                                 width: 100%;
@@ -154,170 +189,358 @@
                                                     padding-bottom: 1rem;
                                                 }
                                             }
-                                            button{
+                                      
+                                            a.button{
                                                 background-color: transparent;
                                                 // border-radius: 30px;
                                                 border: 1px solid black;
-                                                padding: 0.5rem 0.8rem 0.2rem 0.6rem;
+                                                padding: 0.3rem 0.5rem 0.1rem 0.3rem;
-                                                margin-bottom: 1rem;
+                                                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;
                                                 }
-                                                a {
+                                                :visited{
-                                                    &:hover{
+                                                    color: $blue-dark;
-                                                        color: white;
+                                                }
+                                                
+
+                                                &.button-videos{
+                                                    &::before{
+                                                        content:url("../images/pictos/videos.svg");
+                                                        padding-right: 0.5rem;
+                                                        display: block;
+
+                                                    }
+                                                    &: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;
+
                                                     }
                                                 }
 
+
+                                            }
+                                            button.is-active{
+                                                background-color: $blue-dark;
+                                                color: white;
+                                              
+                                                a {
+                                                  color: white;
+                                                }
                                                 &.button-videos{
                                                     margin-top: 1rem;
                                                     a {
-                                                    display: inline-flex;
+                                                         &::before,
-                                                    flex-direction: row;
+                                                        .is-active &::before{
-                                                    align-items: center;
-                                                        &::before{
-                                                        content:url("../images/pictos/videos.svg");
-                                                        padding-right: 0.5rem;
-                                                           
-                                                        }
-                                                        &:hover::before{
                                                             content:url("../images/pictos/videos-blanc.svg");
                                                         }
+                                                       
                                                     }
                                                 }
                                                 &.button-podcasts{
                                                     a {
-                                                        display: inline-flex;
+                                                        &::before{
-                                                        flex-direction: row;
+                                                            content:url("../images/pictos/podcasts-blanc.svg");
-                                                        align-items: center;
-                                                            &::before{
-                                                            content:url("../images/pictos/podcasts.svg");
-                                                            padding-right: 0.5rem;
-                                                            }
-                                                            &:hover::before{
-                                                                content:url("../images/pictos/podcasts-blanc.svg");
-                                                            }
                                                         }
+                                                    }
                                                 }
-                                                &.button-reportages-photos{
+                                                &.button-images---photos{
                                                     a {
-                                                        display: inline-flex;
+                                                        &::before{
-                                                        flex-direction: row;
+                                                            content:url("../images/pictos/en-images-blanc.svg");
-                                                        align-items: center;
-                                                            &::before{
-                                                            content:url("../images/pictos/en-images.svg");
-                                                            padding-right: 0.5rem;
-                                                            }
-                                                            &:hover::before{
-                                                                content:url("../images/pictos/en-images-blanc.svg");
-                                                            }
                                                         }
+                                                    }
                                                 }
                                                 &.button-livres{
                                                     a {
-                                                        display: inline-flex;
+                                                        &::before{
-                                                        flex-direction: row;
+                                                            content:url("../images/pictos/ecrits-blanc.svg");
-                                                        align-items: center;
-                                                            &::before{
-                                                            content:url("../images/pictos/ecrits.svg");
-                                                            padding-right: 0.5rem;
-                                                            }
-                                                            &:hover::before{
-                                                                content:url("../images/pictos/ecrits-blanc.svg");
-                                                            }
                                                         }
+                                                    }
                                                 }
                                                 &.button-articles{
                                                     a {
-                                                        display: inline-flex;
+                                                        &::before{
-                                                        flex-direction: row;
+                                                            content:url("../images/pictos/ecrits-blanc.svg");
-                                                        align-items: center;
-                                                            &::before{
-                                                            content:url("../images/pictos/ecrits.png");
-                                                            padding-right: 0.5rem;
-                                                            }
-                                                            &:hover::before{
-                                                                content:url("../images/pictos/ecrits-blanc.svg");
-                                                            }
                                                         }
+                                                    }
                                                 }
-                                                &.button-publications-rapports{
+                                                &.button-publications---rapports{
                                                     a {
-                                                        display: inline-flex;
+                                                        &::before{
-                                                        flex-direction: row;
+                                                            content:url("../images/pictos/ecrits-blanc.svg");
-                                                        align-items: center;
-                                                            &::before{
-                                                            content:url("../images/pictos/ecrits.png");
-                                                            padding-right: 0.5rem;
-                                                            }
-                                                            &:hover::before{
-                                                                content:url("../images/pictos/ecrits-blanc.svg");
-                                                            }
                                                         }
+                                                    }
                                                 }
                                             }
-
                                         }
                                         form{
                                             &::before{
                                                 content: "Filtrer par : ";
                                                 padding-right: 1rem;
                                                 font-weight: 800;
+                                                font-size: 1rem;
                                                 margin-bottom: 1rem;
                                                 @media (max-width: 479px){
                                                     padding-bottom: 1rem;
                                                 }
                                             }
+                                            .form-item-field-type-de-media-target-id{
+                                                display: none;
+                                            }
+                                            .form-item{
+                                                font-size: 0.8rem;
+                                            }
+                                            .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;
+                                                    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;
+                                                    }
+                                                }
+                                                
+                                                  
+                                                  
+                                            }
+                                            .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;
+                                                    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;
+                                                }
+                                            }
+                                            input{
+                                                font-size: 0.8rem;
+                                            }
                                         }
-                                        
-
                                     }
-                                    .view-ressources-hidden {
+                                    .filtered{
-                                        visibility: hidden;
+                                        display: flex;
-                                        height: 0;
+                                        flex-direction: row;
-                                        overflow: hidden;
+                                        flex-wrap: wrap;
+                                        .views-row-wrapper{
+                                            flex-wrap: wrap;
+                                            width: 85%;
+                                            .views-row {
+                                                padding: 1rem;
+                                                width: 30% !important;
+                                            }
+                                        }
                                     }
-                                      
-                                      
-
-                                      
                                     .view-content{
-                                       
+                                        // * { outline: 1px solid red; }
                                         transition: opacity 0.3s ease;
                                         display: flex;
                                         flex-direction: row;
                                         flex-wrap: wrap;
-                                        width: 100%;
+                                        // width: 80%;
+                                        padding-left: 25%;
+                                        // overflow-x: hidden;
+                                        @media (max-width: 810px) {
+                                           padding-left: 0;                                                
+                                        }
+                                        .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-bottom: 4rem;
+                                            // padding-top: 1rem;
+                                            padding-bottom: 1rem;
                                             &::before {
                                                 content: "";
                                                 position: absolute;
-                                                left: -30%;
+                                                left: -35%;
                                                 height: 100%;
                                                 width: 110vw;
                                                 z-index: 0;
+                                                @media (max-width: 810px){
+                                                    left: 0;
+                                                } 
                                             }
                                             > * {
                                                 position: relative;
                                                 z-index: 1;
                                               }
                                             h3{
-                                                margin-top: 3rem;
+                                                // 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-publication-issue-du-programme-eqld {
+                                            h3.type-publications-issues-du-programme {
+                                                border: none;
                                                 &:before{
                                                     content:url("../images/pictos/picto-ressource-eqld.svg");
                                                     padding-right: 1rem;
@@ -327,20 +550,57 @@
                                                 &:before{
                                                     content:url("../images/pictos/picto-ressource-paroleslaureats.svg");
                                                     padding-right: 1rem;
+
                                                 }
                                             }
                                             h3.type-les-projets-en-images {
+                                                width: 80%;
                                                 &:before{
                                                     content:url("../images/pictos/picto-ressource-projetsimages.svg");
                                                     padding-right: 1rem;
+
                                                 }
                                             }
                                             h3.type-presse {
                                                 &:before{
                                                     content:url("../images/pictos/picto-ressource-presse.svg");
                                                     padding-right: 1rem;
+                                                   
                                                 }
                                             }
+
+                                            .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;
+                                                } 
+                                                
+                                            }
+                                            
                                             .views-row-wrapper{
                                                 display: flex;
                                                 flex-direction: row;
@@ -348,70 +608,87 @@
                                                     width: 100% !important;
                                                     display: flex;
                                                     flex-direction: row;
-                                                
+                                                    transform: none;
                                                     .views-row{
-                                                        width: 45% !important;
+                                                        width: 20% ;
-                                                        min-width: 450px !important;
+                                                        min-width: 250px ;
-                                                        max-width: 500px !important;
+                                                        max-width: 500px ;
                                                     }
                                                 }
-                                                
+                                              
                                                 @media (max-width: 810px){
+                                                    padding-left: 0rem !important;
                                                     flex-direction: column;
                                                     .views-row{
-                                                        width: 100%;
+                                                        width: 100% !important;
                                                     }
                                                 } 
                                                 .slick-next::before{
                                                     content:url("../images/pictos/fleche-droite-dans-rond.png");
-                                                    display: block;
+                                                    // 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);
-                                                    // display: none;
+                                                    @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: 3%;
+                                                    right: 10%;
-                                                  }
+                                                }
+                                                @media (max-width: 810px){
+                                                    .slick-prev {
+                                                        left: -10%;
+                                                    }  
+                                                    .slick-next{
+                                                        right: 2%;
+                                                    }
+                                                } 
+                                                @media (max-width: 479px){
+                                                    .slick-prev {
+                                                        left: -15%;
+                                                    }  
+                                                } 
+                                                
                                             }
-
+                                            
-                                        }
+                                        }                                                                          
-
-                                        .view-type-slide:has(.type-publication-issue-du-programme-eqld){
-                                            &::before{
-                                                background-color: $background-actus;}
-                                        }
-                                        
-                                        //  .type-les-projets-en-images{
-                                        //      .slick-track{
-                                        //          width: 100% !important;
-                                        //          .views-row{
-                                        //              width: 100% !important;
-                                        //          }
-                                        //      }
-                                        //  }
-
-                                     
-                                        
                                     }
                                 }
                             }
-
                         }
                     }
                 }
-
             }
         }
-        
     }
-   
-
 }
+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;
+        }
+}
+
+footer{
+    z-index: 1;
+}

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{

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

@@ -11,14 +11,19 @@
         justify-content: center;
     }
     .js-form-item{
-        flex-direction: column !important;
+        // flex-direction: column !important;
         margin-right: 0 !important;
+        margin-bottom: 0.5rem !important;
+        padding: 0.2rem !important;
         input,
         select{
             width: 100%;
+            text-align: end;
+            
         }
         label{
-            padding-right: 0 !important;
+            padding-right: 0.5rem !important;
+            flex: 2 0 auto !important;
         }
 
     }

web/themes/custom/eql/scss/partials/_node-type-ressource-teaser.scss

@@ -1,78 +1,31 @@
 article.node-type-ressource{
     margin-bottom: 1rem ;
     padding-right: 1rem;  
-    min-width: 300px;
+    h2{
-    h2{text-align: left !important}
+        text-align: left !important; 
+    }
     .ext{
         color: black;
     }
     svg.ext{
         display: none;
     }
-    &.type-de-ressource-Publication-issue-du-programme-EQLD{
+    :visited {
-        // background-color: $background-actus;
+        color: black;
-        .wrapper-ressource{
+      }
-            display: grid;
+    a{
-            grid-template-columns: 1fr 1.8fr; 
+        color: black;
-            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{    
-                                                           
+        display: flex;
+        flex-direction: column;
+        .field--name-field-type-de-ressource{
+            order: 2;
+        }
+        .field--name-field-type-de-media{
+            order: 1;
+            
+        }                               
         .field--name-field-type-de-ressource, 
         .field--name-field-type-de-media{
             grid-column: 1;
@@ -90,17 +43,23 @@ article.node-type-ressource{
         .field--name-title{
             grid-column: 2;
             margin-top: 0.5rem;
-
+            order: 4;
+            margin-bottom: 0;
             h2{
                 margin: 0;
                 line-height: 1rem;
+                margin-left: 0 !important;
+                line-height: 0;
+                margin-bottom: 0 !important;
                 a{
                     color: $black;
-                    font-size: 1rem;
+                    font-size: 0.9rem;
                     font-weight: 900;
-                    font-style: italic;
+                    font-style: normal;
                 }
-
+                @media (max-width: 810px) {
+                    line-height: 0 !important;                                       
+                } 
             }
         }
         .field--name-field-auteur-s-{
@@ -108,6 +67,8 @@ article.node-type-ressource{
             margin-top: 0.5rem;
             font-weight: 800;
             line-height: 1.1rem;
+            order: 6 !important;
+            font-size: 0.8rem;
             p{
                 margin: 0;
                 
@@ -118,11 +79,17 @@ article.node-type-ressource{
         }
         .field--name-field-sous-titre{
             grid-column: 2;
-            margin-top: 0.5rem;
+            margin-top: 0.8rem;
+            order: 5;
+            font-size: 0.9rem;
+            font-weight: 900;
+            line-height: 1.5;
         }
         .field--name-field-edition{
+            order: 7;
             grid-column: 2;
             margin-top: 0.5rem;
+            font-size: 0.8rem;
             p{
                 margin: 0;
             }
@@ -131,6 +98,7 @@ article.node-type-ressource{
             }
         }
         .field--name-field-images{
+            order: 3;
             grid-column: 1;
             .field__item{
                 height: 100px;
@@ -138,22 +106,26 @@ article.node-type-ressource{
             img{
                 height: 100%;
                 width: auto;
+                border: solid 1px gray;
             }
         }
         .field--name-field-date-de-parution{
             grid-column: 2;
             margin-top: 0.3rem;
+            order: 8;
+            font-size: 0.8rem;
         }
         .field--name-field-mots-clefs{
+            order: 9;
             grid-column: 2;
             display: flex;
-            margin-top: 1rem;
+            margin-top: 0.5rem;
             flex-direction: row;
             flex-wrap: wrap;
         
             .field__item{
                 margin-right: 0.5rem;
-                padding-left: 0.3rem;
+                // padding-left: 0.3rem;
                 padding-right: 0.3rem;
                 font-size: 0.7rem;
             
@@ -170,8 +142,224 @@ article.node-type-ressource{
                 }
             }
         }
+
         ul.links.inline{
             display: none;
         }
     } 
-}
+
+    &.type-publications-issues-du-programme{
+        // background-color: $background-actus;
+            min-width: 300px;
+
+        .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;
+                grid-column: 1 /span 2;
+                margin-bottom: 0.5rem;
+            }
+            .field--name-field-type-de-media{
+                order: 1;
+                grid-row: 1;
+                grid-column: 1 /span 2;
+            }
+            .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;
+                padding-bottom: 0.8rem;
+                h2{
+                    margin-left: 0 !important;
+                    line-height: 0;
+                    a{
+                        color: $blue-light;
+                        font-size: 1.3rem;
+                        font-style: normal;
+                    }
+                }
+                
+            }
+            .field--name-field-sous-titre{
+                margin-top: 0;
+                line-height: 1;
+                grid-row: 4;
+                a,
+                a:visited{
+                grid-row: 4;
+                color: $blue-light;
+                font-size: 1rem;
+                font-weight: 800;
+                }
+            }
+            .field--name-field-auteur-s-{
+                // grid-row: 5;
+            }
+            .field--name-field-edition{
+                grid-row: 6;
+                line-height: 1.1;
+            }
+            .field--name-field-date-de-parution{
+                grid-row: 7;
+            }
+            .field--name-field-mots-clefs{
+                grid-row: 8;
+                margin-top: 0.5rem;
+                left: -0.2rem;
+                position: relative;
+            }
+        }
+    }
+    &.type-paroles-de-laureats{
+                .wrapper-ressource{
+            .field--name-field-type-de-ressource{
+                order: 2;
+            }
+            .field--name-field-type-de-media{
+                order: 1;
+                
+            }
+            .field--name-field-images{
+                order: 3;
+            }
+            .field--name-title{
+            }
+            .field--name-field-sous-titre{
+            }
+            .field--name-field-auteur-s-{
+            }
+            .field--name-field-edition{
+            }
+            .field--name-field-date-de-parution{
+            }
+            .field--name-field-mots-clefs{
+            }
+        }
+        // background-color: $background-actus;
+    }
+    @media (max-width: 479px) {
+        margin-left: 0;                                                
+    }   
+
+
+    &.type-presse{
+        .field--name-field-images{
+            display: none;
+        }
+    }
+
+
+
+
+}
+.type-les-projets-en-images.views-row{
+    width: 50% !important;
+    // min-width: 0 !important;
+    min-width: 550px !important;
+    max-width: 0 !important;
+    @media (max-width: 479px) {
+        min-width: 100% !important;
+    } 
+
+    article.node-type-ressource.type-les-projets-en-images {
+        .wrapper-ressource {
+        display: grid;
+        grid-template-columns: 2fr 1fr !important; // ✅ 85% pour image, 15% pour texte
+        width: 100%; // ✅ force la grille à s'étaler sur toute la ligne
+        max-width: 100%; // ✅ limite d'expansion
+        // gap: 1rem;
+        column-gap: 1rem;
+        align-items: start;
+        @media (max-width: 479px) {
+            display: flex;
+            flex-direction: column;
+            padding-left: 1rem !important;
+        }
+    
+        .field--name-field-images {
+            grid-column: 1;
+            grid-row: 3 / span 8;
+            width: 100%;
+            img {
+            width: 100%;
+            height: auto;
+            margin-top: 1rem;
+            object-fit: cover;
+            border: 1px solid #ccc;
+            
+            }
+           
+            .field__item{
+                height: fit-content;
+                @media (max-width: 479px) {
+                    // margin-bottom: 4rem;
+                    height: auto;
+                }
+            }
+        }
+        .field--name-field-type-de-media{
+            grid-column: 1 /span 2;
+            grid-row: 2;
+        }
+        .field--name-field-type-de-ressource{
+            grid-column: 1 /span 2;
+            grid-row: 1;
+        }
+        // Forcer les champs texte à ne pas déborder
+
+        .field--name-title,
+        .field--name-field-sous-titre,
+        .field--name-field-auteur-s-,
+        .field--name-field-edition,
+        .field--name-field-date-de-parution,
+        .field--name-field-mots-clefs {
+            grid-column: 2;
+            width: 100%; // ✅ évite que ça casse la colonne
+            box-sizing: border-box;
+            padding: 0;
+            margin: 0;
+        }
+        .field--name-title{
+            // h2{font-size: 0.9rem;}
+            grid-row: 3;
+            margin-bottom: 0.5rem;
+        }
+        .field--name-field-sous-titre{
+            grid-row: 4;
+        }
+        .field--name-field-auteur-s-{
+            grid-row: 5;
+        }
+        .field--name-field-edition{
+            grid-row: 6;
+            line-height: 1;
+        }
+        .field--name-field-date-de-parution{
+            grid-row: 7;
+        }
+        .field--name-field-mots-clefs{
+            grid-row: 8;
+        }
+    
+        // Supprimer les marges internes de h2, p, etc.
+        h2, p {
+            margin: 0;
+            padding: 0;
+        }
+        }
+    }
+}  
+  

web/themes/custom/eql/scss/partials/_slick-theme.scss

@@ -17,9 +17,10 @@ $slick-prev-character: "\2190" !default;
 $slick-next-character: "\2192" !default;
 $slick-dot-character: "\2022" !default;
 $slick-dot-size: 50px !default;
-$slick-opacity-default: 0.75 !default;
+$slick-opacity-default: 0 !default;
-$slick-opacity-on-hover: 1 !default;
+$slick-opacity-on-hover: 0.20 !default;
-$slick-opacity-not-active: 0.25 !default;
+$slick-opacity-not-active: 0 !default;
+$slick-opacity-active: 0.50 !default;
 
 @function slick-image-url($url) {
     @if function-exists(image-url) {
@@ -78,7 +79,7 @@ $slick-opacity-not-active: 0.25 !default;
     padding: 0;
     border: none;
     outline: none;
-    &:hover, &:focus {
+    &:hover {
         outline: none;
         background: transparent;
         color: transparent;
@@ -188,14 +189,14 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d
                 line-height: 20px;
                 text-align: center;
                 color: $slick-dot-color;
-                opacity: $slick-opacity-not-active;
+                opacity: $slick-opacity-on-hover;
                 -webkit-font-smoothing: antialiased;
                 -moz-osx-font-smoothing: grayscale;
             }
         }
         &.slick-active button:before {
-            color: $slick-dot-color-active;
+            color: $slick-dot-color;
-            opacity: $slick-opacity-default;
+            opacity: $slick-opacity-active;
         }
     }
 }

web/themes/custom/eql/scss/styles.scss

@@ -14,7 +14,7 @@
 // @import "global/_reset";
 @import "global/_typography";
 @import "global/_mediaqueries";
-
+@import "global/_print";
 // @import "global/_nodetyperessource.scss";
 
 
@@ -53,7 +53,8 @@
 @import "pages/_incubateur";
 @import "pages/_lincubateur_newpage";
 @import "pages/ressources";
-
+@import "pages/ressource-type-en-images";
+@import "pages/_ressource-type-media-vidéos";
 
 
 /*partials*/

web/themes/custom/eql/templates/block--entity-field--node--field-images.html.twig

@@ -0,0 +1,72 @@
+{#
+/**
+ * @file
+ * Theme override to display a block.
+ *
+ * Available variables:
+ * - plugin_id: The ID of the block implementation.
+ * - label: The configured label of the block if visible.
+ * - configuration: A list of the block's configuration values.
+ *   - label: The configured label for the block.
+ *   - label_display: The display settings for the label.
+ *   - provider: The module or other provider that provided this block plugin.
+ *   - Block plugin specific settings will also be stored here.
+ * - content: The content of this block.
+ * - attributes: array of HTML attributes populated by modules, intended to
+ *   be added to the main container tag of this template.
+ *   - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ *
+ * @see template_preprocess_block()
+ */
+#}
+{%
+  set classes = [
+    'block',
+    'block-' ~ configuration.provider|clean_class,
+    'block-' ~ plugin_id|clean_class,
+  ]
+%}
+<div{{ attributes.addClass(classes) }}>
+  {{ title_prefix }}
+  {% if label %}
+      {# <video autoplay muted loop id="myVideo">
+  <source src="rain.mp4" type="video/mp4">
+</video> #}
+    <span><h2{{ title_attributes }}>{{ label }}</h2></span>
+  {% endif %}
+  {{ title_suffix }}
+
+
+  {% block content %}
+    {% if is_ressource_page %}
+    {# Affichage du carrousel uniquement sur les pages de type ressource #}
+      <div class="carousel">
+        <div class="main-image-block">
+  <div class="arrow left" id="prevArrow">←</div>
+
+  <div class="main-image-container">
+    <img id="mainImage" src="..." alt="Image principale">
+    <p id="caption" class="caption">Légende ici</p>
+  </div>
+
+  <div class="arrow right" id="nextArrow">→</div>
+</div>
+        <div class="caption" id="caption"></div>
+        <div class="thumbnails-wrapper">
+          <div class="thumb-arrow up" id="thumbPrev">←</div>
+          <div class="thumbnails" id="thumbnails"></div>
+          <div class="thumb-arrow down" id="thumbNext">→</div>
+        </div>
+      </div>
+    {% endif %}
+
+
+    {{ content }}
+  {% endblock %}
+</div>

web/themes/custom/eql/templates/field--node--field-images--ressource.html.twig

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

web/themes/custom/eql/templates/layout--threecol-25-50-25.html.twig

@@ -22,7 +22,9 @@
 {% if content %}
   <div{{ attributes.addClass(classes) }}>
     {% if content.top %}
-      <div {{ region_attributes.top.addClass('layout__region', 'layout__region--top') }}>
+<div{{ region_attributes.top.addClass('layout__region', 'layout__region--top') }}>
+
+      {# <div {{ region_attributes.top.addClass('layout__region', 'layout__region--top') }}> #}
         {{content.top}}
         <div class='top_top'>
           {{ content.top_left }}

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

@@ -74,6 +74,7 @@
 #}
 <article{{ attributes }}>
 
+
   {{ title_prefix }}
   {% if label and not page %}
     <h2{{ title_attributes }}>
@@ -93,6 +94,7 @@
   {% endif %}
 
   <div class='wrapper-ressource'{{ content_attributes }}>
+  
     {{ content }}
     <div class="filtres_projet">
     {{content.bottom}}

web/themes/custom/eql/templates/partials/form.html.twig

@@ -12,17 +12,32 @@
  * @ingroup themeable
  */
 #}
+
+  {# <div class="buttons-filtres-ressources">
+   <a class=" button button-videos" style="" href="https://stage.eql.figli.io/ressources?field_type_de_media_target_id=693&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine="> Vidéos</a>
+
+   <a class="button button-podcasts" style="" href="https://stage.eql.figli.io/ressources?field_type_de_media_target_id=698&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine="> Podcasts</a>
+
+   <a class="button button-reportages-photos" style="" href="https://stage.eql.figli.io/ressources?field_type_de_media_target_id=695&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine="> Reportages photos</a>
+   <a class="button button-livres" style="" href="https://stage.eql.figli.io/ressources?field_type_de_media_target_id=696&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine="> Livres</a>
+   <a class="button button-articles" style="" href="https://stage.eql.figli.io/ressources?field_type_de_media_target_id=694&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine="> Articles</a>
+   <a class="button button-publications-rapports" style="" href="https://stage.eql.figli.io/ressources?field_type_de_media_target_id=696&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine="> Publications/rapports</a>
+</div> #}
+
+
 <div class="buttons-filtres-ressources">
-   <button class="button-videos" type="button" style=""><a href="/ressources?field_type_de_media_target_id=681&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine=#filtres"> Vidéos</a></button>
+  {% for item in media_links %}
-
+    <a
-   <button class="button-podcasts" type="button" style=""><a href="/ressources?field_type_de_media_target_id=686&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine=#filtres"> Podcasts</a></button>
+      class="button button-{{ item.slug }}{% if item.active %} is-active{% endif %}"
-
+      href="{{ path('<front>') ~ 'ressources?field_type_de_media_target_id=' ~ item.tid ~ '&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine=' }}"
-   <button class="button-reportages-photos" type="button" style=""><a href="/ressources?field_type_de_media_target_id=683&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine=#filtres"> Reportages photos</a></button>
+    >
-   <button class="button-livres" type="button" style=""><a href="/ressources?field_type_de_media_target_id=684&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine=#filtres"> Livres</a></button>
+      {{ item.label }}
-   <button class="button-articles" type="button" style=""><a href="/ressources?field_type_de_media_target_id=682&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine=#filtres"> Articles</a></button>
+    </a>
-   <button class="button-publications-rapports" type="button" style=""><a href="/ressources?field_type_de_media_target_id=685&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine=#filtres"> Publications/rapports</a></button>
+    
+  {% endfor %}
 </div>
 
+
 <form{{ attributes }}>
   {{ children }}
 </form>

web/themes/custom/eql/templates/partials/input--textfield.html.twig

@@ -0,0 +1,28 @@
+{#
+/**
+ * @file
+ * Default theme implementation for an 'input' #type form element.
+ *
+ * Available variables:
+ * - attributes: A list of HTML attributes for the input element.
+ * - children: Optional additional rendered elements.
+ *
+ * @see template_preprocess_input()
+ *
+ * @ingroup themeable
+ */
+#}
+
+
+<div class="input-wrapper search-with-clear">
+  <input{{ attributes }} />{{ children }}
+  {% if attributes.id == 'edit-combine' %}
+    <button type="button" class="clear-input" aria-label="Effacer la recherche">
+      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+            stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <line x1="18" y1="6" x2="6" y2="18"/>
+        <line x1="6" y1="6" x2="18" y2="18"/>
+    </svg>
+    </button>
+  {% endif %}
+</div>

web/themes/custom/eql/templates/partials/select.html.twig

@@ -0,0 +1,30 @@
+{#
+/**
+ * @file
+ * Default theme implementation for a select element.
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the <select> tag.
+ * - options: The <option> element children.
+ *
+ * @see template_preprocess_select()
+ *
+ * @ingroup themeable
+ */
+#}
+{% apply spaceless %}
+  <select{{ attributes }}>
+    {% for option in options %}
+      {% if option.type == 'optgroup' %}
+        <optgroup label="{{ option.label }}">
+          {% for sub_option in option.options %}
+            <option value="{{ sub_option.value }}"{{ sub_option.selected ? ' selected="selected"' }}>{{ sub_option.label }}</option>
+          {% endfor %}
+        </optgroup>
+      {% elseif option.type == 'option' %}
+        <option value="{{ option.value }}"{{ option.selected ? ' selected="selected"' }}>{{ option.label }}</option>
+      {% endif %}
+    {% endfor %}
+  </select>
+{% endapply %}
+

web/themes/custom/eql/templates/select.html.twig

@@ -26,4 +26,5 @@
       {% endif %}
     {% endfor %}
   </select>
-{% endapply %}
+{% endapply %}
+

web/themes/custom/eql/templates/views-view-unformatted--base-de-donnees.html.twig

@@ -0,0 +1,54 @@
+{#
+/**
+ * @file
+ * Theme override to display a view of unformatted rows.
+ *
+ * Available variables:
+ * - title: The title of this group of rows. May be empty.
+ * - rows: A list of the view's row items.
+ *   - attributes: The row's HTML attributes.
+ *   - content: The row's content.
+ * - view: The view object.
+ * - default_row_class: A flag indicating whether default classes should be
+ *   used on rows.
+ *
+ * @see template_preprocess_views_view_unformatted()
+ */
+#}
+
+{%
+  set view_wrapper_class = [
+  default_row_class ? 'views-row-wrapper',
+  ]
+%}
+{% if grouped_rows is defined %}
+  {% set base_url = path('<front>') ~ 'ressources' %}
+  {% for type_class, group in grouped_rows %}
+    <div class="view-type-slide {{ type_class }}">
+      <div class="border">        </div>
+        <h3 class="{{ type_class }}">{{ group.label }}</h3>
+        {% if group.tid is defined %}
+          <button class="tout-voir" type="button" data-tid="{{ group.tid }}">
+            {# <a href="{{ base_url }}?field_type_de_media_target_id=All&field_type_de_ressource_target_id={{ group.tid }}&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine=" target="_blank" rel="noopener noreferrer">
+              Tout voir
+            </a> #}
+            Tout voir
+          </button>
+        {% endif %}
+        <div class="views-row-wrapper">
+        {% for row in group.rows %}
+          <div{{ row.attributes.addClass('views-row') }}>
+            {{ row.content }}
+          </div>
+        {% endfor %}
+
+      </div>
+    </div>
+  {% endfor %}
+{% else %}
+  {% for row in rows %}
+    <div{{ row.attributes.addClass('views-row') }}>
+      {{ row.content }}
+    </div>
+  {% endfor %}
+{% endif %}

web/themes/custom/eql/templates/views-view.html.twig

@@ -66,9 +66,9 @@
 {% if rows %}
 
   {% set content_classes = ['view-content'] %}
-  {% if view.id == 'base_de_donnees' %}
+  {# {% if view.id == 'base_de_donnees' %}
     {% set content_classes = content_classes|merge(['view-ressources-hidden']) %}
-  {% endif %}
+  {% endif %} #}
 
     <div{{ create_attribute().addClass(content_classes) }}>
       {{ rows }}