header sans animation

config/sync/config_pages.type.intro_ressources.yml

@@ -0,0 +1,17 @@
+uuid: 480abc89-4c77-4260-a432-043c122cc0de
+langcode: fr
+status: true
+dependencies: {  }
+id: intro_ressources
+label: 'Intro ressources'
+token: true
+context:
+  show_warning: true
+  group:
+    language: true
+  fallback:
+    language: ''
+menu:
+  path: /edit/ressources
+  weight: 0
+  description: ''

config/sync/core.base_field_override.block_content.link.changed.yml

@@ -0,0 +1,18 @@
+uuid: d92dd104-030a-4e96-9932-4607371f7551
+langcode: fr
+status: true
+dependencies:
+  config:
+    - block_content.type.link
+id: block_content.link.changed
+field_name: changed
+entity_type: block_content
+bundle: link
+label: Modifié
+description: "L'heure à laquelle le bloc de contenu a été modifié pour la dernière fois."
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings: {  }
+field_type: changed

config/sync/core.base_field_override.block_content.link.info.yml

@@ -0,0 +1,18 @@
+uuid: 85cc2a14-7008-4248-82bf-503226d66d8c
+langcode: fr
+status: true
+dependencies:
+  config:
+    - block_content.type.link
+id: block_content.link.info
+field_name: info
+entity_type: block_content
+bundle: link
+label: 'Description du bloc'
+description: 'Une brève description de votre bloc.'
+required: true
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings: {  }
+field_type: string

config/sync/core.base_field_override.block_content.link.metatag.yml

@@ -0,0 +1,20 @@
+uuid: 120b2f25-e7b2-4f66-bcdf-acbf7669f597
+langcode: fr
+status: true
+dependencies:
+  config:
+    - block_content.type.link
+  module:
+    - metatag
+id: block_content.link.metatag
+field_name: metatag
+entity_type: block_content
+bundle: link
+label: 'Metatags (Hidden field for JSON support)'
+description: 'The computed meta tags for the entity.'
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings: {  }
+field_type: metatag_computed

config/sync/core.base_field_override.block_content.link.status.yml

@@ -0,0 +1,22 @@
+uuid: 889fcb21-234f-4911-a70d-f7391535b8ea
+langcode: fr
+status: true
+dependencies:
+  config:
+    - block_content.type.link
+id: block_content.link.status
+field_name: status
+entity_type: block_content
+bundle: link
+label: Publié
+description: ''
+required: false
+translatable: false
+default_value:
+  -
+    value: 1
+default_value_callback: ''
+settings:
+  on_label: Activé
+  off_label: Désactivé
+field_type: boolean

config/sync/core.base_field_override.block_content.live_youtube.changed.yml

@@ -0,0 +1,18 @@
+uuid: 45bdc104-a814-4de3-92d7-c25d2c2bfb13
+langcode: fr
+status: true
+dependencies:
+  config:
+    - block_content.type.live_youtube
+id: block_content.live_youtube.changed
+field_name: changed
+entity_type: block_content
+bundle: live_youtube
+label: Modifié
+description: "L'heure à laquelle le bloc de contenu a été modifié pour la dernière fois."
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings: {  }
+field_type: changed

config/sync/core.base_field_override.block_content.live_youtube.info.yml

@@ -0,0 +1,18 @@
+uuid: d04e24e6-8cea-46f6-8e57-1ec72beb3f6c
+langcode: fr
+status: true
+dependencies:
+  config:
+    - block_content.type.live_youtube
+id: block_content.live_youtube.info
+field_name: info
+entity_type: block_content
+bundle: live_youtube
+label: 'Description du bloc'
+description: 'Une brève description de votre bloc.'
+required: true
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings: {  }
+field_type: string

config/sync/core.base_field_override.block_content.live_youtube.metatag.yml

@@ -0,0 +1,20 @@
+uuid: efc48857-a4cc-43cc-8687-75fb316b4009
+langcode: fr
+status: true
+dependencies:
+  config:
+    - block_content.type.live_youtube
+  module:
+    - metatag
+id: block_content.live_youtube.metatag
+field_name: metatag
+entity_type: block_content
+bundle: live_youtube
+label: 'Metatags (Hidden field for JSON support)'
+description: 'The computed meta tags for the entity.'
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings: {  }
+field_type: metatag_computed

config/sync/core.base_field_override.block_content.live_youtube.status.yml

@@ -0,0 +1,22 @@
+uuid: 243ea018-54d0-421c-bbb5-fa3eb51f15de
+langcode: fr
+status: true
+dependencies:
+  config:
+    - block_content.type.live_youtube
+id: block_content.live_youtube.status
+field_name: status
+entity_type: block_content
+bundle: live_youtube
+label: Publié
+description: ''
+required: false
+translatable: false
+default_value:
+  -
+    value: 1
+default_value_callback: ''
+settings:
+  on_label: Activé
+  off_label: Désactivé
+field_type: boolean

config/sync/core.base_field_override.paragraph.projet_diapo.created.yml

@@ -0,0 +1,18 @@
+uuid: 99816590-8aca-481f-9acb-78f627c048c4
+langcode: fr
+status: true
+dependencies:
+  config:
+    - paragraphs.paragraphs_type.projet_diapo
+id: paragraph.projet_diapo.created
+field_name: created
+entity_type: paragraph
+bundle: projet_diapo
+label: 'Écrit le'
+description: 'Heure de création du paragraphe.'
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings: {  }
+field_type: created

config/sync/core.base_field_override.paragraph.projet_diapo.status.yml

@@ -0,0 +1,22 @@
+uuid: 95f833dc-2c91-419d-be8a-3a8992776459
+langcode: fr
+status: true
+dependencies:
+  config:
+    - paragraphs.paragraphs_type.projet_diapo
+id: paragraph.projet_diapo.status
+field_name: status
+entity_type: paragraph
+bundle: projet_diapo
+label: Publié
+description: ''
+required: false
+translatable: false
+default_value:
+  -
+    value: 1
+default_value_callback: ''
+settings:
+  on_label: Activé
+  off_label: Désactivé
+field_type: boolean

config/sync/core.base_field_override.paragraph.projet_info.created.yml

@@ -0,0 +1,18 @@
+uuid: 89e0b4cb-3467-43dd-ac7d-c204a42a5c37
+langcode: fr
+status: true
+dependencies:
+  config:
+    - paragraphs.paragraphs_type.projet_info
+id: paragraph.projet_info.created
+field_name: created
+entity_type: paragraph
+bundle: projet_info
+label: 'Écrit le'
+description: 'Heure de création du paragraphe.'
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings: {  }
+field_type: created

config/sync/core.base_field_override.paragraph.projet_info.status.yml

@@ -0,0 +1,22 @@
+uuid: a5d583a1-4104-4129-952b-be04093864c4
+langcode: fr
+status: true
+dependencies:
+  config:
+    - paragraphs.paragraphs_type.projet_info
+id: paragraph.projet_info.status
+field_name: status
+entity_type: paragraph
+bundle: projet_info
+label: Publié
+description: ''
+required: false
+translatable: false
+default_value:
+  -
+    value: 1
+default_value_callback: ''
+settings:
+  on_label: Activé
+  off_label: Désactivé
+field_type: boolean

config/sync/core.base_field_override.paragraph.projet_partie_texte.created.yml

@@ -0,0 +1,18 @@
+uuid: 460c5e92-f134-4e12-a66c-0d748623ba10
+langcode: fr
+status: true
+dependencies:
+  config:
+    - paragraphs.paragraphs_type.projet_partie_texte
+id: paragraph.projet_partie_texte.created
+field_name: created
+entity_type: paragraph
+bundle: projet_partie_texte
+label: 'Écrit le'
+description: 'Heure de création du paragraphe.'
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings: {  }
+field_type: created

config/sync/core.base_field_override.paragraph.projet_partie_texte.status.yml

@@ -0,0 +1,22 @@
+uuid: 4cc6a442-5e28-4ad2-89ee-4542e940f2e2
+langcode: fr
+status: true
+dependencies:
+  config:
+    - paragraphs.paragraphs_type.projet_partie_texte
+id: paragraph.projet_partie_texte.status
+field_name: status
+entity_type: paragraph
+bundle: projet_partie_texte
+label: Publié
+description: ''
+required: false
+translatable: false
+default_value:
+  -
+    value: 1
+default_value_callback: ''
+settings:
+  on_label: Activé
+  off_label: Désactivé
+field_type: boolean

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

@@ -0,0 +1,24 @@
+uuid: dcde5806-938b-46b8-80f5-ce7e8b065dfc
+langcode: fr
+status: true
+dependencies:
+  config:
+    - config_pages.type.intro_ressources
+    - field.field.config_pages.intro_ressources.field_intro
+  module:
+    - text
+id: config_pages.intro_ressources.default
+targetEntityType: config_pages
+bundle: intro_ressources
+mode: default
+content:
+  field_intro:
+    type: text_textarea
+    weight: 0
+    region: content
+    settings:
+      rows: 5
+      placeholder: ''
+    third_party_settings: {  }
+hidden:
+  label: true

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

@@ -294,6 +294,11 @@ content:
       size: 60
       placeholder: ''
     third_party_settings: {  }
+  translation:
+    weight: 10
+    region: content
+    settings: {  }
+    third_party_settings: {  }
   uid:
     type: entity_reference_autocomplete
     weight: 31

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

@@ -10,6 +10,7 @@ dependencies:
     - field.field.node.ressource.field_images
     - field.field.node.ressource.field_liens
     - field.field.node.ressource.field_mots_clefs
+    - field.field.node.ressource.field_poid
     - field.field.node.ressource.field_site
     - field.field.node.ressource.field_sous_titre
     - field.field.node.ressource.field_tous_les_sites
@@ -34,6 +35,7 @@ third_party_settings:
         - field_author
         - field_type_de_ressource
         - field_mots_clefs
+        - field_poid
         - status
         - promote
         - path
@@ -183,6 +185,13 @@ content:
       size: 60
       placeholder: ''
     third_party_settings: {  }
+  field_poid:
+    type: number
+    weight: 41
+    region: content
+    settings:
+      placeholder: ''
+    third_party_settings: {  }
   field_site:
     type: entity_reference_autocomplete
     weight: 45
@@ -222,20 +231,20 @@ content:
     third_party_settings: {  }
   path:
     type: path
-    weight: 43
+    weight: 44
     region: content
     settings: {  }
     third_party_settings: {  }
   promote:
     type: boolean_checkbox
-    weight: 42
+    weight: 43
     region: content
     settings:
       display_label: true
     third_party_settings: {  }
   status:
     type: boolean_checkbox
-    weight: 41
+    weight: 42
     region: content
     settings:
       display_label: true

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

@@ -0,0 +1,23 @@
+uuid: d7ddf5cc-556b-4b0e-9b4d-be805337b385
+langcode: fr
+status: true
+dependencies:
+  config:
+    - config_pages.type.intro_ressources
+    - field.field.config_pages.intro_ressources.field_intro
+  module:
+    - text
+id: config_pages.intro_ressources.default
+targetEntityType: config_pages
+bundle: intro_ressources
+mode: default
+content:
+  field_intro:
+    type: text_default
+    label: visually_hidden
+    settings: {  }
+    third_party_settings: {  }
+    weight: 0
+    region: content
+hidden:
+  search_api_excerpt: true

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

@@ -10,6 +10,7 @@ dependencies:
     - field.field.node.ressource.field_images
     - field.field.node.ressource.field_liens
     - field.field.node.ressource.field_mots_clefs
+    - field.field.node.ressource.field_poid
     - field.field.node.ressource.field_site
     - field.field.node.ressource.field_sous_titre
     - field.field.node.ressource.field_tous_les_sites
@@ -93,6 +94,15 @@ content:
     third_party_settings: {  }
     weight: 103
     region: content
+  field_poid:
+    type: number_integer
+    label: above
+    settings:
+      thousand_separator: ''
+      prefix_suffix: true
+    third_party_settings: {  }
+    weight: 108
+    region: content
   field_site:
     type: entity_reference_label
     label: visually_hidden

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

@@ -11,6 +11,7 @@ dependencies:
     - field.field.node.ressource.field_images
     - field.field.node.ressource.field_liens
     - field.field.node.ressource.field_mots_clefs
+    - field.field.node.ressource.field_poid
     - field.field.node.ressource.field_site
     - field.field.node.ressource.field_sous_titre
     - field.field.node.ressource.field_tous_les_sites
@@ -79,6 +80,7 @@ hidden:
   field_date_ressource: true
   field_documents: true
   field_mots_clefs: true
+  field_poid: true
   field_sous_titre: true
   field_tous_les_sites: true
   field_type_de_ressource: true

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

@@ -11,6 +11,7 @@ dependencies:
     - field.field.node.ressource.field_images
     - field.field.node.ressource.field_liens
     - field.field.node.ressource.field_mots_clefs
+    - field.field.node.ressource.field_poid
     - field.field.node.ressource.field_site
     - field.field.node.ressource.field_sous_titre
     - field.field.node.ressource.field_tous_les_sites
@@ -67,11 +68,11 @@ content:
     label: visually_hidden
     settings:
       deltas: '0'
-      image_style: wide
+      deltas_reversed: false
       image_link: content
+      image_style: wide
       image_loading:
         attribute: lazy
-      deltas_reversed: 0
     third_party_settings: {  }
     weight: 0
     region: content
@@ -122,6 +123,7 @@ content:
     region: content
 hidden:
   created: true
+  field_poid: true
   field_tous_les_sites: true
   field_type_de_ressource: true
   field_video: true

config/sync/email_registration.settings.yml

@@ -1,3 +1,4 @@
 _core:
   default_config_hash: k024s6lEcCjGqAq_82KNi-RRCCc37Jxo5frFNChAqao
 login_with_username: false
+require_username_on_registration: false

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

@@ -0,0 +1,24 @@
+uuid: 8b9c2799-90e2-4409-93fd-a087cf0b33d3
+langcode: fr
+status: true
+dependencies:
+  config:
+    - config_pages.type.intro_ressources
+    - field.storage.config_pages.field_intro
+    - filter.format.wysiwyg
+  module:
+    - text
+id: config_pages.intro_ressources.field_intro
+field_name: field_intro
+entity_type: config_pages
+bundle: intro_ressources
+label: Intro
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings:
+  allowed_formats:
+    - wysiwyg
+field_type: text_long

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

@@ -6,7 +6,14 @@ dependencies:
     - field.storage.node.field_fichiers
     - node.type.actualite
   module:
+    - content_translation
     - file
+third_party_settings:
+  content_translation:
+    translation_sync:
+      target_id: target_id
+      display: display
+      description: description
 id: node.actualite.field_fichiers
 field_name: field_fichiers
 entity_type: node

config/sync/field.field.node.partenaire.field_logo.yml

@@ -14,6 +14,7 @@ third_party_settings:
       alt: alt
       title: title
       file: '0'
+      caption: '0'
 id: node.partenaire.field_logo
 field_name: field_logo
 entity_type: node

config/sync/field.field.node.projet.field_equipe_presentation.yml

@@ -15,7 +15,7 @@ bundle: projet
 label: 'Présentation équipe'
 description: ''
 required: false
-translatable: false
+translatable: true
 default_value: {  }
 default_value_callback: ''
 settings:

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

@@ -0,0 +1,25 @@
+uuid: 9f3c0cbe-5562-4660-b4bc-fc9787491962
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_poid
+    - node.type.ressource
+id: node.ressource.field_poid
+field_name: field_poid
+entity_type: node
+bundle: ressource
+label: Poid
+description: ''
+required: false
+translatable: false
+default_value:
+  -
+    value: 0
+default_value_callback: ''
+settings:
+  min: -20
+  max: 20
+  prefix: ''
+  suffix: ''
+field_type: integer

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

@@ -6,7 +6,14 @@ dependencies:
     - field.storage.node.field_documents
     - node.type.site
   module:
+    - content_translation
     - file
+third_party_settings:
+  content_translation:
+    translation_sync:
+      target_id: target_id
+      display: display
+      description: description
 id: node.site.field_documents
 field_name: field_documents
 entity_type: node

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

@@ -36,6 +36,6 @@ settings:
     width: null
     height: null
     caption: ''
-  caption_field: 1
+  caption_field: true
-  caption_field_required: 0
+  caption_field_required: false
 field_type: image

config/sync/field.field.node.static.field_pieces_jointes.yml

@@ -6,7 +6,14 @@ dependencies:
     - field.storage.node.field_pieces_jointes
     - node.type.static
   module:
+    - content_translation
     - file
+third_party_settings:
+  content_translation:
+    translation_sync:
+      target_id: target_id
+      display: display
+      description: description
 id: node.static.field_pieces_jointes
 field_name: field_pieces_jointes
 entity_type: node

config/sync/field.field.paragraph.projet_info.field_contenu.yml

@@ -12,7 +12,7 @@ bundle: projet_info
 label: Contenu
 description: ''
 required: false
-translatable: false
+translatable: true
 default_value: {  }
 default_value_callback: ''
 settings: {  }

config/sync/field.field.paragraph.projet_info.field_label.yml

@@ -12,7 +12,7 @@ bundle: projet_info
 label: Label
 description: ''
 required: false
-translatable: false
+translatable: true
 default_value: {  }
 default_value_callback: ''
 settings: {  }

config/sync/field.field.paragraph.projet_partie_texte.field_texte_partie_texte_projet.yml

@@ -15,7 +15,7 @@ bundle: projet_partie_texte
 label: 'Texte partie texte projet'
 description: ''
 required: false
-translatable: false
+translatable: true
 default_value: {  }
 default_value_callback: ''
 settings:

config/sync/field.field.paragraph.projet_partie_texte.field_titre_partie_texte_projet.yml

@@ -12,7 +12,7 @@ bundle: projet_partie_texte
 label: 'Titre partie texte projet'
 description: ''
 required: false
-translatable: false
+translatable: true
 default_value: {  }
 default_value_callback: ''
 settings: {  }

config/sync/field.field.paragraph.static_parts.field_picto.yml

@@ -14,6 +14,7 @@ third_party_settings:
       alt: alt
       title: title
       file: '0'
+      caption: '0'
 id: paragraph.static_parts.field_picto
 field_name: field_picto
 entity_type: paragraph
@@ -43,6 +44,6 @@ settings:
     width: null
     height: null
     caption: ''
-  caption_field: 0
+  caption_field: false
-  caption_field_required: 0
+  caption_field_required: false
 field_type: image

config/sync/language.content_settings.block_content.link.yml

@@ -4,6 +4,13 @@ status: true
 dependencies:
   config:
     - block_content.type.link
+  module:
+    - content_translation
+third_party_settings:
+  content_translation:
+    enabled: false
+    bundle_settings:
+      untranslatable_fields_hide: '0'
 id: block_content.link
 target_entity_type_id: block_content
 target_bundle: link

config/sync/language.content_settings.block_content.live_youtube.yml

@@ -4,6 +4,13 @@ status: true
 dependencies:
   config:
     - block_content.type.live_youtube
+  module:
+    - content_translation
+third_party_settings:
+  content_translation:
+    enabled: false
+    bundle_settings:
+      untranslatable_fields_hide: '0'
 id: block_content.live_youtube
 target_entity_type_id: block_content
 target_bundle: live_youtube

config/sync/language.content_settings.node.projet.yml

@@ -4,6 +4,13 @@ status: true
 dependencies:
   config:
     - node.type.projet
+  module:
+    - content_translation
+third_party_settings:
+  content_translation:
+    enabled: true
+    bundle_settings:
+      untranslatable_fields_hide: '0'
 id: node.projet
 target_entity_type_id: node
 target_bundle: projet

config/sync/language.content_settings.node.ressource.yml

@@ -9,6 +9,8 @@ dependencies:
 third_party_settings:
   content_translation:
     enabled: true
+    bundle_settings:
+      untranslatable_fields_hide: '0'
 id: node.ressource
 target_entity_type_id: node
 target_bundle: ressource

config/sync/language.content_settings.paragraph.projet_diapo.yml

@@ -0,0 +1,18 @@
+uuid: ef5ff94b-e3b2-4d1f-adfc-36730ad9c2b0
+langcode: fr
+status: true
+dependencies:
+  config:
+    - paragraphs.paragraphs_type.projet_diapo
+  module:
+    - content_translation
+third_party_settings:
+  content_translation:
+    enabled: false
+    bundle_settings:
+      untranslatable_fields_hide: '0'
+id: paragraph.projet_diapo
+target_entity_type_id: paragraph
+target_bundle: projet_diapo
+default_langcode: site_default
+language_alterable: false

config/sync/language.content_settings.paragraph.projet_info.yml

@@ -0,0 +1,18 @@
+uuid: aebb649a-e1e4-4f07-b2f1-6c8ce7250592
+langcode: fr
+status: true
+dependencies:
+  config:
+    - paragraphs.paragraphs_type.projet_info
+  module:
+    - content_translation
+third_party_settings:
+  content_translation:
+    enabled: true
+    bundle_settings:
+      untranslatable_fields_hide: '0'
+id: paragraph.projet_info
+target_entity_type_id: paragraph
+target_bundle: projet_info
+default_langcode: site_default
+language_alterable: true

config/sync/language.content_settings.paragraph.projet_partie_texte.yml

@@ -0,0 +1,18 @@
+uuid: 2af531bf-0a98-407a-9255-9c6dca393d37
+langcode: fr
+status: true
+dependencies:
+  config:
+    - paragraphs.paragraphs_type.projet_partie_texte
+  module:
+    - content_translation
+third_party_settings:
+  content_translation:
+    enabled: true
+    bundle_settings:
+      untranslatable_fields_hide: '0'
+id: paragraph.projet_partie_texte
+target_entity_type_id: paragraph
+target_bundle: projet_partie_texte
+default_langcode: site_default
+language_alterable: true

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

@@ -9,6 +9,8 @@ dependencies:
 third_party_settings:
   content_translation:
     enabled: true
+    bundle_settings:
+      untranslatable_fields_hide: '0'
 id: taxonomy_term.type_de_ressources
 target_entity_type_id: taxonomy_term
 target_bundle: type_de_ressources

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

@@ -290,7 +290,7 @@ variant_settings:
       css_styles: ''
     0e71ab04-a5cc-4eca-a7c2-a18fc9d0b7e1:
       id: 'entity_field:node:field_projets_lie'
-      label: 'Les projets sélectionnés'
+      label: 'Projets finalistes'
       label_display: visible
       provider: ctools_block
       context_mapping:

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

@@ -245,12 +245,12 @@ variant_settings:
       context_mapping:
         entity: node
       formatter:
-        type: image
+        type: image_caption
         weight: 0
         label: visually_hidden
         settings:
-          image_link: ''
           image_style: wide
+          image_link: ''
           image_loading:
             attribute: lazy
         third_party_settings: {  }

config/sync/structure_sync.data.yml

@@ -104,3 +104,212 @@ blocks:
           height: '444'
           caption: null
           caption_format: null
+menus:
+  -
+    menu_name: admin
+    title: 'Intro ressources'
+    parent: system.admin_content
+    uri: 'internal:/edit/ressources'
+    link_title: ''
+    description: null
+    enabled: true
+    expanded: false
+    weight: 0
+    langcode: fr
+    uuid: e28fb66f-21c1-42d3-9d85-ee19e1a28d14
+    options:
+      attributes:
+        class:
+          - ''
+  -
+    menu_name: entete
+    title: Partenaires
+    parent: null
+    uri: 'internal:/partenaires'
+    link_title: ''
+    description: null
+    enabled: true
+    expanded: false
+    weight: -46
+    langcode: fr
+    uuid: 608ba43c-1931-4ee1-9b6c-bc3637f2a0dc
+    options:
+      attributes:
+        class:
+          - ''
+  -
+    menu_name: entete
+    title: Contacts
+    parent: null
+    uri: 'entity:node/2'
+    link_title: ''
+    description: null
+    enabled: true
+    expanded: false
+    weight: -45
+    langcode: fr
+    uuid: efdff74d-685c-4f20-8e16-4351cd4f929c
+    options:
+      attributes:
+        class:
+          - ''
+  -
+    menu_name: entete
+    title: 'Mentions légales'
+    parent: null
+    uri: 'entity:node/1'
+    link_title: ''
+    description: null
+    enabled: false
+    expanded: false
+    weight: -44
+    langcode: fr
+    uuid: 1b21428d-c068-48b3-8cb6-ba3c1113bb59
+    options:
+      attributes:
+        class:
+          - ''
+  -
+    menu_name: entete
+    title: Présentation
+    parent: null
+    uri: 'entity:node/6'
+    link_title: ''
+    description: null
+    enabled: false
+    expanded: false
+    weight: -50
+    langcode: fr
+    uuid: a833cd74-00fa-46a0-950b-aedc100c908f
+    options:
+      attributes:
+        class:
+          - ''
+  -
+    menu_name: entete
+    title: 'La consultation'
+    parent: null
+    uri: 'entity:node/7'
+    link_title: ''
+    description: null
+    enabled: true
+    expanded: true
+    weight: -49
+    langcode: fr
+    uuid: 1415f75a-0c82-4d29-9b67-8f0eff863069
+    options:
+      attributes:
+        class:
+          - ''
+  -
+    menu_name: entete
+    title: 'les 10 Sites'
+    parent: null
+    uri: 'internal:/lessites'
+    link_title: ''
+    description: null
+    enabled: true
+    expanded: false
+    weight: -48
+    langcode: fr
+    uuid: 0c6fa9f3-65f6-403d-a357-6338c532b95e
+    options:
+      attributes:
+        class:
+          - ''
+  -
+    menu_name: entete
+    title: 'Pour candidater'
+    parent: null
+    uri: 'entity:node/44'
+    link_title: ''
+    description: null
+    enabled: false
+    expanded: false
+    weight: -47
+    langcode: fr
+    uuid: e466f110-e5f7-4a38-bd20-b1be732d9179
+    options:
+      attributes:
+        class:
+          - ''
+  -
+    menu_name: entete
+    title: 'Les 30 projets'
+    parent: null
+    uri: 'internal:/lesprojets'
+    link_title: ''
+    description: null
+    enabled: true
+    expanded: true
+    weight: -48
+    langcode: fr
+    uuid: da75c27c-9a00-4f16-980a-10f5467bf0ac
+    options:
+      attributes:
+        class:
+          - ''
+  -
+    menu_name: footer
+    title: 'Mentions légales'
+    parent: null
+    uri: 'entity:node/1'
+    link_title: ''
+    description: null
+    enabled: true
+    expanded: false
+    weight: -46
+    langcode: fr
+    uuid: d95fd71b-4146-4328-b5b5-1e5c66919596
+    options:
+      attributes:
+        class:
+          - ''
+  -
+    menu_name: footer
+    title: Contacts
+    parent: null
+    uri: 'entity:node/2'
+    link_title: ''
+    description: null
+    enabled: true
+    expanded: false
+    weight: -47
+    langcode: fr
+    uuid: 55c4cb76-62cf-4d80-ad13-84481430b74d
+    options:
+      attributes:
+        class:
+          - ''
+  -
+    menu_name: footer
+    title: Accueil
+    parent: null
+    uri: 'internal:/'
+    link_title: ''
+    description: null
+    enabled: true
+    expanded: false
+    weight: -50
+    langcode: fr
+    uuid: c1f56a2d-5e1f-492a-92a5-4902ba4eb343
+    options:
+      attributes:
+        class:
+          - ''
+  -
+    menu_name: footer
+    title: 'La consultation'
+    parent: null
+    uri: 'entity:node/7'
+    link_title: ''
+    description: null
+    enabled: true
+    expanded: false
+    weight: -49
+    langcode: fr
+    uuid: 5e39cdc7-1bf4-4684-869b-87ce57b7dae4
+    options:
+      attributes:
+        class:
+          - ''

config/sync/system.site.yml

@@ -12,4 +12,4 @@ page:
 admin_compact_mode: false
 weight_select_max: 100
 default_langcode: fr
-mail_notification: null
+mail_notification: ''

config/sync/user.mail.yml

@@ -3,20 +3,7 @@ _core:
 langcode: fr
 cancel_confirm:
   subject: "Demande d'annulation du compte [user:display-name] sur [site:name]"
-  body: |-
+  body: "[user:display-name],\r\n\r\nA request to cancel your account has been made at [site:name].\r\n\r\nYou may now cancel your account on [site:url-brief] by clicking this link or copying and pasting it into your browser:\r\n\r\n[user:cancel-url]\r\n\r\nNOTE: The cancellation of your account is not reversible.\r\n\r\nThis link expires in one day and nothing will happen if it is not used.\r\n\r\n--  [site:name] team"
-    [user:display-name],
-
-    A request to cancel your account has been made at [site:name].
-
-    You may now cancel your account on [site:url-brief] by clicking this link or copying and pasting it into your browser:
-
-    [user:cancel-url]
-
-    NOTE: The cancellation of your account is not reversible.
-
-    This link expires in one day and nothing will happen if it is not used.
-
-    --  [site:name] team
 password_reset:
   subject: 'Modification des informations de connexion pour [user:display-name] sur [site:name]'
   body: "[user:display-name],\r\n\r\nUne demande de réinitialisation de votre mot de passe pour votre compte a été faite sur [site:name].\r\n\r\nVous pouvez maintenant vous connecter en cliquant sur le lien ci-dessous ou en le copiant dans votre navigateur : \r\n\r\n[user:one-time-login-url]\r\n\r\nCe lien ne peut être utilisé qu'une seule fois pour vous connecter et vous mènera à la page pour changer votre mot de passe. Il expirera dans un jour et rien ne se passera s'il n'est pas utilisé.\r\n\r\n--  L'équipe de [site:name]"

config/sync/user.role.admin.yml

@@ -73,6 +73,7 @@ permissions:
   - 'edit deroulement config page entity'
   - 'edit diaporama_home config page entity'
   - 'edit intro_partenaires config page entity'
+  - 'edit intro_ressources config page entity'
   - 'execute entity:save_action menu_link_content'
   - 'execute entity:save_action node'
   - 'execute entity:save_action taxonomy_term'

config/sync/user.role.anonymous.yml

@@ -18,3 +18,4 @@ permissions:
   - 'view deroulement config page entity'
   - 'view diaporama_home config page entity'
   - 'view intro_partenaires config page entity'
+  - 'view intro_ressources config page entity'

config/sync/user.role.authenticated.yml

@@ -20,3 +20,4 @@ permissions:
   - 'view deroulement config page entity'
   - 'view diaporama_home config page entity'
   - 'view intro_partenaires config page entity'
+  - 'view intro_ressources config page entity'

config/sync/user.role.editeur.yml

@@ -43,7 +43,10 @@ permissions:
   - 'create site content'
   - 'create static content'
   - 'delete any actualite content'
+  - 'delete any partenaire content'
+  - 'delete any projet content'
   - 'delete any ressource content'
+  - 'delete any site content'
   - 'delete partenaire revisions'
   - 'delete ressource revisions'
   - 'delete site revisions'
@@ -56,6 +59,7 @@ permissions:
   - 'edit deroulement config page entity'
   - 'edit diaporama_home config page entity'
   - 'edit intro_partenaires config page entity'
+  - 'edit intro_ressources config page entity'
   - 'execute entity:save_action node'
   - 'execute node_make_sticky_action node'
   - 'execute node_make_unsticky_action node'

config/sync/user.settings.yml

@@ -1,5 +1,6 @@
 _core:
   default_config_hash: fbROM54Y8G4Yfeq1G2NbNX6K9ovDAP55c7YM9dTaSWQ
+langcode: fr
 anonymous: Anonyme
 verify_mail: false
 notify:
@@ -11,8 +12,7 @@ notify:
   register_admin_created: true
   register_no_approval_required: true
   register_pending_approval: true
-register: visitors
+register: admin_only
 cancel_method: user_cancel_block
 password_reset_timeout: 86400
 password_strength: true
-langcode: fr

config/sync/views.view.projets.yml

@@ -3,6 +3,7 @@ langcode: fr
 status: true
 dependencies:
   config:
+    - field.storage.node.field_laureats
     - field.storage.node.field_nom_de_l_equipe
     - node.type.projet
   module:
@@ -23,8 +24,73 @@ display:
     display_plugin: default
     position: 0
     display_options:
-      title: 'Les autres projets sélectionnés'
+      title: 'Sur le même site de projet'
       fields:
+        field_laureats:
+          id: field_laureats
+          table: node__field_laureats
+          field: field_laureats
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: field
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: value
+          type: boolean
+          settings:
+            format: custom
+            format_custom_false: ''
+            format_custom_true: Lauréat
+          group_column: value
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
         title:
           id: title
           table: node_field_data
@@ -368,6 +434,7 @@ display:
         - 'user.node_grants:view'
         - user.permissions
       tags:
+        - 'config:field.storage.node.field_laureats'
         - 'config:field.storage.node.field_nom_de_l_equipe'
   block_1:
     id: block_1
@@ -409,4 +476,5 @@ display:
         - 'user.node_grants:view'
         - user.permissions
       tags:
+        - 'config:field.storage.node.field_laureats'
         - 'config:field.storage.node.field_nom_de_l_equipe'

config/sync/views.view.ressources.yml

@@ -19,6 +19,8 @@ dependencies:
     - system.menu.entete
     - taxonomy.vocabulary.mots_clefs
     - taxonomy.vocabulary.type_de_ressources
+  content:
+    - 'config_pages:intro_ressources:85c7dc7e-0448-4073-9c7e-58ab7a809374'
   module:
     - datetime
     - formatter_suite
@@ -1426,6 +1428,33 @@ display:
             label: ''
             field_identifier: ''
           exposed: false
+        field_poid_value:
+          id: field_poid_value
+          table: node__field_poid
+          field: field_poid_value
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: standard
+          order: ASC
+          expose:
+            label: ''
+            field_identifier: ''
+          exposed: false
+        field_date_ressource_value:
+          id: field_date_ressource_value
+          table: node__field_date_ressource
+          field: field_date_ressource_value
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: datetime
+          order: ASC
+          expose:
+            label: ''
+            field_identifier: ''
+          exposed: false
+          granularity: second
       arguments: {  }
       filters:
         status:
@@ -1744,7 +1773,20 @@ display:
           admin_label: 'field_type_de_ressource : Terme de taxonomie'
           plugin_id: standard
           required: true
-      header: {  }
+      header:
+        entity_config_pages:
+          id: entity_config_pages
+          table: views
+          field: entity_config_pages
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: entity
+          empty: false
+          target: 85c7dc7e-0448-4073-9c7e-58ab7a809374
+          view_mode: default
+          tokenize: true
+          bypass_access: false
       footer: {  }
       display_extenders: {  }
     cache_metadata:

config/sync/views.view.sites_projets.yml

@@ -7,7 +7,7 @@ dependencies:
     - field.storage.node.field_images
     - field.storage.node.field_projets_lie
     - field.storage.node.field_sous_titre
-    - image.style.thumbnail
+    - image.style.wide
     - node.type.site
   module:
     - geofield
@@ -213,7 +213,7 @@ display:
           type: image
           settings:
             image_link: content
-            image_style: thumbnail
+            image_style: wide
             image_loading:
               attribute: lazy
           group_column: ''
@@ -494,6 +494,19 @@ display:
         options: {  }
       empty: {  }
       sorts:
+        field_poid_value:
+          id: field_poid_value
+          table: node__field_poid
+          field: field_poid_value
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: standard
+          order: ASC
+          expose:
+            label: ''
+            field_identifier: ''
+          exposed: false
         created:
           id: created
           table: node_field_data

web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.css

@@ -18,18 +18,19 @@
 @media (max-width: 810px) {
   #sites-map-container {
     width: 80%;
+    
   }
 }
 @media (max-width: 530px) {
   #sites-map-container {
     width: 100%;
-    height: 485px;
+    height:396px;
   }
 }
 @media (max-width: 400px) {
   #sites-map-container {
     width: 100%;
-    height: 430px;
+    
   }
 }
 #sites-map-container .site-link:hover {
@@ -109,7 +110,7 @@
   padding-left: 0;
   position: relative;
   /* margin-top: 2rem; */
-  font-size: 0.6rem !important;
+  font-size: 0.5rem !important;
   padding-top: calc(1.8rem / 8);  /* même valeur que ton margin-top */
 
 }
@@ -130,7 +131,17 @@
   font-family: "gilroy-semibold";
   padding-top: 0.3rem;
   padding-bottom: 0.5rem;
+  text-transform: uppercase;
   /* background-color: #f6f7f3; */
+  transition: transform 0.4s ease-in-out; 
+}
+
+#popup-content ul li:hover {
+  transform: scale(1.03); 
+}
+
+#popup-content ul li .site-link {
+  text-transform: none;
 }
 
 #popup-content ul li::after {
@@ -152,7 +163,7 @@
 /* Spécifique au li .laureat */
 #popup-content ul li.laureat {
   --badge-size: 1.8rem;              /* taille du badge */
-  margin-top: calc(var(--badge-size) / 2); /* on réserve de la place au-dessus */
+  margin-top: calc(var(--badge-size) / 1.5); /* on réserve de la place au-dessus */
   padding-left: 0rem;                /* place à gauche pour le badge */
   
 }

web/modules/custom/q2d_mod/assets/js/carte-interactive-qdd.js

@@ -9,6 +9,9 @@ const isHomePage = document.querySelector('main#home') !== null;
 const isLessitesPage = document.querySelector('div#lessites') !== null;
 const isNodeTypeSitePage = document.body.classList.contains('node-type-site');
 const isCandidaturePage = document.querySelector('main#pour_candidater') !== null;
+const isNodeTypeProjetPage = document.body.classList.contains('node-type-projet');
+const isNodeTypeRessourcePage = document.body.classList.contains('node-type-ressource');
+
 
 // Identifier le cercle de la page courante pour node-type-site
 let currentPageCircle = null;
@@ -25,6 +28,53 @@ if (isNodeTypeSitePage) {
         }
     }
 }
+// Identifier le cercle du SITE lié quand on est sur une page node-type-projet
+if (isNodeTypeProjetPage && svgElement) {
+    // On récupère le lien vers le site lié dans le bloc "Site lié"
+    const linkedSiteLink = document.querySelector('.field_field_site_projet article.node-type-site a[href*="/sites/"]');
+
+    if (linkedSiteLink) {
+        // On normalise le chemin (sans domaine) de l'URL du site
+        const sitePath = new URL(linkedSiteLink.getAttribute('href'), window.location.origin).pathname;
+
+        // On cherche le cercle dont le data-url pointe vers le même site
+        const correspondingCircle = Array.from(svgElement.querySelectorAll('circle.site-link')).find(circle => {
+            const circleUrl = circle.getAttribute('data-url');
+            if (!circleUrl) return false;
+
+            const circlePath = new URL(circleUrl, window.location.origin).pathname;
+            return circlePath === sitePath;
+        });
+
+        if (correspondingCircle) {
+            currentPageCircle = correspondingCircle;
+            currentPageCircle.setAttribute('fill', 'red'); // Met en rouge le cercle du site lié
+        }
+    }
+}
+
+// Identifier le cercle du SITE lié quand on est sur une page node-type-ressource
+if (isNodeTypeRessourcePage && svgElement) {
+    // On récupère le nom du site dans le bloc "Site(s)"
+    const siteField = document.querySelector('.field_field_site');
+    if (siteField && siteField.children[1]) {
+        // children[0] = label "Site(s)", children[1] = wrapper du nom
+        const siteName = siteField.children[1].textContent.trim(); // ex : "Corbeil-Essonnes, quartier des Tarterêts"
+
+        // On cherche le cercle dont le data-content contient ce nom
+        const correspondingCircle = Array.from(svgElement.querySelectorAll('circle.site-link')).find(circle => {
+            const content = circle.getAttribute('data-content') || '';
+            return content.includes(siteName);
+        });
+
+        if (correspondingCircle) {
+            currentPageCircle = correspondingCircle;
+            currentPageCircle.setAttribute('fill', 'red'); // Met en rouge le cercle du site lié
+        }
+    }
+}
+
+
 
 
 // Fonction pour afficher le popup
@@ -113,17 +163,58 @@ svgElement.addEventListener('mouseout', function(event) {
 });
 
 
-// Gérer les clics pour la page node-type-site uniquement
+
+// Gérer les clics sur les cercles de la carte
+if (svgElement) {
     svgElement.addEventListener('click', function(event) {
+      const target = event.target;
+  
+      if (!target.classList || !target.classList.contains('site-link')) {
+        return;
+      }
+  
+      // On récupère les URLs
+      const missionUrl  = target.getAttribute('data-mission-photo-url');
+      const fallbackUrl = target.getAttribute('data-url');
+  
+      // 1) Page RESSOURCE : priorité à la mission photo
+      if (isNodeTypeRessourcePage) {
+        event.preventDefault(); // empêche le <a href="..."> d'agir
+  
+        if (missionUrl) {
+          window.location.href = missionUrl;          // Aller directement à la mission photo
+        } else if (fallbackUrl) {
+          window.location.href = fallbackUrl;         // Sinon, on garde le comportement actuel
+        }
+        return;
+      }
+  
+      // 2) Page SITE : comportement actuel
       if (isNodeTypeSitePage) {
-        if (event.target.classList.contains('site-link')) {
+        if (fallbackUrl) {
-            const targetUrl = event.target.getAttribute('data-url');
+          event.preventDefault();
-            if (targetUrl) {
+          window.location.href = fallbackUrl;
-                window.location.href = targetUrl;  // Redirige vers le data-url correspondant
         }
+        return;
       }
+  
+      // 3) Page PROJET : comportement actuel
+      if (isNodeTypeProjetPage) {
+        if (fallbackUrl) {
+          event.preventDefault();
+          window.location.href = fallbackUrl;
         }
+        return;
+      }
+  
+      // 4) Autres pages : si tu veux un comportement par défaut
+      // if (fallbackUrl) {
+      //   event.preventDefault();
+      //   window.location.href = fallbackUrl;
+      // }
     });
+  }
+  
 
 // Fonction pour gérer l'agrandissement de views-row au survol des cercles
 if (isLessitesPage) {

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

@@ -34,6 +34,34 @@ class GaleriePhotoMap extends BlockBase {
     $vp_w = 600;
     $vp_h = 600;
 
+    // Charger toutes les ressources de type "Mission photo" (type de ressource = 17)
+    $all_mission_photos = \Drupal::entityTypeManager()
+      ->getStorage('node')
+      ->loadByProperties([
+        'type' => 'ressource',         // adapte si ton type machine est différent
+        'status' => 1,
+        'field_type_de_ressource' => 17, // même ID que dans la query de la vue
+      ]);
+
+      // Indexer les missions photo par ID de site
+      $mission_by_site = [];
+
+      foreach ($all_mission_photos as $mission) {
+      if (!$mission->hasField('field_site') || $mission->get('field_site')->isEmpty()) {
+        continue;
+      }
+
+      // Un même node peut être lié à plusieurs sites : on en prend un par site
+      foreach ($mission->get('field_site') as $ref) {
+        $site_id = $ref->target_id;
+
+        if (!isset($mission_by_site[$site_id])) {
+          $mission_by_site[$site_id] = $mission;
+        }
+      }
+    }
+
+
     // Coordonnées géographiques des coins de la carte (France)
     $latTop = 52.0; // Nord-Ouest (coin supérieur gauche)
     $lonLeft = -6.0;
@@ -60,6 +88,24 @@ class GaleriePhotoMap extends BlockBase {
       // $subtitle = $site->get('field_sous_titre')->getString();
       $subtitle = $site->hasTranslation($language) ? $site->getTranslation($language)->get('field_sous_titre')->getString() : $site->get('field_sous_titre')->getString();
 
+      // URL directe de la mission photo liée à ce site (si trouvée)
+      $mission_photo_url = '';
+
+      if (isset($mission_by_site[$site->id()])) {
+        $mission_node = $mission_by_site[$site->id()];
+
+        // Respecter la langue courante si traduction existe
+        if ($mission_node->hasTranslation($language)) {
+          $mission_node = $mission_node->getTranslation($language);
+        }
+
+        $mission_photo_url = $mission_node->toUrl('canonical', [
+          'absolute' => TRUE,
+          'language' => \Drupal::languageManager()->getLanguage($langcode),
+        ])->toString();
+      }
+
+
       $link_options = ['absolute' => TRUE, 'attributes' => ['class' => 'ressource-link'], 'language' => \Drupal::languageManager()->getLanguage($langcode)]; // Passer 'absolute' à TRUE
       // $site_url = $site->toUrl('canonical', $link_options)->toString(); // URL absolue pour le data-url
       $site_link_object = Link::createFromRoute(t("Voir le site"), 'entity.node.canonical', ['node' => $site->id()], $link_options);
@@ -93,6 +139,7 @@ class GaleriePhotoMap extends BlockBase {
             class="site-link"
             data-content="$datacontent" 
             data-url="$url"
+            data-mission-photo-url="$mission_photo_url"
             cx="0" cy="0" r="$r"
             style="fill-opacity:1;fill-rule:nonzero;" />
           <path

web/themes/custom/quartiers_de_demain/dist/assets/img/arrow-down-white.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="14.947381"
+   height="18.174984"
+   viewBox="0 0 4.497851 5.4690765"
+   version="1.1"
+   id="svg1"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="layer1"
+     transform="translate(-102.76452,-145.67101)">
+    <path
+       d="m 107.0214,148.83607 -1.86476,1.82265 v -4.84236 a 0.14436835,0.14436835 0 1 0 -0.28873,0 v 4.84236 l -1.86476,-1.82265 a 0.14436835,0.14436835 0 0 0 -0.19851,0 0.1503837,0.1503837 0 0 0 0,0.20452 l 2.10537,2.06326 a 0.1624144,0.1624144 0 0 0 0.20452,0 l 2.10538,-2.06326 a 0.14436835,0.14436835 0 0 0 0,-0.20452 0.14436835,0.14436835 0 0 0 -0.19851,0 z"
+       id="path2-2"
+       style="fill:#ffffff;stroke-width:0.0601533" />
+  </g>
+</svg>

web/themes/custom/quartiers_de_demain/dist/assets/img/arrow-up-white.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="14.947379"
+   height="18.174984"
+   viewBox="0 0 4.4978504 5.4690765"
+   version="1.1"
+   id="svg1"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="layer1"
+     transform="translate(-102.76452,-145.67101)">
+    <path
+       d="m 103.00549,147.97502 1.86476,-1.82265 v 4.84236 a 0.14436835,0.14436835 0 1 0 0.28873,0 v -4.84236 l 1.86476,1.82265 a 0.14436835,0.14436835 0 0 0 0.19851,0 0.1503837,0.1503837 0 0 0 0,-0.20452 l -2.10537,-2.06326 a 0.1624144,0.1624144 0 0 0 -0.20452,0 l -2.10538,2.06326 a 0.14436835,0.14436835 0 0 0 0,0.20452 0.14436835,0.14436835 0 0 0 0.19851,0 z"
+       id="path2-2"
+       style="fill:#ffffff;stroke-width:0.0601533" />
+  </g>
+</svg>

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

@@ -5,41 +5,10 @@
    version="1.1"
    id="svg1"
    width="1801.0212"
-   height="4029.4231"
+   height="4008.7539"
-   viewBox="0 0 1801.0212 4029.4232"
+   viewBox="0 0 1801.0212 4008.754"
-   sodipodi:docname="formes-animees.svg"
-   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview1"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1"
-     inkscape:zoom="0.22209622"
-     inkscape:cx="900.51061"
-     inkscape:cy="1339.5095"
-     inkscape:window-width="1920"
-     inkscape:window-height="1016"
-     inkscape:window-x="0"
-     inkscape:window-y="36"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="g2">
-    <inkscape:page
-       x="0"
-       y="0"
-       width="1801.0212"
-       height="4029.4231"
-       id="page2"
-       margin="0"
-       bleed="0" />
-  </sodipodi:namedview>
   <defs
      id="defs1">
     <clipPath
@@ -72,21 +41,15 @@
      transform="translate(-299.16899,-2519.6031)">
     <g
        id="g1"
-       transform="translate(0.17944336,-2.9196463)"
+       transform="translate(0.17944336,-2.9196463)">
-       inkscape:export-filename="formes-animees.svg"
-       inkscape:export-xdpi="300"
-       inkscape:export-ydpi="300">
       <path
          id="path256"
          d="m 321.27266,3436.1817 182.91889,175.8201"
-         style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-         inkscape:export-filename="formes-animees.svg"
-         inkscape:export-xdpi="300"
-         inkscape:export-ydpi="300" />
       <path
          id="path256-3"
          d="m 1852.1683,6336.9184 -163.0856,194.3583"
-         style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+         style="fill:none;stroke:none;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
       <path
          id="path257"
          d="M 0,0 C -205.098,0 -371.361,-166.265 -371.361,-371.362"
@@ -102,7 +65,7 @@
       <path
          id="path302"
          d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
-         style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         style="fill:none;stroke:none;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
          transform="matrix(0.82260013,0,0,-0.82260013,2051.1937,5635.4927)"
          clip-path="url(#clipPath303)" />
       <path
@@ -117,7 +80,7 @@
      width="1550.348"
      height="201.3089"
      x="122.31378"
-     y="-9.4031076e-13" />
+     y="-2.4338836e-20" />
   <rect
      style="fill:none;stroke:none;stroke-width:0;paint-order:fill markers stroke"
      id="rect1"
@@ -137,9 +100,6 @@
      id="rect4"
      width="1801.0212"
      height="442.35608"
-     x="1.3299257e-06"
+     x="1.1471996e-08"
-     y="7.8992786"
+     y="7.8992786" />
-     inkscape:export-filename="formes-animees.svg"
-     inkscape:export-xdpi="300"
-     inkscape:export-ydpi="300" />
 </svg>

web/themes/custom/quartiers_de_demain/dist/assets/img/noun-arrow-to-left.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="18.174984"
+   height="14.947381"
+   viewBox="0 0 5.4690765 4.497851"
+   version="1.1"
+   id="svg1"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="layer1"
+     transform="translate(-102.27891,-146.15662)">
+    <path
+       d="m 104.58292,146.39759 -1.82265,1.86476 h 4.84236 a 0.14436835,0.14436835 0 1 1 0,0.28873 h -4.84236 l 1.82265,1.86476 a 0.14436835,0.14436835 0 0 1 0,0.19851 0.1503837,0.1503837 0 0 1 -0.20452,0 l -2.06326,-2.10537 a 0.1624144,0.1624144 0 0 1 0,-0.20452 l 2.06326,-2.10538 a 0.14436835,0.14436835 0 0 1 0.20452,0 0.14436835,0.14436835 0 0 1 0,0.19851 z"
+       id="path2-2"
+       style="fill:#ffffff;stroke-width:0.0601533" />
+  </g>
+</svg>

web/themes/custom/quartiers_de_demain/package.json

@@ -13,7 +13,8 @@
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "watch": "webpack --watch"
+    "watch": "webpack --watch",
+    "build": "webpack --mode production"
   },
   "keywords": [],
   "author": "",

web/themes/custom/quartiers_de_demain/quartiers_de_demain.theme

@@ -1,4 +1,4 @@
-a<<?php
+<?php
 
 
 use Drupal\Core\Url;

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

@@ -0,0 +1,347 @@
+
+
+
+// // document.addEventListener('DOMContentLoaded', function() {
+
+// //   const header = document.querySelector('header[role="banner"]');
+// //   const headerNavContainer = document.querySelector('.header_nav_container');
+
+// //   const threshold = 100;
+// //   let lastScrollTop = 0;
+// //   let isHidden = false;
+// //   let introDone = true; // ✅ plus d'intro, donc on considère qu'elle est "déjà finie"
+
+// //   /* -------------------
+// //      Animations nav
+// //   ------------------- */
+
+// //   function slideOut() {
+// //     headerNavContainer.animate([
+// //       { transform: 'translateX(0)' },
+// //       { transform: 'translateX(-100%)' }
+// //     ], {
+// //       duration: 300,
+// //       fill: 'forwards'
+// //     });
+// //     isHidden = true;
+// //   }
+
+// //   function slideIn() {
+// //     headerNavContainer.animate([
+// //       { transform: 'translateX(-100%)' },
+// //       { transform: 'translateX(0)' }
+// //     ], {
+// //       duration: 300,
+// //       fill: 'forwards'
+// //     });
+// //     isHidden = false;
+// //   }
+
+// //   function slideDown() {
+// //     headerNavContainer.animate([
+// //       { transform: 'translateY(-100%)' },
+// //       { transform: 'translateY(0%)' }
+// //     ], {
+// //       duration: 300,
+// //       fill: 'forwards'
+// //     });
+// //     isHidden = false;
+// //   }
+
+// //   function slideUp() {
+// //     headerNavContainer.animate([
+// //       { transform: 'translateY(0%)' },
+// //       { transform: 'translateY(-100%)' }
+// //     ], {
+// //       duration: 300,
+// //       fill: 'forwards'
+// //     });
+// //     isHidden = true;
+// //   }
+
+// //   function initNavPosition() {
+// //     if (window.pageYOffset <= threshold) {
+// //       if (window.innerWidth < 811) {
+// //         slideDown();
+// //       } else {
+// //         slideIn();
+// //       }
+// //     } else {
+// //       if (window.innerWidth < 811) {
+// //         slideUp();
+// //       } else {
+// //         slideIn();
+// //       }
+// //     }
+// //   }
+
+// //   /* -------------------
+// //      Scroll / resize header
+// //   ------------------- */
+
+// //   function adjustHeaderHeight() {
+// //     if (window.scrollY > 0) {
+// //       header.classList.add('shrink');
+// //     } else {
+// //       header.classList.remove('shrink');
+// //     }
+// //   }
+
+// //   function handleScroll() {
+// //     if (!introDone) return; // ici ça passe, introDone = true
+
+// //     let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+// //     const isMobile = window.innerWidth < 811;
+
+// //     if (scrollTop > threshold && !isHidden) {
+// //       if (isMobile) {
+// //         slideUp();
+// //       } else {
+// //         slideOut();
+// //       }
+// //     } else if (scrollTop <= threshold && isHidden) {
+// //       if (isMobile) {
+// //         slideDown();
+// //       } else {
+// //         slideIn();
+// //       }
+// //     }
+
+// //     lastScrollTop = scrollTop <= 0 ? 0 : scrollTop;
+// //   }
+
+// //   function handleTouchAndMouseEnter() {
+// //     if (!introDone) return;
+
+// //     if (isHidden) {
+// //       if (window.innerWidth < 811) {
+// //         slideDown();
+// //       } else {
+// //         slideIn();
+// //       }
+// //     }
+// //   }
+
+// //   function handleTouchAndMouseLeave() {
+// //     if (!introDone) return;
+
+// //     if (lastScrollTop > threshold && !isHidden) {
+// //       if (window.innerWidth < 811) {
+// //         slideUp();
+// //       } else {
+// //         slideOut();
+// //       }
+// //     }
+// //   }
+
+// //   // ✅ on n'a plus besoin de masquer la nav au début
+// //   if (headerNavContainer) {
+// //     headerNavContainer.style.visibility = 'visible';
+// //   }
+
+// //   window.addEventListener('scroll', handleScroll);
+// //   window.addEventListener('scroll', adjustHeaderHeight);
+
+// //   header.addEventListener('mouseenter', handleTouchAndMouseEnter);
+// //   header.addEventListener('mouseleave', handleTouchAndMouseLeave);
+
+// //   header.addEventListener('touchstart', handleTouchAndMouseEnter);
+// //   header.addEventListener('touchend', handleTouchAndMouseLeave);
+
+// //   // ✅ position initiale de la nav
+// //   initNavPosition();
+
+// // });
+
+
+// document.addEventListener('DOMContentLoaded', function() {
+
+//   const header = document.querySelector('header[role="banner"]');
+//   const headerNavContainer = document.querySelector('.header_nav_container');
+
+//   if (!header || !headerNavContainer) return;
+
+//   const threshold = 100;
+//   let lastScrollTop = 0;
+//   let isHidden = false;
+//   let introDone = true; // ✅ pas d'intro, donc direct prêt
+
+//   /* -------------------
+//      Helpers show / hide
+//   ------------------- */
+
+//   function hideNav() {
+//     headerNavContainer.classList.add('nav-hidden');
+//     isHidden = true;
+//   }
+
+//   function showNav() {
+//     headerNavContainer.classList.remove('nav-hidden');
+//     isHidden = false;
+//   }
+
+//   function isMobile() {
+//     return window.innerWidth < 811;
+//   }
+
+//   /* -------------------
+//      Position initiale
+//   ------------------- */
+
+//   function initNavPosition() {
+//     if (window.pageYOffset <= threshold) {
+//       showNav();   // en haut de page → nav visible
+//     } else {
+//       if (isMobile()) {
+//         hideNav(); // mobile scrollé → nav cachée
+//       } else {
+//         showNav(); // desktop : nav visible même en bas
+//       }
+//     }
+//   }
+
+//   /* -------------------
+//      Scroll / resize header
+//   ------------------- */
+
+//   function adjustHeaderHeight() {
+//     if (window.scrollY > 0) {
+//       header.classList.add('shrink');
+//     } else {
+//       header.classList.remove('shrink');
+//     }
+//   }
+
+//   function handleScroll() {
+//     if (!introDone) return;
+
+//     let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+
+//     if (scrollTop > threshold && !isHidden) {
+//       // on cache la nav
+//       hideNav();
+//     } else if (scrollTop <= threshold && isHidden) {
+//       // on ré-affiche la nav
+//       showNav();
+//     }
+
+//     lastScrollTop = scrollTop <= 0 ? 0 : scrollTop;
+//   }
+
+//   function handleTouchAndMouseEnter() {
+//     if (!introDone) return;
+//     if (isHidden) {
+//       showNav();
+//     }
+//   }
+
+//   function handleTouchAndMouseLeave() {
+//     if (!introDone) return;
+
+//     if (lastScrollTop > threshold && !isHidden) {
+//       hideNav();
+//     }
+//   }
+
+//   // Rendre la nav visible (plus de visibility:hidden)
+//   headerNavContainer.style.visibility = 'visible';
+
+//   window.addEventListener('scroll', handleScroll);
+//   window.addEventListener('scroll', adjustHeaderHeight);
+
+//   header.addEventListener('mouseenter', handleTouchAndMouseEnter);
+//   header.addEventListener('mouseleave', handleTouchAndMouseLeave);
+
+//   header.addEventListener('touchstart', handleTouchAndMouseEnter);
+//   header.addEventListener('touchend', handleTouchAndMouseLeave);
+
+//   // Position de départ
+//   initNavPosition();
+//   adjustHeaderHeight();
+// });
+
+
+
+document.addEventListener('DOMContentLoaded', function () {
+  const header = document.querySelector('header[role="banner"]');
+  const headerNavContainer = document.querySelector('.header_nav_container');
+
+  if (!header || !headerNavContainer) return;
+
+  const threshold = 100;
+  let lastScrollTop = 0;
+  let isHidden = false; // au chargement : nav visible
+
+  function isMobile() {
+    return window.innerWidth < 811;
+  }
+
+  /* --- helpers --- */
+
+  function hideNav() {
+    headerNavContainer.classList.add('nav-hidden');
+    isHidden = true;
+  }
+
+  function showNav() {
+    headerNavContainer.classList.remove('nav-hidden');
+    isHidden = false;
+  }
+
+  /* --- init : nav visible au chargement --- */
+
+  headerNavContainer.style.visibility = 'visible';
+  showNav();
+
+  /* --- shrink header --- */
+
+  function adjustHeaderHeight() {
+    if (window.scrollY > 0) {
+      header.classList.add('shrink');
+    } else {
+      header.classList.remove('shrink');
+    }
+  }
+
+  /* --- scroll : cache / montre la nav --- */
+
+  function handleScroll() {
+    const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+
+    if (scrollTop > threshold && !isHidden) {
+      // on cache la nav (desktop & mobile)
+      hideNav();
+    } else if (scrollTop <= threshold && isHidden) {
+      // on la remonte en haut de page
+      showNav();
+    }
+
+    lastScrollTop = scrollTop <= 0 ? 0 : scrollTop;
+  }
+
+  /* --- hover / touch sur le header : on montre la nav --- */
+
+  function handleEnter() {
+    if (isHidden) {
+      showNav();
+    }
+  }
+
+  function handleLeave() {
+    if (lastScrollTop > threshold && !isHidden) {
+      hideNav();
+    }
+  }
+
+  window.addEventListener('scroll', handleScroll, { passive: true });
+  window.addEventListener('scroll', adjustHeaderHeight, { passive: true });
+
+  header.addEventListener('mouseenter', handleEnter);
+  header.addEventListener('mouseleave', handleLeave);
+
+  header.addEventListener('touchstart', handleEnter);
+  header.addEventListener('touchend', handleLeave);
+
+  // init
+  adjustHeaderHeight();
+});

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

@@ -0,0 +1,126 @@
+
+//////////////// start lightbox galerie image page site////////////////////////
+// Sélection des images à ouvrir dans la lightbox
+let images = document.querySelectorAll('.paragraph--type--site-diapo .lightbox-trigger, .paragraph--type--projet-diapo .lightbox-trigger, .field_field_images .lightbox-trigger');
+let currentIndex;
+
+// Création de la lightbox
+const lightbox = document.createElement('div');
+lightbox.id = 'lightbox';
+lightbox.classList.add('lightbox');
+document.body.appendChild(lightbox);
+
+// Image affichée dans la lightbox
+const img = document.createElement('img');
+img.classList.add('lightbox-content');
+lightbox.appendChild(img);
+
+// Légende
+const caption = document.createElement('p');
+caption.classList.add('caption');
+lightbox.appendChild(caption);
+
+// Bouton de fermeture
+const closeBtn = document.createElement('span');
+closeBtn.classList.add('close');
+closeBtn.innerHTML = '×';
+lightbox.appendChild(closeBtn);
+
+// Bouton précédent avec image
+const prevBtn = document.createElement('a');
+prevBtn.classList.add('prev');
+const prevImg = document.createElement('img');
+prevImg.src = "/themes/custom/quartiers_de_demain/dist/assets/img/prev-blanc.svg"; // 🔁 adapte ce chemin
+prevImg.alt = 'Précédent';
+prevBtn.appendChild(prevImg);
+lightbox.appendChild(prevBtn);
+
+// Bouton suivant avec image
+const nextBtn = document.createElement('a');
+nextBtn.classList.add('next');
+const nextImg = document.createElement('img');
+nextImg.src = '/themes/custom/quartiers_de_demain/dist/assets/img/next-blanc.svg'; // 🔁 adapte ce chemin
+nextImg.alt = 'Suivant';
+nextBtn.appendChild(nextImg);
+lightbox.appendChild(nextBtn);
+
+// Fonction d'affichage
+function showImage(index) {
+  if (index < 0) index = images.length - 1;
+  if (index >= images.length) index = 0;
+  currentIndex = index;
+
+  const currentImg = images[currentIndex];
+
+  // 👉 1. Utiliser l'IMAGE ORIGINALE (href du <a>) si possible
+  const parentLink = currentImg.closest('a');
+  if (parentLink && parentLink.getAttribute('href')) {
+    img.src = parentLink.getAttribute('href');
+  } else {
+    img.src = currentImg.getAttribute('src');
+  }
+
+  // 👉 2. Trouver le conteneur qui porte la légende
+  // - Cas 1 : <div><div class="cadre-img-zoom"><img></div><blockquote class="image-field-caption">...</blockquote></div>
+  // - Cas 2 : <div class="images"><a><img></a><blockquote class="image-field-caption">...</blockquote></div>
+  const wrapper =
+    currentImg.closest('.cadre-img-zoom')?.parentElement || // cas 1
+    currentImg.closest('.images');                          // cas 2
+
+  let captionText =
+    wrapper?.querySelector('.image-field-caption p')?.textContent ||
+    currentImg.alt || // fallback si pas de blockquote
+    '';
+
+  caption.textContent = captionText;
+
+  lightbox.style.display = 'flex';
+}
+
+
+// Clic sur une image
+images.forEach((image, index) => {
+  image.addEventListener('click', (e) => {
+    e.preventDefault();     // empêche le <a> de s'ouvrir
+    e.stopPropagation();    // empêche des comportements externes
+    showImage(index);
+  });
+
+  // 🔒 Empêche le clic sur le <a> parent d'agir aussi
+  const parentLink = image.closest('a');
+  if (parentLink) {
+    parentLink.addEventListener('click', (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+    });
+  }
+});
+
+
+// Navigation & fermeture
+closeBtn.addEventListener('click', () => lightbox.style.display = 'none');
+prevBtn.addEventListener('click', (e) => {
+  e.stopPropagation();
+  showImage(currentIndex - 1);
+});
+nextBtn.addEventListener('click', (e) => {
+  e.stopPropagation();
+  showImage(currentIndex + 1);
+});
+
+// Clic en dehors de l'image pour fermer
+lightbox.addEventListener('click', (e) => {
+  if (e.target === lightbox) lightbox.style.display = 'none';
+});
+
+// Clavier
+document.addEventListener('keydown', (e) => {
+  if (lightbox.style.display === 'flex') {
+    if (e.key === 'Escape') lightbox.style.display = 'none';
+    else if (e.key === 'ArrowLeft') showImage(currentIndex - 1);
+    else if (e.key === 'ArrowRight') showImage(currentIndex + 1);
+  }
+});
+
+
+//////////////// end lightbox galerie image page site////////////////////////

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

@@ -14,212 +14,6 @@
 } (Drupal));
 
 
-//////// start header ////////////
-document.addEventListener('DOMContentLoaded', function() {
-
-  const header = document.querySelector('header[role="banner"]');
-  const logo = document.querySelector('#block-quartiers-de-demain-logoquartiersdedemain > div:nth-child(1) > div:nth-child(1) > a:nth-child(1) > svg:nth-child(1)');
-  const headerNavContainer = document.querySelector('.header_nav_container');
-  const isFirstLoad = !performance.getEntriesByType("navigation")[0].type.includes('back_forward');
-  const isTargetPath = window.location.pathname === '/';
-
-  // Fonction pour démarrer l'animation du logo SVG
-  function startLogoAnimation() {
-    logo.classList.add('animated');
-  }
-
-  // Fonction pour arrêter l'animation du logo SVG
-  function stopLogoAnimation() {
-    logo.classList.remove('animated');
-  }
-
-  // Vérifier si le header a la classe header--collapse
-  function checkHeaderCollapse() {
-    if (header.classList.contains('header--collapsed')) {
-      stopLogoAnimation();
-    } else if (header.classList.contains('header--collapsed-already'))  {
-        stopLogoAnimation();
-      } else {
-      startLogoAnimation();
-    }
-
-  }
-
-  // Appeler la fonction au chargement initial
-  checkHeaderCollapse();
-
-  // Observer les changements de classe sur le header
-  const observer = new MutationObserver(function(mutations) {
-    mutations.forEach(function(mutation) {
-      if (mutation.attributeName === 'class') {
-        checkHeaderCollapse();
-      }
-    });
-  });
-  observer.observe(header, { attributes: true });
-
-
-  // Si ce n'est pas la première charge ou si le chemin n'est pas le chemin cible, ajouter la classe immédiatement
-  if (!isFirstLoad || !isTargetPath) {
-    header.classList.add('header--collapsed-already');
-    // logo.classList.remove('animated');
-    stopLogoAnimation();
-  // } else {
-  //   // Sinon, appliquer la transition après un délai
-  //   setTimeout(() => {
-  //       header.classList.add('header--collapsed');
-  //   }, 5000);
-  // }
-  } else {
-    // Sinon, appliquer la transition après un délai, sauf si scroll
-    let collapseTimeout = setTimeout(() => {
-      header.classList.add('header--collapsed');
-    }, 5000);
-
-    function interruptCollapseOnScroll() {
-      if (!header.classList.contains('header--collapsed')) {
-        clearTimeout(collapseTimeout); // annule l'animation
-        header.classList.add('header--collapsed');
-      }
-      window.removeEventListener('scroll', interruptCollapseOnScroll); // une seule fois
-    }
-
-    window.addEventListener('scroll', interruptCollapseOnScroll);
-  }
-  //////////////////////////////////////
-
-  let lastScrollTop = 0;
-  let threshold = 100; // Change this value as needed
-  let isHidden = false;
-
-  function slideOut() {
-    headerNavContainer.animate([
-      { transform: 'translateX(0)' },
-      { transform: 'translateX(-100%)' }
-    ], {
-      duration: 300,
-      fill: 'forwards'
-    });
-    isHidden = true;
-  }
-
-  function slideIn() {
-    headerNavContainer.animate([
-      { transform: 'translateX(-100%)' },
-      { transform: 'translateX(0)' }
-    ], {
-      duration: 300,
-      fill: 'forwards'
-    });
-    isHidden = false;
-  }
-  
-  function slideDown() {
-    // headerNavContainer.style.display = 'block';
-    headerNavContainer.animate([
-      { transform: 'translateY(0%)' },
-      { transform: 'translateY(+100%)' }
-    ], {
-      duration: 300,
-      fill: 'forwards'
-    });
-    isHidden = false;
-  }
-
-  function slideUp() {
-    headerNavContainer.animate([
-      { transform: 'translateY(100%)' },
-      { transform: 'translateY(0%)' }
-    ], {
-      duration: 300,
-      fill: 'forwards'
-    }).onfinish = function() {
-      // headerNavContainer.style.display = 'none';
-    };
-    isHidden = true;
-  }
-    // Fonction pour ajuster la hauteur du header lors du défilement
-    function adjustHeaderHeight() {
-      if (window.scrollY > 0) {
-        header.classList.add('shrink');
-      } else {
-        header.classList.remove('shrink');
-      }
-    }
-
-  function handleScroll() {
-    let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
-    const isMobile = window.innerWidth < 811;
-
-    if (scrollTop > threshold && !isHidden) {
-      if (isMobile) {
-        slideUp();
-      } else {
-        slideOut();
-      }
-    } else if (scrollTop <= threshold && isHidden) {
-      if (isMobile) {
-        slideDown();
-      } else {
-        slideIn();
-      }
-    }
-
-
-    lastScrollTop = scrollTop <= 0 ? 0 : scrollTop; // For Mobile or negative scrolling
-  }
-
-  function handleTouchAndMouseEnter() {
-    if (isHidden) {
-      if (window.innerWidth < 811) {
-        slideDown();
-      } else {
-        slideIn();
-      }
-    }
-  }
-
-  function handleTouchAndMouseLeave() {
-    if (lastScrollTop > threshold && !isHidden) {
-      if (window.innerWidth < 811) {
-        slideUp();
-      } else {
-        slideOut();
-      }
-    }
-  }
-
-  window.addEventListener('scroll', handleScroll);
-  window.addEventListener('scroll', adjustHeaderHeight);
-
-  // Mouse events for desktop
-  header.addEventListener('mouseenter', handleTouchAndMouseEnter);
-  header.addEventListener('mouseleave', handleTouchAndMouseLeave);
-
-  // Touch events for tablets and mobile devices
-  header.addEventListener('touchstart', handleTouchAndMouseEnter);
-  header.addEventListener('touchend', handleTouchAndMouseLeave);
-
-  // Initial check to see if we're at the top of the page
-  if (window.pageYOffset <= threshold) {
-    if (window.innerWidth < 811) {
-      slideDown();
-    } else { 
-      slideIn();
-    } 
-  } else {
-    if (window.innerWidth < 811) {
-      slideUp();
-    } else {
-      slideIn();
-    }
-  }
-
-});
-
-//////// end header ////////////
-
-
 
 
 
@@ -243,17 +37,21 @@ document.addEventListener('DOMContentLoaded', function() {
 
 ////////////////////////  start script smooth apparition des textes /////////////////
 
+// div.view-rows-wrapper:nth-child(3) > div:nth-child(2) > article:nth-child(1) > div:nth-child(3)
+// html.js.sr body div.dialog-off-canvas-main-canvas div.layout-container.partenaires main div.layout-content div.content_container div.views-element-container div.js-view-dom-id-92e061b83776a5ae5f470b8d32637dba5a87d248e6f275adc7abe863e5c527c3.view div.view-rows-wrapper div.views-row article.node-type-partenaire div.field_body
+
   function scrollReaveal(){
 
     const nodes = {
       logo : document.querySelectorAll('#logo-animated-container'),
-      chapeau :  document.querySelectorAll('.field_body'),
+      chapeau :  document.querySelectorAll('.field_body:not(article.node-type-partenaire div.field_body)'),
       paragraph: document.querySelectorAll('.field_field_textes .paragraph--type--static-parts'),
       enjeux : document.querySelectorAll('.field_field_textes .paragraph--type--static-parts .enjeux'),
       // mapHome : document.querySelectorAll('.field_field_map_block #block-sitesmapblock'),
       // mapSite : document.querySelectorAll('#sites-map-container'),
       lienDoc : document.querySelectorAll('.field_field_documents'),
-      lienURL : document.querySelectorAll('.field_field_liens_site'),
+      lienURL : document.querySelectorAll('.field_field_liens_site, .field_field_liens'),
+      // nodeProjet : document.querySelectorAll('.node-type-projet .field_field_infos, .btn-equipe-toggle, .field_field_nom_de_l_equipe, .node-type-projet .field_field_texte_partie_texte_projet, .node-type-projet .field_field_titre_partie_texte_projet, .node-type-projet .field_field_images_projet'),
     }
 
     const showUp = {
@@ -280,6 +78,7 @@ document.addEventListener('DOMContentLoaded', function() {
     // ScrollReveal().reveal(nodes.mapSite, showUp);
     ScrollReveal().reveal(nodes.lienDoc, showUp);
     ScrollReveal().reveal(nodes.lienURL, showUp);
+    // ScrollReveal().reveal(nodes.nodeProjet, showUp);
 
   }
 
@@ -290,94 +89,6 @@ document.addEventListener('DOMContentLoaded', function() {
 
 ////////////////////////  end script smooth apparition des textes /////////////////
 
-// //////////////////// start Timeline script ///////////////////////
-
-  // Update month field to only show the first 3 letters
-  document.querySelectorAll('.paragraph--type--phase-deroulement').forEach(function(paragraph) {
-    const monthField = paragraph.querySelector('.field_field_date_de_moi div:nth-of-type(2)');
-    if (monthField) {
-      const monthText = monthField.textContent.trim();
-      if (monthText === "juillet") {
-        monthField.textContent = monthText.slice(0, 4);
-        monthField.classList.add('after');
-      } else if (monthText === "juin") {
-        monthField.textContent = monthText.slice(0, 4);
-      } else if (monthText.length > 3) {
-        monthField.textContent = monthText.slice(0, 3);
-        monthField.classList.add('after');
-      }
-    }
-  });
-
-  // Fonction pour ajouter ou retirer la classe .only
-  function updateDateClasses() {
-    document.querySelectorAll('.paragraph--type--phase-deroulement .date').forEach(function(dateElement) {
-      const date2Element = dateElement.querySelector('.date2');
-      const yearElement = dateElement.querySelector('.field_field_date_de_annee');
-
-      if (date2Element && !date2Element.textContent.trim()) {
-        if (yearElement) {
-          yearElement.classList.add('only');
-        }
-      } else {
-        if (yearElement) {
-          yearElement.classList.remove('only');
-        }
-      }
-    });
-  }
-
-  // Exécuter la fonction une première fois pour le contenu déjà présent
-  updateDateClasses();
-
-  // MutationObserver pour surveiller les changements dans le DOM
-  const observer = new MutationObserver(function(mutationsList, observer) {
-    for(let mutation of mutationsList) {
-      if (mutation.type === 'childList') {
-        updateDateClasses();
-      }
-    }
-  });
-
-
-//   ////////////////////// start  calendrier home   /////////////////////////////////
-  $(document).ready(function(){
-
-  // Aller au 9e élément à l'initialisation
-  $('.__timeline-content').on('init', function(event, slick){
-    slick.slickGoTo(9); // Index 8 = 9e item
-  });
-
-    $('.__timeline-content').slick({
-      slidesToShow: 3,
-      slidesToScroll: 1,
-      dots: false,
-      arrows: true,
-      centerMode: false,
-      draggable: true,
-      infinite: false,
-      responsive: [
-        {
-          breakpoint: 810,
-          settings: {
-            slidesToShow: 1,
-            adaptiveHeight: false,
-            arrows: true,
-            draggable: true,
-            centerMode: false,
-            infinite: false,
-          }
-        }]
-    });
-    console.log('salut slick calendrier');
-  
-    });
-  
-//////////////////////// end   calendrier home   /////////////////////////////////
-
-
-
-//////////////////////// end Timeline script /////////////////////////////////////////////
 
 
 
@@ -412,12 +123,12 @@ $(document).ready(function () {
       });
 
 }
-});
+
 ////////////  end slideshow images home  ////////////////////////// 
 
 
 //////////// start slideshow /actualites  ////////////////////////// 
-$(document).ready(function(){
+
     // Vérifier si on N'EST PAS sur la page #home
     if (!$("#page-node").length) {
         let actuview2 = $('.content-wrapper-actu .field_field_images .actu-diaporama');
@@ -453,103 +164,6 @@ $(document).ready(function(){
 
 
 
-//////////////// start lightbox galerie image page site////////////////////////
-// Sélection des images à ouvrir dans la lightbox
-let images = document.querySelectorAll('.paragraph--type--site-diapo .lightbox-trigger, .paragraph--type--projet-diapo .lightbox-trigger, .field_field_images .lightbox-trigger');
-let currentIndex;
-
-// Création de la lightbox
-const lightbox = document.createElement('div');
-lightbox.id = 'lightbox';
-lightbox.classList.add('lightbox');
-document.body.appendChild(lightbox);
-
-// Image affichée dans la lightbox
-const img = document.createElement('img');
-img.classList.add('lightbox-content');
-lightbox.appendChild(img);
-
-// Légende
-const caption = document.createElement('p');
-caption.classList.add('caption');
-lightbox.appendChild(caption);
-
-// Bouton de fermeture
-const closeBtn = document.createElement('span');
-closeBtn.classList.add('close');
-closeBtn.innerHTML = '&times;';
-lightbox.appendChild(closeBtn);
-
-// Bouton précédent avec image
-const prevBtn = document.createElement('a');
-prevBtn.classList.add('prev');
-const prevImg = document.createElement('img');
-prevImg.src = "/themes/custom/quartiers_de_demain/dist/assets/img/prev-blanc.svg"; // 🔁 adapte ce chemin
-prevImg.alt = 'Précédent';
-prevBtn.appendChild(prevImg);
-lightbox.appendChild(prevBtn);
-
-// Bouton suivant avec image
-const nextBtn = document.createElement('a');
-nextBtn.classList.add('next');
-const nextImg = document.createElement('img');
-nextImg.src = '/themes/custom/quartiers_de_demain/dist/assets/img/next-blanc.svg'; // 🔁 adapte ce chemin
-nextImg.alt = 'Suivant';
-nextBtn.appendChild(nextImg);
-lightbox.appendChild(nextBtn);
-
-// Fonction d'affichage
-function showImage(index) {
-  if (index < 0) index = images.length - 1;
-  if (index >= images.length) index = 0;
-  currentIndex = index;
-
-  img.src = images[currentIndex].getAttribute('src');
-
-  const captionText = images[currentIndex]
-    .closest('.cadre-img-zoom')
-    ?.nextElementSibling?.querySelector('.image-field-caption p')
-    ?.textContent || '';
-
-  caption.textContent = captionText;
-  lightbox.style.display = 'flex';
-}
-
-// Clic sur une image
-images.forEach((image, index) => {
-  image.addEventListener('click', () => {
-    showImage(index);
-  });
-});
-
-// Navigation & fermeture
-closeBtn.addEventListener('click', () => lightbox.style.display = 'none');
-prevBtn.addEventListener('click', (e) => {
-  e.stopPropagation();
-  showImage(currentIndex - 1);
-});
-nextBtn.addEventListener('click', (e) => {
-  e.stopPropagation();
-  showImage(currentIndex + 1);
-});
-
-// Clic en dehors de l'image pour fermer
-lightbox.addEventListener('click', (e) => {
-  if (e.target === lightbox) lightbox.style.display = 'none';
-});
-
-// Clavier
-document.addEventListener('keydown', (e) => {
-  if (lightbox.style.display === 'flex') {
-    if (e.key === 'Escape') lightbox.style.display = 'none';
-    else if (e.key === 'ArrowLeft') showImage(currentIndex - 1);
-    else if (e.key === 'ArrowRight') showImage(currentIndex + 1);
-  }
-});
-
-
-//////////////// end lightbox galerie image page site////////////////////////
-
 
 
 //////////////////// start wrapper views-row  lessites /////////////////////////
@@ -582,12 +196,8 @@ if (container) {
 
 ////////////////////  start div infos site  ////////////////////////
 
-// Vérifie si la page a la classe 'node-type-site' dans le <body>
 if (document.body.classList.contains('node-type-site')) {
-// Sélectionne le conteneur principal
 const blockRegion = document.querySelector('.block-region-second');
-
-// Liste des classes spécifiques à cibler
 const fieldClasses = [
     '.field_field_region',
     '.field_field_nom_du_qpv_nb_d_hab',
@@ -607,9 +217,7 @@ fieldClasses.forEach(className => {
     }
 });
 
-// Vérifie que des éléments ont été trouvés
 if (elementsToWrap.length > 0) {
-    // Crée le conteneur avec la classe 'infos'
     const infosContainer = document.createElement('div');
     infosContainer.className = 'infos';
 
@@ -686,6 +294,8 @@ if (documentsLiensWrapper && blockRegionThird) {
 }
 });
 
+
+
 /////////////////// start langswitcher position responsive//////////////////////
 document.addEventListener("DOMContentLoaded", function () {
 // Fonction pour déplacer le bloc en fonction de la taille de l'écran
@@ -712,113 +322,11 @@ window.addEventListener("resize", moveLanguageSwitcher);
 /////////////////// end langswitcher position responsive///////////////////////////////////////////////////////////
 
 
-/////////////// start class à view-rows-ressources ////////
 $(document).ready(function () {
-  $(".view-rows-wrapper").each(function () {
-      let h3Container = $(this).prev("h3").find("div[class^='type-']");
-      let classToAdd = h3Container.attr("class"); // Récupère la classe complète (ex: "type-Documentation")
-
-      if (classToAdd) {
-          $(this).addClass(classToAdd); // Ajoute cette classe à .view-rows-wrapper
-      }
-  });
-});
-////////////////// end class à view-rows-wrapper ////////////////
-
-
-
-/////////////////// start voir plus...  ressources ////////////////////
-
-$(document).ready(function () {
-  // Vérifier si on est sur la page avec l'ID #ressources
-  if ($("#ressources").length > 0) {
-      $(".view-rows-wrapper").each(function () {
-          let container = $(this); // Cible uniquement cette section
-          let items = container.find(".views-row"); // Les éléments à afficher progressivement
-          let visibleCount = 4; // Nombre d'éléments visibles au départ (par défaut)
-
-          // Récupérer la classe `type-XXX`
-          let typeClass = container.attr("class").split(" ").find(cls => cls.startsWith("type-"));
-          let typeName = typeClass ? typeClass.replace("type-", "").replace(/-/g, " ") : "contenu"; // Nettoyer le nom
-
-          // >>> Exception : tout afficher pour type-Galerie-photos (pas de bouton)
-          if (typeClass && typeClass.toLowerCase() === "type-galerie-photos") {
-            items.show(); // aucun masquage
-            return;       // on sort : pas de "voir plus"
-          }
-
-          // Ajuster le nombre d'éléments visibles en fonction du type
-          if (typeClass && (typeClass === "type-podcast" || typeClass.toLowerCase() === "type-vidéo")) {
-              visibleCount = 2; // Pour Podcast et Vidéo
-          } else if (typeClass === "type-kit-de-communication") {
-              visibleCount = 1; // Pour Kit de Communication
-          }
-
-          // Si le nombre total d'éléments est inférieur ou égal à la limite, ne pas ajouter le bouton
-          if (items.length <= visibleCount) {
-              return; // Sortir de la boucle
-          }
-
-          // Ajouter le bouton dynamiquement après chaque `.view-rows-wrapper`
-          let button = $("<button>")
-              .addClass("voir-plus")
-              .text("Voir plus de " + typeName)
-              .insertAfter(container);
-
-          // Cacher tous les éléments sauf ceux définis par `visibleCount`
-          items.hide().slice(0, visibleCount).show();
-
-          // Action sur le bouton
-          button.on("click", function () {
-              let hiddenItems = container.find(".views-row:hidden").slice(0, 4); // Prochains éléments à afficher
-
-              if ($(this).text().includes("Voir plus")) {
-                  hiddenItems.slideDown(); // Afficher avec un effet de glissement
-
-                  if (container.find(".views-row:hidden").length === 0) {
-                      $(this).text("Voir moins de " + typeName); // Changer le texte du bouton si tout est affiché
-                  }
-              } else {
-                  container.find(".views-row").slice(visibleCount).slideUp(); // Replier les éléments
-                  $(this).text("Voir plus de " + typeName); // Revenir à l'état initial
-              }
-          });
-      });
-
-
-    // slimselect
-    let ressource_type_select = new SlimSelect({
-      select: '#edit-field-type-de-ressource-target-id--2',
-      settings:{
-        placeholderText: 'choisir',
-        searchPlaceholder: 'choisir'
-      }
-    })
-    let ressource_motscles_select = new SlimSelect({
-      select: '#edit-field-mots-clefs-target-id--2',
-      settings:{
-        placeholderText: 'choisir',
-        searchPlaceholder: 'choisir'
-      }
-    })
-    let ressource_sites_select = new SlimSelect({
-      select: '#edit-field-site-target-id-verf--2',
-      settings:{
-        placeholderText: 'choisir',
-        searchPlaceholder: 'choisir'
-      }
-    })
-    // console.log(('sites_select'), sites_select);
-    
-  }
-  
-});
-///////////////////  end voir plus...  ressources ////////////////////
-
 
 
 /////////////////// start voir plus...  actualite dans /actualites & /home ////////////////////
-$(document).ready(function () {
+
   if ($("#actualites" ).length > 0 || $("#home").length > 0)  {
     $(".node-type-actualite").each(function () {
       let article = $(this);
@@ -833,12 +341,34 @@ $(document).ready(function () {
           .addClass("toggle-actualite")
           .insertAfter(article);
   
-      toggleButton.on("click", function () {
+      // Fonction de toggle (à utiliser partout)
+      function toggleActu() {
           body.slideToggle();
           links.slideToggle();
-          $(this).toggleClass("open");
+          toggleButton.toggleClass("open");
+      }
+  
+      // Clic sur le bouton
+      toggleButton.on("click", function (e) {
+          e.stopPropagation();
+          toggleActu();
+      });
+  
+      // Clic sur le node entier sauf liens
+      article.on("click", function (e) {
+          if ($(e.target).closest("a").length) {
+              return;
+          }
+          toggleActu();
+      });
+  
+      // 👉 Clic aussi sur le H2
+      article.find("h2").on("click", function (e) {
+          e.stopPropagation();
+          toggleActu();
       });
   });
+  
     // slimselect
     // duplicated due to embeded view (archives)
     let actu_type_select = new SlimSelect({
@@ -870,25 +400,122 @@ $(document).ready(function () {
       }
     })
   }
-});
+
 ///////////////////  end voir plus...  actualite dans /actualites & /home ////////////////////
 
 
 
+//////////////start toggle partenaire //////////////////
+
+  $(".node-type-partenaire").each(function () {
+    let article = $(this);
+
+    let body = article.find(".field_body");
+    let links = article.find(".field_field_lien");
+
+    body.hide();
+    links.hide();
+
+    let toggleButton = $("<button>")
+      .addClass("toggle-partenaire")
+      .appendTo(article);
+
+    toggleButton.on("click", function () {
+      body.slideToggle();
+      links.slideToggle();
+      $(this).toggleClass("open");
+    });
+  });
+});
+
+//////////////start toggle partenaire //////////////////
 
 
-/////////////// start class à view-rows-ressources ////////
-$(document).ready(function () {
-  $(".view-rows-wrapper").each(function () {
-      let h3Container = $(this).prev("h3").find("div[class^='type-']");
-      let classToAdd = h3Container.attr("class"); // Récupère la classe complète (ex: "type-Documentation")
 
-      if (classToAdd) {
+////////////// start toggle page node projet //////////////////
-          $(this).addClass(classToAdd); // Ajoute cette classe à .view-rows-wrapper
+
+document.addEventListener('DOMContentLoaded', function () {
+
+  const photo = document.querySelector('.field_field_equipe_photo');
+  const pres  = document.querySelector('.field_field_equipe_presentation');
+
+  if (!photo || !pres) return;
+
+  // 🔒 Forcer l'état FERMÉ au chargement
+  photo.classList.remove('is-open');
+  pres.classList.remove('is-open');
+
+  // 1. Créer un wrapper autour de photo + présentation
+  const panel = document.createElement('div');
+  panel.className = 'equipe-panel';
+
+  // Insérer le panel avant la photo, puis y déplacer photo + pres
+  photo.parentNode.insertBefore(panel, photo);
+  panel.appendChild(photo);
+  panel.appendChild(pres);
+
+  // 2. Préparer le panel pour l'animation
+  panel.style.overflow = 'hidden';
+  panel.style.maxHeight = '0px';
+
+  // 3. Création du bouton
+  const btn = document.createElement('button');
+  btn.className = 'btn-equipe-toggle';
+  btn.textContent = "EN SAVOIR PLUS SUR L'ÉQUIPE";
+  btn.setAttribute('aria-expanded', 'false');
+
+  // Insertion du bouton juste après le panel (et plus après "pres")
+  panel.insertAdjacentElement('afterend', btn);
+
+  // Ligne de séparation après le bouton
+  const separator = document.createElement('div');
+  separator.className = 'equipe-separator';
+  btn.insertAdjacentElement('afterend', separator);
+
+  // --- Fonctions ouverture / fermeture ---
+
+  function openPanel() {
+    panel.classList.add('is-open');
+    photo.classList.add('is-open');
+    pres.classList.add('is-open');
+
+    const fullHeight = panel.scrollHeight; // inclut photo + texte
+    panel.style.maxHeight = fullHeight + 'px';
+
+    btn.textContent = "FERMER LA PRÉSENTATION DE L'ÉQUIPE";
+    btn.setAttribute('aria-expanded', 'true');
+  }
+
+  function closePanel() {
+    const fullHeight = panel.scrollHeight;
+    panel.style.maxHeight = fullHeight + 'px';
+
+    requestAnimationFrame(() => {
+      panel.style.maxHeight = '0px';
+      panel.classList.remove('is-open');
+      photo.classList.remove('is-open');
+      pres.classList.remove('is-open');
+    });
+
+    btn.textContent = "EN SAVOIR PLUS SUR L'ÉQUIPE";
+    btn.setAttribute('aria-expanded', 'false');
+  }
+
+  // --- Toggle bouton ---
+  btn.addEventListener('click', function () {
+    const isOpen = btn.getAttribute('aria-expanded') === 'true';
+    if (isOpen) {
+      closePanel();
+    } else {
+      openPanel();
     }
   });
+
 });
-////////////////// end class à view-rows-wrapper ////////////////
+
+//////////////end toggle page node projet //////////////////
+
+
 
 
 

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

@@ -0,0 +1,151 @@
+/**
+ * @file
+ * quartiers_de_demain behaviors.
+ */
+ (function (Drupal) {
+
+    'use strict';
+  
+    Drupal.behaviors.quartiers_de_demain = {
+      attach: function (context, settings) {
+        console.log('It works!');
+      }
+    };
+  } (Drupal));
+  
+
+  
+(function($, window) { 
+    $(document).ready(function () {
+        /////////////// start class à view-rows-ressources ////////
+        $(".view-rows-wrapper").each(function () {
+            let h3Container = $(this).prev("h3").find("div[class^='type-']");
+            let classToAdd = h3Container.attr("class"); // Récupère la classe complète (ex: "type-Documentation")
+      
+            if (classToAdd) {
+                $(this).addClass(classToAdd); // Ajoute cette classe à .view-rows-wrapper
+            }
+        });
+        ////////////////// end class à view-rows-wrapper ////////////////
+
+
+
+
+        /////////////////// start voir plus...  ressources ////////////////////
+
+
+        // Vérifier si on est sur la page avec l'ID #ressources
+        if ($("#ressources").length > 0) {
+        $(".view-rows-wrapper").each(function () {
+            let container = $(this); // Cible uniquement cette section
+            let items = container.find(".views-row"); // Les éléments à afficher progressivement
+            let visibleCount = 4; // Nombre d'éléments visibles au départ (par défaut)
+
+            // Récupérer la classe `type-XXX`
+            let typeClass = container.attr("class").split(" ").find(cls => cls.startsWith("type-"));
+            let typeName = typeClass ? typeClass.replace("type-", "").replace(/-/g, " ") : "contenu"; // Nettoyer le nom
+
+            // >>> Exception : tout afficher pour type-Galerie-photos (pas de bouton)
+            if (typeClass && typeClass.toLowerCase() === "type-mission-photo") {
+                items.show(); // aucun masquage
+                return;       // on sort : pas de "voir plus"
+            }
+
+            // Ajuster le nombre d'éléments visibles en fonction du type
+            if (typeClass && (typeClass === "type-podcast" || typeClass.toLowerCase() === "type-vidéo")) {
+                visibleCount = 2; // Pour Podcast et Vidéo
+            } else if (typeClass === "type-kit-de-communication") {
+                visibleCount = 1; // Pour Kit de Communication
+            }
+
+            // Si le nombre total d'éléments est inférieur ou égal à la limite, ne pas ajouter le bouton
+            if (items.length <= visibleCount) {
+                return; // Sortir de la boucle
+            }
+
+            // Ajouter le bouton dynamiquement après chaque `.view-rows-wrapper`
+            let button = $("<button>")
+                .addClass("voir-plus")
+                .text("Voir plus de " + typeName)
+                .insertAfter(container);
+
+            // Cacher tous les éléments sauf ceux définis par `visibleCount`
+            items.hide().slice(0, visibleCount).show();
+
+            // Action sur le bouton
+            button.on("click", function () {
+                let hiddenItems = container.find(".views-row:hidden").slice(0, 4); // Prochains éléments à afficher
+
+                if ($(this).text().includes("Voir plus")) {
+                    hiddenItems.slideDown(); // Afficher avec un effet de glissement
+
+                    if (container.find(".views-row:hidden").length === 0) {
+                        $(this).text("Voir moins de " + typeName); // Changer le texte du bouton si tout est affiché
+                    }
+                } else {
+                    container.find(".views-row").slice(visibleCount).slideUp(); // Replier les éléments
+                    $(this).text("Voir plus de " + typeName); // Revenir à l'état initial
+                }
+            });
+        });
+
+
+        // slimselect
+        let ressource_type_select = new SlimSelect({
+        select: '#edit-field-type-de-ressource-target-id--2',
+        settings:{
+            placeholderText: 'choisir',
+            searchPlaceholder: 'choisir'
+        }
+        })
+        let ressource_motscles_select = new SlimSelect({
+        select: '#edit-field-mots-clefs-target-id--2',
+        settings:{
+            placeholderText: 'choisir',
+            searchPlaceholder: 'choisir'
+        }
+        })
+        let ressource_sites_select = new SlimSelect({
+        select: '#edit-field-site-target-id-verf--2',
+        settings:{
+            placeholderText: 'choisir',
+            searchPlaceholder: 'choisir'
+        }
+        })
+        // console.log(('sites_select'), sites_select);
+
+        }
+
+        ///////////////////  end voir plus...  ressources ////////////////////
+
+        ///////////////////////// start ressource img clicable mission photo //////////////////////
+        $('.view-rows-wrapper.type-Mission-photo .views-row').each(function () {
+            var $row = $(this);
+
+            // Lien cible : d'abord le titre, sinon "Voir la gallerie photo"
+            var $link = $row.find('.views-field-views-conditional-field-1 a, .views-field-views-conditional-field a').first();
+
+            // L'image
+            var $img = $row.find('.views-field-field-images img').first();
+
+            if ($link.length && $img.length && !$img.data('missionPhotoBound')) {
+            console.log('→ Bind click sur image pour', $link.attr('href'));
+
+            $img.css('cursor', 'pointer');
+            $img.on('click', function () {
+                window.location.href = $link.attr('href');
+            });
+
+            // éviter de binder plusieurs fois (si AJAX / re-init)
+            $img.data('missionPhotoBound', true);
+            }
+        });
+        ///////////////////////// end ressource img clicable mission photo //////////////////////
+
+    });
+
+
+
+  
+
+})(jQuery, window);  

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

@@ -0,0 +1,93 @@
+
+(function($, window) {
+// //////////////////// start Timeline script ///////////////////////
+
+  // Update month field to only show the first 3 letters
+  document.querySelectorAll('.paragraph--type--phase-deroulement').forEach(function(paragraph) {
+    const monthField = paragraph.querySelector('.field_field_date_de_moi div:nth-of-type(2)');
+    if (monthField) {
+      const monthText = monthField.textContent.trim();
+      if (monthText === "juillet") {
+        monthField.textContent = monthText.slice(0, 4);
+        monthField.classList.add('after');
+      } else if (monthText === "juin") {
+        monthField.textContent = monthText.slice(0, 4);
+      } else if (monthText.length > 3) {
+        monthField.textContent = monthText.slice(0, 3);
+        monthField.classList.add('after');
+      }
+    }
+  });
+
+  // Fonction pour ajouter ou retirer la classe .only
+  function updateDateClasses() {
+    document.querySelectorAll('.paragraph--type--phase-deroulement .date').forEach(function(dateElement) {
+      const date2Element = dateElement.querySelector('.date2');
+      const yearElement = dateElement.querySelector('.field_field_date_de_annee');
+
+      if (date2Element && !date2Element.textContent.trim()) {
+        if (yearElement) {
+          yearElement.classList.add('only');
+        }
+      } else {
+        if (yearElement) {
+          yearElement.classList.remove('only');
+        }
+      }
+    });
+  }
+
+  // Exécuter la fonction une première fois pour le contenu déjà présent
+  updateDateClasses();
+
+  // MutationObserver pour surveiller les changements dans le DOM
+  const observer = new MutationObserver(function(mutationsList, observer) {
+    for(let mutation of mutationsList) {
+      if (mutation.type === 'childList') {
+        updateDateClasses();
+      }
+    }
+  });
+
+
+  $(document).ready(function(){
+//   ////////////////////// start  calendrier home   /////////////////////////////////
+
+  // // Aller au 9e élément à l'initialisation
+  // $('.__timeline-content').on('init', function(event, slick){
+  //   slick.slickGoTo(11); // Index 8 = 9e item
+  // });
+
+    $('.__timeline-content').slick({
+      slidesToShow: 3,
+      slidesToScroll: 1,
+      dots: false,
+      arrows: true,
+      centerMode: false,
+      draggable: true,
+      infinite: false,
+      initialSlide: 13,
+      responsive: [
+        {
+          breakpoint: 810,
+          settings: {
+            slidesToShow: 1,
+            adaptiveHeight: false,
+            arrows: true,
+            draggable: true,
+            centerMode: false,
+            infinite: false,
+            initialSlide: 13,
+          }
+        }]
+    });
+    console.log('salut slick calendrier');
+  
+  });
+  
+//////////////////////// end   calendrier home   /////////////////////////////////
+
+
+
+//////////////////////// end Timeline script /////////////////////////////////////////////
+})(jQuery, window);

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

@@ -106,6 +106,7 @@
                     align-items: center;
                     padding: 1rem;
                     margin-bottom: 1rem;
+                    margin-left: 8rem;
                     @media(max-width: 500px){
                         width: 90%;
                     }

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

@@ -64,13 +64,13 @@
         }
         .field_body{  ///// texte de présentation
             // width: 80%;
-            width: 65%;
+            width: 60%;
             margin: auto;
             display: flex;
             flex-direction: row;
             flex-wrap: wrap ;
             position: relative;
-            margin-left: 14rem;
+            margin-left: 15rem;
             @media(max-width: 1090px){
                 flex-direction: column;
                 width: 90%;
@@ -130,6 +130,8 @@
                     text-transform: uppercase;
                     font-size: 0.5rem;
                     padding-left: 0.5rem;
+                    padding-top: 0.1rem;
+                    padding-bottom: 0.1rem;
                     svg{
                         display: none;
                     }
@@ -305,6 +307,7 @@
 
                     }
                     .enjeux{
+                        display: none !important;
                         display: flex;
                         flex-direction: row;
                         flex-wrap: wrap;

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

@@ -2,6 +2,9 @@ main{
     background-color: #f6f7f3;
 }
 #lesprojets{
+    #header_right_container{
+        visibility: hidden !important;
+    }
     .content_container{
         // background-color: red;
         display: flex;
@@ -56,7 +59,13 @@ main{
                     margin-bottom: 2rem;
                     font-size: 0.4rem;
                     position: relative;
-
+                    @media(max-width: 810px){
+                        font-size: 1rem;   
+                    }
+                    transition: transform 0.4s ease-in-out; 
+                    &:hover {
+                        transform: scale(1.05); 
+                        }
                     &::before {
                         content: "";
                         position: absolute;
@@ -107,6 +116,7 @@ main{
                         object-fit: cover;
                     }
                     .views-field-view-node{
+                        visibility: hidden;
                         width: fit-content;
                         padding-left: 0.5rem;
                         background: black;
@@ -164,11 +174,11 @@ main{
                                         transform: scale(1.05); /* effet de zoom léger */
                                     }
                                         position: relative;
-                                        &:has(.laureat:not(:empty)){
+                                        &.is-laureat{
                                             z-index: 0;
                                             
                                         }
-                                        &:has(.laureat:not(:empty))::before {
+                                        &.is-laureat::before {
                                             content: "";
                                             position: absolute;
                                             // display: block;
@@ -209,17 +219,23 @@ main{
                                     }
                                     .node-projet-title{
                                         order: 3;
-                                        font-size: 0.7rem;
+                                        font-size: 0.6rem;
                                         margin-bottom: 0.3rem;
                                         margin-top: 0.3rem;
-                                        font-family: "gilroy-regular";
+                                        font-family: "gilroy-bold";
+                                        @media(max-width: 810px){
+                                            font-size: 1rem;   
+                                        }
                                     }
                                     .field_field_nom_de_l_equipe{
                                         order: 4;
                                         h3{
-                                            font-size: 0.6rem;
+                                            font-size: 0.5rem;
                                             margin: 0;
                                             text-transform: uppercase;
+                                            @media(max-width: 810px){
+                                                font-size: 0.8rem;   
+                                            }
                                         }
                                     }
                                     .field_field_intro{

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

@@ -5,45 +5,69 @@
         .content_container{
            
             width: 100% !important;
+            @media(max-width:810px){
+                margin-top: 12rem !important;
+            }
         }
     }
     .layout--threecol-25-50-25{
-        // flex-wrap: nowrap;
+        flex-wrap: nowrap;
-        // @media(max-width: 810px){
+        @media(max-width: 810px){
-        //     display: flex;
+            display: flex;
-        //     flex-direction: column;
+            flex-direction: column;
-        //     width: 100%;
+            width: 100%;
-        // }
+        }
         .layout__region--first{
             flex: 0 1 25%;
-            // margin-top: 1rem;
             position: relative;
+            @media(max-width: 810px){
+                flex: 0 1 100%;
+            }
             .block-region-first{
-                position:fixed;
+                // position:fixed;
-                width: 30% !important;
+                // width: 20% !important;
                 margin-top: 1rem;
                 display: flex;
                 flex-direction: column;
-                // align-items: center;
                 // margin-left: 2rem;
-                // @media(max-width: 810px){
+                @media(max-width: 810px){
-                //     position: relative;
+                    position: relative;
-                //     width: 100% !important;
+                    width: 100% !important;
-                // }
+                    margin-left: 0rem;
+                    margin-top: 0;
+                }
+                
                 #sites-map-container{
                     width: 100% !important;
+                    padding-left: 1rem;
                     h2{
                         display: none;
                     }
+                    @media(max-width: 810px){
+                        // width: 50% !important;
+                        margin: auto;
+                        margin-top: 3rem;
+                    }
                 }
                 .field_field_site_projet{
                     .node-type-site{
-                        width: 80%;
+                        width: 65%;
                         margin: auto;
+                        padding-left: 2rem;
+                        @media(max-width: 810px){
+                            padding-left: 0rem;
+                            width: 80%;
+                            margin-bottom: 1rem;
+                        }
                         .field_title{
                             h2{
                                 text-transform: none;
                                 font-size: 0.60rem;
+                                @media(max-width: 810px){
+                                    font-size:1rem;
+                                    margin: 0;
+                                    margin-bottom: 0.5rem;
+                                }
                                 a{
                                     color: $blue_QDD;
                                     font-weight: 700;
@@ -53,14 +77,21 @@
                         .field_field_sous_titre{
                             p{
                                 font-size: 0.55rem;
+                                @media(max-width: 810px){
+                                    font-size:0.8rem ;
+                                    margin: 0;
+                                    margin-bottom: 0.5rem;
+                                }
                             }
                         }
                         .more-link{
                             width: fit-content;
+                            display: inline-flex;
                             // padding-left: 0.5rem;
                             background: black;
                             @media (max-width:810px) {  
                                 margin-left: 0;
+                               
                             }
                             a{
                                 display: inline-flex;
@@ -70,6 +101,9 @@
                                 text-transform: uppercase;
                                 font-size: 0.5rem;
                                 padding-left: 0.5rem;
+                                @media(max-width: 810px){
+                                    font-size:0.7rem;
+                                }
 
                                 svg{
                                     display: none;
@@ -94,23 +128,30 @@
         }
        
         .layout__region--second{
-            flex: 0 1 45% !important;
+            flex: 0 1 50% !important;
             margin-top: 1rem;
-            max-width: 45%;
+            max-width: 50%;
-            margin-left: 3rem;
+            @media(max-width: 810px){
+                max-width: 80% !important;
+                margin: auto;
+            }
             .block-region-second{
-                // margin-left: 3rem;
                 position: relative;
-                // margin-right: 3rem;
                 margin-top: 1rem;
                 display: flex;
                 flex-direction: column;
+                padding-left: 2rem;
+                @media(max-width: 810px){
+                   padding-left: 0rem;
+                }
                 .field_field_laureats{
-                   ::before{
+
+                    &.is-laureat::before {
                         content: "";
                         position: absolute;
-                        top:0rem;
+                        // display: block;
-                        left: -1.3rem;
+                        top:-0.1rem;
+                        left: 0.5rem;
                         width: 2.5rem;
                         height: 2.5rem;
                         background-image: url("../img/laureat-ouvert.svg");
@@ -118,33 +159,51 @@
                         background-position: center;
                         background-size: contain;
                         z-index: 0;
+                        @media(max-width: 810px){
+                            left: -1.5rem;
+                            top:0.5rem;
                          }
+                        
+                    }
+
                    .laureat{
                        font-size: 0;
                    } 
                 }
+                .field_title{
+                    @media(max-width: 810px){
+                        font-size: 1.3rem;
+                    }
+                }
                 .field_field_nom_de_l_equipe{
                     border-top: solid black 1px;
                     padding-bottom: 0.5rem;
+                    text-transform: uppercase;
+                    @media(max-width: 810px){
+                        font-size: 1.3rem;
+                    }
                 }
                 .field_field_infos{
-                    display: flex;
+                    column-count: 3; 
-                    flex-direction: column;
+                    column-gap: 1.5rem;  
-                    flex-wrap: wrap;
-                    height: 400px;
-                    border-bottom: solid black 1px;
-
                     .infos-projet{
-                        width: 25%;
+                        break-inside: avoid;
-                        margin-bottom: 1rem;
+                        margin-bottom: 0.5rem  !important; 
+                        margin: 0;
                         h4{
                             margin: 0;
                             font-size: 0.7em;
                             font-family: 'gilroy-light';
+                            @media(max-width: 810px){
+                                font-size:0.8rem;
+                            }
                         }
                         .field_field_contenu{
                             font-size: 0.8em;
                             font-family: 'gilroy-bold';
+                            @media(max-width: 810px){
+                                font-size:0.8rem;
+                            }
                         }
                     }
                 }
@@ -155,10 +214,85 @@
                         object-fit: cover;
                         height: 16rem;
                     }
+                    .image-field-caption{
+                        // margin-top: 0;
+                        margin-left: 0;
+                        font-size: 0.5rem;
+                        font-family: "gilroy-light";
+                        @media(max-width: 810px){
+                            font-size:0.8rem;
                         }
-                .field_field_equipe_presentation p{
+                        p{
+                            margin-top: 0;
+                            font-size: 0.5rem;
+                            @media(max-width: 810px){
+                                font-size:0.8rem;
+                            }
+                        }
+                    }
+                }
+                .field_field_equipe_presentation {
+                    p{
                         font-family: "gilroy-light";
                         font-size: 0.6rem;
+                        @media(max-width: 810px){
+                            font-size:0.8rem;
+                        }
+                    }
+                }
+                .equipe-panel  {
+                  overflow: hidden;
+                  max-height: 0;
+                  opacity: 0;
+                  margin-top: 1rem;
+                  transition:
+                    max-height 1s ease,
+                    opacity 0.8s ease;
+                }
+                
+                .equipe-panel.is-open {
+                //   max-height: 1500px;
+                  opacity: 1;
+                  
+                }
+                
+                .btn-equipe-toggle{
+                    justify-content: space-between;
+                    align-items: center;
+                    color: white;
+                    text-transform: uppercase;
+                    font-size: 0.5rem;
+                    background-color: black;
+                    padding-left: 0.5rem;
+                    margin: auto;
+                    display: flex;
+                    border: none;
+                    // margin-top: 1rem;
+                    @media(max-width: 810px){
+                        font-size:0.8rem;
+                    }
+
+                    svg{
+                        display: none;
+                    }
+                    &::after{
+                        display: inline-flex;
+                        content: url("../img/arrow-down-white.svg");
+                        padding-right: 0.2rem;
+                        padding-left: 0.2rem;
+                        height: 12px;
+                    }
+                    margin-bottom: 1rem;
+                   
+                }
+                .btn-equipe-toggle[aria-expanded="true"]::after {
+                    content: url("../img/arrow-up-white.svg");
+                   
+                }
+                .equipe-separator {
+                    border-bottom: 1px solid black;
+                    margin: 20px 0;
+                    width: 100%;
                   }
 
                 .field_field_parties_projet{
@@ -176,6 +310,9 @@
                             p{
                                 font-family: "gilroy-light";
                                 font-size: 0.6rem;
+                                @media(max-width: 810px){
+                                    font-size:0.8rem;
+                                }
                             }
                         }
                     }
@@ -198,6 +335,10 @@
                                         object-fit: cover;
                                         width: 220px;
                                         height: 145px;
+                                        @media (max-width:810px){
+                                            width: 100%;
+                                            height: auto;
+                                        }
                                     }
                                 }
                                 .image-field-caption{
@@ -207,6 +348,9 @@
                                         margin-top: 0;
                                         font-size: 0.5rem;
                                         font-family: 'gilroy-light';
+                                        @media(max-width: 810px){
+                                            font-size:0.8rem;
+                                        }
                                     }
     
                             }
@@ -230,6 +374,9 @@
                         color: white;
                         text-transform: uppercase;
                         font-size: 0.5rem;
+                        @media(max-width: 810px){
+                            font-size:0.8rem;
+                        }
                         svg{
                             display: none;
                         }
@@ -277,94 +424,126 @@
             flex: 0 1 24%;
             .block-region-third{
                 position:relative;
-                // width: 23% !important;
+                margin-top: 4.5rem;
-                margin-top: 2rem;
                 margin-left: 2rem;
                 @media(max-width: 810px){
                     position: relative;
+                    margin-left: 0;
+                    margin-top: 2rem;
                 }
                 div{
                     display: flex;
                     flex-direction: column;
                     @media(max-width: 810px){
                         justify-content: center;
-                        margin: auto;
+                        margin-bottom: 0rem;
-                        margin-bottom: 1rem;
-                        width: fit-content;
-                    }
-                    @media(max-width: 500px){
-                        justify-content: center;
-                        margin: auto;
-                        margin-bottom: 1rem;
-                        width: fit-content;
                     }
                     h2{
+
                         font-family: "gilroy-light";
                         text-transform: uppercase;
+                        font-size: 0.6rem;
+                        @media(max-width: 810px){
                             font-size:0.8rem;
+                            margin: auto;
+                            margin-bottom: 1rem;
+                            width: 80%;
+                        }
                         &::after{
                             content: " :";
                         }
                     }
+                    .view-rows-wrapper{
+                        @media(max-width: 810px){
+                            width: 80%;
+                            margin: auto;
+                        }
                         .views-row{
                             width: 80%;
                             border-bottom: solid black 1px;
-                        padding-bottom: 1rem;
+                            padding-bottom: 0.5rem;
+                            padding-top: 0.5rem;
+                            @media(max-width: 810px){
+                                width: 80%;
+                                justify-content: start;
+                                padding-top: 1rem;
+                            }
+                            transition: transform 0.4s ease-in-out;
+                                &:hover {
+                                    transform: scale(1.05); 
+                                }
+                            .is-laureat{
+                                position: relative;
+                                padding-top: 1.5rem;
+                                ::before {
+                                    content: "";
+                                    position: absolute;
+                                    top: 0.5rem;
+                                    left: -1.4rem;
+                                    width: 2.5rem;
+                                    height: 2.5rem;
+                                    background-image: url("../img/laureat-ouvert.svg");
+                                    background-repeat: no-repeat;
+                                    background-position: center;
+                                    background-size: contain;
+                                    z-index: 0;
+                                    margin-top: 0.2rem;
+                                    @media(max-width: 810px){
+                                        top: 0rem;
+                                        // left: -11.4rem;
+                                    }
+                                }
+                                .field-content{
+                                    font-size: 0;
+                                }
+                            }
+    
                             .views-field-title {
+                                @media (max-width:810px){
+                                    width: fit-content;
+                                    margin: 0;
+                                }
                                 h2 {
-                            font-size: 0.7rem;
+                                    font-size: 0.5rem;
                                     margin-bottom: 0rem;
-                            // margin-top: 0.3rem;
                                     text-transform: none;
                                     font-family: "gilroy-regular";
                                         &::after{
                                             content: "";
                                         }
+                                    @media(max-width: 810px){
+                                        font-size:0.8rem;
+                                        width: 100% !important;
+                                    }
                                 }
                             }
                             .views-field-field-nom-de-l-equipe{
+                                @media (max-width:810px){
+                                    width: fit-content;
+                                    margin: 0;
+                                }
                                 h3 {
                                     margin-bottom: 0.3rem;
                                     margin-top:0.3rem;
-
+                                    text-transform: uppercase;
+                                }
+                                font-size: 0.4rem;
+                                @media(max-width: 810px){
+                                    font-size:0.7rem;
                                 }
-                            font-size: 0.6rem;
                                 p{
                                     font-family: "gilroy-semibold";
                                     margin-bottom: 0.5rem;
-                                font-size: 0.6rem;
                                 }
                                
                             }
                             .views-field-view-node{
-                            width: fit-content;
-                            padding-left: 0.5rem;
-                            background: black;
-                            @media (max-width:810px) {  
-                                margin-left: 0;
-                            }
-                            a{
-                                display: inline-flex;
-                                justify-content: space-between;
-                                align-items: center;
-                                color: white;
-                                text-transform: uppercase;
-                                font-size: 0.5rem;
-                                svg{
                                 display: none;  
                             }
-                                &::after{
-                                    display: inline-flex;
-                                    content: url("../img/noun-arrow-to-right.svg");
-                                    padding-right: 0.2rem;
-                                    padding-left: 0.2rem;
-                                    // padding-bottom: 0.2rem;
-                                    height: 25px;
-                                }
-                            }   
                         }
                     }
 
+                    
                     .field_field_laureats{
                         color: red;
                         text-transform: uppercase;

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

@@ -13,23 +13,89 @@
             display: flex;
             flex-direction: column;
             width: 100%;
+
+        }
+        .layout__region--first{
+            @media(max-width: 810px){
+                order:2   
+            }
+            .block-region-first{
+                #sites-map-container{
+                    width: 100% !important;
+                    padding-left: 1rem;
+                    margin-top: 3rem;
+                    h2{
+                        font-family: "gilroy-light";
+                        text-transform: uppercase;
+                        font-size: 0.6rem;
+                        &::after{
+                            content: " :";
+                        }
+                        @media(max-width: 810px){
+                            font-size: 1rem;   
+                        }
+                    }
+                }                
+
+                .field_field_link{
+                    div{
+                        display: flex;
+                        justify-content: center;
+                    }
+                    a{
+                        display: inline-flex;
+                        justify-content: space-between;
+                        align-items: center;
+                        color: white;
+                        text-transform: uppercase;
+                        font-size: 0.5rem;
+                        padding-right: 0.5rem;
+                        background-color: black;
+                        padding-bottom: 0.2rem;
+                        padding-top: 0.2rem;
+                        padding-left: 0.2rem;
+                        @media(max-width: 810px){
+                            font-size: 1rem;   
+                        }
+
+                        // svg{
+                        //     display: none;
+                        // }
+                        &::before{
+                            display: inline-flex;
+                            content: url("../img/noun-arrow-to-left.svg");
+                            padding-right: 0.2rem;
+                            padding-left: 0.2rem;
+                            // padding-bottom: 0.2rem;
+                            height: 12px;
+                        }
+                    } 
+                }
+
+            }
         }
 
         .layout__region--second{
             margin: auto;
             flex: 0 1 70% !important;
-            margin-top: 1rem;
+            margin-top: 3rem;
             margin-right: 2rem;
             // width: 60%;
+            @media(max-width: 810px){
+                order:1;  
+                margin-top: 3rem;
+                margin-right: 0;
+            }
             .block-region-second{
                 display: flex;
                 flex-direction: column;
                 flex-wrap: wrap;
                 margin-left: 2rem;
                 margin-right: 3rem;
-                @media(max-width: 500px){
+                @media(max-width: 810px){
-                    margin-left: 0.5rem;
+                    margin-left: 00rem;
-                    margin-top: 1rem;
+                    margin-top: 0rem;
+                    margin-right: 0rem;
                 }
                 .field_title, 
                 .field_field_sous_titre{
@@ -127,9 +193,10 @@
                         background: black;
                         padding-left: 0.5rem;
                         text-transform: uppercase;
-                        font-size: 0.6rem;
+                        font-size: 0.5rem;
                         margin-bottom: 0.3rem;
                         padding: 0.3rem;
+                        padding: 0.2rem 0.5rem;
                         
                         svg{
                             display: none;
@@ -147,7 +214,7 @@
                         background: black;
                         padding-left: 0.5rem;
                         text-transform: uppercase;
-                        font-size: 0.6rem;
+                        font-size: 0.5rem;
                         margin-bottom: 0.3rem;
                         
                         svg{
@@ -158,6 +225,7 @@
                             content: url("../img/noun-arrow-to-right.svg");
                             padding-right: 0.2rem;
                             padding-left: 0.2rem;
+                            height: 25px;
                         }
                         a{
                             color: white;
@@ -167,6 +235,7 @@
                 div:has(.field_field_images){
                     order: 10;
                     width: 100%;
+                   
                     .diaporama{
                         display: flex !important;
                         flex-direction: row !important;
@@ -179,10 +248,17 @@
                         }
                         .images{
                         //    margin: auto;
+                        @media (max-width:810px){
+                            margin: auto;
+                        }
                             img{
                                 object-fit: cover;
                                 width: 220px !important;
                                 height: 145px;
+                                @media (max-width:810px){
+                                    width: 100% !important;
+                                    height: auto;
+                                }
                             }
                         }
                         .image-field-caption{
@@ -192,6 +268,9 @@
                                 margin-top: 0;
                                 font-size: 0.5rem;
                                 font-family: 'gilroy-light';
+                                @media (max-width:810px){
+                                    font-size: 1rem;
+                                }
                             }
                         } 
                     }                           

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

@@ -2,8 +2,14 @@
     .layout-content{
         margin-top: 2rem;
         max-width: 100vw;
+        @media(max-width:810px){
+            // margin-top: 12rem !important;
+        }
         .content_container{
             width: 90% !important;
+            @media(max-width:810px){
+                margin-top: 12rem !important;
+            }
         }
     }
     .layout--threecol-25-50-25{
@@ -234,14 +240,6 @@
                         flex: 1 1 auto;
                         min-width: 25%;
                     }
-                    // div .field_field_porteur_s_de_site{
-                    //     border-bottom: none;
-                    //     padding-bottom: 0;
-                    // }
-                    // div .field_field_nom_de_la_commune_nb_d_hab{
-                    //     border-bottom: none;
-                    //     padding-bottom: 0;
-                    // }
                     div:has(.field_field_region){
                         border-bottom: none;
                         padding-bottom: 0;
@@ -319,7 +317,7 @@
                             gap: 20px;
                             flex-wrap: wrap;
                             margin-bottom: 2rem;
-                            @media(max-width: 500px){
+                            @media(max-width: 810px){
                                 flex-direction: column !important;
                             }
                             .cadre-img-zoom{
@@ -328,6 +326,10 @@
                                     object-fit: cover;
                                     width: 220px;
                                     height: 145px;
+                                    @media(max-width: 810px){
+                                        width: 100%;
+                                        height: auto;
+                                    }
                                 }
                             }
                             .image-field-caption{
@@ -337,6 +339,9 @@
                                     margin-top: 0;
                                     font-size: 0.5rem;
                                     font-family: 'gilroy-light';
+                                    @media(max-width: 810px){
+                                     font-size: 0.8rem;
+                                    }
                                 }
                             } 
                         }                           
@@ -345,6 +350,7 @@
                 div:has(.field--name-field-documents){
                     order: 5;
                     margin-top: 0.5rem;
+                    width: 100%;
                     .field--name-field-documents{
                         a{
                             display: inline-flex;
@@ -392,24 +398,13 @@
                 // width: 80%;
                 @media(max-width: 810px){
                     position: relative;
+                    margin-left: 1rem;
+                    margin-top: 3rem;
                 }
                 div{
                     display: flex;
                     flex-direction: column;
                     
-                    // margin-bottom: 1rem;
-                    @media(max-width: 810px){
-                        justify-content: center;
-                        margin: auto;
-                        margin-bottom: 1rem;
-                        width: fit-content;
-                    }
-                    @media(max-width: 500px){
-                        justify-content: center;
-                        margin: auto;
-                        margin-bottom: 1rem;
-                        width: fit-content;
-                    }
                     div:has(h2){
                         border-bottom: solid black 1px;
                         padding-left: 0.3rem;
@@ -418,38 +413,37 @@
                         width: 80%;
                         font-family: "gilroy-light";
                         text-transform: uppercase;
-                        font-size: 0.7rem;
+                        font-size: 0.6rem;
                         margin-bottom: 1rem;
                         margin-top: 1rem;
                         border-bottom: solid black 1px;
                         margin-left: 0.5rem;
                         padding-bottom: 0.5rem;
+                        @media(max-width: 810px){
+                            font-size:0.8rem;
+                            margin: 0;
+                            margin-bottom: 1rem;
+                        }
                         &::after{
                             content: " :";
                         }
-                       
+                    }
+                    .field_field_projets_lie{
+                        @media(max-width: 810px){
+                            width: 80%;
+                            justify-content: start;
+                            // padding-top: 1rem;
                             
                         }
                         .node-type-projet {
                             position: relative;
-                        &:has(.laureat:not(:empty)){
+                            transition: transform 0.4s ease-in-out; 
-                            padding-top: 1.5rem;
+                           
+                            &.is-laureat{
+                                padding-top: 1.2rem;
                             }
-                        &:has(.laureat:not(:empty))::before {
+                            &:hover {
-                            content: "";
+                                transform: scale(1.05); 
-                            position: absolute;
-                            // display: block;
-                            top: -0.1rem;          // adapte la position selon ton visuel
-                            left: -1rem;
-                            width: 2.5rem;
-                            height: 2.5rem;
-                            // background-color: #f6f7f3;
-                            background-image: url("../img/laureat-ouvert.svg");
-                            background-repeat: no-repeat;
-                            background-position: center;
-                            background-size: contain;
-                            z-index: 0;
-                            margin-top: 0.3rem;
                             }
                             .node-projet-title{
                                 width: 80%;
@@ -458,12 +452,21 @@
                                 margin: 0;
                                 background-color: #f6f7f3;
                                 font-family: "gilroy-regular";
+                                @media(max-width: 810px){
+                                    font-size:0.8rem;
+                                    width: 100% !important;
+                                }
                             }
                             .field_field_nom_de_l_equipe{
                                 width: 80%;
                                 padding-left: 0.5rem;
-                            font-size: 0.5rem;
+                                font-size: 0.4rem;
                                 background-color: #f6f7f3;
+                                text-transform: uppercase;
+                                @media(max-width: 810px){
+                                    font-size:0.8rem;
+                                    width: 100% !important;
+                                }
                                 div{
                                     border-bottom: solid black 1px;
                                     margin-bottom: 0.5rem;
@@ -473,8 +476,13 @@
                                     margin-bottom: 0.5rem;
                                     font-size: 0.5rem;
                                     margin-top: 0.2rem;
+                                    @media(max-width: 810px){
+                                        font-size:0.8rem;
+                                        width: 100% !important;
+                                    }
                                 }
                                 div.more-link{
+                                    display: none;
                                     margin-bottom: 1rem;
                                     padding-left: 0rem;
                                     a{
@@ -490,15 +498,34 @@
                                 align-items: flex-start;    
                                 height: auto;   
                                 font-size: 0px;  
-    
+                                &.is-laureat{
+                                    position: relative;
+                                }
+                                &.is-laureat::before {
+                                    content: "";
+                                    position: absolute;
+                                    top: -4.2rem;        
+                                    left: -1rem;
+                                    width: 2.5rem;
+                                    height: 2.5rem;
+                                    background-image: url("../img/laureat-ouvert.svg");
+                                    background-repeat: no-repeat;
+                                    background-position: center;
+                                    background-size: contain;
+                                    z-index: 0;
+                                    margin-top: 0.3rem;
+                                    @media(max-width: 810px){
+                                        top: -6rem;
                                     }
                                 }
         
-
+                            }
-                      
+                        } 
+                    }
                       
                 }
                 .prevnext{
+                    display: none;
                     flex-direction: row;
                     margin-bottom: 0rem;
                     .prev-site{

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

@@ -121,6 +121,27 @@
                             }
                         }
                     }
+                    .toggle-partenaire {
+                        
+                        display: block;
+                        grid-column: 7;
+                        grid-row: 1;
+                        width: 40px;
+                        height: 40px;
+                        margin: 1rem auto;
+                        border: none;
+                        background-color: transparent;
+                        background-image: url("../img/fleche-bas.svg");
+                        background-size: contain;
+                        background-repeat: no-repeat;
+                        background-position: center;
+                        cursor: pointer;
+                        transition: transform 0.3s ease;
+                    }
+                    
+                    .toggle-partenaire.open {
+                        transform: rotate(180deg);
+                    }
                 }
 
                 

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

@@ -21,7 +21,7 @@
                 margin-top: 3rem;
                 margin-left: 15%;
                 margin-bottom: 1rem;
-                width: 70%;
+                width: 65%;
                 @media(max-width: 810px){
                     display: flex;
                     margin:auto;
@@ -199,7 +199,16 @@
                             @media(max-width: 810px){
                                 width: 50%;
                             }
-                            .views-field-field-documents a{
+                            h2{margin-bottom: 0.2rem;}
+                            .views-field-field-date-ressource{
+                                padding-top: 0.3rem;
+                            }
+                            .views-field-body-1 p{
+                                margin-top: 0.2rem;
+                                margin-bottom: 0.2rem;
+                            }
+                            .views-field-field-documents a,
+                            .views-field-field-liens a{
 
                                 display: inline-flex;
                                 align-items: center;
@@ -311,7 +320,7 @@
                         width: 100%;
                         background-color: $blue_QDD;
                     }
-                    &.type-Galerie-photos{
+                    &.type-Mission-photo{
                         justify-content: space-between;
                         .views-row{
                             width: 18%;

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

@@ -22,6 +22,7 @@
         }
     }
     .content-actus{
+        width: 100%;
         .slick-list{
             padding-bottom: 1rem;
             @media(max-width: 810px){
@@ -31,7 +32,7 @@
 
         .view-rows-wrapper{
             margin-left: 25%;
-            width: 65%;
+            width: 55%;
             display: flex;
             flex-direction: column;
             flex-wrap: wrap; 
@@ -54,6 +55,7 @@
                 .node-type-actualite{
                     width: 85%;
                     // padding-bottom: 2rem;
+                    cursor: pointer;
                     
                     .content-wrapper-actu{
                         display: grid;
@@ -250,21 +252,32 @@
                             display: inline-flex;
                             align-items: center;
                             a{
-                                width: 5em;
+                                display: inline-flex;
-                                display: block;
                                 overflow: hidden;
                                 white-space: nowrap;
-                            }
+                                font-size: 0px;
-
+                                align-items: baseline;
-
+                                &::before{
-                            &::after{
+                                    content: "En savoir";
-                                content: "+";
                                     display: block;
                                     // width: 20px;
                                     padding-left: 0.4rem;
-                                font-size: 1.8rem;
+                                    font-size: 0.7rem;
                                     height: fit-content;
                                 }
+                                &::after{
+                                    content: " +";
+                                    display: flex;
+                                    padding-left: 0.3rem;
+                                    font-size: 1rem;
+                                    height: 26px;
+                                    margin: auto;
+                                    align-items: center;
+                                }
+                            }
+
+
+                            
                         }
                         .field_field_liens{
                             order: 7;
@@ -281,7 +294,8 @@
                                 text-transform: uppercase;
                                 font-size: 0.5rem;
                                 margin-bottom: 0.5rem;
-                                
+                                padding-top: 0.1rem;
+                                padding-bottom: 0.1rem;                                
                                 svg{
                                     display: none;
                                 }
@@ -330,8 +344,8 @@
                     display: flex;
                     flex-direction: row;
                     padding-left: 0.5rem;
-                    // padding-top: 0.2rem;
+                    padding-top: 0.1rem;
-                    // padding-bottom: 0.2rem;
+                    padding-bottom: 0.1rem;
                     display: inline-flex;
                     align-items: center;
                     color: white;

web/themes/custom/quartiers_de_demain/src/assets/scss/partials/animation-logo-header.scss

@@ -3,6 +3,9 @@ header{
         .field_field_logo{
             .qdd-header{
                 opacity: 0;
+                animation-delay: 0.9s;
+                animation-name: scale;
+                animation-duration: 2.8s;
                 &.animated{
                     opacity: 1;
                     transform: scale(2); 
@@ -12,30 +15,30 @@ header{
                     .blink-blue {
                         opacity: 0;
                         // animation: blink 3s 3;
-                        animation-delay: 0.2s;
+                        animation-delay: 0.1s;
                         animation-name: blink;
-                        animation-duration: 10s;
+                        animation-duration: 5s;
                     }
     
                     .blink-red {
                         opacity: 0;
-                        animation-delay: 0.8s;
+                        animation-delay: 0.3s;
                         animation-name: blink;
-                        animation-duration: 10s;
+                        animation-duration: 5s;
                     }
     
                     .blink-black {
                         opacity: 0;
-                        animation-delay: 1.5s;
+                        animation-delay: 0.5s;
                         animation-name: blink;
-                        animation-duration: 10s;        
+                        animation-duration: 5s;        
                     }
     
                     .blink-black2 {
                         opacity: 0;
-                        animation-delay: 2s;
+                        animation-delay: 0.7s;
                         animation-name: blink;
-                        animation-duration: 10s;
+                        animation-duration: 5s;
                     }
                     @keyframes blink {
                         0%, 100% {
@@ -49,8 +52,8 @@ header{
                     .consultation{
                         display: none;
                         animation-name: slideIn;
-                        animation-delay: 1s;
+                        animation-delay: 0.5s;
-                        animation-duration: 3s;
+                        animation-duration: 1s;
                     } 
 
                     @keyframes slideIn {
@@ -62,15 +65,14 @@ header{
                         }
                     } 
 
-                    // @keyframes scale {
+                    @keyframes scale {
-                    //     0%{
+                        0%{
-                    //         transform: scale(2);
+                            transform: scale(2);
-                    //     }
+                        }
-                    //     90%{transform: scale(2);}
+                        100% {
-                    //     100% {
+                            transform: scale(1);
-                    //         transform: scale(1);
+                        }
-                    //     }
+                    }
-                    // }
     
                            
                 }
@@ -79,3 +81,5 @@ header{
         }
     }
 }
+
+

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

@@ -32,7 +32,7 @@
     #block-quartiers-de-demain-formulaireexposeactuspage-1{
         background-color: white;
         padding: 0.3rem 0.5rem 1rem 1rem;
-        width: 100%;
+        width: 111%;
         @media(max-width: 810px){
             display: flex;
             flex-direction: column;

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

@@ -1,16 +1,401 @@
+// /* ===========================
+//    HEADER GLOBAL
+//    =========================== */
+
+//    header[role="banner"] {
+//     position: fixed;
+//     top: 0;
+//     left: 0;
+//     z-index: 99;
+//     max-width: 100vw;
+  
+//     display: flex;
+//     flex-direction: row;
+//     transform-origin: bottom right;
+//     height: $header-height;
+//     width: 35%;
+//     transition: all 1.4s ease-in-out;
+  
+//     @media (max-width: 1090px) {
+//       height: $header-height-pad;
+//     }
+  
+//     @media (min-width: 1400px) {
+//       height: $header-height-big;
+//     }
+  
+//     @media (max-width: 810px) {
+//       width: 100%;
+//       height: 170px;
+//       flex-direction: row;
+//     }
+  
+//     .qdd-header {
+//       opacity: 1 !important;
+//     }
+  
+//     /* ===========================
+//        LANGUAGE SWITCHER
+//        =========================== */
+  
+//     .language-switcher-language-url {
+//       text-transform: uppercase;
+//       color: white;
+  
+//       ul {
+//         display: flex;
+//         flex-direction: row;
+//         font-size: 0.6rem;
+//         padding: 0;
+//         width: fit-content;
+  
+//         @media (max-width: 810px) {
+//           font-size: 0.9rem;
+//         }
+  
+//         li a {
+//           color: white;
+//           font-family: "gilroy-light";
+//         }
+  
+//         li:nth-child(1) {
+//           &::after {
+//             content: " / ";
+//             white-space: pre;
+//           }
+//         }
+  
+//         .is-active {
+//           font-family: "gilroy-bold";
+//         }
+//       }
+//     }
+  
+//     .contextual-region {
+//       width: max-content;
+//     }
+  
+//     /* ===========================
+//        COLONNE GAUCHE (LOGO)
+//        =========================== */
+  
+//     .header_left_container {
+//       flex: 0 0 45%;
+//       display: flex;
+//       flex-direction: row;
+//       background-color: $white-header;
+//       transition:
+//         flex-basis 0.9s ease-in-out,
+//         width 0.9s ease-in-out;
+  
+//       img {
+//         display: none;
+//       }
+  
+//       @media (max-width: 660px) {
+//         height: inherit;
+//       }
+  
+//       #block-quartiers-de-demain-logorepu-2 {
+//         display: none;
+  
+//         @media (max-width: 891px) {
+//           height: $header-height-pad;
+//         }
+//       }
+  
+//       #block-quartiers-de-demain-logoepau-2 {
+//         display: none;
+//         height: $header-height;
+  
+//         @media (max-width: 891px) {
+//           height: $header-height-pad;
+//         }
+//       }
+  
+//       #block-quartiers-de-demain-logoquartiersdedemain {
+//         margin: auto;
+  
+//         .field_field_logo {
+//           width: 90%;
+//           margin: auto;
+  
+//           @media (max-width: 1650px) {
+//             width: 80%;
+//           }
+  
+//           .qdd-header {
+//             width: 100%;
+//           }
+//         }
+//       }
+  
+//       img {
+//         width: auto;
+//         margin: auto;
+//         height: calc($header-height - 1rem);
+//         padding: 2rem;
+//         transition: height 0.3s;
+  
+//         @media (max-width: 891px) {
+//           height: $header-height-pad;
+//         }
+  
+//         @media (max-width: 660px) {
+//           height: $header-height-small;
+//         }
+  
+//         @media (max-width: 450px) {
+//           height: $header-height-ultrasmall;
+//         }
+//       }
+//     }
+  
+//     /* ===========================
+//        BOUTON / BLOCS DROITE (SI BESOIN)
+//        =========================== */
+  
+//     .header_right_container {
+//       display: none;
+//       flex: 0 0 0%;
+//       width: fit-content;
+//       min-width: fit-content;
+//       background: $blue_QDD;
+//       text-align: center;
+//       transform: translateX(0);
+//       transition: transform 0.3s ease-in-out;
+//       z-index: 10;
+//       position: fixed;
+//       right: 0;
+//       border-radius: 11px;
+//       padding: 0.5rem 0.5rem 0 0.5rem;
+//       margin: 1rem;
+  
+//       @media (max-width: 660px) {
+//         padding-right: 0;
+//       }
+//     }
+  
+//     /* ===========================
+//        NAVIGATION (COLONNE DROITE)
+//        =========================== */
+  
+//     .header_nav_container {
+//       flex: 0 0 0%;
+//       width: 100%;
+//       min-width: fit-content;
+  
+//       background: $blue_QDD;
+//       text-align: center;
+//       display: flex;
+//       flex-direction: column;
+  
+//       z-index: -1;
+//       transform: translateX(0);
+//       transition:
+//         flex-basis 0.9s ease-in-out,
+//         width 0.9s ease-in-out,
+//         transform 0.3s ease-in-out;
+  
+//       @media (max-width: 810px) {
+//         height: 200px;
+//         top: -30px;
+//         flex: 1 0 100%;
+//         position: relative;
+//       }
+  
+//       @media (max-width: 500px) {
+//         flex: 0 0 40%;
+//       }
+  
+//       /* ---- Bloc menu principal ---- */
+//       #block-quartiers-de-demain-entete {
+//         margin: auto;
+  
+//         h2 {
+//           display: none;
+//         }
+  
+//         ul {
+//           display: flex;
+//           flex-direction: column;
+//           align-items: flex-start;
+//           position: relative;
+//           padding-left: 1rem;
+//           padding-right: 1rem;
+//           margin: auto;
+  
+//           @media (max-width: 1025px) {
+//             top: 0;
+//             align-items: center;
+//             padding-top: 0.3rem;
+//           }
+  
+//           li {
+//             width: 100%;
+//             text-align: left;
+  
+//             .is-active {
+//               font-family: "gilroy-bold";
+//             }
+  
+//             :hover {
+//               font-family: "gilroy-bold";
+//             }
+  
+//             @media (max-width: 1090px) {
+//               padding-top: 0.3rem;
+//             }
+  
+//             @media (max-width: 810px) {
+//               line-height: 1.3rem;
+//             }
+  
+//             a {
+//               text-transform: uppercase;
+//               color: white;
+//               font-size: 0.5rem;
+  
+//               @media (max-width: 1090px) {
+//                 font-size: 0.6rem;
+//               }
+  
+//               @media (max-width: 810px) {
+//                 display: flex;
+//                 flex-direction: column;
+//                 align-items: center;
+//                 font-size: 0.8rem;
+//               }
+//             }
+//           }
+//         }
+//       }
+  
+//       /* ---- Sélecteur de langue en bas du menu ---- */
+//       #block-quartiers-de-demain-selecteurdelangue {
+//         width: fit-content;
+//         margin: auto;
+  
+//         @media (max-width: 810px) {
+//           padding-bottom: 0.5rem;
+//           margin-bottom: 0.5rem;
+  
+//           .links {
+//             margin-top: 0.5rem;
+//           }
+//         }
+//       }
+//     }
+  
+//     /* ===========================
+//        ÉTATS D’AFFICHAGE DU MENU
+//        (pilotés en JS avec .nav-hidden)
+//        =========================== */
+  
+//     /* État par défaut : menu visible */
+//     .header_nav_container {
+//       transform: translateX(0);
+//     }
+  
+//     /* Menu caché : desktop → slide vers la gauche */
+//     .header_nav_container.nav-hidden {
+//       transform: translateX(-100%);
+//     }
+  
+//     /* Spécifique mobile : on slide verticalement */
+//     @media (max-width: 810px) {
+//       .header_nav_container {
+//         transform: translateY(0);
+//       }
+  
+//       .header_nav_container.nav-hidden {
+//         transform: translateY(-100%);
+//       }
+//     }
+//   }
+  
+//   /* ===========================
+//      HEADER "SHRINK" AU SCROLL
+//      =========================== */
+  
+//   .shrink {
+//     height: 260px;
+  
+//     @media (max-width: 810px) {
+//       height: 170px;
+//     }
+//   }
+  
+//   /* ===========================
+//      RÉGLAGES DE LA RÉPARTITION GAUCHE / DROITE
+//      (quand le header est à son état "final")
+//      =========================== */
+  
+//   header[role="banner"] {
+//     .header_left_container {
+//       flex-basis: 65%;
+//       transform-origin: bottom right;
+  
+//       @media (max-width: 810px) {
+//         flex: 1 0 100%;
+//       }
+//     }
+  
+//     .header_nav_container {
+//       flex-basis: 30%;
+//       transform-origin: bottom right;
+//       min-width: fit-content;
+  
+//       @media (max-width: 810px) {
+//         flex: 1 0 100%;
+//         position: relative;
+//       }
+//     }
+//   }
+  
+
+
+/* ===========================
+   HEADER GLOBAL
+   =========================== */
+
    header[role="banner"] {
-    display: flex;
+    //    background: none;
-    flex-direction: row;
-    height: 100vh;
-    width: 100%;
-    z-index: 99;
-    max-width: 100vw;
     position: fixed;
     top: 0;
-    transition: none;
+    left: 0;
+    z-index: 50;
+    max-width: 100vw;
   
-    // transition: height 2s ease-in-out, width 2s ease-in-out; /* Transition pour le changement de taille */
+    display: flex;
-    // transition: height 0.3s, padding 0.3s; /* Add transition for smooth resizing */
+    flex-direction: row;
+    transform-origin: bottom right;
+    height: $header-height;
+    width: 35%;
+    transition: all 1.4s ease-in-out;
+    // background-color: $white-header; // pour éviter la transparence
+  
+    @media (max-width: 1090px) {
+      height: $header-height-pad;
+    }
+  
+    @media (min-width: 1400px) {
+      height: $header-height-big;
+    }
+  
+    @media (max-width: 810px) {
+      width: 100%;
+      height: 170px;          // hauteur du bloc header-left
+      flex-direction: row;    // header_left + (nav positionnée en absolu)
+    }
+  
+    .qdd-header {
+      opacity: 1 !important;
+    }
+  
+    /* ===========================
+       LANGUAGE SWITCHER
+       =========================== */
   
     .language-switcher-language-url {
       text-transform: uppercase;
@@ -24,39 +409,24 @@ header[role="banner"]{
         width: fit-content;
   
         @media (max-width: 810px) {
-                font-size: 00.9rem;      
+          font-size: 0.9rem;
         }
-            // @media(max-width: 500px){
+  
-            //     flex-direction: column;
-            //     // margin-bottom: 0;
-            //     margin: auto;      
-            // }
         li a {
           color: white;
-                font-family: 'gilroy-light';
+          font-family: "gilroy-light";
-
         }
+  
         li:nth-child(1) {
           &::after {
             content: " / ";
             white-space: pre;
-                    @media(max-width: 660px){
-                        // content:none ;      
-                    }
-                }
-            }
-            .is-active{
-                font-family: 'gilroy-bold';
-            }
           }
         }
   
-    @media(max-width: 810px){
+        .is-active {
-        height: 100vh;
+          font-family: "gilroy-bold";
-        header {
+        }
-            position: relative;
-            flex-direction: column;
-            height: auto !important;
       }
     }
   
@@ -64,63 +434,88 @@ header[role="banner"]{
       width: max-content;
     }
   
+    /* ===========================
+       COLONNE GAUCHE (LOGO)
+       =========================== */
+  
     .header_left_container {
-        flex: 0 0 100%;
+      flex: 0 0 70%;
       display: flex;
       flex-direction: row;
-        transition: height 2s ease-in-out, width 2s ease-in-out; /* Transition pour le changement de taille */
       background-color: $white-header;
-        img{display: none;}
+      transition:
+        flex-basis 0.9s ease-in-out,
+        width 0.9s ease-in-out;
+  
+      @media (max-width: 810px) {
+        flex: 1 0 100%;
+      }
+  
       @media (max-width: 660px) {
         height: inherit;
       }
+  
       #block-quartiers-de-demain-logorepu-2 {
         display: none;
+  
         @media (max-width: 891px) {
           height: $header-height-pad;
         }
       }
+  
       #block-quartiers-de-demain-logoepau-2 {
         display: none;
         height: $header-height;
+  
+        @media (max-width: 891px) {
+          height: $header-height-pad;
+        }
+      }
+  
+      #block-quartiers-de-demain-logoquartiersdedemain {
+        margin: auto;
+  
+        .field_field_logo {
+        //   width: 100%;
+        //   margin: auto;
+  
+        //   @media (max-width: 1650px) {
+        //     width: 80%;
+        //   }
+  
+        //   .qdd-header {
+        //     width: 100%;
+        //   }
+        }
+      }
+  
+      img {
+        width: auto;
+        margin: auto;
+        height: calc($header-height - 3rem);
+        padding: 2rem;
+        transition: height 0.3s;
+  
         @media (max-width: 891px) {
           height: $header-height-pad;
         }
   
-        }
-        #block-quartiers-de-demain-logoquartiersdedemain{
-            // padding-right: 5%;
-            margin: auto;
-            .field_field_logo{
-                width: 90%;
-                margin: auto;
-                @media(max-width: 1650px){
-                    width: 80%;
-                }
-                .qdd-header{
-                    width: 100%;
-                }
-            }
-        }
-        img{
-            width: auto;
-            margin: auto;
-            height: calc($header-height - 1rem);
-            padding: 2rem;
-            transition: height 0.3s; /* Add transition for smooth resizing */   
-            @media(max-width: 891px){
-            height: $header-height-pad;
-        }
         @media (max-width: 660px) {
           height: $header-height-small;
         }
+  
         @media (max-width: 450px) {
           height: $header-height-ultrasmall;
         }
       }
     }
+  
+    /* ===========================
+       BLOC DROITE OPTIONNEL
+       =========================== */
+  
     .header_right_container {
-        // display: none;
+      display: none;
       flex: 0 0 0%;
       width: fit-content;
       min-width: fit-content;
@@ -128,87 +523,60 @@ header[role="banner"]{
       text-align: center;
       transform: translateX(0);
       transition: transform 0.3s ease-in-out;
-        z-index: -1 ;
+      z-index: 60;
       position: fixed;
       right: 0;
       border-radius: 11px;
-        padding: 0.5rem;
+      padding: 0.5rem 0.5rem 0 0.5rem;
       margin: 1rem;
-        padding-top: 0rem;
-        padding-bottom: 0rem;
-
   
       @media (max-width: 660px) {
         padding-right: 0;
       }
-        .language-switcher-language-url{
+    }
-            text-transform: uppercase;
-            color: white;
   
-            ul{
+    /* ===========================
-                display: flex;
+       NAVIGATION (COLONNE DROITE)
-                flex-direction: row;   
+       =========================== */
-                font-size:0.6rem;
-                padding: 0;
-
-                @media(max-width: 660px){
-                    margin-bottom: 0;      
-                }
-                @media(max-width: 500px){
-                    flex-direction: column;
-                    // margin-bottom: 0;
-                    margin: auto;      
-                }
-                li a {
-                    color: white;
-                    font-family: 'gilroy-light';
-
-                }
-                li:nth-child(1){
-                    &::after{
-                        content: " / ";
-                        white-space: pre;
-                        @media(max-width: 660px){
-                            content:none ;      
-                        }
-                    }
-                }
-                .is-active{
-                    font-family: 'gilroy-bold';
-                }
-            }
-        }
-    }
   
     .header_nav_container {
-        flex: 0 0 0%;
+      flex: 0 0 30%;
       width: 100%;
       min-width: fit-content;
       background: $blue_QDD;
       text-align: center;
-        transform: translateX(0);
-        transition: transform 0.3s ease-in-out;
-        z-index: -1 ;
       display: flex;
       flex-direction: column;
   
-        @media(max-width: 1090px){
+      z-index: -1;
-            // text-align:left;
+      transform: translateX(0);
-            // height: fit-content;
+      transition:
+        flex-basis 0.9s ease-in-out,
+        width 0.9s ease-in-out,
+        transform 0.3s ease-in-out;
   
-        }
       @media (max-width: 810px) {
+        /* 🔹 en mobile : nav en dessous du header, en absolu */
+        position: absolute;
+        left: 0;
+        top: 170px;     // même valeur que la hauteur du header mobile
+        width: 100%;
         height: 200px;
-            top: -30px;
+        flex: 0 0 auto;
       }
+  
       @media (max-width: 500px) {
-            flex: 0 0 40%;
+        height: auto;
       }
+  
+      /* ---- Bloc menu principal ---- */
       #block-quartiers-de-demain-entete {
         margin: auto;
+  
         h2 {
           display: none;
         }
+  
         ul {
           display: flex;
           flex-direction: column;
@@ -217,29 +585,30 @@ header[role="banner"]{
           padding-left: 1rem;
           padding-right: 1rem;
           margin: auto;
-                // padding-top: 5%;
+  
           @media (max-width: 1025px) {
             top: 0;
             align-items: center;
             padding-top: 0.3rem;
           }
-                @media(max-width: 1090px){
+  
-                }
           li {
             width: 100%;
             text-align: left;
+  
             .is-active {
               font-family: "gilroy-bold";
             }
+  
             :hover {
               font-family: "gilroy-bold";
             }
+  
             @media (max-width: 1090px) {
               padding-top: 0.3rem;
-                        
             }
-                    @media(max-width: 810px){
   
+            @media (max-width: 810px) {
               line-height: 1.3rem;
             }
   
@@ -247,141 +616,76 @@ header[role="banner"]{
               text-transform: uppercase;
               color: white;
               font-size: 0.5rem;
+  
               @media (max-width: 1090px) {
                 font-size: 0.6rem;
               }
+  
               @media (max-width: 810px) {
                 display: flex;
                 flex-direction: column;
                 align-items: center;
                 font-size: 0.8rem;
               }
+            }
+          }
+        }
+      }
   
-                    }
+      /* ---- Sélecteur de langue en bas du menu ---- */
-                    // &:not(:last-of-type){
-                    //     ::after{
-                    //         content: "";
-                    //         display: block;
-                    //         border-bottom: solid white 1px;
-                    //         padding-bottom: 0.3rem;
-                    //         width: 60%; /* Réduit la largeur du soulignement à 50% */
-                    //         // margin: 0 auto; /* Centre le soulignement sous l'élément */
-                    //     }
-
-                    // }
-                } 
-            }
-            @media(max-width: 660px){
-
-            }
-        }
       #block-quartiers-de-demain-selecteurdelangue {
         width: fit-content;
         margin: auto;
+  
         @media (max-width: 810px) {
           padding-bottom: 0.5rem;
           margin-bottom: 0.5rem;
+  
           .links {
             margin-top: 0.5rem;
           }
         }
       }
-       
     }
   
-  .header_nav_container.hidden {
+    /* ===========================
-    transform: translateX(30%);
+       ÉTATS D’AFFICHAGE DU MENU
-  }
+       (pilotés en JS avec .nav-hidden)
+       =========================== */
   
-  .header_nav_container.visible {
+    /* État par défaut : visible */
+  
+    .header_nav_container {
       transform: translateX(0);
     }
   
-  .header:hover + .header_nav_container {
+    /* Desktop : caché → slide vers la gauche */
-    transform: translateX(0);
+    .header_nav_container.nav-hidden {
+      transform: translateX(-100%);
+    }
+  
+    /* Mobile : on utilise translateY pour cacher/montrer */
+    @media (max-width: 810px) {
+      .header_nav_container {
+        transform: translateY(0);
+      }
+  
+      .header_nav_container.nav-hidden {
+        transform: translateY(-100%);
       }
     }
+  }
+  
+  /* ===========================
+     HEADER "SHRINK" AU SCROLL
+     =========================== */
+  
   .shrink {
     height: 260px;
-    @media(max-width: 810px){
+    background: none;
-        height: 170px;
-       }
-}
-/* Taille définitive du header après l'animation */
-header[role="banner"].header--collapsed {
-    height: $header-height; /* Ou la hauteur que vous souhaitez pour votre header */
-    width: 35%;
-    transform-origin: bottom right; 
-    transition: all 1s ease-in-out;
-    @media(max-width: 1090px) {
-        height: $header-height-pad;
-    }
-    @media (min-width: 1400px) {
-        height: $header-height-big;
-    }
-    .qdd-header{
-        opacity: 1 !important;
-    }
-    @media(max-width: 810px){
-     width: 100%;
-     height: 170px;
-    }
-    .header_left_container{
-        flex: 0 0 65%;
-        transform-origin: bottom right; 
-        @media(max-width: 810px){
-            flex: 1 0 100%;
-        }
-    }
-    .header_nav_container{
-        flex: 0 0 30%;
-        transform-origin: bottom right; 
-        min-width: fit-content;
-        @media(max-width: 810px){
-            flex: 1 0 100%;
-            position: relative;
-            left: -100%;
-            // top: -45px;  /* a remettre et faire varier si ajoute éléments dans menu */
   
+    @media (max-width: 810px) {
+      height: 170px; // la hauteur du bloc header-left reste la même en mobile
     }
   }
   
-}
-header[role="banner"].header--collapsed-already{
-    height: $header-height; /* Ou la hauteur que vous souhaitez pour votre header */
-    width: 35%;
-    transform-origin: bottom right; 
-    transition: all 0s ease-in-out;
-    .qdd-header{
-        opacity: 1 !important;
-    }
-    @media(max-width: 810px){
-        width: 100%;
-        // height: 170px;
-       }
-    @media (min-width: 1400px) {
-        height: $header-height-big;
-    }
-    .header_left_container{
-        flex: 0 0 65%;
-        transform-origin: bottom right; 
-        @media(max-width: 810px){
-            flex: 1 0 100%;
-        }
-    }
-    .header_nav_container{
-        flex: 0 0 30%;
-        min-width: fit-content;
-        transform-origin: bottom right; 
-        @media(max-width: 810px){
-            flex: 1 0 100%;
-            position: relative;
-            left: -100%;
-            // top: -75px;
-        }
-        @media(max-width: 550px){
-            top: 0px;
-        }
-    }
-
-}

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

@@ -211,6 +211,9 @@
                     background: black;
                     text-transform: uppercase;
                     font-size: 0.6rem;
+                    margin: auto;
+                    padding-top: 0.1rem;
+                    padding-bottom: 0.1rem;
                     @media (max-width:810px) {  
                         margin-left: 0;
                         margin: auto;

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

@@ -15,6 +15,7 @@
 @import "global/layout";
 @import "global/reset";
 @import "global/mediaquerries";
+
 // @import "global/_animated-logo";
 
 
@@ -24,12 +25,12 @@
 @import "partials/header";
 @import "partials/footer";
 @import "partials/aside";
-@import "partials/animation-logo";
+// @import "partials/animation-logo";
 @import "partials/slick-theme";
 @import "partials/slick";
 @import "partials/timeline";
 @import "partials/actu-caroussel-home";
-@import "partials/animation-logo-header";
+// @import "partials/animation-logo-header";
 @import "partials/formes-animees";
 @import "partials/animation-pilliers";
 @import "partials/map";
@@ -55,4 +56,4 @@
 @import "pages/ressources";
 @import "pages/actualites";
 
-@import "/home/ouidade/Developer/docker-quartiersdedemain/src/web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.css";
+@import "/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.css";

web/themes/custom/quartiers_de_demain/templates/field--block-content--logo-link.html.twig

@@ -432,9 +432,9 @@
 
   {% for item in items %}
     <div{{ item.attributes }}>
-      <a class='logo-qdd' href="{{ ancre_href1 }}">
+      {# <a class='logo-qdd' href="{{ ancre_href1 }}">
         {{ svg_icon|raw }}
-      </a>
+      </a> #}
       
       <a clas='other-logo' href="{{ ancre_href }}">
         {{ item.content }}

web/themes/custom/quartiers_de_demain/templates/field--field-laureats.html.twig

@@ -50,6 +50,15 @@
 {%
   set ancre_href = '#paragraph-id--' ~ paragraph.id()
 %}
+
+{# Vrai si au moins un item a du contenu (donc booléen "vrai") #}
+{% set is_laureat = false %}
+{% for item in items %}
+  {% if item.content|render|trim is not empty %}
+    {% set is_laureat = true %}
+  {% endif %}
+{% endfor %}
+
 {% if label_hidden %}
   {% if multiple %}
     <div{{ attributes }}>
@@ -63,17 +72,16 @@
     {% endfor %}
   {% endif %}
 {% else %}
-  <div{{ attributes }}>
+  <div{{ attributes.addClass(is_laureat ? 'is-laureat') }}>
     <div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
     {% if multiple %}
       <div>
     {% endif %}
-    {% for item in items %}
+    {# {% for item in items %}
       <div class="laureat"{{ item.attributes }}>{{ item.content }}</div>
-    {% endfor %}
+    {% endfor %} #}
     {% if multiple %}
       </div>
     {% endif %}
   </div>
-  
 {% endif %}

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

@@ -62,7 +62,10 @@
  * @ingroup themeable
  */
 #}
-<article{{ attributes }}>
+{# On calcule une variable Twig pour savoir si le node est lauréat #}
+{% set is_laureat = node.field_laureats.value ?? 0 %}
+
+<article{{ attributes.addClass(is_laureat ? 'is-laureat' : '') }}>
 
   {{ title_prefix }}
   {% if label and not page %}

web/themes/custom/quartiers_de_demain/templates/node--projets-lies.html.twig

@@ -62,7 +62,11 @@
  * @ingroup themeable
  */
 #}
-  <article{{ attributes }}>
+
+{# Le node est lauréat si field_laureats vaut "1" #}
+{% set is_laureat = node.field_laureats is defined and node.field_laureats.value == '1' %}
+
+  <article{{ attributes.addClass(is_laureat ? 'is-laureat') }}>
 
     {{ title_prefix }}  
     {% if label and not page %}
@@ -89,14 +93,35 @@
       {% set node_title = node.label %}
       {% set node_url = (url is defined and url) ? url : path('entity.node.canonical', {'node': node.id}) %}
 
-      {% if node_title %}
+      {# {% if node_title %}
         {{ title_prefix }}
         <h3{{ title_attributes }} class="node-projet-title">
           <a href="{{ node_url }}" rel="bookmark">{{ node_title }}</a>
         </h3>
         {{ title_suffix }}
       {% endif %}
+      {{ content }} #}
+
+      {% if node_title %}
+        {{ title_prefix }}
+        <a href="{{ node_url }}" rel="bookmark" class="node-projet-link">
+          <h3{{ title_attributes.addClass('node-projet-title') }}>
+            {{ node_title }}
+          </h3>
+
+          {# Champ "Nom de l'équipe" inclus dans le lien #}
+          {% if content.field_nom_de_l_equipe is defined %}
+            {{ content.field_nom_de_l_equipe }}
+          {% endif %}
+        </a>
+        {{ title_suffix }}
+
+        {# On affiche le reste des champs, sans field_nom_de_l_equipe #}
+        {{ content|without('field_nom_de_l_equipe') }}
+      {% else %}
         {{ content }}
+      {% endif %}
+
     </div>
     
 

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

@@ -31,7 +31,7 @@
  * @ingroup themeable
  */
 #}
-
+{# 
 
 
 {% for field in fields -%}
@@ -54,5 +54,45 @@
   {%- if field.wrapper_element -%}
     </{{ field.wrapper_element }}>
   {%- endif %}
-{%- endfor %}
+{%- endfor %} #}
 
+{# Vrai si le champ field_laureats a une valeur brute #}
+{# On récupère la valeur brute du champ field_laureats sur l'entité #}
+{% set laureat_value = row._entity.field_laureats.value ?? null %}
+
+
+{% set laureat_value = row._entity.field_laureats.value ?? null %}
+
+{% for id, field in fields -%}
+  {{ field.separator }}
+
+  {%- if field.wrapper_element -%}
+    {# On part des attributs existants du wrapper #}
+    {% set wrapper_attributes = field.wrapper_attributes %}
+
+    {# Si c'est le champ field_laureats ET qu'il a une valeur, on ajoute la classe #}
+    {% if id == 'field_laureats' and laureat_value %}
+      {% set wrapper_attributes = wrapper_attributes.addClass('is-laureat') %}
+    {% endif %}
+
+    <{{ field.wrapper_element }}{{ wrapper_attributes }}>
+  {%- endif %}
+
+  {%- if field.label -%}
+    {%- if field.label_element -%}
+      <{{ field.label_element }}{{ field.label_attributes }}>{{ field.label }}{{ field.label_suffix }}</{{ field.label_element }}>
+    {%- else -%}
+      {{ field.label }}{{ field.label_suffix }}
+    {%- endif %}
+  {%- endif %}
+
+  {%- if field.element_type -%}
+    <{{ field.element_type }}{{ field.element_attributes }}>
+      {{ field.content }}
+    </{{ field.element_type }}>
+  {%- endif %}
+
+  {%- if field.wrapper_element -%}
+    </{{ field.wrapper_element }}>
+  {%- endif %}
+{%- endfor %}

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

@@ -9,6 +9,10 @@ let config = {
        
         // "./src/assets/js/animated_logo.js",
         "./src/assets/js/animated_formes.js",
+        "./src/assets/js/lightbox.js",
+        "./src/assets/js/header.js",
+        "./src/assets/js/timeline.js",
+        "./src/assets/js/ressources.js",
         "./src/assets/scss/quartiers_de_demain.scss", 
         // "./src/assets/fonts/*",
         // "./src/assets/css/animated_logo.css",
@@ -66,7 +70,12 @@ let config = {
             
         ],
         
-    }
+    },
+
+    externals: {
+      drupal: 'Drupal',
+      Drupal: 'Drupal',
+    },
 }
 
 
@@ -74,3 +83,5 @@ let config = {
 
 
 module.exports = config;
+
+