/lesprojets responsive

composer.json

@@ -45,6 +45,7 @@
         "drupal/views_autocomplete_filters": "^2.0",
         "drupal/views_block_area": "^1.0@beta",
         "drupal/views_bulk_operations": "^4.4",
+        "drupal/views_conditional": "^1.10",
         "drupal/views_year_filter": "^2.1",
         "drupal/viewsreference": "^2.0@beta",
         "drupal/yaml_editor": "^1.2",

composer.lock

@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "cf235184fedb5ff9016eeb5ccb363251",
+    "content-hash": "537f939f0abf640dece13d2f934eb6ee",
     "packages": [
         {
             "name": "asm89/stack-cors",
@@ -8197,6 +8197,62 @@
                 "docs": "https://www.drupal.org/docs/contributed-modules/views-bulk-operations-vbo"
             }
         },
+        {
+            "name": "drupal/views_conditional",
+            "version": "1.10.0",
+            "source": {
+                "type": "git",
+                "url": "https://git.drupalcode.org/project/views_conditional.git",
+                "reference": "8.x-1.10"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://ftp.drupal.org/files/projects/views_conditional-8.x-1.10.zip",
+                "reference": "8.x-1.10",
+                "shasum": "54997357c05b7f08b87411018eed3aafd3e65547"
+            },
+            "require": {
+                "drupal/core": "^9 || ^10 || ^11"
+            },
+            "type": "drupal-module",
+            "extra": {
+                "drupal": {
+                    "version": "8.x-1.10",
+                    "datestamp": "1727901408",
+                    "security-coverage": {
+                        "status": "covered",
+                        "message": "Covered by Drupal's security advisory policy"
+                    }
+                }
+            },
+            "notification-url": "https://packages.drupal.org/8/downloads",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "anand.toshniwal93",
+                    "homepage": "https://www.drupal.org/user/3345088"
+                },
+                {
+                    "name": "joelpittet",
+                    "homepage": "https://www.drupal.org/user/160302"
+                },
+                {
+                    "name": "MChittenden",
+                    "homepage": "https://www.drupal.org/user/2288348"
+                },
+                {
+                    "name": "shelane",
+                    "homepage": "https://www.drupal.org/user/2674989"
+                }
+            ],
+            "description": "Allows conditional views output.",
+            "homepage": "https://www.drupal.org/project/views_conditional",
+            "support": {
+                "source": "https://git.drupalcode.org/project/views_conditional"
+            }
+        },
         {
             "name": "drupal/views_year_filter",
             "version": "2.1.6",

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

@@ -4,6 +4,7 @@ status: true
 dependencies:
   config:
     - field.field.node.projet.field_documents
+    - field.field.node.projet.field_image
     - field.field.node.projet.field_infos
     - field.field.node.projet.field_intro
     - field.field.node.projet.field_laureats
@@ -11,10 +12,12 @@ dependencies:
     - field.field.node.projet.field_nom_de_l_equipe
     - field.field.node.projet.field_parties_projet
     - field.field.node.projet.field_site_projet
+    - image.style.thumbnail
     - node.type.projet
   module:
     - field_group
     - file
+    - image
     - link
     - paragraphs
     - path
@@ -29,7 +32,7 @@ third_party_settings:
       label: Tabs
       region: content
       parent_name: ''
-      weight: 3
+      weight: 2
       format_type: tabs
       format_settings:
         classes: ''
@@ -40,12 +43,13 @@ third_party_settings:
         width_breakpoint: 640
     group_parties:
       children:
+        - field_image
         - field_intro
         - field_parties_projet
       label: Contenus
       region: hidden
       parent_name: group_tabs
-      weight: 13
+      weight: 8
       format_type: tab
       format_settings:
         classes: ''
@@ -61,7 +65,7 @@ third_party_settings:
       label: Infos
       region: hidden
       parent_name: group_tabs
-      weight: 12
+      weight: 6
       format_type: tab
       format_settings:
         classes: ''
@@ -105,7 +109,7 @@ third_party_settings:
       label: 'Docs & Liens'
       region: hidden
       parent_name: group_tabs
-      weight: 14
+      weight: 10
       format_type: tab
       format_settings:
         classes: ''
@@ -122,7 +126,7 @@ mode: default
 content:
   created:
     type: datetime_timestamp
-    weight: 30
+    weight: 32
     region: content
     settings: {  }
     third_party_settings: {  }
@@ -133,9 +137,17 @@ content:
     settings:
       progress_indicator: throbber
     third_party_settings: {  }
+  field_image:
+    type: image_image
+    weight: 3
+    region: content
+    settings:
+      progress_indicator: throbber
+      preview_image_style: thumbnail
+    third_party_settings: {  }
   field_infos:
     type: paragraphs
-    weight: 8
+    weight: 9
     region: content
     settings:
       title: Paragraphe
@@ -153,7 +165,7 @@ content:
     third_party_settings: {  }
   field_intro:
     type: text_textarea
-    weight: 37
+    weight: 4
     region: content
     settings:
       rows: 5
@@ -184,7 +196,7 @@ content:
     third_party_settings: {  }
   field_parties_projet:
     type: paragraphs
-    weight: 38
+    weight: 5
     region: content
     settings:
       title: Paragraphe
@@ -212,44 +224,44 @@ content:
     third_party_settings: {  }
   langcode:
     type: language_select
-    weight: 28
+    weight: 30
     region: content
     settings:
       include_locked: true
     third_party_settings: {  }
   path:
     type: path
-    weight: 35
+    weight: 37
     region: content
     settings: {  }
     third_party_settings: {  }
   promote:
     type: boolean_checkbox
-    weight: 32
+    weight: 34
     region: content
     settings:
       display_label: true
     third_party_settings: {  }
   simple_sitemap:
-    weight: 36
+    weight: 38
     region: content
     settings: {  }
     third_party_settings: {  }
   simple_sitemap_index_now:
-    weight: 34
+    weight: 36
     region: content
     settings: {  }
     third_party_settings: {  }
   status:
     type: boolean_checkbox
-    weight: 31
+    weight: 33
     region: content
     settings:
       display_label: true
     third_party_settings: {  }
   sticky:
     type: boolean_checkbox
-    weight: 33
+    weight: 35
     region: content
     settings:
       display_label: true
@@ -264,7 +276,7 @@ content:
     third_party_settings: {  }
   uid:
     type: entity_reference_autocomplete
-    weight: 29
+    weight: 31
     region: content
     settings:
       match_operator: CONTAINS

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

@@ -4,6 +4,7 @@ status: true
 dependencies:
   config:
     - field.field.node.projet.field_documents
+    - field.field.node.projet.field_image
     - field.field.node.projet.field_infos
     - field.field.node.projet.field_intro
     - field.field.node.projet.field_laureats
@@ -15,6 +16,7 @@ dependencies:
   module:
     - entity_reference_revisions
     - file
+    - image
     - link
     - manage_display
     - text
@@ -31,6 +33,17 @@ content:
     third_party_settings: {  }
     weight: 9
     region: content
+  field_image:
+    type: image
+    label: above
+    settings:
+      image_link: ''
+      image_style: ''
+      image_loading:
+        attribute: lazy
+    third_party_settings: {  }
+    weight: 13
+    region: content
   field_infos:
     type: entity_reference_revisions_entity_view
     label: visually_hidden

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

@@ -5,6 +5,7 @@ dependencies:
   config:
     - core.entity_view_mode.node.full
     - field.field.node.projet.field_documents
+    - field.field.node.projet.field_image
     - field.field.node.projet.field_infos
     - field.field.node.projet.field_intro
     - field.field.node.projet.field_laureats
@@ -50,6 +51,7 @@ content:
 hidden:
   created: true
   field_documents: true
+  field_image: true
   field_infos: true
   field_intro: true
   field_laureats: true

config/sync/core.entity_view_display.node.projet.projets_lies.yml

@@ -5,6 +5,7 @@ dependencies:
   config:
     - core.entity_view_mode.node.projets_lies
     - field.field.node.projet.field_documents
+    - field.field.node.projet.field_image
     - field.field.node.projet.field_infos
     - field.field.node.projet.field_intro
     - field.field.node.projet.field_laureats
@@ -57,6 +58,7 @@ content:
 hidden:
   created: true
   field_documents: true
+  field_image: true
   field_infos: true
   field_intro: true
   field_liens: true

config/sync/core.entity_view_display.node.projet.tableau_projets_de_site.yml

@@ -5,6 +5,7 @@ dependencies:
   config:
     - core.entity_view_mode.node.tableau_projets_de_site
     - field.field.node.projet.field_documents
+    - field.field.node.projet.field_image
     - field.field.node.projet.field_infos
     - field.field.node.projet.field_intro
     - field.field.node.projet.field_laureats
@@ -15,12 +16,24 @@ dependencies:
     - node.type.projet
   module:
     - advanced_text_formatter
+    - image
     - manage_display
 id: node.projet.tableau_projets_de_site
 targetEntityType: node
 bundle: projet
 mode: tableau_projets_de_site
 content:
+  field_image:
+    type: image
+    label: above
+    settings:
+      image_link: ''
+      image_style: ''
+      image_loading:
+        attribute: lazy
+    third_party_settings: {  }
+    weight: 0
+    region: content
   field_intro:
     type: advanced_text
     label: visually_hidden
@@ -50,7 +63,7 @@ content:
       token_replace: 0
       autop: 0
     third_party_settings: {  }
-    weight: 2
+    weight: 3
     region: content
   field_laureats:
     type: boolean
@@ -60,7 +73,7 @@ content:
       format_custom_false: ''
       format_custom_true: Lauréats
     third_party_settings: {  }
-    weight: 0
+    weight: 1
     region: content
   field_nom_de_l_equipe:
     type: title
@@ -69,12 +82,12 @@ content:
       link_to_entity: false
       tag: h2
     third_party_settings: {  }
-    weight: 1
+    weight: 2
     region: content
   links:
     settings: {  }
     third_party_settings: {  }
-    weight: 3
+    weight: 4
     region: content
 hidden:
   created: true

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

@@ -5,6 +5,7 @@ dependencies:
   config:
     - core.entity_view_mode.node.teaser
     - field.field.node.projet.field_documents
+    - field.field.node.projet.field_image
     - field.field.node.projet.field_infos
     - field.field.node.projet.field_intro
     - field.field.node.projet.field_laureats
@@ -12,8 +13,10 @@ dependencies:
     - field.field.node.projet.field_nom_de_l_equipe
     - field.field.node.projet.field_parties_projet
     - field.field.node.projet.field_site_projet
+    - image.style.large
     - node.type.projet
   module:
+    - image_field_caption
     - manage_display
     - smart_trim
 id: node.projet.teaser
@@ -21,6 +24,17 @@ targetEntityType: node
 bundle: projet
 mode: teaser
 content:
+  field_image:
+    type: image_caption
+    label: visually_hidden
+    settings:
+      image_style: large
+      image_link: content
+      image_loading:
+        attribute: lazy
+    third_party_settings: {  }
+    weight: 0
+    region: content
   field_intro:
     type: smart_trim
     label: visually_hidden
@@ -43,7 +57,7 @@ content:
         trim_zero: false
         replace_tokens: false
     third_party_settings: {  }
-    weight: 2
+    weight: 3
     region: content
   field_laureats:
     type: boolean
@@ -53,7 +67,7 @@ content:
       format_custom_false: ''
       format_custom_true: Lauréat
     third_party_settings: {  }
-    weight: 0
+    weight: 1
     region: content
   field_nom_de_l_equipe:
     type: title
@@ -62,7 +76,7 @@ content:
       link_to_entity: true
       tag: h3
     third_party_settings: {  }
-    weight: 1
+    weight: 2
     region: content
 hidden:
   created: true

config/sync/core.extension.yml

@@ -126,6 +126,7 @@ module:
   views_block_area: 0
   views_bulk_edit: 0
   views_bulk_operations: 0
+  views_conditional: 0
   views_ui: 0
   views_year_filter: 0
   viewsreference: 0

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

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

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

@@ -0,0 +1,31 @@
+uuid: 4bd07a20-5afc-4fcb-ba40-1cd7285ffe80
+langcode: fr
+status: true
+dependencies:
+  module:
+    - file
+    - image
+    - node
+id: node.field_image
+field_name: field_image
+entity_type: node
+type: image
+settings:
+  target_type: file
+  display_field: false
+  display_default: true
+  uri_scheme: public
+  default_image:
+    uuid: ''
+    alt: ''
+    title: ''
+    width: null
+    height: null
+    caption: ''
+module: image
+locked: false
+cardinality: 1
+translatable: true
+indexes: {  }
+persist_with_no_fields: false
+custom_storage: false

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

@@ -0,0 +1,217 @@
+uuid: 7b24d48b-856c-4068-9019-123a1d632edb
+langcode: fr
+status: true
+dependencies:
+  config:
+    - page_manager.page.node_view
+  module:
+    - ctools_block
+    - node
+    - panels
+id: node_view-panels_variant-3
+label: 'Galeries Photo'
+weight: 0
+variant: panels_variant
+variant_settings:
+  id: panels_variant
+  label: null
+  weight: 0
+  uuid: 477913ae-10a8-4ccf-87e1-530a7919350f
+  blocks:
+    e09c02d4-cb7b-40f1-bc0b-477d36bb6152:
+      id: 'entity_field:node:title'
+      label: Titre
+      label_display: '0'
+      provider: ctools_block
+      context_mapping:
+        entity: node
+      formatter:
+        type: title
+        weight: 0
+        label: visually_hidden
+        settings:
+          link_to_entity: false
+          tag: h2
+        third_party_settings: {  }
+      region: second
+      weight: -3
+      uuid: e09c02d4-cb7b-40f1-bc0b-477d36bb6152
+      css_classes:
+        - ''
+      html_id: ''
+      css_styles: ''
+    d9627f51-1087-40bc-aa42-c95641aa42a1:
+      id: 'entity_field:node:field_mots_clefs'
+      label: 'Mots Clefs'
+      label_display: '0'
+      provider: ctools_block
+      context_mapping:
+        entity: node
+      formatter:
+        type: entity_reference_label
+        weight: 0
+        label: hidden
+        settings:
+          link: false
+        third_party_settings: {  }
+      region: second
+      weight: -1
+      uuid: d9627f51-1087-40bc-aa42-c95641aa42a1
+      css_classes:
+        - ''
+      html_id: ''
+      css_styles: ''
+    b1c1b485-01ac-4254-8835-e12bd7a18f69:
+      id: 'entity_field:node:field_site'
+      label: Site(s)
+      label_display: '0'
+      provider: ctools_block
+      context_mapping:
+        entity: node
+      formatter:
+        type: entity_reference_label
+        weight: 0
+        label: visually_hidden
+        settings:
+          link: false
+        third_party_settings: {  }
+      region: second
+      weight: 0
+      uuid: b1c1b485-01ac-4254-8835-e12bd7a18f69
+      css_classes:
+        - ''
+      html_id: ''
+      css_styles: ''
+    f729e7a3-22e6-4092-b97a-f0a7546bf4de:
+      id: 'entity_field:node:field_author'
+      label: Author
+      label_display: '0'
+      provider: ctools_block
+      context_mapping:
+        entity: node
+      formatter:
+        type: string
+        weight: 0
+        label: visually_hidden
+        settings:
+          link_to_entity: false
+        third_party_settings: {  }
+      region: second
+      weight: -2
+      uuid: f729e7a3-22e6-4092-b97a-f0a7546bf4de
+      css_classes:
+        - ''
+      html_id: ''
+      css_styles: ''
+    f3506637-b9fb-4657-87a3-c5a57f443064:
+      id: 'entity_field:node:body'
+      label: Corps
+      label_display: '0'
+      provider: ctools_block
+      context_mapping:
+        entity: node
+      formatter:
+        type: text_default
+        weight: 0
+        label: visually_hidden
+        settings: {  }
+        third_party_settings: {  }
+      region: second
+      weight: 1
+      uuid: f3506637-b9fb-4657-87a3-c5a57f443064
+      css_classes:
+        - ''
+      html_id: ''
+      css_styles: ''
+    350df3ab-56c9-45fb-b17c-e4a5578c3be8:
+      id: 'entity_field:node:field_documents'
+      label: Documents
+      label_display: '0'
+      provider: ctools_block
+      context_mapping:
+        entity: node
+      formatter:
+        type: file_default
+        weight: 0
+        label: visually_hidden
+        settings:
+          use_description_as_link_text: true
+        third_party_settings: {  }
+      region: second
+      weight: 2
+      uuid: 350df3ab-56c9-45fb-b17c-e4a5578c3be8
+      css_classes:
+        - ''
+      html_id: ''
+      css_styles: ''
+    7af4840f-5836-4cf6-94bb-4faaa13adc9e:
+      id: 'entity_field:node:field_liens'
+      label: Liens
+      label_display: '0'
+      provider: ctools_block
+      context_mapping:
+        entity: node
+      formatter:
+        type: link
+        weight: 0
+        label: visually_hidden
+        settings:
+          trim_length: 80
+          url_only: false
+          url_plain: false
+          rel: nofollow
+          target: _blank
+        third_party_settings: {  }
+      region: second
+      weight: 3
+      uuid: 7af4840f-5836-4cf6-94bb-4faaa13adc9e
+      css_classes:
+        - ''
+      html_id: ''
+      css_styles: ''
+    dcfd885b-b7dc-4c0f-b303-2941938b2165:
+      id: 'entity_field:node:field_images'
+      label: Images
+      label_display: '0'
+      provider: ctools_block
+      context_mapping:
+        entity: node
+      formatter:
+        type: image_caption
+        weight: 0
+        label: visually_hidden
+        settings:
+          image_style: large
+          image_link: file
+          image_loading:
+            attribute: lazy
+        third_party_settings: {  }
+      region: second
+      weight: 4
+      uuid: dcfd885b-b7dc-4c0f-b303-2941938b2165
+      css_classes:
+        - ''
+      html_id: ''
+      css_styles: ''
+  page_title: ''
+  layout: layout_threecol_25_50_25
+  layout_settings:
+    label: ''
+  builder: standard
+  storage_type: page_manager
+  storage_id: node_view-panels_variant-3
+  css_classes:
+    - ''
+  html_id: ''
+  css_styles: ''
+page: node_view
+selection_criteria:
+  -
+    id: 'entity_bundle:node'
+    negate: false
+    context_mapping:
+      node: node
+    bundles:
+      ressource: ressource
+selection_logic: and
+static_context: {  }

config/sync/views.view.ressources.yml

@@ -24,12 +24,14 @@ dependencies:
     - formatter_suite
     - image
     - link
+    - manage_display
     - node
     - taxonomy
     - text
     - user
     - verf
     - video_embed_field
+    - views_conditional
 id: ressources
 label: Ressources
 module: views
@@ -109,6 +111,68 @@ display:
           multi_type: separator
           separator: ', '
           field_api_classes: false
+        field_type_de_ressource_1:
+          id: field_type_de_ressource_1
+          table: node__field_type_de_ressource
+          field: field_type_de_ressource
+          relationship: none
+          group_type: group
+          admin_label: 'Ressource type ID'
+          plugin_id: field
+          label: ''
+          exclude: true
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: target_id
+          type: entity_reference_entity_id
+          settings: {  }
+          group_column: target_id
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
         weight:
           id: weight
           table: taxonomy_term_field_data
@@ -503,11 +567,141 @@ display:
           field: title
           relationship: none
           group_type: group
-          admin_label: ''
+          admin_label: 'Title not linked'
           entity_type: node
           entity_field: title
           plugin_id: field
           label: ''
+          exclude: true
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: value
+          type: title
+          settings:
+            link_to_entity: false
+            tag: h2
+          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_2:
+          id: title_2
+          table: node_field_data
+          field: title
+          relationship: none
+          group_type: group
+          admin_label: 'Title linked'
+          entity_type: node
+          entity_field: title
+          plugin_id: field
+          label: ''
+          exclude: true
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: value
+          type: title
+          settings:
+            link_to_entity: true
+            tag: h2
+          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
+        views_conditional_field_1:
+          id: views_conditional_field_1
+          table: views_conditional
+          field: views_conditional_field
+          relationship: none
+          group_type: group
+          admin_label: 'Conditionnal title linked for gallerie OR not linked'
+          plugin_id: views_conditional_field
+          label: ''
           exclude: false
           alter:
             alter_text: false
@@ -548,20 +742,14 @@ display:
           hide_empty: false
           empty_zero: false
           hide_alter_empty: true
-          click_sort_column: value
+          if: field_type_de_ressource_1
-          type: string
+          condition: eq
-          settings:
+          equalto: '17'
-            link_to_entity: false
+          then: '{{ title_2 }}'
-          group_column: value
+          then_translate: false
-          group_columns: {  }
+          or: '{{ title_1 }}'
-          group_rows: true
+          or_translate: false
-          delta_limit: 0
+          strip_tags: false
-          delta_offset: 0
-          delta_reversed: false
-          delta_first_last: false
-          multi_type: separator
-          separator: ', '
-          field_api_classes: false
         field_sous_titre_1:
           id: field_sous_titre_1
           table: node__field_sous_titre
@@ -1079,6 +1267,116 @@ display:
           multi_type: separator
           separator: ', '
           field_api_classes: false
+        view_node:
+          id: view_node
+          table: node
+          field: view_node
+          relationship: none
+          group_type: group
+          admin_label: ''
+          entity_type: node
+          plugin_id: entity_link
+          label: ''
+          exclude: true
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          text: 'Voir la gallerie photo'
+          output_url_as_text: false
+          absolute: false
+        views_conditional_field:
+          id: views_conditional_field
+          table: views_conditional
+          field: views_conditional_field
+          relationship: none
+          group_type: group
+          admin_label: 'conditional gallerie link'
+          plugin_id: views_conditional_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
+          if: field_type_de_ressource_1
+          condition: eq
+          equalto: '17'
+          then: '{{ view_node }}'
+          then_translate: true
+          or: ''
+          or_translate: true
+          strip_tags: false
       pager:
         type: none
         options:

config/sync/views.view.sites_projets.yml

@@ -28,7 +28,7 @@ display:
     display_plugin: default
     position: 0
     display_options:
-      title: 'Projets et résultats'
+      title: 'Les 30 projets'
       fields:
         nid_1:
           id: nid_1

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

@@ -46,6 +46,8 @@ svgElement.addEventListener('mouseover', function(event) {
         const content = event.target.getAttribute('data-content');
         const dataId = event.target.getAttribute('data-id');
         const correspondingRow = document.querySelector(`.views-row[data-id="${dataId}"]`);
+        const correspondingProjetRow = document.querySelector(`.node-type-projet[data-id="${dataId}"]`);
+
 
         // Interaction pour la page d'accueil
         if (isHomePage) {
@@ -68,7 +70,7 @@ svgElement.addEventListener('mouseover', function(event) {
         }
 
         // Interaction pour la page #lessites
-        if (isLessitesPage && correspondingRow) {
+        if (isLessitesPage && correspondingRow && correspondingProjetRow) {
             correspondingRow.style.border = '2px solid red';  // Bordure rouge autour du .views-row correspondant
         }
     }
@@ -89,6 +91,8 @@ svgElement.addEventListener('mouseout', function(event) {
     if (event.target.classList.contains('site-link')) {
         const dataId = event.target.getAttribute('data-id');
         const correspondingRow = document.querySelector(`.views-row[data-id="${dataId}"]`);
+        const correspondingProjetRow = document.querySelector(`.node-type-projet[data-id="${dataId}"]`);
+
 
         // Ferme le popup pour la page d'accueil
         if (isHomePage || isCandidaturePage) {
@@ -97,7 +101,7 @@ svgElement.addEventListener('mouseout', function(event) {
         }
 
         // Supprime la bordure rouge autour du .views-row pour la page #lessites
-        if (isLessitesPage && correspondingRow) {
+        if (isLessitesPage && correspondingRow && correspondingProjetRow) {
             correspondingRow.style.border = 'none';
         }
     }

web/themes/custom/quartiers_de_demain/dist/assets/bundle.js

@@ -437,54 +437,6 @@ document.addEventListener('DOMContentLoaded', function() {
 
 //////////////////////// end Timeline script /////////////////////////////////////////////
 
-///////////////////  caracteres  body actus/////////////////////////
-
-// document.addEventListener('DOMContentLoaded', function() {
-//   // Maximum number of characters to display
-//   const maxChars = 140; // Adjust this value as needed
-
-//   document.querySelectorAll('#actus-caroussel .node-type-actualite .field_body').forEach(function(paragraph) {
-//     let text = paragraph.textContent.trim();
-//     if (text.length > maxChars) {
-//       let truncatedText = text.slice(0, maxChars) + '...';
-//       paragraph.textContent = truncatedText;
-//     }
-//   });
-// });
-
-
-//////////// start slideshow actus home  ////////////////////////// 
-// $(document).ready(function(){
-//     let actuview = $('.content-actus .view .view-rows-wrapper')
-//     if (actuview) {
-//       actuview.slick({
-//         slidesToShow: 3,
-//         dots: false,
-//         arrows: true,
-//         adaptiveHeight: false,
-//         autoplay: false,
-//         responsive: [
-//           {
-//             breakpoint: 810,
-//             settings: {
-//               slidesToShow: 1,
-//               adaptiveHeight: false,
-//               arrows: true,
-//               draggable: true,
-//               autoplay: false,
-//             }
-//           }]
-//       });
-//       console.log('salut slick home');
-      
-//     }
-//     $('.slick-carousel').slick({
-//       lazyLoad: 'progressive', // Option 'ondemand' ou 'progressive'
-//     });
-
-// });
-
-//////////// end slideshow actus home  ////////////////////////// 
 
 
 //////////// start slideshow images home  ////////////////////////// 
@@ -555,14 +507,13 @@ $(document).ready(function(){
         // console.log('Slick désactivé sur la page Home');
     }
 });
-
 ////////////  end slideshow /actualites  ////////////////////////// 
 
 
 
 //////////////// start lightbox galerie image page site////////////////////////
 // Sélection des images à ouvrir dans la lightbox
-let images = document.querySelectorAll('.paragraph--type--site-diapo .lightbox-trigger');
+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
@@ -732,7 +683,6 @@ if (elementsToWrap.length > 0) {
 
 
 ////////////////////  start div infos actualité  ////////////////////////
-
 $(document).ready(function () {
   // Vérifier si .layout-container A l'ID #page-node (et non un élément enfant)
   if ($(".layout-container").attr("id") === "page-node") {
@@ -758,11 +708,9 @@ $(document).ready(function () {
       });
   }
 });
-
 ////////////////////  end div infos actualité  ////////////////////////
 
 //////////////////////////////////////////////////////////////////
-
 document.addEventListener("DOMContentLoaded", function() {
 // Sélectionner les éléments à déplacer
 const documentsField = document.querySelector(".field_field_documents");
@@ -819,9 +767,9 @@ function moveLanguageSwitcher() {
 moveLanguageSwitcher();
 window.addEventListener("resize", moveLanguageSwitcher);
 });
-
 /////////////////// end langswitcher position responsive///////////////////////////////////////////////////////////
 
+
 /////////////// start class à view-rows-ressources ////////
 $(document).ready(function () {
   $(".view-rows-wrapper").each(function () {
@@ -851,6 +799,12 @@ $(document).ready(function () {
           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
@@ -917,8 +871,6 @@ $(document).ready(function () {
   }
   
 });
-
-
 ///////////////////  end voir plus...  ressources ////////////////////
 
 
@@ -977,96 +929,9 @@ $(document).ready(function () {
     })
   }
 });
-
-
 ///////////////////  end voir plus...  actualite dans /actualites & /home ////////////////////
 
 
-//////////////////////////////////////////
-
-
-// /////////// Start script ressources ////////////////////////////////
-
-// document.addEventListener("DOMContentLoaded", () => {
-//     const view = document.querySelector(".view");
-//     const elements = Array.from(view.children);
-
-//     let newView = document.createElement("div");
-//     newView.classList.add("view");
-
-//     let group = null;
-//     let groupContent = null;
-
-//     elements.forEach((el) => {
-//         if (el.tagName === "H3") {
-//             if (group) {
-//                 newView.appendChild(group);
-//             }
-
-//             group = document.createElement("div");
-//             group.classList.add("group");
-
-//             groupContent = document.createElement("div");
-//             groupContent.classList.add("group-content");
-
-//             groupContent.appendChild(el);
-//             group.appendChild(groupContent);
-//         } else if (el.classList.contains("views-row")) {
-//             groupContent.appendChild(el);
-//         }
-//     });
-
-//     if (group) {
-//         newView.appendChild(group);
-//     }
-
-//     view.replaceWith(newView);
-
-//     // Ajouter un bouton "Voir plus" dans chaque groupe
-//     document.querySelectorAll(".group").forEach((group) => {
-//         const rows = group.querySelectorAll(".views-row");
-//         const button = document.createElement("button");
-//         button.classList.add("toggle-btn");
-//         button.textContent = "Voir plus de";
-
-//         rows.forEach((row, index) => {
-//             if (index >= 3) {
-//                 row.classList.add("hidden");
-//                 row.style.maxHeight = "0";
-//                 row.style.opacity = "0";
-//             }
-//         });
-
-//         button.addEventListener("click", () => {
-//             const isExpanded = button.textContent === "Voir moins de";
-//             const hiddenRows = group.querySelectorAll(".views-row.hidden");
-
-//             if (isExpanded) {
-//                 // Cacher les lignes avec un délai pour l'effet de transition
-//                 hiddenRows.forEach((row) => {
-//                     row.style.maxHeight = "0";
-//                     row.style.opacity = "0";
-//                     setTimeout(() => row.classList.add("hidden"), 500); // Délai pour la transition
-//                 });
-//             } else {
-//                 // Afficher les lignes
-//                 hiddenRows.forEach((row) => {
-//                     row.classList.remove("hidden");
-//                     row.style.maxHeight = row.scrollHeight + "px";
-//                     row.style.opacity = "1";
-//                 });
-//             }
-
-//             button.textContent = isExpanded ? "Voir plus de" : "Voir moins de";
-//         });
-
-//         group.appendChild(button);
-//     });
-// });
-
-
-// /////////// end script ressources ////////////////////////////////
-
 
 
 
@@ -1084,6 +949,8 @@ $(document).ready(function () {
 ////////////////// end class à view-rows-wrapper ////////////////
 
 
+
+
 })(jQuery, window);
 
 

web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css

@@ -3852,6 +3852,7 @@ body {
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_title) {
   align-content: end;
+  order: 1;
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_sous_titre {
   font-size: 0.9rem;
@@ -3859,6 +3860,7 @@ body {
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_sous_titre) {
   flex: 0 0 100%;
+  order: 2;
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .infos {
   margin-top: 1rem;
@@ -3868,6 +3870,7 @@ body {
   flex-wrap: wrap;
   padding-bottom: 0.5rem;
   font-family: "gilroy-light";
+  order: 3;
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .infos div div:nth-of-type(2) {
   font-size: 0.7rem;
@@ -3893,6 +3896,7 @@ body {
 .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_parties) {
   margin-top: 2rem;
   width: 100%;
+  order: 6;
 }
 @media (max-width: 500px) {
   .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_parties) {
@@ -3951,6 +3955,29 @@ body {
   font-size: 0.5rem;
   font-family: "gilroy-light";
 }
+.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field--name-field-documents) {
+  order: 5;
+  margin-top: 0.5rem;
+}
+.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field--name-field-documents) .field--name-field-documents a {
+  display: inline-flex;
+  align-items: center;
+  color: white;
+  background: black;
+  padding-left: 0.5rem;
+  text-transform: uppercase;
+  font-size: 0.5rem;
+  margin-bottom: 0.3rem;
+}
+.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field--name-field-documents) .field--name-field-documents a svg {
+  display: none;
+}
+.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field--name-field-documents) .field--name-field-documents a::after {
+  display: inline-flex;
+  content: url("../img/noun-arrow-to-right.svg");
+  padding-right: 0.2rem;
+  padding-left: 0.2rem;
+}
 .node-type-site .layout--threecol-25-50-25 .layout__region--third {
   flex: 0 1 25% !important;
   height: fit-content;
@@ -3996,26 +4023,56 @@ body {
   text-transform: uppercase;
   font-size: 0.5rem;
 }
-.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .field_field_nom_de_l_equipe {
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .node-type-projet {
-  width: 80%;
+  position: relative;
-  border-bottom: solid black 1px;
-  font-size: 0.6rem;
 }
-.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .field_field_nom_de_l_equipe p {
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .node-type-projet:has(.laureat:not(:empty)) {
+  padding-top: 1.5rem;
+}
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .node-type-projet:has(.laureat:not(:empty))::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: -1rem;
+  width: 2.5rem;
+  height: 2.5rem;
+  background-color: #f6f7f3;
+  background-image: url("../img/LAUREAT.svg");
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain;
+  z-index: -1;
+  margin-top: 0.3rem;
+}
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .node-type-projet .field_field_nom_de_l_equipe {
+  width: 80%;
+  padding-left: 0.5rem;
+  font-size: 0.6rem;
+  background-color: #f6f7f3;
+}
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .node-type-projet .field_field_nom_de_l_equipe div {
+  border-bottom: solid black 1px;
+}
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .node-type-projet .field_field_nom_de_l_equipe p {
   font-family: "gilroy-semibold";
   margin-bottom: 0.5rem;
   font-size: 0.6rem;
+  margin-top: 0.2rem;
 }
-.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .field_field_nom_de_l_equipe div.more-link {
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .node-type-projet .field_field_nom_de_l_equipe div.more-link {
   margin-bottom: 1rem;
   padding-left: 0rem;
 }
-.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .field_field_nom_de_l_equipe div.more-link a {
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .node-type-projet .field_field_nom_de_l_equipe div.more-link a {
   font-size: 0.5rem;
 }
-.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .field_field_laureats {
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .node-type-projet .field_field_laureats {
-  color: red;
+  color: rgb(247, 0, 43);
   text-transform: uppercase;
+  display: inline-flex;
+  align-items: flex-start;
+  height: auto;
+  font-size: 0px;
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third .prevnext {
   flex-direction: row;
@@ -4124,7 +4181,6 @@ body {
   content: url("../img/noun-arrow-to-right.svg");
   padding-right: 0.2rem;
   padding-left: 0.2rem;
-  padding-bottom: 0.2rem;
   height: 25px;
 }
 
@@ -4204,6 +4260,8 @@ body {
 .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second {
   margin-right: 3rem;
   margin-top: 1rem;
+  display: flex;
+  flex-direction: column;
 }
 .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_nom_de_l_equipe {
   border-top: solid black 1px;
@@ -4213,7 +4271,7 @@ body {
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
-  height: 200px;
+  height: 400px;
   border-bottom: solid black 1px;
 }
 .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_infos .infos-projet {
@@ -4242,6 +4300,32 @@ body {
   font-family: "gilroy-light";
   font-size: 0.6rem;
 }
+.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet .diaporama {
+  display: flex !important;
+  flex-direction: row !important;
+  gap: 20px;
+  flex-wrap: wrap;
+  margin-bottom: 2rem;
+}
+@media (max-width: 500px) {
+  .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet .diaporama {
+    flex-direction: column !important;
+  }
+}
+.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet .diaporama .cadre-img-zoom img {
+  object-fit: cover;
+  width: 220px;
+  height: 145px;
+}
+.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet .diaporama .image-field-caption {
+  margin: 0;
+  max-width: 200px;
+}
+.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet .diaporama .image-field-caption p {
+  margin-top: 0;
+  font-size: 0.5rem;
+  font-family: "gilroy-light";
+}
 .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_documents,
 .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_liens {
   width: fit-content;
@@ -4277,6 +4361,22 @@ body {
   padding-bottom: 0.2rem;
   height: 25px;
 }
+.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_nom_de_l_equipe) {
+  order: 1;
+}
+.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_infos) {
+  order: 2;
+}
+.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_parties_projet) {
+  order: 5;
+}
+.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_documents) {
+  order: 3;
+  margin-top: 2rem;
+}
+.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_liens) {
+  order: 4;
+}
 .node-type-projet .layout--threecol-25-50-25 .layout__region--third {
   flex: 0 1 25%;
 }
@@ -4359,6 +4459,229 @@ body {
 .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .field_field_laureats {
   color: red;
   text-transform: uppercase;
+  content: url("/web/themes/custom/quartiers_de_demain/dist/assets/img/LAUREAT.png");
+}
+
+.node-type-ressource .layout-content {
+  margin-top: 2rem;
+  max-width: 100vw;
+}
+.node-type-ressource .layout-content .content_container {
+  width: 90% !important;
+}
+.node-type-ressource .layout--threecol-25-50-25 {
+  flex-wrap: nowrap;
+  justify-content: end;
+}
+@media (max-width: 810px) {
+  .node-type-ressource .layout--threecol-25-50-25 {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+  }
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second {
+  margin: auto;
+  flex: 0 1 70% !important;
+  margin-top: 1rem;
+  margin-right: 2rem;
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+  margin-left: 2rem;
+  margin-right: 3rem;
+}
+@media (max-width: 500px) {
+  .node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second {
+    margin-left: 0.5rem;
+    margin-top: 1rem;
+  }
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_title,
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_sous_titre {
+  font-family: "gilroy-semibold";
+  font-size: 1.3rem;
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_title) {
+  align-content: end;
+  order: 1;
+  color: rgb(7, 50, 194);
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_title) h2 {
+  margin: 0;
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_sous_titre {
+  font-size: 0.9rem;
+  padding-left: 1.5rem;
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_sous_titre) {
+  flex: 0 0 100%;
+  order: 2;
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_author) {
+  order: 3;
+  font-family: "gilroy-light";
+  font-size: 1.3rem;
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_mots_clefs) {
+  order: 5;
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_mots_clefs) .field_field_mots_clefs {
+  display: flex;
+  flex-direction: row;
+  margin-top: 1rem;
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_mots_clefs) .field_field_mots_clefs div {
+  border: solid 1px rgb(7, 50, 194);
+  margin-right: 0.2rem;
+  padding: 0.1rem 0.2rem;
+  font-size: 0.6rem;
+  font-family: "gilroy-semibold";
+  color: rgb(7, 50, 194);
+}
+@media (max-width: 810px) {
+  .node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_mots_clefs) .field_field_mots_clefs div {
+    font-size: 0.8rem;
+  }
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_site) {
+  order: 6;
+  margin-top: 0.5rem;
+  padding-bottom: 1rem;
+  margin-bottom: 1rem;
+  border-bottom: solid 1px black;
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_site) .field_field_site {
+  position: relative;
+  padding-left: 20px;
+  color: rgb(247, 0, 43);
+  font-family: "gilroy-semibold";
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_site) .field_field_site:before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 1em;
+  height: 1em;
+  background-image: url("../img/map_pointer.svg");
+  background-size: contain;
+  background-repeat: no-repeat;
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_body) {
+  order: 7;
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_body) .field_body {
+  font-family: "gilroy-light";
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_body) .field_body p {
+  margin-top: 0;
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_documents) {
+  order: 8 !important;
+  margin-bottom: 0.5rem;
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_documents) .field_field_documents {
+  display: inline-flex;
+  align-items: center;
+  color: white;
+  background: black;
+  padding-left: 0.5rem;
+  text-transform: uppercase;
+  font-size: 0.6rem;
+  margin-bottom: 0.3rem;
+  padding: 0.3rem;
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_documents) .field_field_documents a {
+  color: white;
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_documents) .field_field_documents svg {
+  display: none;
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_liens) {
+  order: 9;
+  margin-bottom: 1.5rem;
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_liens) .field_field_liens {
+  display: inline-flex;
+  align-items: center;
+  color: white;
+  background: black;
+  padding-left: 0.5rem;
+  text-transform: uppercase;
+  font-size: 0.6rem;
+  margin-bottom: 0.3rem;
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_liens) .field_field_liens svg {
+  display: none;
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_liens) .field_field_liens::after {
+  display: inline-flex;
+  content: url("../img/noun-arrow-to-right.svg");
+  padding-right: 0.2rem;
+  padding-left: 0.2rem;
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_liens) .field_field_liens a {
+  color: white;
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_images) {
+  order: 10;
+  width: 100%;
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_images) .diaporama {
+  display: flex !important;
+  flex-direction: row !important;
+  gap: 20px;
+  flex-wrap: wrap;
+  margin-bottom: 2rem;
+}
+@media (max-width: 500px) {
+  .node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_images) .diaporama {
+    flex-direction: column !important;
+  }
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_images) .diaporama .images img {
+  object-fit: cover;
+  width: 220px !important;
+  height: 145px;
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_images) .diaporama .image-field-caption {
+  margin: 0;
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_images) .diaporama .image-field-caption p {
+  margin-top: 0;
+  font-size: 0.5rem;
+  font-family: "gilroy-light";
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field--name-field-documents) {
+  order: 5;
+  margin-top: 0.5rem;
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field--name-field-documents) .field--name-field-documents a {
+  display: inline-flex;
+  align-items: center;
+  color: white;
+  background: black;
+  padding-left: 0.5rem;
+  text-transform: uppercase;
+  font-size: 0.5rem;
+  margin-bottom: 0.3rem;
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field--name-field-documents) .field--name-field-documents a svg {
+  display: none;
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field--name-field-documents) .field--name-field-documents a::after {
+  display: inline-flex;
+  content: url("../img/noun-arrow-to-right.svg");
+  padding-right: 0.2rem;
+  padding-left: 0.2rem;
+}
+.field_field_liens_site > div:nth-child(2) > div:nth-child(1) {
+  display: flex;
+  flex-direction: column;
 }
 
 main {
@@ -4528,30 +4851,87 @@ main {
   border-top: solid 1px rgb(7, 50, 194);
   padding-top: 2rem;
   margin-left: 2rem;
+  margin-right: 2rem;
 }
 #lesprojets .content_container .views-element-container .views-row .views-field-group {
   width: 18%;
   margin-bottom: 2rem;
   font-size: 0.4rem;
+  position: relative;
 }
-@media (max-width: 810px) {
+#lesprojets .content_container .views-element-container .views-row .views-field-group::before {
-  #lesprojets .content_container .views-element-container .views-row .views-field-group {
+  content: "";
-    width: 45%;
+  position: absolute;
+  top: -1rem;
+  left: -1rem;
+  width: 3rem;
+  height: 3rem;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain;
+  pointer-events: none;
+  opacity: 0;
 }
+#lesprojets .content_container .views-element-container .views-row .views-field-group.marseille::before {
+  background-image: url("../img/pictos_sites/marseille.svg");
+  opacity: 1;
 }
-@media (max-width: 550px) {
+#lesprojets .content_container .views-element-container .views-row .views-field-group.sedan::before {
-  #lesprojets .content_container .views-element-container .views-row .views-field-group {
+  background-image: url("../img/pictos_sites/sedan.svg");
-    font-size: 0.7rem;
+  opacity: 1;
 }
+#lesprojets .content_container .views-element-container .views-row .views-field-group.lodève::before {
+  background-image: url("../img/pictos_sites/lodeve.svg");
+  opacity: 1;
 }
-#lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-title .field-content a {
+#lesprojets .content_container .views-element-container .views-row .views-field-group.colmar::before {
+  background-image: url("../img/pictos_sites/colmar.svg");
+  opacity: 1;
+}
+#lesprojets .content_container .views-element-container .views-row .views-field-group.manosque::before {
+  background-image: url("../img/pictos_sites/manosque.svg");
+  opacity: 1;
+}
+#lesprojets .content_container .views-element-container .views-row .views-field-group.pessac::before {
+  background-image: url("../img/pictos_sites/pessac.svg");
+  opacity: 1;
+}
+#lesprojets .content_container .views-element-container .views-row .views-field-group.corbeil-essonnes::before {
+  background-image: url("../img/pictos_sites/corbeil-essonnes.svg");
+  opacity: 1;
+}
+#lesprojets .content_container .views-element-container .views-row .views-field-group.caen::before {
+  background-image: url("../img/pictos_sites/caen.svg");
+  opacity: 1;
+}
+#lesprojets .content_container .views-element-container .views-row .views-field-group.le-mans::before {
+  background-image: url("../img/pictos_sites/le-mans.svg");
+  opacity: 1;
+}
+#lesprojets .content_container .views-element-container .views-row .views-field-group.coulommiers::before {
+  background-image: url("../img/pictos_sites/coulommiers.svg");
+  opacity: 1;
+}
+#lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-title h2 {
+  margin: 0;
   color: rgb(7, 50, 194);
   font-family: "gilroy-bold";
   padding-top: 0.5rem;
   font-size: 0.55rem;
 }
 @media (max-width: 550px) {
-  #lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-title .field-content a {
+  #lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-title h2 {
+    font-size: 0.7rem;
+  }
+}
+#lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-title h2 a {
+  color: rgb(7, 50, 194);
+  font-family: "gilroy-bold";
+  padding-top: 0.5rem;
+  font-size: 0.55rem;
+}
+@media (max-width: 550px) {
+  #lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-title h2 a {
     font-size: 0.7rem;
   }
 }
@@ -4565,7 +4945,7 @@ main {
   width: fit-content;
   padding-left: 0.5rem;
   background: black;
-  margin-top: 1rem;
+  margin-top: 0.5rem;
 }
 @media (max-width: 810px) {
   #lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-view-node {
@@ -4578,7 +4958,7 @@ main {
   align-items: center;
   color: white;
   text-transform: uppercase;
-  font-size: 0.6rem;
+  font-size: 0.5rem;
 }
 #lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-view-node a svg {
   display: none;
@@ -4588,7 +4968,6 @@ main {
   content: url("../img/noun-arrow-to-right.svg");
   padding-right: 0.2rem;
   padding-left: 0.2rem;
-  padding-bottom: 0.2rem;
   height: 25px;
 }
 #lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie {
@@ -4600,6 +4979,9 @@ main {
   margin-top: 0;
   margin-bottom: 0;
 }
+#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie div {
+  background-color: #f6f7f3;
+}
 #lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul {
   display: flex;
   flex-direction: row;
@@ -4612,41 +4994,130 @@ main {
 #lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet {
   font-size: 0.4rem;
   width: 80%;
+  transition: transform 0.4s ease-in-out;
+  position: relative;
+}
+#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet:hover {
+  transform: scale(1.05); /* effet de zoom léger */
+}
+#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet:has(.laureat:not(:empty)) {
+  z-index: 0;
+}
+#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet:has(.laureat:not(:empty))::before {
+  content: "";
+  position: absolute;
+  top: -1rem;
+  left: -1rem;
+  width: 2.5rem;
+  height: 2.5rem;
+  background-color: #f6f7f3;
+  background-image: url("../img/LAUREAT.svg");
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain;
+  z-index: -1;
+}
+#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet div {
+  display: flex;
+  flex-direction: column;
+}
+#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_image {
+  order: 2;
+}
+#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_image img {
+  width: 100%;
+  height: auto;
+  aspect-ratio: 3/2;
+  object-fit: cover;
+}
+#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_image .image-field-caption {
+  display: none;
+}
+#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_laureats {
+  order: 1;
+  font-size: 0px;
+}
+#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_nom_de_l_equipe {
+  order: 3;
 }
 #lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_nom_de_l_equipe h3 {
   font-size: 0.6rem;
+  margin: 0;
+  text-transform: uppercase;
+}
+#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro {
+  order: 4;
 }
 #lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro p {
   font-size: 0.5rem;
+  font-family: "gilroy-light";
+  margin-top: 0;
 }
 #lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro .more-link {
-  width: fit-content;
-  padding-left: 0.5rem;
-  background: black;
-}
-@media (max-width: 810px) {
-  #lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro .more-link {
-    margin-left: 0;
-  }
-}
-#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro .more-link a {
-  display: inline-flex;
-  justify-content: space-between;
-  align-items: center;
-  color: white;
-  text-transform: uppercase;
-  font-size: 0.6rem;
-}
-#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro .more-link a svg {
   display: none;
 }
-#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro .more-link a::after {
+@media (max-width: 768px) {
-  display: inline-flex;
+  #lesprojets .content_container .views-element-container {
-  content: url("../img/noun-arrow-to-right.svg");
+    /* Conteneur global = carrousel horizontal */
-  padding-right: 0.2rem;
+    /* Masquer les barres de défilement */
-  padding-left: 0.2rem;
+    /* Chaque "carte" du carrousel (site + projets) */
-  padding-bottom: 0.2rem;
+    /* Harmonisation du style visuel */
-  height: 25px;
+    /* La liste UL des projets devient horizontale */
+  }
+  #lesprojets .content_container .views-element-container .views-row {
+    display: flex;
+    overflow-x: auto;
+    gap: 1rem;
+    padding: 1.5rem 1rem 2rem;
+    scroll-snap-type: x mandatory;
+    -webkit-overflow-scrolling: touch;
+    margin: 0;
+  }
+  #lesprojets .content_container .views-element-container .views-row .views-field-group {
+    flex: 0 0 90%;
+  }
+  #lesprojets .content_container .views-element-container .views-row .views-field-group::before {
+    width: 4rem;
+    height: 4rem;
+    padding-left: 2rem !important;
+  }
+  #lesprojets .content_container .views-element-container .views-row::-webkit-scrollbar {
+    display: none;
+  }
+  #lesprojets .content_container .views-element-container .views-row {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+  }
+  #lesprojets .content_container .views-element-container .views-field-group,
+  #lesprojets .content_container .views-element-container .views-field-field-projets-lie li,
+  #lesprojets .content_container .views-element-container .views-field-field-projets-lie .node-type-projet {
+    flex: 0 0 130%; /* largeur identique pour tous */
+    scroll-snap-align: start;
+    box-sizing: border-box;
+  }
+  #lesprojets .content_container .views-element-container .views-field-group,
+  #lesprojets .content_container .views-element-container .views-field-field-projets-lie .node-type-projet {
+    padding: 1rem;
+  }
+  #lesprojets .content_container .views-element-container .views-field-field-projets-lie ul {
+    display: contents; /* On laisse les LI se comporter comme des enfants directs du carrousel */
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+  #lesprojets .content_container .views-element-container .views-field-field-projets-lie ul li {
+    margin: 0;
+    padding: 0;
+  }
+  #lesprojets .content_container .views-element-container .views-field-field-projets-lie ul li .node-type-projet {
+    flex: 0 0 105%;
+  }
+  #lesprojets .content_container .views-element-container .views-field-field-projets-lie ul li .node-type-projet::before {
+    left: -0.5rem !important;
+    width: 2rem !important;
+    height: 4rem !important;
+    padding-left: 2rem !important;
+  }
 }
 
 #ressources {
@@ -4687,8 +5158,8 @@ main {
   font-family: "gilroy-medium";
 }
 #ressources .layout-content .content_container .views-element-container {
-  margin-left: 15%;
+  margin-left: 20%;
-  width: 60%;
+  width: 70%;
 }
 @media (max-width: 810px) {
   #ressources .layout-content .content_container .views-element-container {
@@ -4760,7 +5231,8 @@ main {
   }
 }
 #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-title-1,
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-sous-titre-1 {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-sous-titre-1,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-views-conditional-field-1 {
   font-family: "gilroy-medium";
   color: rgb(7, 50, 194);
   font-size: 0.6rem;
@@ -4768,7 +5240,8 @@ main {
 }
 @media (max-width: 810px) {
   #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-title-1,
-  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-sous-titre-1 {
+  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-sous-titre-1,
+  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-views-conditional-field-1 {
     font-size: 1rem;
   }
 }
@@ -4950,6 +5423,48 @@ main {
   width: 100%;
   background-color: rgb(7, 50, 194);
 }
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Galerie-photos {
+  justify-content: space-between;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Galerie-photos .views-row {
+  width: 18%;
+  justify-content: space-between;
+}
+@media (max-width: 810px) {
+  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Galerie-photos .views-row {
+    width: 100%;
+  }
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Galerie-photos .views-row img {
+  max-width: 100%;
+  height: auto;
+  object-fit: cover;
+  border-radius: 9px;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Galerie-photos .views-row iframe {
+  border-radius: 9px;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Galerie-photos .views-row .views-field-title-1 {
+  margin-top: 1rem;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Galerie-photos .views-row .views-field-body-1,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Galerie-photos .views-row .views-field-field-liens,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Galerie-photos .views-row .views-field-field-sous-titre-1,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Galerie-photos .views-row .views-field-field-documents,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Galerie-photos .views-row .views-field-views-conditional-field {
+  display: none;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Galerie-photos .views-row .views-field-views-conditional-field-1 h2 {
+  font-family: "gilroy-medium";
+  color: rgb(7, 50, 194);
+  font-size: 0.6rem;
+  margin-bottom: 0;
+}
+@media (max-width: 810px) {
+  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Galerie-photos .views-row .views-field-views-conditional-field-1 h2 {
+    font-size: 1rem;
+  }
+}
 
 .type-documentation .views-field-body-1,
 .type-documentation .views-field-field-images,

web/themes/custom/quartiers_de_demain/dist/assets/img/LAUREAT.svg

@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="22.250273mm"
+   height="22.250275mm"
+   viewBox="0 0 22.250273 22.250275"
+   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(-95.271042,-166.06271)">
+    <path
+       id="path15512"
+       d="m 101.09827,178.67313 -0.21377,-0.88244 0.25456,-0.0629 0.27959,1.15415 -2.024872,0.50049 -0.06585,-0.27173 z m 0.12046,-2.67592 -0.48019,0.13106 -0.079,0.94418 0.45158,0.21066 -0.0249,0.29673 -2.011694,-0.95977 0.02634,-0.31473 2.142714,-0.60487 z m -0.80939,0.95725 0.063,-0.75234 -1.055388,0.29022 z m 1.35902,-2.71337 c 0.056,0.19049 0.0335,0.39024 -0.0676,0.59931 -0.10102,0.20905 -0.24352,0.35078 -0.4275,0.42522 -0.18489,0.0718 -0.37815,0.0579 -0.57976,-0.0414 l -1.244464,-0.61354 0.121474,-0.25141 1.23376,0.60825 c 0.13203,0.0651 0.25646,0.0774 0.37328,0.0368 0.11504,-0.0414 0.20825,-0.13609 0.27966,-0.28386 0.0714,-0.14781 0.0879,-0.28026 0.0495,-0.39738 -0.0401,-0.11799 -0.12629,-0.20952 -0.25832,-0.27463 l -1.23376,-0.60825 0.12017,-0.24869 1.24446,0.61351 c 0.20161,0.0994 0.3313,0.24479 0.38905,0.43618 z m 1.41622,-1.32314 -0.88668,-0.26601 -0.35881,0.33911 0.54529,0.58866 -0.20224,0.19113 -1.42425,-1.53758 0.60889,-0.57544 c 0.13047,-0.12332 0.2855,-0.18196 0.4651,-0.17592 0.17824,0.005 0.3284,0.0727 0.45048,0.20453 0.0922,0.0996 0.14661,0.21846 0.16313,0.35664 0.018,0.13681 -0.004,0.2659 -0.0655,0.38727 l 0.92851,0.27592 z m -1.94743,-0.68472 0.53103,0.5733 0.40665,-0.38432 c 0.0754,-0.0712 0.1134,-0.15935 0.11405,-0.26432 7.4e-4,-0.1078 -0.0355,-0.20124 -0.10876,-0.28032 -0.0733,-0.0791 -0.16246,-0.1211 -0.26765,-0.12605 -0.10374,-0.006 -0.19329,0.0262 -0.26868,0.0974 z m 2.244,-2.53012 -0.11392,0.48655 -0.22833,0.10323 0.0569,-0.46073 z m 0.3383,2.52314 0.8834,-0.39941 0.10708,0.24161 -1.13618,0.51371 -0.85169,-1.92191 1.1226,-0.50757 0.10706,0.24161 -0.86982,0.39327 0.2616,0.5903 0.80187,-0.36255 0.10582,0.23887 -0.80183,0.36255 z m 2.72166,-0.38295 -0.21279,-0.45414 -0.93396,0.0887 -0.12521,0.48626 -0.29354,0.0279 0.57863,-2.16994 0.31132,-0.0295 0.96906,2.02289 z m -1.07615,-0.63497 0.74421,-0.0707 -0.4698,-0.99773 z m 3.24925,-1.05799 -0.0599,0.25769 -0.60012,-0.14239 -0.41679,1.79217 -0.2667,-0.0633 0.41677,-1.79217 -0.59722,-0.1417 0.0599,-0.2577 z"
+       style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.322644" />
+    <circle
+       style="opacity:1;fill:#f6f7f3;fill-opacity:1;stroke:#f7002b;stroke-width:2.86467;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
+       id="path2"
+       cx="106.39618"
+       cy="177.18785"
+       r="9.6928015" />
+    <path
+       id="path15512-3"
+       d="m 101.22891,178.81894 -0.21377,-0.88244 0.25456,-0.0629 0.27959,1.15415 -2.024877,0.50049 -0.0658,-0.27173 z m 0.12046,-2.67592 -0.48019,0.13106 -0.079,0.94418 0.45158,0.21066 -0.0249,0.29673 -2.011697,-0.95977 0.0263,-0.31473 2.142717,-0.60487 z m -0.80939,0.95725 0.063,-0.75234 -1.055387,0.29022 z m 1.35902,-2.71337 c 0.056,0.19049 0.0335,0.39024 -0.0676,0.59931 -0.10102,0.20905 -0.24352,0.35078 -0.4275,0.42522 -0.18489,0.0718 -0.37815,0.0579 -0.57976,-0.0414 l -1.244467,-0.61354 0.12148,-0.25141 1.233757,0.60825 c 0.13203,0.0651 0.25646,0.0774 0.37328,0.0368 0.11504,-0.0414 0.20825,-0.13609 0.27966,-0.28386 0.0714,-0.14781 0.0879,-0.28026 0.0495,-0.39738 -0.0401,-0.11799 -0.12629,-0.20952 -0.25832,-0.27463 l -1.23376,-0.60825 0.12017,-0.24869 1.24446,0.61351 c 0.20161,0.0994 0.3313,0.24479 0.38905,0.43618 z m 1.41622,-1.32314 -0.88668,-0.26601 -0.35881,0.33911 0.54529,0.58866 -0.20224,0.19113 -1.42425,-1.53758 0.60889,-0.57544 c 0.13047,-0.12332 0.2855,-0.18196 0.4651,-0.17592 0.17824,0.005 0.3284,0.0727 0.45048,0.20453 0.0922,0.0996 0.14661,0.21846 0.16313,0.35664 0.018,0.13681 -0.004,0.2659 -0.0655,0.38727 l 0.92851,0.27592 z m -1.94743,-0.68472 0.53103,0.5733 0.40665,-0.38432 c 0.0754,-0.0712 0.1134,-0.15935 0.11405,-0.26432 7.4e-4,-0.1078 -0.0355,-0.20124 -0.10876,-0.28032 -0.0733,-0.0791 -0.16246,-0.1211 -0.26765,-0.12605 -0.10374,-0.006 -0.19329,0.0262 -0.26868,0.0974 z m 2.244,-2.53012 -0.11392,0.48655 -0.22833,0.10323 0.0569,-0.46073 z m 0.3383,2.52314 0.8834,-0.39941 0.10708,0.24161 -1.13618,0.51371 -0.85169,-1.92191 1.1226,-0.50757 0.10706,0.24161 -0.86982,0.39327 0.2616,0.5903 0.80187,-0.36255 0.10582,0.23887 -0.80183,0.36255 z m 2.72166,-0.38295 -0.21279,-0.45414 -0.93396,0.0887 -0.12521,0.48626 -0.29354,0.0279 0.57863,-2.16994 0.31132,-0.0295 0.96906,2.02289 z m -1.07615,-0.63497 0.74421,-0.0707 -0.4698,-0.99773 z m 3.24925,-1.05799 -0.0599,0.25769 -0.60012,-0.14239 -0.41679,1.79217 -0.2667,-0.0633 0.41677,-1.79217 -0.59722,-0.1417 0.0599,-0.2577 z"
+       style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.322644" />
+  </g>
+</svg>

web/themes/custom/quartiers_de_demain/dist/assets/img/pictos_sites/caen.svg

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="34.322182mm"
+   height="34.322182mm"
+   viewBox="0 0 34.322182 34.322182"
+   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(-17.898682,-11.702984)">
+    <circle
+       style="opacity:1;fill:#ffffff;fill-opacity:1;stroke-width:0.227828;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke"
+       id="path1-0"
+       cx="35.059772"
+       cy="28.864075"
+       r="17.161091" />
+    <circle
+       style="opacity:0.2;fill:#0732c2;fill-opacity:1;stroke-width:0.227828;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke"
+       id="path1"
+       cx="35.059772"
+       cy="28.864075"
+       r="17.161091" />
+    <path
+       id="path13602"
+       d="m 45.025163,37.200189 0.0762,0.97356 -1.32641,0.41656 0.30802,2.53153 0.80147,0.70757 0.61626,-1.84069 -0.0476,-2.52285 z"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778" />
+    <path
+       id="path13603"
+       d="m 33.254293,16.877539 1.74205,-0.46269 c 0,0 3.19959,4.21813 10.27592,5.5542 0,0 -0.74796,1.29195 -1.13143,3.71659 l -2.54748,3.19571 1.23106,-0.2219 0.54377,3.19684 -0.82924,0.36163 c 0,0 1.14977,2.27125 1.80411,2.76472 l -2.70295,2.80433 c 0,0 -2.96192,-2.17889 -4.52604,-1.24615 -1.42352,0.88544 -1.10398,2.57979 -1.10398,2.57979 l -4.60212,-0.40685 -4.00005,-1.29018 c 0,0 0.74532,-3.7216 0.73872,-6.53147 l 0.74641,0.86639 -0.45283,-1.39993 c -0.42044,-1.29971 -1.65826,-2.31123 -1.66694,-2.40944 -0.20126,-2.27725 -2.0903,-2.79986 -4.51211,-3.02694 l -0.65958,-1.97111 2.63593,-0.61556 3.48117,0.71109 c 0,0 -0.0887,-1.05607 -0.96859,-2.78557 l 1.10331,-0.41145 c 0,0 0.89958,1.50401 1.40557,1.43271 0.26568,-0.0374 1.30507,-1.1732 1.75003,-1.44623 0.39896,-0.24477 1.94998,-0.57229 1.99129,-0.73141 0.16034,-0.58747 0.254,-2.22712 0.254,-2.22712 z"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778" />
+    <path
+       id="path13604"
+       d="m 30.066673,21.578249 c 0,0.41023 -0.33463,0.74277 -0.74745,0.74277 -0.41281,0 -0.74745,-0.33254 -0.74745,-0.74277 0,-0.41022 0.33464,-0.74277 0.74745,-0.74277 0.41282,0 0.74745,0.33255 0.74745,0.74277 z"
+       style="fill:#f7002b;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.352778" />
+  </g>
+</svg>

web/themes/custom/quartiers_de_demain/dist/assets/img/pictos_sites/colmar.svg

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="34.322178mm"
+   height="34.322182mm"
+   viewBox="0 0 34.322178 34.322182"
+   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(-67.070862,-59.695038)">
+    <circle
+       style="fill:#ffffff;fill-opacity:1;stroke-width:0.227828;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke"
+       id="path1-0-6-0"
+       cx="84.231956"
+       cy="76.856125"
+       r="17.161091" />
+    <circle
+       style="opacity:0.2;fill:#0732c2;fill-opacity:1;stroke-width:0.227828;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke"
+       id="path1-2-36"
+       cx="84.231956"
+       cy="76.856125"
+       r="17.161091" />
+    <path
+       id="path13602-6-1"
+       d="m 94.197348,85.192242 0.0762,0.97356 -1.32641,0.41656 0.30802,2.53153 0.80147,0.70757 0.61626,-1.84069 -0.0476,-2.52285 z"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778" />
+    <path
+       id="path13603-1-0"
+       d="m 82.426478,64.869592 1.74205,-0.46269 c 0,0 3.19959,4.21813 10.27592,5.5542 0,0 -0.74796,1.29195 -1.13143,3.71659 l -2.54748,3.19571 1.23106,-0.2219 0.54377,3.19684 -0.82924,0.36163 c 0,0 1.14977,2.27125 1.80411,2.76472 l -2.70295,2.80433 c 0,0 -2.96192,-2.17889 -4.52604,-1.24615 -1.42352,0.88544 -1.10398,2.57979 -1.10398,2.57979 l -4.60212,-0.40685 -4.00005,-1.29018 c 0,0 0.74532,-3.7216 0.73872,-6.53147 l 0.74641,0.86639 -0.45283,-1.39993 c -0.42044,-1.29971 -1.65826,-2.31123 -1.66694,-2.40944 -0.20126,-2.27725 -2.0903,-2.79986 -4.51211,-3.02694 l -0.65958,-1.97111 2.63593,-0.61556 3.48117,0.71109 c 0,0 -0.0887,-1.05607 -0.96859,-2.78557 l 1.10331,-0.41145 c 0,0 0.89958,1.50401 1.40557,1.43271 0.26568,-0.0374 1.30507,-1.1732 1.75003,-1.44623 0.39896,-0.24477 1.94998,-0.57229 1.99129,-0.73141 0.16034,-0.58747 0.254,-2.22712 0.254,-2.22712 z"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778" />
+    <path
+       id="path13604-8-6"
+       d="m 93.146852,72.351901 c 0,0.41023 -0.33463,0.74277 -0.74745,0.74277 -0.41281,0 -0.74745,-0.33254 -0.74745,-0.74277 0,-0.41022 0.33464,-0.74277 0.74745,-0.74277 0.41282,0 0.74745,0.33255 0.74745,0.74277 z"
+       style="fill:#f7002b;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.352778" />
+  </g>
+</svg>

web/themes/custom/quartiers_de_demain/dist/assets/img/pictos_sites/corbeil-essonnes.svg

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="34.322178mm"
+   height="34.322182mm"
+   viewBox="0 0 34.322178 34.322182"
+   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(-115.06292,-11.702984)">
+    <circle
+       style="fill:#ffffff;fill-opacity:1;stroke-width:0.227828;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke"
+       id="path1-0-6-2"
+       cx="132.22401"
+       cy="28.864075"
+       r="17.161091" />
+    <circle
+       style="opacity:0.2;fill:#0732c2;fill-opacity:1;stroke-width:0.227828;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke"
+       id="path1-2-3"
+       cx="132.22401"
+       cy="28.864075"
+       r="17.161091" />
+    <path
+       id="path13602-6-7"
+       d="m 142.1894,37.200189 0.0762,0.97356 -1.32641,0.41656 0.30802,2.53153 0.80147,0.70757 0.61626,-1.84069 -0.0476,-2.52285 z"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778" />
+    <path
+       id="path13603-1-5"
+       d="m 130.41853,16.877539 1.74205,-0.46269 c 0,0 3.19959,4.21813 10.27592,5.5542 0,0 -0.74796,1.29195 -1.13143,3.71659 l -2.54748,3.19571 1.23106,-0.2219 0.54377,3.19684 -0.82924,0.36163 c 0,0 1.14977,2.27125 1.80411,2.76472 l -2.70295,2.80433 c 0,0 -2.96192,-2.17889 -4.52604,-1.24615 -1.42352,0.88544 -1.10398,2.57979 -1.10398,2.57979 l -4.60212,-0.40685 -4.00005,-1.29018 c 0,0 0.74532,-3.7216 0.73872,-6.53147 l 0.74641,0.86639 -0.45283,-1.39993 c -0.42044,-1.29971 -1.65826,-2.31123 -1.66694,-2.40944 -0.20126,-2.27725 -2.0903,-2.79986 -4.51211,-3.02694 l -0.65958,-1.97111 2.63593,-0.61556 3.48117,0.71109 c 0,0 -0.0887,-1.05607 -0.96859,-2.78557 l 1.10331,-0.41145 c 0,0 0.89958,1.50401 1.40557,1.43271 0.26568,-0.0374 1.30507,-1.1732 1.75003,-1.44623 0.39896,-0.24477 1.94998,-0.57229 1.99129,-0.73141 0.16034,-0.58747 0.254,-2.22712 0.254,-2.22712 z"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778" />
+    <path
+       id="path13604-8-9"
+       d="m 131.75475,23.741825 c 0,0.41023 -0.33463,0.74277 -0.74745,0.74277 -0.41281,0 -0.74745,-0.33254 -0.74745,-0.74277 0,-0.41022 0.33464,-0.74277 0.74745,-0.74277 0.41282,0 0.74745,0.33255 0.74745,0.74277 z"
+       style="fill:#f7002b;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.352778" />
+  </g>
+</svg>

web/themes/custom/quartiers_de_demain/dist/assets/img/pictos_sites/coulommiers.svg

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="34.322178mm"
+   height="34.322182mm"
+   viewBox="0 0 34.322178 34.322182"
+   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(-166.39867,-11.702984)">
+    <circle
+       style="fill:#ffffff;fill-opacity:1;stroke-width:0.227828;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke"
+       id="path1-0-6-2-8"
+       cx="183.55977"
+       cy="28.864075"
+       r="17.161091" />
+    <circle
+       style="opacity:0.2;fill:#0732c2;fill-opacity:1;stroke-width:0.227828;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke"
+       id="path1-2-3-8"
+       cx="183.55977"
+       cy="28.864075"
+       r="17.161091" />
+    <path
+       id="path13602-6-7-4"
+       d="m 193.52516,37.200189 0.0762,0.97356 -1.32641,0.41656 0.30802,2.53153 0.80147,0.70757 0.61626,-1.84069 -0.0476,-2.52285 z"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778" />
+    <path
+       id="path13603-1-5-3"
+       d="m 181.75429,16.877539 1.74205,-0.46269 c 0,0 3.19959,4.21813 10.27592,5.5542 0,0 -0.74796,1.29195 -1.13143,3.71659 l -2.54748,3.19571 1.23106,-0.2219 0.54377,3.19684 -0.82924,0.36163 c 0,0 1.14977,2.27125 1.80411,2.76472 l -2.70295,2.80433 c 0,0 -2.96192,-2.17889 -4.52604,-1.24615 -1.42352,0.88544 -1.10398,2.57979 -1.10398,2.57979 l -4.60212,-0.40685 -4.00005,-1.29018 c 0,0 0.74532,-3.7216 0.73872,-6.53147 l 0.74641,0.86639 -0.45283,-1.39993 c -0.42044,-1.29971 -1.65826,-2.31123 -1.66694,-2.40944 -0.20126,-2.27725 -2.0903,-2.79986 -4.51211,-3.02694 l -0.65958,-1.97111 2.63593,-0.61556 3.48117,0.71109 c 0,0 -0.0887,-1.05607 -0.96859,-2.78557 l 1.10331,-0.41145 c 0,0 0.89958,1.50401 1.40557,1.43271 0.26568,-0.0374 1.30507,-1.1732 1.75003,-1.44623 0.39896,-0.24477 1.94998,-0.57229 1.99129,-0.73141 0.16034,-0.58747 0.254,-2.22712 0.254,-2.22712 z"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778" />
+    <path
+       id="path13604-8-9-14"
+       d="m 184.1723,23.250103 c 0,0.41023 -0.33463,0.74277 -0.74745,0.74277 -0.41281,0 -0.74745,-0.33254 -0.74745,-0.74277 0,-0.41022 0.33464,-0.74277 0.74745,-0.74277 0.41282,0 0.74745,0.33255 0.74745,0.74277 z"
+       style="fill:#f7002b;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.352778" />
+  </g>
+</svg>

web/themes/custom/quartiers_de_demain/dist/assets/img/pictos_sites/le-mans.svg

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="34.322178mm"
+   height="34.322182mm"
+   viewBox="0 0 34.322178 34.322182"
+   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(-67.070862,-11.702984)">
+    <circle
+       style="fill:#ffffff;fill-opacity:1;stroke-width:0.227828;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke"
+       id="path1-0-6"
+       cx="84.231956"
+       cy="28.864075"
+       r="17.161091" />
+    <circle
+       style="opacity:0.2;fill:#0732c2;fill-opacity:1;stroke-width:0.227828;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke"
+       id="path1-2"
+       cx="84.231956"
+       cy="28.864075"
+       r="17.161091" />
+    <path
+       id="path13602-6"
+       d="m 94.197348,37.200189 0.0762,0.97356 -1.32641,0.41656 0.30802,2.53153 0.80147,0.70757 0.61626,-1.84069 -0.0476,-2.52285 z"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778" />
+    <path
+       id="path13603-1"
+       d="m 82.426478,16.877539 1.74205,-0.46269 c 0,0 3.19959,4.21813 10.27592,5.5542 0,0 -0.74796,1.29195 -1.13143,3.71659 l -2.54748,3.19571 1.23106,-0.2219 0.54377,3.19684 -0.82924,0.36163 c 0,0 1.14977,2.27125 1.80411,2.76472 l -2.70295,2.80433 c 0,0 -2.96192,-2.17889 -4.52604,-1.24615 -1.42352,0.88544 -1.10398,2.57979 -1.10398,2.57979 l -4.60212,-0.40685 -4.00005,-1.29018 c 0,0 0.74532,-3.7216 0.73872,-6.53147 l 0.74641,0.86639 -0.45283,-1.39993 c -0.42044,-1.29971 -1.65826,-2.31123 -1.66694,-2.40944 -0.20126,-2.27725 -2.0903,-2.79986 -4.51211,-3.02694 l -0.65958,-1.97111 2.63593,-0.61556 3.48117,0.71109 c 0,0 -0.0887,-1.05607 -0.96859,-2.78557 l 1.10331,-0.41145 c 0,0 0.89958,1.50401 1.40557,1.43271 0.26568,-0.0374 1.30507,-1.1732 1.75003,-1.44623 0.39896,-0.24477 1.94998,-0.57229 1.99129,-0.73141 0.16034,-0.58747 0.254,-2.22712 0.254,-2.22712 z"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778" />
+    <path
+       id="path13604-8"
+       d="m 80.517335,24.52858 c 0,0.41023 -0.33463,0.74277 -0.74745,0.74277 -0.41281,0 -0.74745,-0.33254 -0.74745,-0.74277 0,-0.41022 0.33464,-0.74277 0.74745,-0.74277 0.41282,0 0.74745,0.33255 0.74745,0.74277 z"
+       style="fill:#f7002b;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.352778" />
+  </g>
+</svg>

web/themes/custom/quartiers_de_demain/dist/assets/img/pictos_sites/lodeve.svg

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="34.322193mm"
+   height="34.322182mm"
+   viewBox="0 0 34.322193 34.322182"
+   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(-165.41524,-59.695038)">
+    <circle
+       style="fill:#ffffff;fill-opacity:1;stroke-width:0.227828;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke"
+       id="path1-0-6-2-7-5"
+       cx="182.57634"
+       cy="76.856125"
+       r="17.161091" />
+    <circle
+       style="opacity:0.2;fill:#0732c2;fill-opacity:1;stroke-width:0.227828;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke"
+       id="path1-2-3-3-5"
+       cx="182.57634"
+       cy="76.856125"
+       r="17.161091" />
+    <path
+       id="path13602-6-7-6-4"
+       d="m 192.54172,85.192242 0.0762,0.97356 -1.32641,0.41656 0.30802,2.53153 0.80147,0.70757 0.61626,-1.84069 -0.0476,-2.52285 z"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778" />
+    <path
+       id="path13603-1-5-1-7"
+       d="m 180.77085,64.869592 1.74205,-0.46269 c 0,0 3.19959,4.21813 10.27592,5.5542 0,0 -0.74796,1.29195 -1.13143,3.71659 l -2.54748,3.19571 1.23106,-0.2219 0.54377,3.19684 -0.82924,0.36163 c 0,0 1.14977,2.27125 1.80411,2.76472 l -2.70295,2.80433 c 0,0 -2.96192,-2.17889 -4.52604,-1.24615 -1.42352,0.88544 -1.10398,2.57979 -1.10398,2.57979 l -4.60212,-0.40685 -4.00005,-1.29018 c 0,0 0.74532,-3.7216 0.73872,-6.53147 l 0.74641,0.86639 -0.45283,-1.39993 c -0.42044,-1.29971 -1.65826,-2.31123 -1.66694,-2.40944 -0.20126,-2.27725 -2.0903,-2.79986 -4.51211,-3.02694 l -0.65958,-1.97111 2.63593,-0.61556 3.48117,0.71109 c 0,0 -0.0887,-1.05607 -0.96859,-2.78557 l 1.10331,-0.41145 c 0,0 0.89958,1.50401 1.40557,1.43271 0.26568,-0.0374 1.30507,-1.1732 1.75003,-1.44623 0.39896,-0.24477 1.94998,-0.57229 1.99129,-0.73141 0.16034,-0.58747 0.254,-2.22712 0.254,-2.22712 z"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778" />
+    <path
+       id="path13604-8-9-2-6"
+       d="m 183.84183,83.478296 c 0,0.41023 -0.33463,0.74277 -0.74745,0.74277 -0.41281,0 -0.74745,-0.33254 -0.74745,-0.74277 0,-0.41022 0.33464,-0.74277 0.74745,-0.74277 0.41282,0 0.74745,0.33255 0.74745,0.74277 z"
+       style="fill:#f7002b;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.352778" />
+  </g>
+</svg>

web/themes/custom/quartiers_de_demain/dist/assets/img/pictos_sites/manosque.svg

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="34.322178mm"
+   height="34.322178mm"
+   viewBox="0 0 34.322178 34.322178"
+   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(-67.070862,-105.7202)">
+    <circle
+       style="fill:#ffffff;fill-opacity:1;stroke-width:0.227828;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke"
+       id="path1-0-6-0-4"
+       cx="84.231956"
+       cy="122.88129"
+       r="17.161091" />
+    <circle
+       style="opacity:0.2;fill:#0732c2;fill-opacity:1;stroke-width:0.227828;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke"
+       id="path1-2-36-7"
+       cx="84.231956"
+       cy="122.88129"
+       r="17.161091" />
+    <path
+       id="path13602-6-1-4"
+       d="m 94.197348,131.21741 0.0762,0.97356 -1.32641,0.41656 0.30802,2.53153 0.80147,0.70757 0.61626,-1.84069 -0.0476,-2.52285 z"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778" />
+    <path
+       id="path13603-1-0-4"
+       d="m 82.426478,110.89476 1.74205,-0.46269 c 0,0 3.19959,4.21813 10.27592,5.5542 0,0 -0.74796,1.29195 -1.13143,3.71659 l -2.54748,3.19571 1.23106,-0.2219 0.54377,3.19684 -0.82924,0.36163 c 0,0 1.14977,2.27125 1.80411,2.76472 l -2.70295,2.80433 c 0,0 -2.96192,-2.17889 -4.52604,-1.24615 -1.42352,0.88544 -1.10398,2.57979 -1.10398,2.57979 l -4.60212,-0.40685 -4.00005,-1.29018 c 0,0 0.74532,-3.7216 0.73872,-6.53147 l 0.74641,0.86639 -0.45283,-1.39993 c -0.42044,-1.29971 -1.65826,-2.31123 -1.66694,-2.40944 -0.20126,-2.27725 -2.0903,-2.79986 -4.51211,-3.02694 l -0.65958,-1.97111 2.63593,-0.61556 3.48117,0.71109 c 0,0 -0.0887,-1.05607 -0.96859,-2.78557 l 1.10331,-0.41145 c 0,0 0.89958,1.50401 1.40557,1.43271 0.26568,-0.0374 1.30507,-1.1732 1.75003,-1.44623 0.39896,-0.24477 1.94998,-0.57229 1.99129,-0.73141 0.16034,-0.58747 0.254,-2.22712 0.254,-2.22712 z"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778" />
+    <path
+       id="path13604-8-6-3"
+       d="m 90.226174,129.2253 c 0,0.41023 -0.33463,0.74277 -0.74745,0.74277 -0.41281,0 -0.74745,-0.33254 -0.74745,-0.74277 0,-0.41022 0.33464,-0.74277 0.74745,-0.74277 0.41282,0 0.74745,0.33255 0.74745,0.74277 z"
+       style="fill:#f7002b;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.352778" />
+  </g>
+</svg>

web/themes/custom/quartiers_de_demain/dist/assets/img/pictos_sites/marseille.svg

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="34.322182mm"
+   height="34.322178mm"
+   viewBox="0 0 34.322182 34.322178"
+   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(-17.898682,-105.7202)">
+    <circle
+       style="fill:#ffffff;fill-opacity:1;stroke-width:0.227828;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke"
+       id="path1-0-4-7"
+       cx="35.059772"
+       cy="122.88129"
+       r="17.161091" />
+    <circle
+       style="opacity:0.2;fill:#0732c2;fill-opacity:1;stroke-width:0.227828;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke"
+       id="path1-7-4"
+       cx="35.059772"
+       cy="122.88129"
+       r="17.161091" />
+    <path
+       id="path13602-8-5"
+       d="m 45.025163,131.21741 0.0762,0.97356 -1.32641,0.41656 0.30802,2.53153 0.80147,0.70757 0.61626,-1.84069 -0.0476,-2.52285 z"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778" />
+    <path
+       id="path13603-4-2"
+       d="m 33.254293,110.89476 1.74205,-0.46269 c 0,0 3.19959,4.21813 10.27592,5.5542 0,0 -0.74796,1.29195 -1.13143,3.71659 l -2.54748,3.19571 1.23106,-0.2219 0.54377,3.19684 -0.82924,0.36163 c 0,0 1.14977,2.27125 1.80411,2.76472 l -2.70295,2.80433 c 0,0 -2.96192,-2.17889 -4.52604,-1.24615 -1.42352,0.88544 -1.10398,2.57979 -1.10398,2.57979 l -4.60212,-0.40685 -4.00005,-1.29018 c 0,0 0.74532,-3.7216 0.73872,-6.53147 l 0.74641,0.86639 -0.45283,-1.39993 c -0.42044,-1.29971 -1.65826,-2.31123 -1.66694,-2.40944 -0.20126,-2.27725 -2.0903,-2.79986 -4.51211,-3.02694 l -0.65958,-1.97111 2.63593,-0.61556 3.48117,0.71109 c 0,0 -0.0887,-1.05607 -0.96859,-2.78557 l 1.10331,-0.41145 c 0,0 0.89958,1.50401 1.40557,1.43271 0.26568,-0.0374 1.30507,-1.1732 1.75003,-1.44623 0.39896,-0.24477 1.94998,-0.57229 1.99129,-0.73141 0.16034,-0.58747 0.254,-2.22712 0.254,-2.22712 z"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778" />
+    <path
+       id="path13604-5-5"
+       d="m 40.775829,130.33794 c 0,0.41023 -0.33463,0.74277 -0.74745,0.74277 -0.41281,0 -0.74745,-0.33254 -0.74745,-0.74277 0,-0.41022 0.33464,-0.74277 0.74745,-0.74277 0.41282,0 0.74745,0.33255 0.74745,0.74277 z"
+       style="fill:#f7002b;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.352778" />
+  </g>
+</svg>

web/themes/custom/quartiers_de_demain/dist/assets/img/pictos_sites/pessac.svg

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="34.322178mm"
+   height="34.322182mm"
+   viewBox="0 0 34.322178 34.322182"
+   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(-115.06292,-59.695038)">
+    <circle
+       style="fill:#ffffff;fill-opacity:1;stroke-width:0.227828;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke"
+       id="path1-0-6-2-3"
+       cx="132.22401"
+       cy="76.856125"
+       r="17.161091" />
+    <circle
+       style="opacity:0.2;fill:#0732c2;fill-opacity:1;stroke-width:0.227828;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke"
+       id="path1-2-3-2"
+       cx="132.22401"
+       cy="76.856125"
+       r="17.161091" />
+    <path
+       id="path13602-6-7-0"
+       d="m 142.1894,85.192242 0.0762,0.97356 -1.32641,0.41656 0.30802,2.53153 0.80147,0.70757 0.61626,-1.84069 -0.0476,-2.52285 z"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778" />
+    <path
+       id="path13603-1-5-6"
+       d="m 130.41853,64.869592 1.74205,-0.46269 c 0,0 3.19959,4.21813 10.27592,5.5542 0,0 -0.74796,1.29195 -1.13143,3.71659 l -2.54748,3.19571 1.23106,-0.2219 0.54377,3.19684 -0.82924,0.36163 c 0,0 1.14977,2.27125 1.80411,2.76472 l -2.70295,2.80433 c 0,0 -2.96192,-2.17889 -4.52604,-1.24615 -1.42352,0.88544 -1.10398,2.57979 -1.10398,2.57979 l -4.60212,-0.40685 -4.00005,-1.29018 c 0,0 0.74532,-3.7216 0.73872,-6.53147 l 0.74641,0.86639 -0.45283,-1.39993 c -0.42044,-1.29971 -1.65826,-2.31123 -1.66694,-2.40944 -0.20126,-2.27725 -2.0903,-2.79986 -4.51211,-3.02694 l -0.65958,-1.97111 2.63593,-0.61556 3.48117,0.71109 c 0,0 -0.0887,-1.05607 -0.96859,-2.78557 l 1.10331,-0.41145 c 0,0 0.89958,1.50401 1.40557,1.43271 0.26568,-0.0374 1.30507,-1.1732 1.75003,-1.44623 0.39896,-0.24477 1.94998,-0.57229 1.99129,-0.73141 0.16034,-0.58747 0.254,-2.22712 0.254,-2.22712 z"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778" />
+    <path
+       id="path13604-8-9-1"
+       d="m 126.95275,80.974857 c 0,0.41023 -0.33463,0.74277 -0.74745,0.74277 -0.41281,0 -0.74745,-0.33254 -0.74745,-0.74277 0,-0.41022 0.33464,-0.74277 0.74745,-0.74277 0.41282,0 0.74745,0.33255 0.74745,0.74277 z"
+       style="fill:#f7002b;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.352778" />
+  </g>
+</svg>

web/themes/custom/quartiers_de_demain/dist/assets/img/pictos_sites/sedan.svg

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="34.322182mm"
+   height="34.322182mm"
+   viewBox="0 0 34.322182 34.322182"
+   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(-17.898682,-59.695038)">
+    <circle
+       style="fill:#ffffff;fill-opacity:1;stroke-width:0.227828;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke"
+       id="path1-0-4"
+       cx="35.059772"
+       cy="76.856125"
+       r="17.161091" />
+    <circle
+       style="opacity:0.2;fill:#0732c2;fill-opacity:1;stroke-width:0.227828;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke"
+       id="path1-7"
+       cx="35.059772"
+       cy="76.856125"
+       r="17.161091" />
+    <path
+       id="path13602-8"
+       d="m 45.025163,85.192242 0.0762,0.97356 -1.32641,0.41656 0.30802,2.53153 0.80147,0.70757 0.61626,-1.84069 -0.0476,-2.52285 z"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778" />
+    <path
+       id="path13603-4"
+       d="m 33.254293,64.869592 1.74205,-0.46269 c 0,0 3.19959,4.21813 10.27592,5.5542 0,0 -0.74796,1.29195 -1.13143,3.71659 l -2.54748,3.19571 1.23106,-0.2219 0.54377,3.19684 -0.82924,0.36163 c 0,0 1.14977,2.27125 1.80411,2.76472 l -2.70295,2.80433 c 0,0 -2.96192,-2.17889 -4.52604,-1.24615 -1.42352,0.88544 -1.10398,2.57979 -1.10398,2.57979 l -4.60212,-0.40685 -4.00005,-1.29018 c 0,0 0.74532,-3.7216 0.73872,-6.53147 l 0.74641,0.86639 -0.45283,-1.39993 c -0.42044,-1.29971 -1.65826,-2.31123 -1.66694,-2.40944 -0.20126,-2.27725 -2.0903,-2.79986 -4.51211,-3.02694 l -0.65958,-1.97111 2.63593,-0.61556 3.48117,0.71109 c 0,0 -0.0887,-1.05607 -0.96859,-2.78557 l 1.10331,-0.41145 c 0,0 0.89958,1.50401 1.40557,1.43271 0.26568,-0.0374 1.30507,-1.1732 1.75003,-1.44623 0.39896,-0.24477 1.94998,-0.57229 1.99129,-0.73141 0.16034,-0.58747 0.254,-2.22712 0.254,-2.22712 z"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778" />
+    <path
+       id="path13604-5"
+       d="m 39.106869,67.484103 c 0,0.41023 -0.33463,0.74277 -0.74745,0.74277 -0.41281,0 -0.74745,-0.33254 -0.74745,-0.74277 0,-0.41022 0.33464,-0.74277 0.74745,-0.74277 0.41282,0 0.74745,0.33255 0.74745,0.74277 z"
+       style="fill:#f7002b;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.352778" />
+  </g>
+</svg>

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

@@ -379,54 +379,6 @@ document.addEventListener('DOMContentLoaded', function() {
 
 //////////////////////// end Timeline script /////////////////////////////////////////////
 
-///////////////////  caracteres  body actus/////////////////////////
-
-// document.addEventListener('DOMContentLoaded', function() {
-//   // Maximum number of characters to display
-//   const maxChars = 140; // Adjust this value as needed
-
-//   document.querySelectorAll('#actus-caroussel .node-type-actualite .field_body').forEach(function(paragraph) {
-//     let text = paragraph.textContent.trim();
-//     if (text.length > maxChars) {
-//       let truncatedText = text.slice(0, maxChars) + '...';
-//       paragraph.textContent = truncatedText;
-//     }
-//   });
-// });
-
-
-//////////// start slideshow actus home  ////////////////////////// 
-// $(document).ready(function(){
-//     let actuview = $('.content-actus .view .view-rows-wrapper')
-//     if (actuview) {
-//       actuview.slick({
-//         slidesToShow: 3,
-//         dots: false,
-//         arrows: true,
-//         adaptiveHeight: false,
-//         autoplay: false,
-//         responsive: [
-//           {
-//             breakpoint: 810,
-//             settings: {
-//               slidesToShow: 1,
-//               adaptiveHeight: false,
-//               arrows: true,
-//               draggable: true,
-//               autoplay: false,
-//             }
-//           }]
-//       });
-//       console.log('salut slick home');
-      
-//     }
-//     $('.slick-carousel').slick({
-//       lazyLoad: 'progressive', // Option 'ondemand' ou 'progressive'
-//     });
-
-// });
-
-//////////// end slideshow actus home  ////////////////////////// 
 
 
 //////////// start slideshow images home  ////////////////////////// 
@@ -497,14 +449,13 @@ $(document).ready(function(){
         // console.log('Slick désactivé sur la page Home');
     }
 });
-
 ////////////  end slideshow /actualites  ////////////////////////// 
 
 
 
 //////////////// start lightbox galerie image page site////////////////////////
 // Sélection des images à ouvrir dans la lightbox
-let images = document.querySelectorAll('.paragraph--type--site-diapo .lightbox-trigger');
+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
@@ -674,7 +625,6 @@ if (elementsToWrap.length > 0) {
 
 
 ////////////////////  start div infos actualité  ////////////////////////
-
 $(document).ready(function () {
   // Vérifier si .layout-container A l'ID #page-node (et non un élément enfant)
   if ($(".layout-container").attr("id") === "page-node") {
@@ -700,11 +650,9 @@ $(document).ready(function () {
       });
   }
 });
-
 ////////////////////  end div infos actualité  ////////////////////////
 
 //////////////////////////////////////////////////////////////////
-
 document.addEventListener("DOMContentLoaded", function() {
 // Sélectionner les éléments à déplacer
 const documentsField = document.querySelector(".field_field_documents");
@@ -761,9 +709,9 @@ function moveLanguageSwitcher() {
 moveLanguageSwitcher();
 window.addEventListener("resize", moveLanguageSwitcher);
 });
-
 /////////////////// end langswitcher position responsive///////////////////////////////////////////////////////////
 
+
 /////////////// start class à view-rows-ressources ////////
 $(document).ready(function () {
   $(".view-rows-wrapper").each(function () {
@@ -793,6 +741,12 @@ $(document).ready(function () {
           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
@@ -859,8 +813,6 @@ $(document).ready(function () {
   }
   
 });
-
-
 ///////////////////  end voir plus...  ressources ////////////////////
 
 
@@ -919,96 +871,9 @@ $(document).ready(function () {
     })
   }
 });
-
-
 ///////////////////  end voir plus...  actualite dans /actualites & /home ////////////////////
 
 
-//////////////////////////////////////////
-
-
-// /////////// Start script ressources ////////////////////////////////
-
-// document.addEventListener("DOMContentLoaded", () => {
-//     const view = document.querySelector(".view");
-//     const elements = Array.from(view.children);
-
-//     let newView = document.createElement("div");
-//     newView.classList.add("view");
-
-//     let group = null;
-//     let groupContent = null;
-
-//     elements.forEach((el) => {
-//         if (el.tagName === "H3") {
-//             if (group) {
-//                 newView.appendChild(group);
-//             }
-
-//             group = document.createElement("div");
-//             group.classList.add("group");
-
-//             groupContent = document.createElement("div");
-//             groupContent.classList.add("group-content");
-
-//             groupContent.appendChild(el);
-//             group.appendChild(groupContent);
-//         } else if (el.classList.contains("views-row")) {
-//             groupContent.appendChild(el);
-//         }
-//     });
-
-//     if (group) {
-//         newView.appendChild(group);
-//     }
-
-//     view.replaceWith(newView);
-
-//     // Ajouter un bouton "Voir plus" dans chaque groupe
-//     document.querySelectorAll(".group").forEach((group) => {
-//         const rows = group.querySelectorAll(".views-row");
-//         const button = document.createElement("button");
-//         button.classList.add("toggle-btn");
-//         button.textContent = "Voir plus de";
-
-//         rows.forEach((row, index) => {
-//             if (index >= 3) {
-//                 row.classList.add("hidden");
-//                 row.style.maxHeight = "0";
-//                 row.style.opacity = "0";
-//             }
-//         });
-
-//         button.addEventListener("click", () => {
-//             const isExpanded = button.textContent === "Voir moins de";
-//             const hiddenRows = group.querySelectorAll(".views-row.hidden");
-
-//             if (isExpanded) {
-//                 // Cacher les lignes avec un délai pour l'effet de transition
-//                 hiddenRows.forEach((row) => {
-//                     row.style.maxHeight = "0";
-//                     row.style.opacity = "0";
-//                     setTimeout(() => row.classList.add("hidden"), 500); // Délai pour la transition
-//                 });
-//             } else {
-//                 // Afficher les lignes
-//                 hiddenRows.forEach((row) => {
-//                     row.classList.remove("hidden");
-//                     row.style.maxHeight = row.scrollHeight + "px";
-//                     row.style.opacity = "1";
-//                 });
-//             }
-
-//             button.textContent = isExpanded ? "Voir plus de" : "Voir moins de";
-//         });
-
-//         group.appendChild(button);
-//     });
-// });
-
-
-// /////////// end script ressources ////////////////////////////////
-
 
 
 
@@ -1026,6 +891,8 @@ $(document).ready(function () {
 ////////////////// end class à view-rows-wrapper ////////////////
 
 
+
+
 })(jQuery, window);
 
 

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

@@ -30,24 +30,58 @@ main{
         }
         .views-element-container{
             width: 90%;
+          
             .views-row{
                 display: flex;
                 flex-direction: row;
                 border-top: solid 1px $blue_QDD;
                 padding-top: 2rem;
                 margin-left: 2rem;
+                margin-right: 2rem;
+                $sites-pictos: (
+                    marseille: "marseille.svg",
+                    sedan: "sedan.svg",
+                    lodève: "lodeve.svg",
+                    colmar: "colmar.svg",
+                    manosque: "manosque.svg",
+                    pessac: "pessac.svg",
+                    corbeil-essonnes: "corbeil-essonnes.svg",
+                    caen: "caen.svg",
+                    le-mans: "le-mans.svg",
+                    coulommiers: "coulommiers.svg"
+                    );
+                  
                 .views-field-group {
                     width: 18%;
                     margin-bottom: 2rem;
                     font-size: 0.4rem;
+                    position: relative;
 
-                    @media(max-width: 810px){
+                    &::before {
-                        width: 45%;
+                        content: "";
+                        position: absolute;
+                        top: -1rem;
+                        left: -1rem;
+                        width: 3rem;
+                        height: 3rem;
+                        background-repeat: no-repeat;
+                        background-position: center;
+                        background-size: contain;
+                        pointer-events: none;
+                        opacity: 0; // par défaut caché
                     }
-                    @media(max-width: 550px){
+
-                        font-size: 0.7rem ;
+                    // Pour chaque site, on applique juste le bon pictogramme
+                    @each $name, $file in $sites-pictos {
+                        &.#{$name}::before {
+                        background-image: url("../img/pictos_sites/#{$file}");
+                        opacity: 1;
                         }
-                    .views-field-title .field-content a{
+                    }
+                 
+                    .views-field-title{
+                        h2{
+                            margin: 0;
                             color: $blue_QDD;
                                 font-family: "gilroy-bold";
                                 padding-top: 0.5rem;    
@@ -55,6 +89,16 @@ main{
                                 @media(max-width: 550px){
                                     font-size: 0.7rem ;
                                 }
+                            a{
+                                color: $blue_QDD;
+                                font-family: "gilroy-bold";
+                                padding-top: 0.5rem;    
+                                font-size: 0.55rem ;
+                                @media(max-width: 550px){
+                                    font-size: 0.7rem ;
+                                }
+                            }
+                        }
                     }
                     .views-field-field-images .field-content img{
                         width: 100%;
@@ -66,7 +110,7 @@ main{
                         width: fit-content;
                         padding-left: 0.5rem;
                         background: black;
-                        margin-top: 1rem;
+                        margin-top: 0.5rem;
                         @media (max-width:810px) {  
                             margin-left: 0;
                         }
@@ -76,7 +120,7 @@ main{
                             align-items: center;
                             color: white;
                             text-transform: uppercase;
-                            font-size: 0.6rem;
+                            font-size: 0.5rem;
                             svg{
                                 display: none;
                             }
@@ -85,7 +129,7 @@ main{
                                 content: url("../img/noun-arrow-to-right.svg");
                                 padding-right: 0.2rem;
                                 padding-left: 0.2rem;
-                                padding-bottom: 0.2rem;
+                                // padding-bottom: 0.2rem;
                                 height: 25px;
                             }
                         }  
@@ -99,6 +143,11 @@ main{
                         margin-right: 0;
                         margin-top: 0;
                         margin-bottom: 0;
+                        div{
+                            background-color: #f6f7f3;
+                           
+                        }
+                       
                     .field-content{
                         ul{
                             display: flex;
@@ -110,47 +159,72 @@ main{
                                 .node-type-projet{
                                     font-size: 0.4rem;
                                     width: 80%;
-                                  
+                                    transition: transform 0.4s ease-in-out; // animation plus fluide
-    
+                                    &:hover {
-                                    .field_field_laureats{
+                                        transform: scale(1.05); /* effet de zoom léger */
+                                        }
+                                        position: relative;
+                                        &:has(.laureat:not(:empty)){
+                                            z-index: 0;
                                             
                                         }
+                                        &:has(.laureat:not(:empty))::before {
+                                            content: "";
+                                            position: absolute;
+                                            // display: block;
+                                            top: -1rem;
+                                            left: -1rem;
+                                            width: 2.5rem;
+                                            height: 2.5rem;
+                                            background-color: #f6f7f3;
+                                            background-image: url("../img/LAUREAT.svg");
+                                            background-repeat: no-repeat;
+                                            background-position: center;
+                                            background-size: contain;
+                                            z-index: -1;
+                                            
+                                        }
+                                   
+                                    div{
+                                        display: flex;
+                                        flex-direction: column;
+                                        
+                                    }
+                                    .field_field_image{
+                                        order: 2;
+                                        img{
+                                            width: 100%;
+                                            height: auto;
+                                            aspect-ratio: 3/2;
+                                            object-fit: cover;
+                                        }
+                                        .image-field-caption{
+                                            display: none;
+                                        }
+                                    }
+    
+                                    .field_field_laureats{
+                                        order: 1;
+                                        font-size: 0px;
+                                    }
                                     .field_field_nom_de_l_equipe{
+                                        order: 3;
                                         h3{
                                             font-size: 0.6rem;
+                                            margin: 0;
+                                            text-transform: uppercase;
                                         }
                                     }
                                     .field_field_intro{
+                                        order: 4;
                                         p{
                                             font-size: 0.5rem;
+                                            font-family: "gilroy-light";
+                                            margin-top: 0;
                                         }
                                         .more-link{
-                                            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.6rem;
-                                                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;
-                                                }
-                                            } 
-                                        }
                                     }
                                     
                                 }
@@ -161,35 +235,86 @@ main{
                 }
             }
 
+            @media (max-width: 768px) {
+                /* Conteneur global = carrousel horizontal */
+                .views-row {
+                    display: flex;
+                    overflow-x: auto;
+                    gap: 1rem;
+                    padding: 1.5rem 1rem 2rem;
+                    scroll-snap-type: x mandatory;
+                    -webkit-overflow-scrolling: touch;
+                    margin: 0;
+                    .views-field-group{
+                        flex: 0 0 90%;
+                        
                     }
+                    .views-field-group::before{
+                            // top: -0.5rem !important;
+                            // left: -0.5rem !important;
+                            width: 4rem;
+                            height: 4rem;
+                            padding-left: 2rem !important;
                         
-        // .view{
+                    }
-        //     display: flex;
+                }
-        //     flex-direction: column;
+              
-        //     flex-wrap: wrap;
+                /* Masquer les barres de défilement */
-        //     width: 100vw;
+                .views-row::-webkit-scrollbar {
-
+                  display: none;
-
+                }
-        //     .views-row-wrapper{
+                .views-row {
-        //         display: flex;
+                  -ms-overflow-style: none;
-        //         flex-direction: row;
+                  scrollbar-width: none;
-        //         flex-wrap: wrap;
+                }
-        //         justify-content: center;
+              
-        //         width: 60%;
+                /* Chaque "carte" du carrousel (site + projets) */
-        //         margin: auto;
+                .views-field-group,
-        //         padding-left: 10%;
+                .views-field-field-projets-lie li,
-        //         gap: 25px;
+                .views-field-field-projets-lie .node-type-projet {
-        //         margin-right: 10%;
+                  flex: 0 0 130%;              /* largeur identique pour tous */
-        //         @media (max-width:1100px) {
+                  scroll-snap-align: start;
-        //             padding-left: 0;
+                  box-sizing: border-box;
-        //             margin-right: auto;
+                }
-        //             width: 80%;
+              
-        //         }
+                /* Harmonisation du style visuel */
-
+                .views-field-group,
-    
+                .views-field-field-projets-lie .node-type-projet {
-    
+                  padding: 1rem;
-        //     }
+                }
-        // }
+                
+                
+              
+                /* La liste UL des projets devient horizontale */
+                .views-field-field-projets-lie {
+                    ul {
+                        display: contents; /* On laisse les LI se comporter comme des enfants directs du carrousel */
+                        list-style: none;
+                        padding: 0;
+                        margin: 0;
+                        li {
+                            margin: 0;
+                            padding: 0;
+                          //   width: 110% !important;
+                            .node-type-projet {  
+                                flex: 0 0 105%;
+                            }
+                            .node-type-projet::before{
+                            //    top: -0.5rem !important;
+                                left: -0.5rem !important;
+                                width: 2rem !important;
+                                height: 4rem !important;
+                                padding-left: 2rem !important;
+                            
+                        }
+                        }
+                    }
+                }
+            }
+              
+              
+            
+        }
     }
 }
 

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

@@ -95,6 +95,8 @@
                 // margin-left: 3rem;
                 margin-right: 3rem;
                 margin-top: 1rem;
+                display: flex;
+                flex-direction: column;
 
                 .field_field_nom_de_l_equipe{
                     border-top: solid black 1px;
@@ -104,7 +106,7 @@
                     display: flex;
                     flex-direction: column;
                     flex-wrap: wrap;
-                    height: 200px;
+                    height: 400px;
                     border-bottom: solid black 1px;
 
                     .infos-projet{
@@ -144,10 +146,38 @@
                     }
                     .paragraph--type--projet-diapo{
                         .field_field_images_projet{
+                            .diaporama{
+                                display: flex !important;
+                                flex-direction: row !important;
+                                // justify-content: space-between;
+                                gap: 20px;
+                                flex-wrap: wrap;
+                                margin-bottom: 2rem;
+                                @media(max-width: 500px){
+                                    flex-direction: column !important;
+                                }
+                                .cadre-img-zoom{
+                                //    margin: auto;
+                                    img{
+                                        object-fit: cover;
+                                        width: 220px;
+                                        height: 145px;
+                                    }
+                                }
+                                .image-field-caption{
+                                    margin: 0;
+                                    max-width: 200px;
+                                    p{
+                                        margin-top: 0;
+                                        font-size: 0.5rem;
+                                        font-family: 'gilroy-light';
+                                    }
     
                             }
                             } 
                         }
+                    }
+                }
                 .field_field_documents,
                 .field_field_liens{
                     width: fit-content;
@@ -178,6 +208,22 @@
                             } 
                 }
 
+                div:has(.field_field_nom_de_l_equipe){
+                    order: 1;
+                }
+                div:has(.field_field_infos){
+                    order: 2;
+                }
+                div:has(.field_field_parties_projet){
+                    order: 5;
+                }
+                div:has(.field_field_documents){
+                    order: 3;
+                    margin-top: 2rem;
+                }
+                div:has(.field_field_liens){
+                    order: 4;
+                }
             }
         }
         .layout__region--third{
@@ -255,6 +301,7 @@
                     .field_field_laureats{
                         color: red;
                         text-transform: uppercase;
+                        content: url('/web/themes/custom/quartiers_de_demain/dist/assets/img/LAUREAT.png');
                     }
     
                 }

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

@@ -0,0 +1,242 @@
+.node-type-ressource{
+    .layout-content{
+        margin-top: 2rem;
+        max-width: 100vw;
+        .content_container{
+            width: 90% !important;
+        }
+    }
+    .layout--threecol-25-50-25{
+        flex-wrap: nowrap;
+        justify-content: end;
+        @media(max-width: 810px){
+            display: flex;
+            flex-direction: column;
+            width: 100%;
+        }
+
+        .layout__region--second{
+            margin: auto;
+            flex: 0 1 70% !important;
+            margin-top: 1rem;
+            margin-right: 2rem;
+            // width: 60%;
+            .block-region-second{
+                display: flex;
+                flex-direction: column;
+                flex-wrap: wrap;
+                margin-left: 2rem;
+                margin-right: 3rem;
+                @media(max-width: 500px){
+                    margin-left: 0.5rem;
+                    margin-top: 1rem;
+                }
+                .field_title, 
+                .field_field_sous_titre{
+                    font-family: "gilroy-semibold";
+                    font-size: 1.3rem;
+                }
+
+                div:has(.field_title){
+                    align-content: end;
+                    order: 1;
+                    color: $blue_QDD;
+                    h2{
+                        margin: 0;
+                    }
+                }
+
+                .field_field_sous_titre{
+                    font-size: 0.9rem;
+                    padding-left: 1.5rem;
+                }
+    
+                div:has(.field_field_sous_titre){
+                    flex: 0 0 100%;
+                    order: 2;
+                }
+    
+                div:has(.field_field_author){
+                    order: 3;
+                    font-family: "gilroy-light";
+                    font-size: 1.3rem;
+                }
+                div:has(.field_field_mots_clefs){
+                    order: 5;
+                    .field_field_mots_clefs{
+                        display: flex;
+                        flex-direction: row;
+                        margin-top: 1rem;
+                        div{
+                            border: solid 1px $blue_QDD;
+                            margin-right: 0.2rem;
+                            padding: 0.1rem 0.2rem;
+                            font-size: 0.6rem;
+                            font-family: "gilroy-semibold";
+                            color: $blue_QDD;
+                            @media(max-width: 810px){
+                                font-size: 0.8rem;
+                            }
+                        }
+                    }
+                }
+                div:has(.field_field_site){
+                    order: 6;
+                    margin-top: 0.5rem ;
+                    padding-bottom: 1rem ;
+                    margin-bottom: 1rem;
+                    border-bottom: solid 1px black;
+                    .field_field_site{
+                        position: relative;
+                        padding-left: 20px; // Ajuster selon la taille de l'icône
+                        &:before {
+                            content: "";
+                            position: absolute;
+                            left: 0;
+                            top: 50%;
+                            transform: translateY(-50%);
+                            width: 1em;
+                            height: 1em;
+                            background-image: url("../img/map_pointer.svg");
+                            background-size: contain;
+                            background-repeat: no-repeat;
+                        }
+                        color: $red_QDD;
+                        font-family: "gilroy-semibold";
+                    }
+                }
+                
+                div:has(.field_body){
+                    order: 7;
+                    .field_body{
+                        font-family: "gilroy-light";
+                        p{
+                            margin-top: 0;
+                        }
+                    }
+                }
+
+                div:has(.field_field_documents){
+                    order: 8 !important;
+                    margin-bottom: 0.5rem;
+                    .field_field_documents{
+                        display: inline-flex;
+                        a{color: white;}
+                        align-items: center;
+                        color: white;
+                        background: black;
+                        padding-left: 0.5rem;
+                        text-transform: uppercase;
+                        font-size: 0.6rem;
+                        margin-bottom: 0.3rem;
+                        padding: 0.3rem;
+                        
+                        svg{
+                            display: none;
+                        }
+                    }
+                }
+
+                div:has(.field_field_liens){
+                    order: 9;
+                    margin-bottom: 1.5rem;
+                    .field_field_liens{
+                        display: inline-flex;
+                        align-items: center;
+                        color: white;
+                        background: black;
+                        padding-left: 0.5rem;
+                        text-transform: uppercase;
+                        font-size: 0.6rem;
+                        margin-bottom: 0.3rem;
+                        
+                        svg{
+                            display: none;
+                        }
+                        &::after{
+                            display: inline-flex;
+                            content: url("../img/noun-arrow-to-right.svg");
+                            padding-right: 0.2rem;
+                            padding-left: 0.2rem;
+                        }
+                        a{
+                            color: white;
+                        }
+                    }
+                }
+                div:has(.field_field_images){
+                    order: 10;
+                    width: 100%;
+                    .diaporama{
+                        display: flex !important;
+                        flex-direction: row !important;
+                        // justify-content: space-between;
+                        gap: 20px;
+                        flex-wrap: wrap;
+                        margin-bottom: 2rem;
+                        @media(max-width: 500px){
+                            flex-direction: column !important;
+                        }
+                        .images{
+                        //    margin: auto;
+                            img{
+                                object-fit: cover;
+                                width: 220px !important;
+                                height: 145px;
+                            }
+                        }
+                        .image-field-caption{
+                            margin: 0;
+                            // max-width: 200px;
+                            p{
+                                margin-top: 0;
+                                font-size: 0.5rem;
+                                font-family: 'gilroy-light';
+                            }
+                        } 
+                    }                           
+                }
+                div:has(.field--name-field-documents){
+                    order: 5;
+                    margin-top: 0.5rem;
+                    .field--name-field-documents{
+                        a{
+                            display: inline-flex;
+                            align-items: center;
+                            color: white;
+                            background: black;
+                            padding-left: 0.5rem;
+                            text-transform: uppercase;
+                            font-size: 0.5rem;
+                            margin-bottom: 0.3rem;
+                            
+                            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;
+    
+                                
+                            }
+                        } 
+                    }
+                }
+                div:has(.field_field_liens){
+
+                }
+            }
+        }
+
+
+
+    }
+}
+
+.field_field_liens_site > div:nth-child(2) > div:nth-child(1){
+    display: flex;
+    flex-direction: column;
+}

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

@@ -186,7 +186,7 @@
 
                 div:has(.field_title){
                     align-content: end;
-                   
+                    order: 1;
                 }
 
                 .field_field_sous_titre{
@@ -196,6 +196,7 @@
     
                 div:has(.field_field_sous_titre){
                     flex: 0 0 100%;
+                    order: 2;
                 }
     
                 .infos{
@@ -206,6 +207,7 @@
                     flex-wrap: wrap;
                     padding-bottom: 0.5rem;
                     font-family: 'gilroy-light';
+                    order: 3;
                    div{
                     div:nth-of-type(2){
                         font-size: 0.7rem;
@@ -250,6 +252,7 @@
                 div:has(.field_field_parties){
                     margin-top: 2rem;
                     width: 100%;
+                    order:6;
                     @media(max-width: 500px){
                         width: 100%;
                     }
@@ -320,6 +323,38 @@
                         }                           
                     }
                 }
+                div:has(.field--name-field-documents){
+                    order: 5;
+                    margin-top: 0.5rem;
+                    .field--name-field-documents{
+                        a{
+                            display: inline-flex;
+                            align-items: center;
+                            color: white;
+                            background: black;
+                            padding-left: 0.5rem;
+                            text-transform: uppercase;
+                            font-size: 0.5rem;
+                            margin-bottom: 0.3rem;
+                            
+                            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;
+    
+                                
+                            }
+                        } 
+                    }
+                }
+                div:has(.field_field_liens){
+
+                }
             }
         }
 
@@ -359,14 +394,40 @@
                         text-transform: uppercase;
                         font-size: 0.5rem;
                     }
+                    .node-type-projet {
+                        position: relative;
+                        &:has(.laureat:not(:empty)){
+                            padding-top: 1.5rem;
+                        }
+                        &:has(.laureat:not(:empty))::before {
+                            content: "";
+                            position: absolute;
+                            // display: block;
+                            top: 0;          // adapte la position selon ton visuel
+                            left: -1rem;
+                            width: 2.5rem;
+                            height: 2.5rem;
+                            background-color: #f6f7f3;
+                            background-image: url("../img/LAUREAT.svg");
+                            background-repeat: no-repeat;
+                            background-position: center;
+                            background-size: contain;
+                            z-index: -1;
+                            margin-top: 0.3rem;
+                        }
                         .field_field_nom_de_l_equipe{
                             width: 80%;
-                        border-bottom: solid black 1px;
+                            padding-left: 0.5rem;
                             font-size: 0.6rem;
+                            background-color: #f6f7f3;
+                            div{
+                                border-bottom: solid black 1px;
+                            }
                             p{
                                 font-family: "gilroy-semibold";
                                 margin-bottom: 0.5rem;
                                 font-size: 0.6rem;
+                                margin-top: 0.2rem;
                             }
                             div.more-link{
                                 margin-bottom: 1rem;
@@ -376,10 +437,20 @@
                                 }
                             }
                         }
+    
                         .field_field_laureats{
-                        color: red;
+                            color:$red_QDD;
                             text-transform: uppercase; 
+                            display: inline-flex;
+                            align-items: flex-start;    
+                            height: auto;   
+                            font-size: 0px;  
+    
                         }
+                      }
+
+
+                      
     
                 }
                 .prevnext{
@@ -493,7 +564,7 @@
                         content: url("../img/noun-arrow-to-right.svg");
                         padding-right: 0.2rem;
                         padding-left: 0.2rem;
-                        padding-bottom: 0.2rem;
+                        // padding-bottom: 0.2rem;
                         height: 25px;
                     }
                 }   

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

@@ -40,8 +40,8 @@
                 
             }
             .views-element-container{
-                margin-left: 15%;
+                margin-left: 20%;
-                width: 60%;
+                width: 70%;
                 @media(max-width: 810px){
                     margin-left: 0%;
                     width: 90%;
@@ -115,7 +115,8 @@
                             font-size: 0.8rem;
                         }
                         .views-field-title-1,
-                        .views-field-field-sous-titre-1{
+                        .views-field-field-sous-titre-1,
+                        .views-field-views-conditional-field-1{
                             font-family: "gilroy-medium";
                             color: $blue_QDD;
                             font-size: 00.6rem;
@@ -310,11 +311,49 @@
                         width: 100%;
                         background-color: $blue_QDD;
                     }
-
+                    &.type-Galerie-photos{
+                        justify-content: space-between;
+                        .views-row{
+                            width: 18%;
+                            // margin: 0.5rem;
+                            justify-content: space-between;
+                            @media(max-width: 810px){
+                                width: 100%;
+                            }
+                            img{
+                                max-width: 100%;
+                                height: auto;
+                                object-fit: cover;
+                                border-radius: 9px;
+                            }
+                            iframe{
+                                border-radius: 9px;
+                            }
+                            .views-field-title-1{margin-top: 1rem;}
+                            .views-field-body-1,
+                            .views-field-field-liens,
+                            .views-field-field-sous-titre-1,
+                            .views-field-field-documents,
+                            .views-field-views-conditional-field{
+                                display: none;
+                            }
+                            .views-field-views-conditional-field-1{
+                                h2{
+                                    font-family: "gilroy-medium";
+                                    color: $blue_QDD;
+                                    font-size: 00.6rem;
+                                    margin-bottom: 0;
+                                    @media(max-width: 810px){
+                                        font-size: 1rem;
+                                    }
+                                }
                             } 
                             
                             
+                        }
+                    }
 
+                }
                 // }
                 
             }
@@ -334,53 +373,3 @@
 
 
 
-
-// .type-kit-de-communication{
-//    div.content-ressource{
-//         display: flex;
-//         flex-direction: column;
-//         align-items: center;
-//         background-color: $blue_QDD;
-//         color: white;
-//         padding: 1rem 3rem;
-        
-//         .field_title{
-//             display: none;
-//         }
-//         .field_field_sous_titre{
-//             text-align: center;
-//             font-size: 0.9rem;
-//             font-family: 'gilroy-light';
-//             color: white;
-//         }
-//         .field_body{
-//             text-align: center;
-//             font-size: 0.7rem;
-//             font-family: 'gilroy-light';
-//         }
-//         .field_field_liens{
-//             width: fit-content;
-//             a{  
-//                 display: flex;
-//                 flex-direction: row;
-//                 padding-left: 0.5rem;
-//                 display: inline-flex;
-//                 align-items: center;
-//                 color: white;
-//                 background: black;
-//                 text-transform: uppercase;
-//                 font-size: 0.6rem;
-//                 svg{
-//                     display: none;
-//                 }
-//                 &::after{
-//                     display: inline-flex;
-//                     content: url("../img/noun-arrow-to-right.svg");
-//                     padding-right: 0.2rem;
-//                     padding-left: 0.2rem;
-//                 }
-//             }
-//         }
-//     }
-// }
-

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

@@ -49,6 +49,7 @@
 @import "pages/node-type-actualite";
 @import "pages/node-type-site";
 @import "pages/node-type-projet";
+@import "pages/node-type-ressource";
 @import "pages/lessites.scss";
 @import "pages/lesprojets.scss";
 @import "pages/ressources";

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

@@ -69,7 +69,7 @@
       <div>
     {% endif %}
     {% for item in items %}
-      <div{{ item.attributes }}>{{ item.content }}</div>
+      <div class="laureat"{{ item.attributes }}>{{ item.content }}</div>
     {% endfor %}
     {% if multiple %}
       </div>

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

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

web/themes/custom/quartiers_de_demain/templates/field--paragraph--projet-diapo.html.twig

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

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

@@ -56,19 +56,49 @@
  * - view_mode: View mode; for example, "teaser" or "full".
  * - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
  * - page: Flag for the full page state. Will be true if view_mode is 'full'.
- * - readmore: Flag for more state. Will be true if the teaser content of the
- *   node cannot hold the main body content.
- * - logged_in: Flag for authenticated user status. Will be true when the
- *   current user is a logged-in member.
- * - is_admin: Flag for admin user status. Will be true when the current user
- *   is an administrator.
  *
  * @see template_preprocess_node()
  *
  * @ingroup themeable
  */
 #}
-<article{{ attributes }}>
+{# <article{{ attributes }}>
+
+  {{ title_prefix }}
+  {% if label and not page %}
+    <h2{{ title_attributes }}>
+      <a href="{{ url }}" rel="bookmark">{{ label }}</a>
+    </h2>
+  {% endif %}
+  {{ title_suffix }}
+
+  {% if display_submitted %}
+    <footer>
+      {{ author_picture }}
+      <div{{ author_attributes }}>
+        {% trans %}Submitted by {{ author_name }} on {{ date }}{% endtrans %}
+        {{ metadata }}
+      </div>
+    </footer>
+  {% endif %}
+
+  <div{{ content_attributes }}>
+    {{ content }}
+  </div>
+
+</article> #}
+
+
+
+{# node--projets-lies.html.twig #}
+
+{# On détecte si le node est lauréat via le champ field_laureats #}
+{% set is_laureat = content.field_laureats is defined
+  and content.field_laureats['#items'] is defined
+  and content.field_laureats['#items']|length > 0
+%}
+
+<article{{ attributes.addClass('node-type-projet', is_laureat ? 'is-laureat' : '') }}>
 
   {{ title_prefix }}
   {% if label and not page %}
@@ -93,3 +123,4 @@
   </div>
 
 </article>
+

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

@@ -29,8 +29,12 @@
   {% if field.wrapper_element %}</{{ field.wrapper_element }}>{% endif %}
 {% endmacro %}
 
-{# --- Your single new wrapper just for the 4 fields --- #}
+
-<div class="views-field-group">
+{% set raw_title = fields.title.content|striptags|trim %}
+{% set title_first = raw_title|split(',')|first|trim %}
+{% set title_slug = title_first|clean_class %}
+
+<div class="views-field-group {{ title_slug }}">
   {% for name in main_fields %}
     {% if fields[name] is defined %}
       {{ m.render_field(fields[name]) }}
@@ -38,9 +42,10 @@
   {% endfor %}
 </div>
 
-{# Render everything else exactly as before #}
 {% for name, field in fields %}
   {% if name not in main_fields %}
     {{ m.render_field(field) }}
   {% endif %}
 {% endfor %}
+
+