css page site mobiel

composer.json

@@ -37,6 +37,7 @@
         "drupal/quick_node_clone": "^1.18",
         "drupal/simple_sitemap": "^4.1",
         "drupal/social_media_links": "^2.9",
+        "drupal/views_block_area": "^1.0@beta",
         "drupal/viewsreference": "^2.0@beta",
         "drupal/yaml_editor": "^1.2",
         "drush/drush": "^12.4",

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": "d9c788ae880184300ad1f5beb62e85a1",
+    "content-hash": "3f682451141745b61e2f384d1c28ce84",
     "packages": [
         {
             "name": "asm89/stack-cors",
@@ -7563,6 +7563,66 @@
                 "source": "https://git.drupalcode.org/project/video_embed_field"
             }
         },
+        {
+            "name": "drupal/views_block_area",
+            "version": "1.0.0-beta4",
+            "source": {
+                "type": "git",
+                "url": "https://git.drupalcode.org/project/views_block_area.git",
+                "reference": "8.x-1.0-beta4"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://ftp.drupal.org/files/projects/views_block_area-8.x-1.0-beta4.zip",
+                "reference": "8.x-1.0-beta4",
+                "shasum": "8386f4946340d2284b3ab830e698ec0954b14de0"
+            },
+            "require": {
+                "drupal/core": "^8 || ^9 || ^10"
+            },
+            "type": "drupal-module",
+            "extra": {
+                "drupal": {
+                    "version": "8.x-1.0-beta4",
+                    "datestamp": "1674121539",
+                    "security-coverage": {
+                        "status": "not-covered",
+                        "message": "Beta releases are not covered by Drupal security advisories."
+                    }
+                }
+            },
+            "notification-url": "https://packages.drupal.org/8/downloads",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "bohart",
+                    "homepage": "https://www.drupal.org/user/289861"
+                },
+                {
+                    "name": "cafuego",
+                    "homepage": "https://www.drupal.org/user/218525"
+                },
+                {
+                    "name": "Leon Kessler",
+                    "homepage": "https://www.drupal.org/user/595374"
+                },
+                {
+                    "name": "nils.destoop",
+                    "homepage": "https://www.drupal.org/user/361625"
+                },
+                {
+                    "name": "paulrad",
+                    "homepage": "https://www.drupal.org/user/3722439"
+                }
+            ],
+            "description": "Exposes all blocks as a views area.",
+            "homepage": "https://www.drupal.org/project/views_block_area",
+            "support": {
+                "source": "https://git.drupalcode.org/project/views_block_area"
+            }
+        },
         {
             "name": "drupal/views_bulk_edit",
             "version": "2.9.0",
@@ -12889,13 +12949,11 @@
     "aliases": [],
     "minimum-stability": "stable",
     "stability-flags": {
-        "drupal/block_field": 5,
-        "drupal/page_manager": 5,
-        "drupal/viewsreference": 10,
         "drupal/advanced_text_formatter": 5,
+        "drupal/block_field": 5,
         "drupal/bulkdelete": 20,
-        "drupal/config_ignore": 5,
         "drupal/config_devel": 20,
+        "drupal/config_ignore": 5,
         "drupal/config_update": 15,
         "drupal/context": 5,
         "drupal/date_range_formatter": 20,
@@ -12910,17 +12968,20 @@
         "drupal/maxlength": 10,
         "drupal/menu_block": 20,
         "drupal/menu_position": 20,
+        "drupal/page_manager": 5,
         "drupal/path_alias_xt": 20,
         "drupal/pathologic": 15,
         "drupal/profile": 5,
         "drupal/smtp": 10,
         "drupal/synonyms": 10,
         "drupal/translation_views": 15,
-        "drupal/ultimate_cron": 15
+        "drupal/ultimate_cron": 15,
+        "drupal/views_block_area": 10,
+        "drupal/viewsreference": 10
     },
     "prefer-stable": true,
     "prefer-lowest": false,
-    "platform": [],
+    "platform": {},
-    "platform-dev": [],
+    "platform-dev": {},
     "plugin-api-version": "2.6.0"
 }

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

@@ -3,24 +3,25 @@ langcode: fr
 status: true
 dependencies:
   config:
-    - field.field.node.site.field_collectivite_s_epci
     - field.field.node.site.field_departement_s
     - field.field.node.site.field_documents
     - field.field.node.site.field_geofield
+    - field.field.node.site.field_images
     - field.field.node.site.field_liens_site
-    - field.field.node.site.field_mots_clefs
     - field.field.node.site.field_nom_de_la_commune_nb_d_hab
     - field.field.node.site.field_nom_du_qpv_nb_d_hab
-    - field.field.node.site.field_numero
     - field.field.node.site.field_parties
+    - field.field.node.site.field_poid
     - field.field.node.site.field_porteur_s_de_site
     - field.field.node.site.field_programme_de_l_etat
     - field.field.node.site.field_region
     - field.field.node.site.field_sous_titre
+    - image.style.thumbnail
     - node.type.site
   module:
     - field_group
     - file
+    - image
     - leaflet
     - link
     - paragraphs
@@ -36,7 +37,7 @@ third_party_settings:
       label: Tabs
       region: content
       parent_name: ''
-      weight: 3
+      weight: 4
       format_type: tabs
       format_settings:
         classes: ''
@@ -47,12 +48,10 @@ third_party_settings:
         width_breakpoint: 640
     group_infos:
       children:
-        - field_numero
         - field_region
         - field_nom_du_qpv_nb_d_hab
         - field_departement_s
         - field_programme_de_l_etat
-        - field_collectivite_s_epci
         - field_porteur_s_de_site
         - field_nom_de_la_commune_nb_d_hab
       label: Infos
@@ -87,13 +86,14 @@ third_party_settings:
     group_details:
       children:
         - status
+        - field_poid
         - created
         - uid
         - simple_sitemap
       label: Details
       region: content
       parent_name: ''
-      weight: 2
+      weight: 3
       format_type: details_sidebar
       format_settings:
         classes: ''
@@ -105,8 +105,7 @@ third_party_settings:
         required_fields: true
         weight: -1
     group_mots_clefs:
-      children:
+      children: {  }
-        - field_mots_clefs
       label: 'Mots Clefs'
       region: content
       parent_name: group_tabs
@@ -127,7 +126,7 @@ third_party_settings:
       label: Annexe
       region: content
       parent_name: group_tabs
-      weight: 27
+      weight: 28
       format_type: tab
       format_settings:
         classes: ''
@@ -143,7 +142,7 @@ third_party_settings:
       label: Geofield
       region: content
       parent_name: group_tabs
-      weight: 28
+      weight: 29
       format_type: tab
       format_settings:
         classes: ''
@@ -164,14 +163,6 @@ content:
     region: content
     settings: {  }
     third_party_settings: {  }
-  field_collectivite_s_epci:
-    type: string_textarea
-    weight: 17
-    region: content
-    settings:
-      rows: 5
-      placeholder: ''
-    third_party_settings: {  }
   field_departement_s:
     type: string_textfield
     weight: 15
@@ -252,6 +243,14 @@ content:
       feature_properties:
         values: ''
     third_party_settings: {  }
+  field_images:
+    type: image_image
+    weight: 2
+    region: content
+    settings:
+      progress_indicator: throbber
+      preview_image_style: thumbnail
+    third_party_settings: {  }
   field_liens_site:
     type: link_default
     weight: 24
@@ -260,16 +259,6 @@ content:
       placeholder_url: ''
       placeholder_title: ''
     third_party_settings: {  }
-  field_mots_clefs:
-    type: entity_reference_autocomplete_tags
-    weight: 12
-    region: content
-    settings:
-      match_operator: CONTAINS
-      match_limit: 10
-      size: 60
-      placeholder: ''
-    third_party_settings: {  }
   field_nom_de_la_commune_nb_d_hab:
     type: string_textfield
     weight: 19
@@ -280,19 +269,12 @@ content:
     third_party_settings: {  }
   field_nom_du_qpv_nb_d_hab:
     type: string_textfield
-    weight: 14
+    weight: 13
     region: content
     settings:
       size: 60
       placeholder: ''
     third_party_settings: {  }
-  field_numero:
-    type: number
-    weight: 11
-    region: content
-    settings:
-      placeholder: ''
-    third_party_settings: {  }
   field_parties:
     type: paragraphs
     weight: 22
@@ -313,6 +295,13 @@ content:
         convert: '0'
         duplicate: duplicate
     third_party_settings: {  }
+  field_poid:
+    type: number
+    weight: 3
+    region: content
+    settings:
+      placeholder: ''
+    third_party_settings: {  }
   field_porteur_s_de_site:
     type: string_textarea
     weight: 18
@@ -331,7 +320,7 @@ content:
     third_party_settings: {  }
   field_region:
     type: string_textfield
-    weight: 13
+    weight: 12
     region: content
     settings:
       size: 60

config/sync/core.entity_form_display.paragraph.site_video.default.yml

@@ -0,0 +1,32 @@
+uuid: d1125aec-fef8-4cd5-84a1-9564f99a7fec
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.field.paragraph.site_video.field_titre_site
+    - field.field.paragraph.site_video.field_video
+    - paragraphs.paragraphs_type.site_video
+  module:
+    - video_embed_field
+id: paragraph.site_video.default
+targetEntityType: paragraph
+bundle: site_video
+mode: default
+content:
+  field_titre_site:
+    type: string_textfield
+    weight: 0
+    region: content
+    settings:
+      size: 60
+      placeholder: ''
+    third_party_settings: {  }
+  field_video:
+    type: video_embed_field_textfield
+    weight: 1
+    region: content
+    settings: {  }
+    third_party_settings: {  }
+hidden:
+  created: true
+  status: true

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

@@ -3,25 +3,26 @@ langcode: fr
 status: true
 dependencies:
   config:
-    - field.field.node.site.field_collectivite_s_epci
     - field.field.node.site.field_departement_s
     - field.field.node.site.field_documents
     - field.field.node.site.field_geofield
+    - field.field.node.site.field_images
     - field.field.node.site.field_liens_site
-    - field.field.node.site.field_mots_clefs
     - field.field.node.site.field_nom_de_la_commune_nb_d_hab
     - field.field.node.site.field_nom_du_qpv_nb_d_hab
-    - field.field.node.site.field_numero
     - field.field.node.site.field_parties
+    - field.field.node.site.field_poid
     - field.field.node.site.field_porteur_s_de_site
     - field.field.node.site.field_programme_de_l_etat
     - field.field.node.site.field_region
     - field.field.node.site.field_sous_titre
+    - image.style.wide
     - node.type.site
   module:
     - entity_reference_revisions
     - file
     - geofield
+    - image_field_caption
     - link
     - manage_display
 id: node.site.default
@@ -29,20 +30,13 @@ targetEntityType: node
 bundle: site
 mode: default
 content:
-  field_collectivite_s_epci:
-    type: basic_string
-    label: above
-    settings: {  }
-    third_party_settings: {  }
-    weight: 108
-    region: content
   field_departement_s:
     type: string
     label: above
     settings:
       link_to_entity: false
     third_party_settings: {  }
-    weight: 106
+    weight: 5
     region: content
   field_documents:
     type: file_default
@@ -50,7 +44,7 @@ content:
     settings:
       use_description_as_link_text: true
     third_party_settings: {  }
-    weight: 111
+    weight: 9
     region: content
   field_geofield:
     type: geofield_default
@@ -59,7 +53,18 @@ content:
       output_format: wkt
       output_escape: true
     third_party_settings: {  }
-    weight: 115
+    weight: 13
+    region: content
+  field_images:
+    type: image_caption
+    label: visually_hidden
+    settings:
+      image_style: wide
+      image_link: ''
+      image_loading:
+        attribute: lazy
+    third_party_settings: {  }
+    weight: 1
     region: content
   field_liens_site:
     type: link
@@ -71,15 +76,7 @@ content:
       rel: ''
       target: ''
     third_party_settings: {  }
-    weight: 112
+    weight: 10
-    region: content
-  field_mots_clefs:
-    type: entity_reference_label
-    label: above
-    settings:
-      link: true
-    third_party_settings: {  }
-    weight: 103
     region: content
   field_nom_de_la_commune_nb_d_hab:
     type: string
@@ -87,7 +84,7 @@ content:
     settings:
       link_to_entity: false
     third_party_settings: {  }
-    weight: 110
+    weight: 8
     region: content
   field_nom_du_qpv_nb_d_hab:
     type: string
@@ -95,16 +92,7 @@ content:
     settings:
       link_to_entity: false
     third_party_settings: {  }
-    weight: 105
+    weight: 4
-    region: content
-  field_numero:
-    type: number_integer
-    label: above
-    settings:
-      thousand_separator: ''
-      prefix_suffix: true
-    third_party_settings: {  }
-    weight: 102
     region: content
   field_parties:
     type: entity_reference_revisions_entity_view
@@ -113,14 +101,14 @@ content:
       view_mode: default
       link: ''
     third_party_settings: {  }
-    weight: 113
+    weight: 11
     region: content
   field_porteur_s_de_site:
     type: basic_string
     label: above
     settings: {  }
     third_party_settings: {  }
-    weight: 109
+    weight: 7
     region: content
   field_programme_de_l_etat:
     type: string
@@ -128,7 +116,7 @@ content:
     settings:
       link_to_entity: false
     third_party_settings: {  }
-    weight: 107
+    weight: 6
     region: content
   field_region:
     type: string
@@ -136,7 +124,7 @@ content:
     settings:
       link_to_entity: false
     third_party_settings: {  }
-    weight: 104
+    weight: 3
     region: content
   field_sous_titre:
     type: string
@@ -144,12 +132,12 @@ content:
     settings:
       link_to_entity: false
     third_party_settings: {  }
-    weight: 114
+    weight: 12
     region: content
   links:
     settings: {  }
     third_party_settings: {  }
-    weight: 100
+    weight: 2
     region: content
   title:
     type: title
@@ -158,10 +146,11 @@ content:
       link_to_entity: true
       tag: h2
     third_party_settings: {  }
-    weight: -49
+    weight: 0
     region: content
 hidden:
   created: true
+  field_poid: true
   langcode: true
   search_api_excerpt: true
   uid: true

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

@@ -0,0 +1,71 @@
+uuid: f1f45ef7-1fbb-4a0f-8115-9b1d405773ef
+langcode: fr
+status: true
+dependencies:
+  config:
+    - core.entity_view_mode.node.full
+    - field.field.node.site.field_departement_s
+    - field.field.node.site.field_documents
+    - field.field.node.site.field_geofield
+    - field.field.node.site.field_images
+    - field.field.node.site.field_liens_site
+    - field.field.node.site.field_nom_de_la_commune_nb_d_hab
+    - field.field.node.site.field_nom_du_qpv_nb_d_hab
+    - field.field.node.site.field_parties
+    - field.field.node.site.field_poid
+    - field.field.node.site.field_porteur_s_de_site
+    - field.field.node.site.field_programme_de_l_etat
+    - field.field.node.site.field_region
+    - field.field.node.site.field_sous_titre
+    - image.style.wide
+    - node.type.site
+  module:
+    - image_field_caption
+    - manage_display
+id: node.site.full
+targetEntityType: node
+bundle: site
+mode: full
+content:
+  field_images:
+    type: image_caption
+    label: visually_hidden
+    settings:
+      image_style: wide
+      image_link: ''
+      image_loading:
+        attribute: lazy
+    third_party_settings: {  }
+    weight: 0
+    region: content
+  links:
+    settings: {  }
+    third_party_settings: {  }
+    weight: 100
+    region: content
+  title:
+    type: title
+    label: hidden
+    settings:
+      link_to_entity: true
+      tag: h2
+    third_party_settings: {  }
+    weight: -49
+    region: content
+hidden:
+  created: true
+  field_departement_s: true
+  field_documents: true
+  field_geofield: true
+  field_liens_site: true
+  field_nom_de_la_commune_nb_d_hab: true
+  field_nom_du_qpv_nb_d_hab: true
+  field_parties: true
+  field_poid: true
+  field_porteur_s_de_site: true
+  field_programme_de_l_etat: true
+  field_region: true
+  field_sous_titre: true
+  langcode: true
+  search_api_excerpt: true
+  uid: true

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

@@ -4,28 +4,42 @@ status: true
 dependencies:
   config:
     - core.entity_view_mode.node.teaser
-    - field.field.node.site.field_collectivite_s_epci
     - field.field.node.site.field_departement_s
     - field.field.node.site.field_documents
     - field.field.node.site.field_geofield
+    - field.field.node.site.field_images
     - field.field.node.site.field_liens_site
-    - field.field.node.site.field_mots_clefs
     - field.field.node.site.field_nom_de_la_commune_nb_d_hab
     - field.field.node.site.field_nom_du_qpv_nb_d_hab
-    - field.field.node.site.field_numero
     - field.field.node.site.field_parties
+    - field.field.node.site.field_poid
     - field.field.node.site.field_porteur_s_de_site
     - field.field.node.site.field_programme_de_l_etat
     - field.field.node.site.field_region
     - field.field.node.site.field_sous_titre
+    - image.style.wide
     - node.type.site
   module:
+    - image_delta_formatter
     - manage_display
 id: node.site.teaser
 targetEntityType: node
 bundle: site
 mode: teaser
 content:
+  field_images:
+    type: image_delta_formatter
+    label: visually_hidden
+    settings:
+      deltas: '0'
+      image_style: wide
+      image_link: content
+      image_loading:
+        attribute: lazy
+      deltas_reversed: 0
+    third_party_settings: {  }
+    weight: 0
+    region: content
   links:
     settings: {  }
     third_party_settings: {  }
@@ -42,16 +56,14 @@ content:
     region: content
 hidden:
   created: true
-  field_collectivite_s_epci: true
   field_departement_s: true
   field_documents: true
   field_geofield: true
   field_liens_site: true
-  field_mots_clefs: true
   field_nom_de_la_commune_nb_d_hab: true
   field_nom_du_qpv_nb_d_hab: true
-  field_numero: true
   field_parties: true
+  field_poid: true
   field_porteur_s_de_site: true
   field_programme_de_l_etat: true
   field_region: true

config/sync/core.entity_view_display.paragraph.site_video.default.yml

@@ -0,0 +1,36 @@
+uuid: f518db27-1075-4898-bc9e-54e2cb98a312
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.field.paragraph.site_video.field_titre_site
+    - field.field.paragraph.site_video.field_video
+    - paragraphs.paragraphs_type.site_video
+  module:
+    - video_embed_field
+id: paragraph.site_video.default
+targetEntityType: paragraph
+bundle: site_video
+mode: default
+content:
+  field_titre_site:
+    type: string
+    label: visually_hidden
+    settings:
+      link_to_entity: false
+    third_party_settings: {  }
+    weight: 0
+    region: content
+  field_video:
+    type: video_embed_field_video
+    label: visually_hidden
+    settings:
+      autoplay: false
+      responsive: true
+      width: 854
+      height: 480
+    third_party_settings: {  }
+    weight: 1
+    region: content
+hidden:
+  search_api_excerpt: true

config/sync/core.extension.yml

@@ -118,6 +118,7 @@ module:
   update: 0
   user: 0
   video_embed_field: 0
+  views_block_area: 0
   views_bulk_edit: 0
   views_bulk_operations: 0
   views_ui: 0

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

@@ -1,19 +0,0 @@
-uuid: 2fd10960-84db-4c32-aa23-e83d7218a869
-langcode: fr
-status: true
-dependencies:
-  config:
-    - field.storage.node.field_collectivite_s_epci
-    - node.type.site
-id: node.site.field_collectivite_s_epci
-field_name: field_collectivite_s_epci
-entity_type: node
-bundle: site
-label: Collectivité(s)/EPCI
-description: ''
-required: false
-translatable: false
-default_value: {  }
-default_value_callback: ''
-settings: {  }
-field_type: string_long

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

@@ -0,0 +1,41 @@
+uuid: cca523c9-b52f-4849-be74-2ea9d1576ae3
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_images
+    - node.type.site
+  module:
+    - image
+id: node.site.field_images
+field_name: field_images
+entity_type: node
+bundle: site
+label: Vignette
+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: true
+  title_field: false
+  title_field_required: false
+  default_image:
+    uuid: ''
+    alt: ''
+    title: ''
+    width: null
+    height: null
+    caption: ''
+  caption_field: 1
+  caption_field_required: 0
+field_type: image

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

@@ -1,29 +0,0 @@
-uuid: 37705251-7834-4e73-a3e9-312019908421
-langcode: fr
-status: true
-dependencies:
-  config:
-    - field.storage.node.field_mots_clefs
-    - node.type.site
-    - taxonomy.vocabulary.mots_clefs
-id: node.site.field_mots_clefs
-field_name: field_mots_clefs
-entity_type: node
-bundle: site
-label: 'Mots Clefs'
-description: ''
-required: false
-translatable: false
-default_value: {  }
-default_value_callback: ''
-settings:
-  handler: 'default:taxonomy_term'
-  handler_settings:
-    target_bundles:
-      mots_clefs: mots_clefs
-    sort:
-      field: name
-      direction: asc
-    auto_create: true
-    auto_create_bundle: ''
-field_type: entity_reference

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

@@ -7,6 +7,7 @@ dependencies:
     - node.type.site
     - paragraphs.paragraphs_type.site_diapo
     - paragraphs.paragraphs_type.site_parts
+    - paragraphs.paragraphs_type.site_video
   module:
     - entity_reference_revisions
 id: node.site.field_parties
@@ -24,6 +25,7 @@ settings:
   handler_settings:
     target_bundles:
       site_diapo: site_diapo
+      site_video: site_video
       site_parts: site_parts
     negate: 0
     target_bundles_drag_drop:
@@ -36,6 +38,9 @@ settings:
       site_parts:
         weight: 7
         enabled: true
+      site_video:
+        weight: 6
+        enabled: true
       static_parts:
         weight: 8
         enabled: false

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

@@ -1,23 +1,25 @@
-uuid: fc5d18ef-ba33-43c7-98d2-de7dcd5dc570
+uuid: a074192e-6a9a-4e1c-8726-27497c07ce78
 langcode: fr
 status: true
 dependencies:
   config:
-    - field.storage.node.field_numero
+    - field.storage.node.field_poid
     - node.type.site
-id: node.site.field_numero
+id: node.site.field_poid
-field_name: field_numero
+field_name: field_poid
 entity_type: node
 bundle: site
-label: Numéro
+label: Poid
 description: ''
 required: false
 translatable: false
-default_value: {  }
+default_value:
+  -
+    value: 0
 default_value_callback: ''
 settings:
-  min: 1
+  min: -20
-  max: 10
+  max: 20
   prefix: ''
   suffix: ''
 field_type: integer

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

@@ -9,7 +9,7 @@ id: node.site.field_porteur_s_de_site
 field_name: field_porteur_s_de_site
 entity_type: node
 bundle: site
-label: 'Porteur(s) de site'
+label: "Maîtrise d'ouvrage"
 description: ''
 required: false
 translatable: false

config/sync/field.field.paragraph.site_video.field_titre_site.yml

@@ -0,0 +1,19 @@
+uuid: 32266fd4-65b2-4911-b1ea-92400361aa20
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.paragraph.field_titre_site
+    - paragraphs.paragraphs_type.site_video
+id: paragraph.site_video.field_titre_site
+field_name: field_titre_site
+entity_type: paragraph
+bundle: site_video
+label: Titre
+description: ''
+required: true
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings: {  }
+field_type: string

config/sync/field.field.paragraph.site_video.field_video.yml

@@ -0,0 +1,25 @@
+uuid: cdb2a071-c22e-4110-9fbf-49d230ac5a23
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.paragraph.field_video
+    - paragraphs.paragraphs_type.site_video
+  module:
+    - video_embed_field
+id: paragraph.site_video.field_video
+field_name: field_video
+entity_type: paragraph
+bundle: site_video
+label: Video
+description: ''
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings:
+  allowed_providers:
+    vimeo: vimeo
+    youtube: youtube
+    youtube_playlist: '0'
+field_type: video_embed_field

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

@@ -1,19 +0,0 @@
-uuid: 53454d14-8240-4c86-bb29-fbaa9acd9fd6
-langcode: fr
-status: true
-dependencies:
-  module:
-    - node
-id: node.field_collectivite_s_epci
-field_name: field_collectivite_s_epci
-entity_type: node
-type: string_long
-settings:
-  case_sensitive: false
-module: core
-locked: false
-cardinality: 1
-translatable: true
-indexes: {  }
-persist_with_no_fields: false
-custom_storage: false

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

@@ -1,20 +0,0 @@
-uuid: d10aa3f5-70a2-4603-a3cc-3ebb203bfef4
-langcode: fr
-status: true
-dependencies:
-  module:
-    - node
-    - taxonomy
-id: node.field_mots_clefs
-field_name: field_mots_clefs
-entity_type: node
-type: entity_reference
-settings:
-  target_type: taxonomy_term
-module: core
-locked: false
-cardinality: -1
-translatable: true
-indexes: {  }
-persist_with_no_fields: false
-custom_storage: false

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

@@ -1,20 +0,0 @@
-uuid: 63e8d473-549a-47b6-93e6-3ebfded98feb
-langcode: fr
-status: true
-dependencies:
-  module:
-    - node
-id: node.field_numero
-field_name: field_numero
-entity_type: node
-type: integer
-settings:
-  unsigned: false
-  size: normal
-module: core
-locked: false
-cardinality: 1
-translatable: true
-indexes: {  }
-persist_with_no_fields: false
-custom_storage: false

config/sync/field.storage.paragraph.field_video.yml

@@ -0,0 +1,19 @@
+uuid: aff05522-03d6-4024-94a9-185b4f740fb1
+langcode: fr
+status: true
+dependencies:
+  module:
+    - paragraphs
+    - video_embed_field
+id: paragraph.field_video
+field_name: field_video
+entity_type: paragraph
+type: video_embed_field
+settings: {  }
+module: video_embed_field
+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-0.yml

@@ -4,13 +4,11 @@ status: true
 dependencies:
   config:
     - page_manager.page.node_view
-    - views.view.site
   module:
     - ctools_block
     - node
     - panels
     - q2d_mod
-    - views
 id: node_view-panels_variant-0
 label: Sites
 weight: 0
@@ -63,28 +61,6 @@ variant_settings:
         - ''
       html_id: ''
       css_styles: ''
-    4f39a2a9-9180-481e-ac4a-168fcc5fd8e4:
-      id: 'entity_field:node:field_numero'
-      label: Numéro
-      label_display: '0'
-      provider: ctools_block
-      context_mapping:
-        entity: node
-      formatter:
-        type: number_integer
-        weight: 0
-        label: visually_hidden
-        settings:
-          thousand_separator: ''
-          prefix_suffix: true
-        third_party_settings: {  }
-      region: second
-      weight: -3
-      uuid: 4f39a2a9-9180-481e-ac4a-168fcc5fd8e4
-      css_classes:
-        - ''
-      html_id: ''
-      css_styles: ''
     0f521934-a0b6-49c7-9dd0-b984c8d80ef3:
       id: 'entity_field:node:field_documents'
       label: Documents
@@ -152,43 +128,6 @@ variant_settings:
         - ''
       html_id: ''
       css_styles: ''
-    06132319-e1c4-45e4-9b9e-2db00c2d5ea2:
-      id: 'views_block:site-block_1'
-      label: ''
-      label_display: '0'
-      provider: views
-      context_mapping: {  }
-      views_label: ''
-      items_per_page: none
-      exposed: {  }
-      region: second
-      weight: 0
-      uuid: 06132319-e1c4-45e4-9b9e-2db00c2d5ea2
-      css_classes:
-        - ''
-      html_id: ''
-      css_styles: ''
-    6e59adf8-c9fe-438c-9518-413fa8f77ffb:
-      id: 'entity_field:node:field_mots_clefs'
-      label: 'Mots Clefs'
-      label_display: visible
-      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: 1
-      uuid: 6e59adf8-c9fe-438c-9518-413fa8f77ffb
-      css_classes:
-        - ''
-      html_id: ''
-      css_styles: ''
     585c2156-c9db-4940-8382-0744350facf6:
       id: prevnextsite_block
       label: 'PrevNext Site Block'

config/sync/paragraphs.paragraphs_type.site_video.yml

@@ -0,0 +1,10 @@
+uuid: eb20a662-7e1e-4d2b-855f-36708e2315e1
+langcode: fr
+status: true
+dependencies: {  }
+id: site_video
+label: 'Site video'
+icon_uuid: null
+icon_default: null
+description: ''
+behavior_plugins: {  }

config/sync/views.view.site.yml

@@ -1,9 +1,8 @@
 uuid: 9e172612-e65e-4292-bb32-706c81ee98e3
 langcode: fr
-status: true
+status: false
 dependencies:
   config:
-    - field.storage.node.field_collectivite_s_epci
     - field.storage.node.field_departement_s
     - field.storage.node.field_geofield
     - field.storage.node.field_nom_de_la_commune_nb_d_hab
@@ -286,68 +285,6 @@ display:
           multi_type: separator
           separator: ', '
           field_api_classes: false
-        field_collectivite_s_epci:
-          id: field_collectivite_s_epci
-          table: node__field_collectivite_s_epci
-          field: field_collectivite_s_epci
-          relationship: none
-          group_type: group
-          admin_label: ''
-          plugin_id: field
-          label: Collectivité(s)/EPCI
-          exclude: false
-          alter:
-            alter_text: false
-            text: ''
-            make_link: false
-            path: ''
-            absolute: false
-            external: false
-            replace_spaces: false
-            path_case: none
-            trim_whitespace: false
-            alt: ''
-            rel: ''
-            link_class: ''
-            prefix: ''
-            suffix: ''
-            target: ''
-            nl2br: false
-            max_length: 0
-            word_boundary: true
-            ellipsis: true
-            more_link: false
-            more_link_text: ''
-            more_link_path: ''
-            strip_tags: false
-            trim: false
-            preserve_tags: ''
-            html: false
-          element_type: ''
-          element_class: ''
-          element_label_type: ''
-          element_label_class: ''
-          element_label_colon: false
-          element_wrapper_type: ''
-          element_wrapper_class: ''
-          element_default_classes: true
-          empty: ''
-          hide_empty: false
-          empty_zero: false
-          hide_alter_empty: true
-          click_sort_column: value
-          type: basic_string
-          settings: {  }
-          group_column: value
-          group_columns: {  }
-          group_rows: true
-          delta_limit: 0
-          delta_offset: 0
-          delta_reversed: false
-          delta_first_last: false
-          multi_type: separator
-          separator: ', '
-          field_api_classes: false
         field_porteur_s_de_site:
           id: field_porteur_s_de_site
           table: node__field_porteur_s_de_site
@@ -595,7 +532,6 @@ display:
         - 'user.node_grants:view'
         - user.permissions
       tags:
-        - 'config:field.storage.node.field_collectivite_s_epci'
         - 'config:field.storage.node.field_departement_s'
         - 'config:field.storage.node.field_nom_de_la_commune_nb_d_hab'
         - 'config:field.storage.node.field_nom_du_qpv_nb_d_hab'
@@ -631,7 +567,6 @@ display:
         - 'user.node_grants:view'
         - user.permissions
       tags:
-        - 'config:field.storage.node.field_collectivite_s_epci'
         - 'config:field.storage.node.field_departement_s'
         - 'config:field.storage.node.field_nom_de_la_commune_nb_d_hab'
         - 'config:field.storage.node.field_nom_du_qpv_nb_d_hab'

config/sync/views.view.sites.yml

@@ -0,0 +1,767 @@
+uuid: 2c9d24b6-a33d-4327-bf78-8f55d5fb6fd5
+langcode: fr
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_geofield
+    - field.storage.node.field_images
+    - field.storage.node.field_sous_titre
+    - node.type.site
+  module:
+    - geofield
+    - image
+    - leaflet_views
+    - node
+    - user
+    - views_block_area
+id: sites
+label: Sites
+module: views
+description: ''
+tag: ''
+base_table: node_field_data
+base_field: nid
+display:
+  default:
+    id: default
+    display_title: Default
+    display_plugin: default
+    position: 0
+    display_options:
+      title: 'Les 10 sites sélectionnés'
+      fields:
+        field_images:
+          id: field_images
+          table: node__field_images
+          field: field_images
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: field
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: target_id
+          type: image
+          settings:
+            image_link: content
+            image_style: ''
+            image_loading:
+              attribute: lazy
+          group_column: ''
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 1
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+        title:
+          id: title
+          table: node_field_data
+          field: title
+          relationship: none
+          group_type: group
+          admin_label: ''
+          entity_type: node
+          entity_field: title
+          plugin_id: field
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            make_link: false
+            absolute: false
+            word_boundary: false
+            ellipsis: false
+            strip_tags: false
+            trim: false
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: true
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: value
+          type: string
+          settings:
+            link_to_entity: true
+          group_column: value
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+        field_sous_titre:
+          id: field_sous_titre
+          table: node__field_sous_titre
+          field: field_sous_titre
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: field
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: value
+          type: string
+          settings:
+            link_to_entity: true
+          group_column: value
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+        field_geofield:
+          id: field_geofield
+          table: node__field_geofield
+          field: field_geofield
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: field
+          label: ''
+          exclude: true
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: value
+          type: geofield_default
+          settings:
+            output_format: wkt
+            output_escape: true
+          group_column: value
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+      pager:
+        type: none
+        options:
+          offset: 0
+          items_per_page: 0
+      exposed_form:
+        type: basic
+        options:
+          submit_button: Appliquer
+          reset_button: false
+          reset_button_label: Réinitialiser
+          exposed_sorts_label: 'Trier par'
+          expose_sort_order: true
+          sort_asc_label: Asc
+          sort_desc_label: Desc
+      access:
+        type: perm
+        options:
+          perm: 'access content'
+      cache:
+        type: tag
+        options: {  }
+      empty: {  }
+      sorts:
+        created:
+          id: created
+          table: node_field_data
+          field: created
+          relationship: none
+          group_type: group
+          admin_label: ''
+          entity_type: node
+          entity_field: created
+          plugin_id: date
+          order: DESC
+          expose:
+            label: ''
+            field_identifier: ''
+          exposed: false
+          granularity: second
+      arguments: {  }
+      filters:
+        status:
+          id: status
+          table: node_field_data
+          field: status
+          entity_type: node
+          entity_field: status
+          plugin_id: boolean
+          value: '1'
+          group: 1
+          expose:
+            operator: ''
+        type:
+          id: type
+          table: node_field_data
+          field: type
+          entity_type: node
+          entity_field: type
+          plugin_id: bundle
+          value:
+            site: site
+      style:
+        type: default
+      row:
+        type: fields
+        options:
+          default_field_elements: true
+          inline: {  }
+          separator: ''
+          hide_empty: false
+      query:
+        type: views_query
+        options:
+          query_comment: ''
+          disable_sql_rewrite: false
+          distinct: false
+          replica: false
+          query_tags: {  }
+      relationships: {  }
+      header: {  }
+      footer: {  }
+      display_extenders: {  }
+    cache_metadata:
+      max-age: -1
+      contexts:
+        - 'languages:language_content'
+        - 'languages:language_interface'
+        - 'user.node_grants:view'
+        - user.permissions
+      tags:
+        - 'config:field.storage.node.field_geofield'
+        - 'config:field.storage.node.field_images'
+        - 'config:field.storage.node.field_sous_titre'
+  embed_1:
+    id: embed_1
+    display_title: Intégré
+    display_plugin: embed
+    position: 2
+    display_options:
+      fields:
+        field_images:
+          id: field_images
+          table: node__field_images
+          field: field_images
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: field
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: target_id
+          type: image
+          settings:
+            image_link: content
+            image_style: ''
+            image_loading:
+              attribute: lazy
+          group_column: ''
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 1
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+        title:
+          id: title
+          table: node_field_data
+          field: title
+          relationship: none
+          group_type: group
+          admin_label: ''
+          entity_type: node
+          entity_field: title
+          plugin_id: field
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            make_link: false
+            absolute: false
+            word_boundary: false
+            ellipsis: false
+            strip_tags: false
+            trim: false
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: true
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: value
+          type: string
+          settings:
+            link_to_entity: true
+          group_column: value
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+        field_sous_titre:
+          id: field_sous_titre
+          table: node__field_sous_titre
+          field: field_sous_titre
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: field
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: value
+          type: string
+          settings:
+            link_to_entity: true
+          group_column: value
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+        field_geofield:
+          id: field_geofield
+          table: node__field_geofield
+          field: field_geofield
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: field
+          label: ''
+          exclude: true
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: value
+          type: geofield_default
+          settings:
+            output_format: wkt
+            output_escape: true
+          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
+      style:
+        type: leaflet_map
+        options:
+          grouping: {  }
+          data_source:
+            field_geofield: field_geofield
+          entity_source: __base_table
+          name_field: ''
+          leaflet_tooltip:
+            value: title
+            options: '{"permanent":false,"direction":"center"}'
+          leaflet_popup:
+            value: title
+            options: '{"maxWidth":"300","minWidth":"50","autoPan":true}'
+            view_mode: full
+          leaflet_map: stamen-toner
+          height: '400'
+          height_unit: px
+          hide_empty_map: false
+          disable_wheel: false
+          gesture_handling: false
+          fitbounds_options: '{"padding":[0,0]}'
+          reset_map:
+            control: false
+            options: '{"position":"topleft","title":"Reset View"}'
+          map_scale:
+            control: false
+            options: '{"position":"bottomright","maxWidth":100,"metric":true,"imperial":false,"updateWhenIdle":false}'
+          locate:
+            control: false
+            options: '{"position":"topright","setView":"untilPanOrZoom","returnToPrevBounds":true,"keepCurrentZoomLevel":true,"strings":{"title":"Locate my position"}}'
+            automatic: false
+          map_position:
+            force: false
+            center:
+              lat: 0.0
+              lon: 0.0
+            zoomControlPosition: topleft
+            zoom: 5
+            minZoom: 1
+            maxZoom: 18
+            zoomFiner: 0
+          weight: ''
+          icon:
+            iconType: marker
+            iconUrl: ''
+            shadowUrl: ''
+            className: ''
+            iconSize:
+              x: ''
+              'y': ''
+            iconAnchor:
+              x: ''
+              'y': ''
+            shadowSize:
+              x: ''
+              'y': ''
+            shadowAnchor:
+              x: ''
+              'y': ''
+            popupAnchor:
+              x: ''
+              'y': ''
+            html: '<div></div>'
+            html_class: leaflet-map-divicon
+            circle_marker_options: '{"radius":100,"color":"red","fillColor":"#f03","fillOpacity":0.5}'
+          fullscreen:
+            control: false
+            options: '{"position":"topleft","pseudoFullscreen":false}'
+          path: '{"color":"#3388ff","opacity":"1.0","stroke":true,"weight":3,"fill":"depends","fillColor":"*","fillOpacity":"0.2","radius":"6"}'
+          map_lazy_load:
+            lazy_load: false
+          feature_properties:
+            values: ''
+      row:
+        type: fields
+        options:
+          default_field_elements: true
+          inline: {  }
+          separator: ''
+          hide_empty: false
+      defaults:
+        style: false
+        row: false
+        fields: false
+      display_extenders:
+        matomo:
+          enabled: false
+          keyword_gets: ''
+          keyword_behavior: first
+          keyword_concat_separator: ' '
+          category_behavior: none
+          category_gets: ''
+          category_concat_separator: ' '
+          category_fallback: ''
+          category_facets: {  }
+          category_facets_concat_separator: ', '
+        simple_sitemap_display_extender: {  }
+    cache_metadata:
+      max-age: -1
+      contexts:
+        - 'languages:language_content'
+        - 'languages:language_interface'
+        - 'user.node_grants:view'
+        - user.permissions
+      tags:
+        - 'config:field.storage.node.field_geofield'
+        - 'config:field.storage.node.field_images'
+        - 'config:field.storage.node.field_sous_titre'
+  page_1:
+    id: page_1
+    display_title: Page
+    display_plugin: page
+    position: 1
+    display_options:
+      defaults:
+        header: false
+      header:
+        views_block_area:
+          id: views_block_area
+          table: views
+          field: views_block_area
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: views_block_area
+          block_id: sitesmap_block
+          empty: false
+      display_extenders:
+        matomo:
+          enabled: false
+          keyword_gets: ''
+          keyword_behavior: first
+          keyword_concat_separator: ' '
+          category_behavior: none
+          category_gets: ''
+          category_concat_separator: ' '
+          category_fallback: ''
+          category_facets: {  }
+          category_facets_concat_separator: ', '
+        simple_sitemap_display_extender:
+          variants: {  }
+      path: lessites
+    cache_metadata:
+      max-age: -1
+      contexts:
+        - 'languages:language_content'
+        - 'languages:language_interface'
+        - 'user.node_grants:view'
+        - user.permissions
+      tags:
+        - 'config:field.storage.node.field_geofield'
+        - 'config:field.storage.node.field_images'
+        - 'config:field.storage.node.field_sous_titre'

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

@@ -3,10 +3,10 @@
   src: url('../css/fonts/Gilroy/gilroy-semibold-webfont.woff') format('woff');
 }
 #sites-map-container {
-  background-color: #cecfcc;
+  background-color: transparent;
   text-align: center;
   position: relative;
-  width: 100%;  /* Prend toute la largeur du conteneur parent */
+  width: 155%;  /* Prend toute la largeur du conteneur parent */
   max-width: 800px; /* Optionnel : Limiter la largeur maximale */
   margin: 0 auto; /* Centrer le conteneur */
   height: auto; /* Permet à la hauteur de s'ajuster automatiquement */
@@ -83,6 +83,8 @@
 
 #popup-content{
   width: 300px;
+  padding-right: 30px;
+
   p{
     font-size: 0.7rem;
   }

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

@@ -1,4 +1,4 @@
-// // Sélection des éléments principaux
+// Sélection des éléments principaux
 const svgElement = document.querySelector('#sites-map-container svg');
 const popup = document.querySelector('#sites-map-container #popup');
 const popupContent = document.querySelector('#sites-map-container #popup-content');
@@ -6,20 +6,18 @@ const modalBackground = document.querySelector('#sites-map-container #modal-back
 
 // Vérifiez si la page contient la classe '.node-type-site'
 const isSitePage = document.body.classList.contains('node-type-site');
-
+const isLessitesPage = document.querySelector('#lessites') !== null; // Vérification de la page avec ID #lessites
 
 // Fonction pour afficher le popup
 function showPopup(content, x, y, isLeftHalf) {
-    // Si on est sur une page avec la classe 'node-type-site', ne pas afficher le popup
+    // Si on est sur la page #lessites ou une page avec la classe 'node-type-site', ne pas afficher le popup
-    if (isSitePage) return;
+    if (isSitePage || isLessitesPage) return;
 
     popupContent.innerHTML = content;
 
-
     // Afficher le popup et le fond de modal
     popup.style.display = 'block';
     modalBackground.style.display = 'block';
-
 }
 
 // Fonction pour fermer le popup
@@ -28,13 +26,20 @@ function closePopup() {
     modalBackground.style.display = 'none'; // Désactiver le fond modal
 }
 
-// Gérer le survol des cercles (au lieu du clic)
+// Gérer le survol des cercles
 svgElement.addEventListener('mouseover', function(event) {
     if (event.target.classList.contains('site-link')) {
         const content = event.target.getAttribute('data-content');
+        const dataId = event.target.getAttribute('data-id'); // Récupérer l'attribut data-id
+        const correspondingRow = document.querySelector(`.views-row[data-id="${dataId}"]`);
 
         // Afficher le popup avec la position et l'alignement adaptés
         showPopup(content);
+
+        // Ajouter une bordure rouge au .views-row correspondant
+        if (correspondingRow) {
+            correspondingRow.style.border = '2px solid red';
+        }
     }
 
     // Gestion du changement de couleur sur le cercle
@@ -43,10 +48,18 @@ svgElement.addEventListener('mouseover', function(event) {
     }
 });
 
-// Fermer le popup lorsque la souris quitte le cercle
+// Fermer le popup et retirer la bordure rouge lorsque la souris quitte le cercle
 svgElement.addEventListener('mouseout', function(event) {
     if (event.target.classList.contains('site-link')) {
         closePopup();
+
+        const dataId = event.target.getAttribute('data-id');
+        const correspondingRow = document.querySelector(`.views-row[data-id="${dataId}"]`);
+
+        // Retirer la bordure rouge
+        if (correspondingRow) {
+            correspondingRow.style.border = 'none';
+        }
     }
 
     // Réinitialiser la couleur du cercle au survol de la souris
@@ -55,7 +68,6 @@ svgElement.addEventListener('mouseout', function(event) {
     }
 });
 
-
 // Mettre à jour la logique de calcul des positions
 function recalculateSitePositions() {
     const allSites = document.querySelectorAll('.site-link');
@@ -94,9 +106,6 @@ svgElement.addEventListener('click', function(event) {
     }
 });
 
-
-///////////////////// page site point rouge  quand sur page ///////////////////////
-
 // Récupérer l'ID de la page depuis la classe du body
 const body = document.querySelector('body');
 const pageId = body.className.match(/node-id-(\d+)/)[1];  // Extraire l'ID de la page
@@ -111,6 +120,3 @@ if (matchingGroup) {
         circle.setAttribute('fill', 'red');  // Changer la couleur du cercle
     }
 }
-
-
-

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

@@ -27,15 +27,15 @@ class PrevNextSite extends BlockBase {
     if ($node) {
       $nodetype = $node->getType();
       if($nodetype === "site"){
-        $num = $node->get('field_numero')->getString();
+        $num = $node->get('field_poid')->getString();
         $allSites = \Drupal::entityTypeManager()->getStorage('node')
           ->loadByProperties(['type' => 'site', 'status' => 1]);
   
         
   
         usort($allSites, function($a, $b){
-          $numA = $a->get('field_numero')->getString();
+          $numA = $a->get('field_poid')->getString();
-          $numB = $b->get('field_numero')->getString();
+          $numB = $b->get('field_poid')->getString();
           if ($numA == $numB) {
               return 0;
           }
@@ -44,7 +44,7 @@ class PrevNextSite extends BlockBase {
         $prevnode = null;
         $nextnode = null;
         foreach($allSites as $index => $site){
-          $n = $site->get('field_numero')->getString();
+          $n = $site->get('field_poid')->getString();
           if($n === $num){
             $prevnode = $index - 1 >= 0 ? $allSites[$index - 1] : null;
             $nextnode = $index + 1 < count($allSites) ? $allSites[$index + 1] : null;

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

@@ -56,9 +56,9 @@ class SitesMap extends BlockBase {
       $x = round(($lon - $lonLeft) / ($lonRight - $lonLeft) * $vp_w);
       $y = round(($latTop - $lat) / ($latTop - $latBottom) * $vp_h);
 
-      $r = 10;
+      $r = 15;
-      $m = -$r+4;
+      $m = -$r/1.5+3;
-      $l = $r*2-7;
+      $l = $r/1.5 +4;
       $sites_paths .= <<<SVGSITEPATH
       <g 
         id="site-$index"

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

@@ -6,15 +6,11 @@ p {
   font-size: 0.8rem;
 }
 
-h3 {
-  font-size: 1.2rem;
-}
-
 h1 {
   font-family: "gilroy-bold";
 }
 
-h2 {
+h2, h3 {
   font-family: "gilroy-semibold";
 }
 
@@ -193,7 +189,7 @@ h2 {
 }
 .layout-container main {
   width: 100%;
-  padding-top: 280px;
+  padding-top: 200px;
 }
 @media (max-width: 810px) {
   .layout-container main {
@@ -291,7 +287,7 @@ header .header_left_container #block-quartiers-de-demain-logorepu-2 {
 }
 header .header_left_container #block-quartiers-de-demain-logoepau-2 {
   display: none;
-  height: 280px;
+  height: 200px;
 }
 @media (max-width: 891px) {
   header .header_left_container #block-quartiers-de-demain-logoepau-2 {
@@ -316,7 +312,7 @@ header .header_left_container #block-quartiers-de-demain-logoquartiersdedemain .
 header .header_left_container img {
   width: auto;
   margin: auto;
-  height: calc(280px - 1rem);
+  height: calc(200px - 1rem);
   padding: 2rem;
   transition: height 0.3s; /* Add transition for smooth resizing */
 }
@@ -401,7 +397,6 @@ header .header_nav_container #block-quartiers-de-demain-entete ul {
   position: relative;
   padding-left: 1rem;
   padding-right: 1rem;
-  margin-top: 2rem;
 }
 @media (max-width: 1025px) {
   header .header_nav_container #block-quartiers-de-demain-entete ul {
@@ -409,6 +404,10 @@ header .header_nav_container #block-quartiers-de-demain-entete ul {
     align-items: center;
   }
 }
+header .header_nav_container #block-quartiers-de-demain-entete ul li {
+  width: 100%;
+  text-align: left;
+}
 @media (max-width: 1090px) {
   header .header_nav_container #block-quartiers-de-demain-entete ul li {
     padding-top: 0.3rem;
@@ -437,6 +436,7 @@ header .header_nav_container #block-quartiers-de-demain-entete ul li:not(:last-o
   display: block;
   border-bottom: solid white 1px;
   padding-bottom: 0.3rem;
+  width: 60%; /* Réduit la largeur du soulignement à 50% */
 }
 header .header_nav_container.hidden {
   transform: translateX(30%);
@@ -459,7 +459,7 @@ header .header:hover + .header_nav_container {
 
 /* Taille définitive du header après l'animation */
 .header--collapsed {
-  height: 280px; /* Ou la hauteur que vous souhaitez pour votre header */
+  height: 200px; /* Ou la hauteur que vous souhaitez pour votre header */
   width: 35%;
   transform-origin: bottom right;
   transition: all 1s ease-in-out;
@@ -501,7 +501,7 @@ header .header:hover + .header_nav_container {
 }
 
 .header--collapsed-already {
-  height: 280px; /* Ou la hauteur que vous souhaitez pour votre header */
+  height: 200px; /* Ou la hauteur que vous souhaitez pour votre header */
   width: 35%;
   transform-origin: bottom right;
   transition: all 0s ease-in-out;
@@ -1346,7 +1346,6 @@ footer {
   width: 100vw;
 }
 #actus-caroussel .content-actus .views-row {
-  width: 500px !important;
   padding: 1rem;
 }
 @media (max-width: 550px) {
@@ -1656,6 +1655,7 @@ body {
   justify-content: center;
   align-items: center;
   z-index: 999;
+  flex-direction: column;
 }
 
 .lightbox img {
@@ -1663,6 +1663,15 @@ body {
   max-height: 80%;
 }
 
+#lightbox .caption {
+  color: white;
+  font-size: 1rem;
+  text-align: center;
+  margin-top: 10px;
+  max-width: 90%;
+  margin: 10px auto;
+}
+
 .lightbox .close {
   position: absolute;
   top: 20px;
@@ -2297,7 +2306,7 @@ body {
   padding: 1rem;
   padding-left: 0;
   position: relative;
-  top: -70px;
+  top: -100px;
 }
 @media (max-width: 820px) {
   #home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto svg:nth-of-type(2) {
@@ -2324,7 +2333,6 @@ body {
   padding: 1rem;
   padding-left: 0;
   position: relative;
-  left: -0.5rem;
 }
 @media (max-width: 820px) {
   #home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto svg:nth-of-type(3) {
@@ -2897,7 +2905,7 @@ body {
 }
 
 .node-type-site .layout-content {
-  margin-top: 3rem;
+  margin-top: 2rem;
   max-width: 100vw;
 }
 .node-type-site .layout-content .content_container {
@@ -2906,7 +2914,7 @@ body {
 .node-type-site .layout--threecol-25-50-25 {
   flex-wrap: nowrap;
 }
-@media (max-width: 500px) {
+@media (max-width: 810px) {
   .node-type-site .layout--threecol-25-50-25 {
     display: flex;
     flex-direction: column;
@@ -2919,6 +2927,23 @@ body {
   flex-direction: column;
   align-items: center;
 }
+@media (max-width: 810px) {
+  .node-type-site .layout--threecol-25-50-25 .layout__region--first {
+    flex: 0 1 100%;
+  }
+}
+.node-type-site .layout--threecol-25-50-25 .layout__region--first .block-region-first {
+  position: fixed;
+  display: flex;
+  flex-direction: column;
+  width: 20% !important;
+}
+@media (max-width: 810px) {
+  .node-type-site .layout--threecol-25-50-25 .layout__region--first .block-region-first {
+    position: relative;
+    width: 100% !important;
+  }
+}
 .node-type-site .layout--threecol-25-50-25 .layout__region--first .block-region-first .views-element-container {
   margin-bottom: 3rem;
 }
@@ -2926,12 +2951,21 @@ body {
   width: fit-content;
   margin-bottom: 0.5rem;
 }
-.node-type-site .layout--threecol-25-50-25 .layout__region--first div #sites-map-container {
+@media (max-width: 810px) {
-  position: fixed;
+  .node-type-site .layout--threecol-25-50-25 .layout__region--first div {
-  width: auto;
+    margin: auto;
-  left: 1.3rem;
+  }
 }
-@media (max-width: 500px) {
+.node-type-site .layout--threecol-25-50-25 .layout__region--first div #sites-map-container {
+  left: -50px;
+}
+@media (max-width: 810px) {
+  .node-type-site .layout--threecol-25-50-25 .layout__region--first div #sites-map-container {
+    left: 0;
+    height: fit-content;
+  }
+}
+@media (max-width: 810px) {
   .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) {
     margin-top: 1rem;
   }
@@ -2964,41 +2998,52 @@ body {
   content: url("../img/noun-arrow-to-right.svg");
   padding-right: 0.2rem;
   padding-left: 0.2rem;
-}
+  padding-bottom: 0.2rem;
-.node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div {
-  width: fit-content;
-  padding-left: 0.5rem;
-  background: black;
 }
 @media (max-width: 810px) {
-  .node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div {
+  .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) {
-    margin-left: 0;
+    margin-top: 1rem;
   }
 }
-.node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div a {
+.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) h2, .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) .visually-hidden, .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) .field--label-above, .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) span:not(.file) {
+  display: none;
+}
+.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) .field_field_liens_site {
+  background: black;
+  padding-left: 0.5rem;
+}
+@media (max-width: 810px) {
+  .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) .field_field_liens_site {
+    max-width: 50%;
+    margin: auto;
+  }
+}
+.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) .field_field_liens_site a {
   display: inline-flex;
   align-items: center;
   color: white;
   text-transform: uppercase;
   font-size: 0.6rem;
 }
-.node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div a svg {
+.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) .field_field_liens_site a svg {
   display: none;
 }
-.node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div a::after {
+.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) .field_field_liens_site 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--second {
-  width: 60%;
+  flex: 0 1 50% !important;
+  margin-top: 1rem;
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
-  margin-left: 3.5rem;
+  margin-left: 2rem;
+  margin-right: 3rem;
 }
 @media (max-width: 500px) {
   .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second {
@@ -3012,17 +3057,20 @@ body {
   font-family: "gilroy-semibold";
   font-size: 1.3rem;
 }
-.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_numero ::before {
+.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_numero {
-  content: url("../img/map_pointer.svg");
+  display: none;
-  top: 0.8rem;
-  position: relative;
-  padding-right: 0.5rem;
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_numero div::after {
   content: "-";
   padding-left: 0.4rem;
   padding-right: 0.4rem;
 }
+.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_title ::before {
+  content: url("../img/map_pointer.svg");
+  top: 0.8rem;
+  position: relative;
+  padding-right: 0.5rem;
+}
 .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_title) {
   align-content: end;
 }
@@ -3062,6 +3110,7 @@ body {
   border-bottom: none;
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_mots_clefs) {
+  display: none;
   margin-top: 1rem;
   flex: 0 0 25%;
   padding-left: 1rem;
@@ -3090,11 +3139,17 @@ body {
   }
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_parties) .paragraph--type--site-parts .field_field_titre_site {
+  font-family: "gilroy-bold";
+  font-size: 1.5em;
+}
+.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_parties) .paragraph--type--site-parts .field_field_texte_site h2 {
   font-family: "gilroy-semibold";
-  font-size: 0.6rem;
+  color: rgb(247, 0, 43);
+  font-size: 0.9rem;
+  margin-left: 1rem;
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_parties) .paragraph--type--site-parts .field_field_texte_site p {
-  font-family: "gilroy-medium";
+  font-family: "gilroy-light";
   font-size: 0.6rem;
   margin-top: 0;
 }
@@ -3109,24 +3164,24 @@ body {
     flex-direction: column !important;
   }
 }
-.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .paragraph--type--site-diapo .field_field_images .diaporama .cadre-img-zoom {
-  margin: auto;
-}
 .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .paragraph--type--site-diapo .field_field_images .diaporama .cadre-img-zoom img {
   object-fit: cover;
-  width: 350px;
+  width: 220px;
-  height: 230px;
+  height: 145px;
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .paragraph--type--site-diapo .field_field_images .diaporama .image-field-caption {
   margin: 0;
+  max-width: 200px;
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .paragraph--type--site-diapo .field_field_images .diaporama .image-field-caption p {
   margin-top: 0;
-  font-size: 0.3rem;
+  font-size: 0.5rem;
   font-family: "gilroy-light";
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--third {
+  flex: 0 1 15% !important;
   height: fit-content;
+  margin-top: 1rem;
 }
 @media (max-width: 500px) {
   .node-type-site .layout--threecol-25-50-25 .layout__region--third {
@@ -3160,15 +3215,91 @@ body {
   content: url("../img/next.svg");
 }
 
+main {
+  background-color: #f6f7f3;
+}
+
+#lessites .content_container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+#lessites .content_container #block-quartiers-de-demain-titredepage {
+  margin-top: 1rem;
+  width: fit-content;
+}
+@media (max-width: 810px) {
+  #lessites .content_container #block-quartiers-de-demain-titredepage {
+    margin-top: 10rem;
+    grid-column: 2/span 9;
+  }
+}
+#lessites .content_container #block-quartiers-de-demain-titredepage h1 {
+  text-transform: none;
+  color: rgb(7, 50, 194);
+  font-size: 2rem;
+  font-weight: 500;
+}
+#lessites .content_container .view {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  width: 100vw;
+}
+#lessites .content_container .view .header_view {
+  flex: 0 1 100%;
+  position: relative !important;
+  height: fit-content;
+  z-index: 0;
+  width: 100vw;
+  margin-bottom: 2rem;
+}
+#lessites .content_container .view .header_view #block-sitesmap-block {
+  margin: auto;
+}
+@media (max-width: 810px) {
+  #lessites .content_container .view .header_view #block-sitesmap-block #sites-map-container {
+    height: 300px;
+  }
+}
+#lessites .content_container .view .views-row-wrapper {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  width: 85%;
+  margin: auto;
+  gap: 20px;
+}
+#lessites .content_container .view .views-row-wrapper .views-row {
+  width: 18%;
+  margin-bottom: 2rem;
+}
+@media (max-width: 810px) {
+  #lessites .content_container .view .views-row-wrapper .views-row {
+    width: 45%;
+  }
+}
+#lessites .content_container .view .views-row-wrapper .views-row .views-field-title .field-content a {
+  color: rgb(7, 50, 194);
+  font-family: "gilroy-bold";
+  padding-top: 0.5rem;
+}
+#lessites .content_container .view .views-row-wrapper .views-row .views-field-field-images .field-content img {
+  width: 100%;
+  height: auto;
+  aspect-ratio: 1/1;
+  object-fit: cover;
+}
+
 @font-face {
   font-family: "gilroy-semibold";
   src: url("../css/fonts/Gilroy/gilroy-semibold-webfont.woff") format("woff");
 }
 #sites-map-container {
-  background-color: #cecfcc;
+  background-color: transparent;
   text-align: center;
   position: relative;
-  width: 100%; /* Prend toute la largeur du conteneur parent */
+  width: 155%; /* Prend toute la largeur du conteneur parent */
   max-width: 800px; /* Optionnel : Limiter la largeur maximale */
   margin: 0 auto; /* Centrer le conteneur */
   height: auto; /* Permet à la hauteur de s'ajuster automatiquement */
@@ -3248,6 +3379,7 @@ body {
 
 #popup-content {
   width: 300px;
+  padding-right: 30px;
 }
 #popup-content p {
   font-size: 0.7rem;

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

@@ -4,8 +4,8 @@
 <svg
    version="1.1"
    id="svg1"
-   width="60"
+   width="50"
-   height="60"
+   height="50"
    viewBox="0 0 90.491943 90.492186"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">

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

@@ -4,8 +4,8 @@
 <svg
    version="1.1"
    id="svg1"
-   width="60"
+   width="50"
-   height="60"
+   height="50"
    viewBox="0 0 90.490723 90.492186"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">

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

@@ -367,14 +367,14 @@
 
 
   $(document).ready(function(){
-      let actuview = $('.content-actus .view')
+      let actuview = $('.content-actus .view ')
       if (actuview) {
         actuview.slick({
           slidesToShow: 3,
           // slidesToScroll: 1,
           dots: false,
           arrows: true,
-          centerMode: true,
+          // centerMode: true,
           adaptiveHeight: false,
           autoplay: false,
           // autoplaySpeed: 1500,
@@ -388,7 +388,7 @@
                 adaptiveHeight: false,
                 arrows: true,
                 draggable: true,
-                centerMode: true,
+                centerMode: false,
                 autoplay: false,
                 // autoplaySpeed: 2000,
               }
@@ -442,71 +442,135 @@
 
 //////////////// start lightbox galerie image page site////////////////////////
 
-  // Sélectionne uniquement les images à l'intérieur de '.paragraph--type--site-diapo'
+// Sélection des images et de leurs légendes dans la galerie
-  let images = document.querySelectorAll('.paragraph--type--site-diapo .lightbox-trigger');
+let images = document.querySelectorAll('.paragraph--type--site-diapo .lightbox-trigger');
-  let currentIndex;
+let currentIndex;
 
-  // Créer le lightbox et ses éléments
+// Création de la lightbox et de ses éléments
-  const lightbox = document.createElement('div');
+const lightbox = document.createElement('div');
-  lightbox.id = 'lightbox';
+lightbox.id = 'lightbox';
-  lightbox.classList.add('lightbox');
+lightbox.classList.add('lightbox');
-  document.body.appendChild(lightbox);
+document.body.appendChild(lightbox);
 
-  const img = document.createElement('img');
+const img = document.createElement('img');
-  lightbox.appendChild(img);
+lightbox.appendChild(img);
 
-  const closeBtn = document.createElement('span');
+// Élément pour afficher la légende
-  closeBtn.classList.add('close');
+const caption = document.createElement('p');
-  closeBtn.innerHTML = '×';
+caption.classList.add('caption');
-  lightbox.appendChild(closeBtn);
+lightbox.appendChild(caption);
 
-  const prevBtn = document.createElement('a');
+const closeBtn = document.createElement('span');
-  prevBtn.classList.add('prev');
+closeBtn.classList.add('close');
-  prevBtn.innerHTML = '❮';
+closeBtn.innerHTML = '×';
-  lightbox.appendChild(prevBtn);
+lightbox.appendChild(closeBtn);
 
-  const nextBtn = document.createElement('a');
+const prevBtn = document.createElement('a');
-  nextBtn.classList.add('next');
+prevBtn.classList.add('prev');
-  nextBtn.innerHTML = '❯';
+prevBtn.innerHTML = '❮';
-  lightbox.appendChild(nextBtn);
+lightbox.appendChild(prevBtn);
 
-  // Ajouter un écouteur d'événement sur chaque image pour ouvrir le lightbox
+const nextBtn = document.createElement('a');
-  images.forEach((image, index) => {
+nextBtn.classList.add('next');
-    image.addEventListener('click', () => {
+nextBtn.innerHTML = '❯';
-      lightbox.style.display = 'flex';
+lightbox.appendChild(nextBtn);
-      img.src = image.src;
+
-      currentIndex = index;
+// Fonction pour afficher l'image et la légende à l'index donné
-    });
+function showImage(index) {
+  if (index < 0) index = images.length - 1;
+  if (index >= images.length) index = 0;
+  currentIndex = index;
+
+  // Mettre à jour l'image
+  img.src = images[currentIndex].getAttribute('src');
+
+  // Récupérer la légende associée (le paragraphe dans blockquote suivant l'image)
+  const captionText = images[currentIndex]
+    .closest('.cadre-img-zoom')
+    .nextElementSibling.querySelector('.image-field-caption p')
+    .textContent;
+    
+  caption.textContent = captionText || ''; // Affiche la légende ou une chaîne vide si elle est absente
+  lightbox.style.display = 'flex';
+}
+
+// Événements de clic sur chaque image pour ouvrir le lightbox avec la légende
+images.forEach((image, index) => {
+  image.addEventListener('click', () => {
+    showImage(index);
   });
+});
 
-  // Fermer le lightbox
+// Fermer le lightbox
-  closeBtn.addEventListener('click', () => {
+closeBtn.addEventListener('click', () => {
+  lightbox.style.display = 'none';
+});
+
+// Navigation pour images précédente et suivante
+prevBtn.addEventListener('click', (e) => {
+  e.stopPropagation();
+  showImage(currentIndex - 1);
+});
+
+nextBtn.addEventListener('click', (e) => {
+  e.stopPropagation();
+  showImage(currentIndex + 1);
+});
+
+// Fermer le lightbox en cliquant en dehors de l'image
+lightbox.addEventListener('click', (e) => {
+  if (e.target === lightbox) {
     lightbox.style.display = 'none';
-  });
+  }
+});
 
-  // Naviguer vers l'image précédente
+// Ajout des contrôles clavier (Échap, flèches gauche/droite)
-  prevBtn.addEventListener('click', () => {
+document.addEventListener('keydown', (e) => {
-    currentIndex = (currentIndex > 0) ? currentIndex - 1 : images.length - 1;
+  if (lightbox.style.display === 'flex') {
-    img.src = images[currentIndex].src;
+    if (e.key === 'Escape') {
-  });
-
-  // Naviguer vers l'image suivante
-  nextBtn.addEventListener('click', () => {
-    currentIndex = (currentIndex < images.length - 1) ? currentIndex + 1 : 0;
-    img.src = images[currentIndex].src;
-  });
-
-  // Fermer le lightbox quand on clique en dehors de l'image
-  lightbox.addEventListener('click', (e) => {
-    if (e.target === lightbox) {
       lightbox.style.display = 'none';
+    } else if (e.key === 'ArrowLeft') {
+      showImage(currentIndex - 1);
+    } else if (e.key === 'ArrowRight') {
+      showImage(currentIndex + 1);
     }
-  });
+  }
+});
+
 
 //////////////// end lightbox galerie image page site////////////////////////
 
   
 
+//////////////////// start wrapper views-row  lessites /////////////////////////
+document.addEventListener("DOMContentLoaded", function() {
+  // Sélectionne le conteneur principal avec l'ID 'lessites'
+  const container = document.getElementById("lessites");
+
+  // Vérifie si le conteneur existe pour éviter toute erreur sur d'autres pages
+  if (container) {
+    // Sélectionne l'élément 'view' à l'intérieur de '.views-element-container'
+    const viewContainer = container.querySelector(".views-element-container .view");
+
+    // Vérifie si 'viewContainer' existe pour éviter les erreurs
+    if (viewContainer) {
+      // Crée une div englobante pour tous les éléments 'views-row'
+      const wrapperDiv = document.createElement("div");
+      wrapperDiv.classList.add("views-row-wrapper"); // ajoute une classe pour faciliter le style CSS
+
+      // Déplace tous les éléments 'views-row' dans la nouvelle div
+      const viewsRows = viewContainer.querySelectorAll(".views-row");
+      viewsRows.forEach(row => wrapperDiv.appendChild(row));
+
+      // Ajoute la div englobante dans le 'viewContainer'
+      viewContainer.appendChild(wrapperDiv);
+    }
+  }
+});
+
+
+//////////////////// end wrapper views-row  lessites /////////////////////////
+
 })(jQuery, window);
 
 

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

@@ -1,5 +1,5 @@
 
-$header-height : 280px;
+$header-height : 200px;
 $header-height-pad : 160px;
 $header-height-small : 70px;
 $header-height-ultrasmall : 50px;

web/themes/custom/quartiers_de_demain/src/assets/scss/global/variables/_typography.scss

@@ -16,13 +16,13 @@ p{
     font-size: $font-normal;
 }
 
-h3{
+// h3{
-    font-size: $font-big;
+//     font-size: $font-big;
-}
+// }
 
 h1{
     font-family: 'gilroy-bold';
 }
-h2{
+h2, h3{
     font-family: 'gilroy-semibold';
 }

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

@@ -597,7 +597,7 @@
                         padding: 1rem;
                         padding-left: 0;
                         position: relative;
-                        top: -70px;
+                        top: -100px;
                         @media(max-width: 820px){
                             grid-row: 4;
                             grid-column: 1 /span 2 ;
@@ -619,7 +619,7 @@
                         padding: 1rem;
                         padding-left: 0;
                         position: relative;
-                        left: -0.5rem;
+                        // left: -0.5rem;
                         @media(max-width: 820px){
                             grid-row: 8 ;
                             grid-column: 1 /span 2;

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

@@ -0,0 +1,83 @@
+main{
+    background-color: #f6f7f3;
+}
+#lessites{
+    .content_container{
+        // background-color: red;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        #block-quartiers-de-demain-titredepage{
+            margin-top: 1rem;
+            width: fit-content;
+            @media(max-width: 810px){
+                margin-top: 10rem;
+                grid-column: 2 /span 9;
+            } 
+
+            h1{
+                text-transform: none;
+                color: $blue_QDD;
+                font-size: 2rem;
+                font-weight: 500;
+            }
+        }
+
+        .view{
+            display: flex;
+            flex-direction: row;
+            flex-wrap: wrap;
+            width: 100vw;
+
+            .header_view {
+                flex: 0 1 100%;
+                position: relative !important;
+                height: fit-content;
+                z-index: 0;
+                width: 100vw;
+                margin-bottom: 2rem;
+                
+                #block-sitesmap-block{
+                    margin: auto;
+
+                    #sites-map-container{
+                        @media(max-width: 810px){
+                            height: 300px;
+                        }
+                    }
+                }
+               
+            }
+
+            .views-row-wrapper{
+                display: flex;
+                flex-direction: row;
+                flex-wrap: wrap;
+                width: 85%;
+                margin: auto;
+                gap: 20px;
+                .views-row{
+                    width: 18%;
+                    margin-bottom: 2rem;
+                    @media(max-width: 810px){
+                        width: 45%;
+                    }
+                    .views-field-title .field-content a{
+                        color: $blue_QDD;
+                        font-family: "gilroy-bold";
+                        padding-top: 0.5rem;    
+                    }
+                    .views-field-field-images .field-content img{
+                        width: 100%;
+                        height: auto;
+                        aspect-ratio: 1 / 1;
+                        object-fit: cover;
+                    }
+                }
+    
+    
+            }
+        }
+    }
+}
+

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

@@ -1,6 +1,6 @@
 .node-type-site{
     .layout-content{
-        margin-top: 3rem;
+        margin-top: 2rem;
         max-width: 100vw;
         .content_container{
             width: 90% !important;
@@ -9,7 +9,7 @@
     .layout--threecol-25-50-25{
         
         flex-wrap: nowrap;
-        @media(max-width: 500px){
+        @media(max-width: 810px){
             display: flex;
             flex-direction: column;
             width: 100%;
@@ -19,9 +19,18 @@
             display: flex;
             flex-direction: column;
             align-items: center;
-           
+            @media(max-width: 810px){
+                flex: 0 1 100%;
+            }
             .block-region-first{
-
+                position: fixed;
+                display: flex;
+                flex-direction: column;
+                width: 20% !important;
+                @media(max-width: 810px){
+                    position: relative;
+                    width: 100% !important;
+                }
                 .views-element-container{
                     margin-bottom: 3rem;
                 }
@@ -29,18 +38,22 @@
             div{
                 width: fit-content;
                 margin-bottom: 0.5rem;
-                // #sites-map-container.fixed{
+                @media(max-width: 810px){
-                //     width: auto;
+                    margin: auto;                    
-                //     left: 1.3rem;
+                }
-                // }
                 #sites-map-container{
-                    position: fixed;
+                    // width: auto;
-                    width: auto;
+                    // left: 0.3rem;
-                    left: 1.3rem;
+                    left: -50px;
+                    @media(max-width: 810px){
+                        left: 0;  
+                        height: fit-content;                  
+                    }
                 }
             }
             div:has(.field_field_documents){
-                @media(max-width: 500px){
+                // margin: auto;
+                @media(max-width: 810px){
                     margin-top: 1rem;
                 }
                 
@@ -69,47 +82,63 @@
                             content: url("../img/noun-arrow-to-right.svg");
                             padding-right: 0.2rem;
                             padding-left: 0.2rem;
-                            
+                            padding-bottom: 0.2rem;
                         }
                     }   
                 }
               
             }
-            .field_field_liens_site div div{
+            div:has(.field_field_liens_site){
-                width: fit-content;
+                // margin: auto;
-                padding-left: 0.5rem;
+                // width: 50%;
-                background: black;
+                @media(max-width: 810px){
-                @media (max-width:810px) {  
+                    margin-top: 1rem;
-                    margin-left: 0;
                 }
-
+                
-                a{
+                h2, .visually-hidden, .field--label-above, span:not(.file){
-                    display: inline-flex;
+                    display: none;
-                    align-items: center;
+                }
-                    color: white;
+                .field_field_liens_site{
-                    text-transform: uppercase;
+                    background: black;
-                    font-size: 0.6rem;
+                    padding-left: 0.5rem;
-                    svg{
+                    @media (max-width:810px) {  
-                        display: none;
+                        // margin-left: 0;
+                        max-width: 50%;
+                        margin: auto;
                     }
-                    &::after{
+    
+                    a{
                         display: inline-flex;
-                        content: url("../img/noun-arrow-to-right.svg");
+                        align-items: center;
-                        padding-right: 0.2rem;
+                        color: white;
-                        padding-left: 0.2rem;
+                        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;
+                            
+                        }
+                    } 
+                }
+              
             }
+            
         }
         .layout__region--second{
-            // flex: 0 1 60%;
+            flex: 0 1 50% !important;
-            width: 60%;
+            margin-top: 1rem;
+            // width: 60%;
             .block-region-second{
                 display: flex;
                 flex-direction: row;
                 flex-wrap: wrap;
-                margin-left: 3.5rem;
+                margin-left: 2rem;
+                margin-right: 3rem;
                 @media(max-width: 500px){
                     margin-left: 0.5rem;
                     margin-top: 1rem;
@@ -121,12 +150,8 @@
                     font-size: 1.3rem;
                 }
                 .field_field_numero{
-                    ::before{
+                    display: none;
-                        content: url("../img/map_pointer.svg");
+                    
-                        top: 0.8rem;
-                        position: relative;
-                        padding-right: 0.5rem;
-                    }
                     div{
                         &::after{
                             content: "-";
@@ -136,8 +161,19 @@
         
                     }
                 }
+
+                .field_title{
+                    ::before{
+                        content: url("../img/map_pointer.svg");
+                        top: 0.8rem;
+                        position: relative;
+                        padding-right: 0.5rem;
+                    }
+                }
+
                 div:has(.field_title){
                     align-content: end;
+                   
                 }
 
                 .field_field_sous_titre{
@@ -184,6 +220,7 @@
                     }
                 }
                 div:has(.field_field_mots_clefs){
+                    display: none;
                     margin-top: 1rem;
                     flex: 0 0 25%;
                     padding-left: 1rem;
@@ -212,15 +249,23 @@
                     .paragraph--type--site-parts{
                         
                         .field_field_titre_site{
-                            font-family: 'gilroy-semibold';
+                            font-family: 'gilroy-bold';
-                            font-size: 0.6rem;
+                            font-size: 1.5em;
                         }
-                        .field_field_texte_site p{
+                        .field_field_texte_site{
-                            font-family: 'gilroy-medium';
+                            h2{
-                            font-size: 0.6rem;
+                                font-family: 'gilroy-semibold';
-                            margin-top: 0;
+                                color: $red_QDD;
-                        }
+                                font-size: 0.9rem;
-                        
+                                margin-left: 1rem;
+                            }
+                            p{
+                                font-family: 'gilroy-light';
+                                font-size: 0.6rem;
+                                margin-top: 0;
+                            }
+                            
+                        } 
                     }
                     
                 }
@@ -236,18 +281,19 @@
                                 flex-direction: column !important;
                             }
                             .cadre-img-zoom{
-                               margin: auto;
+                            //    margin: auto;
                                 img{
                                     object-fit: cover;
-                                    width: 350px;
+                                    width: 220px;
-                                    height: 230px;
+                                    height: 145px;
                                 }
                             }
                             .image-field-caption{
                                 margin: 0;
+                                max-width: 200px;
                                 p{
                                     margin-top: 0;
-                                    font-size: 0.3rem;
+                                    font-size: 0.5rem;
                                     font-family: 'gilroy-light';
                                 }
                             } 
@@ -256,13 +302,12 @@
                 }
             }
         }
-        
-        
-
-
 
         .layout__region--third{
+            flex: 0 1 15% !important;
             height: fit-content;
+            margin-top: 1rem;
+
             @media(max-width: 500px){
                 display: flex;
                 flex-direction: column;

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

@@ -19,7 +19,7 @@
             width: 100vw;
         }
         .views-row{
-            width: 500px !important;
+            // width: 500px !important;
             padding: 1rem;
             
             @media(max-width: 550px){

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

@@ -131,34 +131,24 @@ header{
                 display: none;
             }
             ul {
-                
                 display: flex;
                 flex-direction: column;
                 align-items: flex-start;
                 position: relative;
-                // top: calc($header-height / 4 );
                 padding-left: 1rem;
                 padding-right: 1rem;
-                margin-top: 2rem;
-                
-                // @media(max-width: 1200px){
-                //    top:0;
-                // }
                 @media(max-width: 1025px){
                     top: 0;
                     align-items: center;
-                    // margin: 1rem;
                 }
                 @media(max-width: 1090px){
-                    // top: calc($header-height-pad / 10);
                 }
                 li{
+                    width: 100%;
+                    text-align: left;
                     @media(max-width: 1090px){
                         padding-top: 0.3rem;
                     }
-                    // @media(max-width: 500px){
-                    //     padding-top: 0.5rem;
-                    // }
                     a{
                         text-transform: uppercase;
                         color: white;
@@ -178,9 +168,10 @@ header{
                         ::after{
                             content: "";
                             display: block;
-                            // width: 80px;
                             border-bottom: solid white 1px;
                             padding-bottom: 0.3rem;
+                            width: 60%; /* Réduit la largeur du soulignement à 50% */
+                            // margin: 0 auto; /* Centre le soulignement sous l'élément */
                         }
 
                     }

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

@@ -23,12 +23,21 @@ body {
     justify-content: center;
     align-items: center;
     z-index: 999;
+    flex-direction: column;
   }
   
   .lightbox img {
     max-width: 90%;
     max-height: 80%;
   }
+  #lightbox .caption {
+    color: white;
+    font-size: 1rem;
+    text-align: center;
+    margin-top: 10px;
+    max-width: 90%;
+    margin: 10px auto;
+  }
   
   .lightbox .close {
     position: absolute;

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

@@ -47,6 +47,7 @@
 @import "pages/static";
 @import "pages/actualite";
 @import "pages/node-type-site";
+@import "pages/lessites.scss";
 
 
 @import "/home/ouidade/Developer/docker-quartiersdedemain/src/web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.scss";

web/themes/custom/quartiers_de_demain/templates/page--lessites.html.twig

@@ -0,0 +1,97 @@
+{#
+/**
+ * @file
+ * Claro's theme implementation to display a single Drupal page.
+ *
+ * The doctype, html, head, and body tags are not in this template. Instead
+ * they can be found in the html.html.twig template normally located in the
+ * core/modules/system directory.
+ *
+ * Available variables:
+ *
+ * General utility variables:
+ * - base_path: The base URL path of the Drupal installation. Will usually be
+ *   "/" unless you have installed Drupal in a sub-directory.
+ * - is_front: A flag indicating if the current page is the front page.
+ * - logged_in: A flag indicating if the user is registered and signed in.
+ * - is_admin: A flag indicating if the user has permission to access
+ *   administration pages.
+ *
+ * Site identity:
+ * - front_page: The URL of the front page. Use this instead of base_path when
+ *   linking to the front page. This includes the language domain or prefix.
+ *
+ * Page content (in order of occurrence in the default page.html.twig):
+ * - node: Fully loaded node, if there is an automatically-loaded node
+ *   associated with the page and the node ID is the second argument in the
+ *   page's path (e.g. node/12345 and node/12345/revisions, but not
+ *   comment/reply/12345).
+ *
+ * Regions:
+ * - page.header: Items for the header region.
+ * - page.pre_content: Items for the pre-content region.
+ * - page.breadcrumb: Items for the breadcrumb region.
+ * - page.highlighted: Items for the highlighted region.
+ * - page.help: Dynamic help text, mostly for admin pages.
+ * - page.content: The main content of the current page.
+ *
+ * @see template_preprocess_page()
+ * @see html.html.twig
+ */
+#}
+<div class="layout-container">
+
+  <header role="banner">
+    {{ page.header_left }}
+    {{ page.header_right }}
+    {{ page.header_nav }}
+  </header>
+
+  {{ page.primary_menu }}
+  {{ page.secondary_menu }}
+
+  {{ page.breadcrumb }}
+
+  {{ page.highlighted }}
+
+  {{ page.help }}
+
+  <main role="main">
+    <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
+
+    <div class="layout-content" id="lessites">
+            
+     {{ page.content }}
+    </div>{# /.layout-content #}
+
+    {% if page.sidebar_first %}
+      <aside class="layout-sidebar-first" role="complementary">
+        {{ page.sidebar_first }}
+      </aside>
+    {% endif %}
+
+    {% if page.sidebar_second %}
+      <aside class="layout-sidebar-second" role="complementary">
+        {{ page.sidebar_second }}
+      </aside>
+    {% endif %}
+
+  </main>
+  {# {% if page.footer_top or page.footer_left or page.footer_middle or page.footer_right or page.footer_bottom %} #}
+    <footer role="contentinfo">
+      {# <section id="footer-top"> #}
+          <span class="totop"><a href="#" id="toTop"><i class="arrow-up"></i></a></span>
+      {# </section>  #}
+      <div class="footer">
+        <section id="footer-left">{{ page.footer_left }}</section> 
+        <div class='first-row'>
+          <section id="footer-middle">{{ page.footer_middle }}</section> 
+          <section id="footer-right">{{ page.footer_right }}</section> 
+        </div>
+
+      </div> 
+      {# <section id="footer-bottom">{{ page.footer_bottom }}</section>  #}
+    </footer>
+  {# {% endif %} #}
+
+</div>{# /.layout-container #}

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

@@ -44,7 +44,7 @@
   {{ title_suffix }}
 
   {% if header %}
-    <header>
+    <header class="header_view">
       {{ header }}
     </header>
   {% endif %}