autoriser copier coller click droit

map sur home Got to site devient Voir le site
calendrier sur juillet
2025-07-23 16:39:26 +02:00 · 2025-07-23 16:32:34 +02:00 · 2025-07-23 16:18:29 +02:00 · 2025-07-23 16:13:51 +02:00 · 2025-07-16 11:56:27 +02:00 · 2025-07-11 13:49:08 +02:00
41 changed files with 1836 additions and 661 deletions
--- a/composer.json
+++ b/composer.json
@ -36,6 +36,7 @@
        "drupal/paragraphs": "^1.17",
        "drupal/quick_node_clone": "^1.18",
        "drupal/simple_sitemap": "^4.1",
+        "drupal/smart_read_more_link": "^2.0",
        "drupal/social_media_links": "^2.9",
        "drupal/structure_sync": "^2.0",
        "drupal/verf": "^2.1",
--- a/composer.lock
+++ b/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": "9ec9a1cf919f08fa39c2521ea0aa030e",
+    "content-hash": "b067bb5aa94237e0021d81567a805955",
    "packages": [
        {
            "name": "asm89/stack-cors",
@ -7005,6 +7005,56 @@
                "issues": "https://drupal.org/project/issues/simple_sitemap"
            }
        },
+        {
+            "name": "drupal/smart_read_more_link",
+            "version": "2.0.7",
+            "source": {
+                "type": "git",
+                "url": "https://git.drupalcode.org/project/smart_read_more_link.git",
+                "reference": "2.0.7"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://ftp.drupal.org/files/projects/smart_read_more_link-2.0.7.zip",
+                "reference": "2.0.7",
+                "shasum": "e05efef5089f0c9b88917120164b43131419237c"
+            },
+            "require": {
+                "drupal/core": "^9 || ^10"
+            },
+            "type": "drupal-module",
+            "extra": {
+                "drupal": {
+                    "version": "2.0.7",
+                    "datestamp": "1698674670",
+                    "security-coverage": {
+                        "status": "covered",
+                        "message": "Covered by Drupal's security advisory policy"
+                    }
+                }
+            },
+            "notification-url": "https://packages.drupal.org/8/downloads",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "Ilcho Vuchkov (vuil)",
+                    "homepage": "https://www.drupal.org/u/vuil",
+                    "role": "Maintainer"
+                },
+                {
+                    "name": "vuil",
+                    "homepage": "https://www.drupal.org/user/3568458"
+                }
+            ],
+            "description": "Dynamic read more link for text fields.",
+            "homepage": "https://drupal.org/project/smart_read_more_link",
+            "support": {
+                "source": "https://drupal.org/project/smart_read_more_link",
+                "issues": "https://www.drupal.org/project/issues/smart_read_more_link?categories=All"
+            }
+        },
        {
            "name": "drupal/smart_trim",
            "version": "2.1.0",
--- a/config/sync/core.entity_view_display.node.actualite.default.yml
+++ b/config/sync/core.entity_view_display.node.actualite.default.yml
@ -36,18 +36,18 @@ content:
    region: content
  field_date:
    type: daterange_default
-    label: visually_hidden
+    label: hidden
    settings:
      timezone_override: ''
      format_type: jj
-      separator: '-'
      from_to: both
+      separator: '-'
    third_party_settings: {  }
    weight: 6
    region: content
  field_fichiers:
    type: file_default
-    label: visually_hidden
+    label: hidden
    settings:
      use_description_as_link_text: true
    third_party_settings: {  }
@ -55,7 +55,7 @@ content:
    region: content
  field_images:
    type: image_caption
-    label: visually_hidden
+    label: hidden
    settings:
      image_style: wide
      image_link: ''
@ -66,7 +66,7 @@ content:
    region: content
  field_liens:
    type: link
-    label: visually_hidden
+    label: hidden
    settings:
      trim_length: 80
      url_only: false
@ -78,7 +78,7 @@ content:
    region: content
  field_site:
    type: entity_reference_label
-    label: visually_hidden
+    label: hidden
    settings:
      link: true
    third_party_settings: {  }
@ -86,7 +86,7 @@ content:
    region: content
  field_tous_les_sites:
    type: boolean
-    label: above
+    label: hidden
    settings:
      format: default
      format_custom_false: ''
@ -96,7 +96,7 @@ content:
    region: content
  field_type_d_actualite:
    type: entity_reference_label
-    label: visually_hidden
+    label: hidden
    settings:
      link: true
    third_party_settings: {  }
@ -109,7 +109,7 @@ content:
    region: content
  title:
    type: title
-    label: visually_hidden
+    label: hidden
    settings:
      link_to_entity: true
      tag: h2
--- a/config/sync/core.entity_view_display.node.actualite.full.yml
+++ b/config/sync/core.entity_view_display.node.actualite.full.yml
@ -30,25 +30,25 @@ mode: full
 content:
  body:
    type: text_default
-    label: visually_hidden
+    label: hidden
    settings: {  }
    third_party_settings: {  }
    weight: 2
    region: content
  field_date:
    type: daterange_default
-    label: visually_hidden
+    label: hidden
    settings:
      timezone_override: ''
      format_type: jj
-      separator: '-'
      from_to: both
+      separator: '-'
    third_party_settings: {  }
    weight: 5
    region: content
  field_fichiers:
    type: file_default
-    label: visually_hidden
+    label: hidden
    settings:
      use_description_as_link_text: true
    third_party_settings: {  }
@ -56,7 +56,7 @@ content:
    region: content
  field_images:
    type: image_caption
-    label: visually_hidden
+    label: hidden
    settings:
      image_style: wide
      image_link: ''
@ -67,7 +67,7 @@ content:
    region: content
  field_liens:
    type: link
-    label: visually_hidden
+    label: hidden
    settings:
      trim_length: 80
      url_only: false
@ -79,7 +79,7 @@ content:
    region: content
  field_site:
    type: entity_reference_label
-    label: visually_hidden
+    label: hidden
    settings:
      link: true
    third_party_settings: {  }
@ -87,7 +87,7 @@ content:
    region: content
  field_type_d_actualite:
    type: entity_reference_label
-    label: visually_hidden
+    label: hidden
    settings:
      link: true
    third_party_settings: {  }
@ -95,7 +95,7 @@ content:
    region: content
  title:
    type: title
-    label: visually_hidden
+    label: hidden
    settings:
      link_to_entity: true
      tag: h2
--- a/config/sync/core.entity_view_display.node.actualite.teaser.yml
+++ b/config/sync/core.entity_view_display.node.actualite.teaser.yml
@ -18,76 +18,94 @@ dependencies:
    - node.type.actualite
  module:
    - datetime_range
-    - image_delta_formatter
+    - file
+    - image_field_caption
+    - link
    - manage_display
-    - text
+    - smart_read_more_link
 id: node.actualite.teaser
 targetEntityType: node
 bundle: actualite
 mode: teaser
 content:
  body:
-    type: text_summary_or_trimmed
-    label: visually_hidden
+    type: smart_read_more_link
+    label: hidden
    settings:
-      trim_length: 600
-    third_party_settings: {  }
-    weight: 5
-    region: content
-  field_date:
-    type: daterange_default
-    label: visually_hidden
-    settings:
-      timezone_override: ''
-      format_type: jj
-      separator: '-'
-      from_to: both
-    third_party_settings: {  }
-    weight: 3
-    region: 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
-  field_site:
-    type: entity_reference_label
-    label: visually_hidden
-    settings:
-      link: true
+      trim_length: '6000000'
    third_party_settings: {  }
    weight: 2
    region: content
+  field_date:
+    type: daterange_default
+    label: hidden
+    settings:
+      timezone_override: ''
+      format_type: jj
+      from_to: both
+      separator: '-'
+    third_party_settings: {  }
+    weight: 5
+    region: content
+  field_fichiers:
+    type: file_default
+    label: hidden
+    settings:
+      use_description_as_link_text: true
+    third_party_settings: {  }
+    weight: 6
+    region: content
+  field_images:
+    type: image_caption
+    label: hidden
+    settings:
+      image_style: wide
+      image_link: ''
+      image_loading:
+        attribute: lazy
+    third_party_settings: {  }
+    weight: 0
+    region: content
+  field_liens:
+    type: link
+    label: hidden
+    settings:
+      trim_length: 80
+      url_only: false
+      url_plain: false
+      rel: ''
+      target: ''
+    third_party_settings: {  }
+    weight: 7
+    region: content
+  field_site:
+    type: entity_reference_label
+    label: hidden
+    settings:
+      link: true
+    third_party_settings: {  }
+    weight: 3
+    region: content
  field_type_d_actualite:
    type: entity_reference_label
-    label: visually_hidden
+    label: hidden
    settings:
      link: false
    third_party_settings: {  }
-    weight: 1
+    weight: 4
    region: content
  title:
    type: title
-    label: visually_hidden
+    label: hidden
    settings:
-      link_to_entity: true
+      link_to_entity: false
      tag: h2
    third_party_settings: {  }
-    weight: 4
+    weight: 1
    region: content
 hidden:
  created: true
  field_a_la_une: true
-  field_fichiers: true
-  field_liens: true
  field_poid: true
  field_tous_les_sites: true
  langcode: true
--- a/config/sync/core.extension.yml
+++ b/config/sync/core.extension.yml
@ -104,6 +104,7 @@ module:
  simple_sitemap: 0
  simple_sitemap_engines: 0
  simple_sitemap_views: 0
+  smart_read_more_link: 0
  smart_trim: 0
  smtp: 0
  social_media_links: 0
--- a/config/sync/pathauto.pattern.ressources.yml
+++ b/config/sync/pathauto.pattern.ressources.yml
@ -0,0 +1,22 @@
+uuid: 07558d48-aff4-4079-b7fb-52014c6be393
+langcode: fr
+status: true
+dependencies:
+  module:
+    - node
+id: ressources
+label: ressources
+type: 'canonical_entities:node'
+pattern: '/ressources/[node:title]'
+selection_criteria:
+  539b6967-0e6a-417c-96ff-f2512298ced6:
+    id: 'entity_bundle:node'
+    negate: false
+    uuid: 539b6967-0e6a-417c-96ff-f2512298ced6
+    context_mapping:
+      node: node
+    bundles:
+      ressource: ressource
+selection_logic: and
+weight: -5
+relationships: {  }
--- a/config/sync/user.role.admin.yml
+++ b/config/sync/user.role.admin.yml
@ -71,7 +71,6 @@ permissions:
  - 'execute entity:save_action node'
  - 'execute entity:save_action taxonomy_term'
  - 'execute entity:save_action user'
-  - 'execute node_assign_owner_action node'
  - 'execute node_make_sticky_action node'
  - 'execute node_make_unsticky_action node'
  - 'execute node_promote_action node'
--- a/config/sync/user.role.editeur.yml
+++ b/config/sync/user.role.editeur.yml
@ -39,6 +39,8 @@ permissions:
  - 'create ressource content'
  - 'create site content'
  - 'create static content'
+  - 'delete any actualite content'
+  - 'delete any ressource content'
  - 'delete partenaire revisions'
  - 'delete ressource revisions'
  - 'delete site revisions'
@ -51,7 +53,6 @@ permissions:
  - 'edit diaporama_home config page entity'
  - 'edit intro_partenaires config page entity'
  - 'execute entity:save_action node'
-  - 'execute node_assign_owner_action node'
  - 'execute node_make_sticky_action node'
  - 'execute node_make_unsticky_action node'
  - 'execute node_promote_action node'
--- a/config/sync/user.role.root.yml
+++ b/config/sync/user.role.root.yml
@ -108,12 +108,10 @@ permissions:
  - 'execute entity:save_action taxonomy_term'
  - 'execute entity:save_action user'
  - 'execute entity:unpublish_action node'
-  - 'execute node_assign_owner_action node'
  - 'execute node_make_sticky_action node'
  - 'execute node_make_unsticky_action node'
  - 'execute node_promote_action node'
  - 'execute node_unpromote_action node'
-  - 'execute node_unpublish_by_keyword_action node'
  - 'execute user_add_role_action user'
  - 'execute user_block_user_action user'
  - 'execute user_remove_role_action user'
--- a/config/sync/views.view.actus.yml
+++ b/config/sync/views.view.actus.yml
@ -3,7 +3,7 @@ langcode: fr
 status: true
 dependencies:
  config:
-    - core.entity_view_mode.node.full
+    - core.entity_view_mode.node.teaser
    - field.storage.node.body
    - field.storage.node.field_date
    - field.storage.node.field_site
@ -458,7 +458,7 @@ display:
        type: 'entity:node'
        options:
          relationship: none
-          view_mode: full
+          view_mode: teaser
      query:
        type: views_query
        options:
@ -502,6 +502,21 @@ display:
    display_plugin: block
    position: 1
    display_options:
+      sorts:
+        field_date_end_value:
+          id: field_date_end_value
+          table: node__field_date
+          field: field_date_end_value
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: datetime
+          order: DESC
+          expose:
+            label: ''
+            field_identifier: ''
+          exposed: false
+          granularity: second
      filters:
        status:
          id: status
@ -610,6 +625,7 @@ display:
        groups:
          1: AND
      defaults:
+        sorts: false
        filters: false
        filter_groups: false
        footer: false
@ -830,55 +846,6 @@ display:
          hierarchy_depth: 0
          required_depth: 0
          none_label: '- Please select -'
-        field_date_value:
-          id: field_date_value
-          table: node__field_date
-          field: field_date_value
-          relationship: none
-          group_type: group
-          admin_label: ''
-          plugin_id: datetime
-          operator: '='
-          value:
-            min: ''
-            max: ''
-            value: ''
-            type: date_year
-          group: 1
-          exposed: true
-          expose:
-            operator_id: field_date_value_op
-            label: 'Date (field_date)'
-            description: ''
-            use_operator: false
-            operator: field_date_value_op
-            operator_limit_selection: false
-            operator_list: {  }
-            identifier: field_date_value
-            required: false
-            remember: false
-            multiple: false
-            remember_roles:
-              authenticated: authenticated
-              anonymous: '0'
-              admin: '0'
-              root: '0'
-              editeur: '0'
-            min_placeholder: ''
-            max_placeholder: ''
-            placeholder: ''
-          is_grouped: false
-          group_info:
-            label: ''
-            description: ''
-            identifier: ''
-            optional: true
-            widget: select
-            multiple: false
-            remember: false
-            default_group: All
-            default_group_multiple: {  }
-            group_items: {  }
        field_site_target_id_verf:
          id: field_site_target_id_verf
          table: node__field_site
@ -1225,55 +1192,6 @@ display:
          hierarchy_depth: 0
          required_depth: 0
          none_label: '- Please select -'
-        field_date_value:
-          id: field_date_value
-          table: node__field_date
-          field: field_date_value
-          relationship: none
-          group_type: group
-          admin_label: ''
-          plugin_id: datetime
-          operator: '='
-          value:
-            min: ''
-            max: ''
-            value: ''
-            type: date_year
-          group: 1
-          exposed: true
-          expose:
-            operator_id: field_date_value_op
-            label: 'par année'
-            description: ''
-            use_operator: false
-            operator: field_date_value_op
-            operator_limit_selection: false
-            operator_list: {  }
-            identifier: field_date_value
-            required: false
-            remember: false
-            multiple: false
-            remember_roles:
-              authenticated: authenticated
-              anonymous: '0'
-              admin: '0'
-              root: '0'
-              editeur: '0'
-            min_placeholder: ''
-            max_placeholder: ''
-            placeholder: ''
-          is_grouped: false
-          group_info:
-            label: ''
-            description: ''
-            identifier: ''
-            optional: true
-            widget: select
-            multiple: false
-            remember: false
-            default_group: All
-            default_group_multiple: {  }
-            group_items: {  }
        field_site_target_id_verf:
          id: field_site_target_id_verf
          table: node__field_site
--- a/config/sync/views.view.block_content.yml
+++ b/config/sync/views.view.block_content.yml
@ -273,6 +273,7 @@ display:
        type: mini
        options:
          offset: 0
+          pagination_heading_level: h4
          items_per_page: 50
          total_pages: null
          id: 0
@ -287,7 +288,6 @@ display:
            items_per_page_options_all_label: '- Tout -'
            offset: false
            offset_label: Décalage
-          pagination_heading_level: h4
      exposed_form:
        type: basic
        options:
--- a/config/sync/views.view.content.yml
+++ b/config/sync/views.view.content.yml
@ -246,16 +246,82 @@ display:
          empty_zero: false
          hide_alter_empty: true
          destination: true
+        langcode:
+          id: langcode
+          table: node_field_data
+          field: langcode
+          relationship: none
+          group_type: group
+          admin_label: ''
+          entity_type: node
+          entity_field: langcode
+          plugin_id: field_language
+          label: 'Langue de traduction'
+          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: 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: language
+          settings:
+            link_to_entity: false
+            native_language: false
+          group_column: value
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
      pager:
        type: full
        options:
+          pagination_heading_level: h4
          items_per_page: 50
          tags:
            next: 'Suivant ›'
            previous: '‹ Précédent'
            first: '« Premier'
            last: 'Dernier »'
-          pagination_heading_level: h4
      exposed_form:
        type: basic
        options:
--- a/config/sync/views.view.partenaires.yml
+++ b/config/sync/views.view.partenaires.yml
@ -8,7 +8,7 @@ dependencies:
    - node.type.partenaire
    - system.menu.footer
  content:
-    - 'config_pages:intro_partenaires:e509f5cb-8f8d-4ba7-a399-e6ff7f54e5ae'
+    - 'config_pages:intro_partenaires:c838d601-43dc-47e5-ace6-223f19bf4c5c'
  module:
    - node
    - options
@ -198,10 +198,10 @@ display:
          group_type: group
          admin_label: ''
          plugin_id: entity
-          empty: false
-          target: e509f5cb-8f8d-4ba7-a399-e6ff7f54e5ae
+          empty: true
+          target: c838d601-43dc-47e5-ace6-223f19bf4c5c
          view_mode: full
-          tokenize: true
+          tokenize: false
          bypass_access: false
      footer: {  }
      display_extenders:
--- a/config/sync/views.view.ressources.yml
+++ b/config/sync/views.view.ressources.yml
@ -21,7 +21,7 @@ dependencies:
    - taxonomy.vocabulary.type_de_ressources
  module:
    - datetime
-    - file
+    - formatter_suite
    - image
    - link
    - node
@ -875,7 +875,7 @@ display:
          delta_reversed: false
          delta_first_last: false
          multi_type: separator
-          separator: ', '
+          separator: ' '
          field_api_classes: false
        field_site:
          id: field_site
@ -990,9 +990,18 @@ display:
          empty_zero: false
          hide_alter_empty: true
          click_sort_column: target_id
-          type: file_default
+          type: formatter_suite_general_file_link
          settings:
-            use_description_as_link_text: true
+            titleStyle: text_from_link
+            titleCustomText: ''
+            showSize: 0
+            showIcon: 0
+            classes: ''
+            showLink: 1
+            openLinkIn: _blank
+            linkTopic: any
+            listStyle: div
+            listSeparator: ', '
          group_column: ''
          group_columns: {  }
          group_rows: true
@ -1355,7 +1364,7 @@ display:
          id: field_site_target_id_verf
          table: node__field_site
          field: field_site_target_id_verf
-          relationship: field_site
+          relationship: none
          group_type: group
          admin_label: ''
          plugin_id: verf
@ -1365,7 +1374,7 @@ display:
          exposed: true
          expose:
            operator_id: field_site_target_id_verf_op
-            label: 'Site(s) (VERF selector)'
+            label: 'par site(s)'
            description: ''
            use_operator: false
            operator: field_site_target_id_verf_op
@ -1424,7 +1433,7 @@ display:
        options:
          query_comment: ''
          disable_sql_rewrite: false
-          distinct: false
+          distinct: true
          replica: false
          query_tags: {  }
      relationships:
@ -1437,15 +1446,6 @@ display:
          admin_label: 'field_type_de_ressource : Terme de taxonomie'
          plugin_id: standard
          required: true
-        field_site:
-          id: field_site
-          table: node__field_site
-          field: field_site
-          relationship: none
-          group_type: group
-          admin_label: 'field_site : Contenu'
-          plugin_id: standard
-          required: false
      header: {  }
      footer: {  }
      display_extenders: {  }
--- a/web/modules/custom/q2d_mod/src/Plugin/Block/SitesMap.php
+++ b/web/modules/custom/q2d_mod/src/Plugin/Block/SitesMap.php
@ -50,7 +50,7 @@ class SitesMap extends BlockBase {

      $link_options = ['absolute' => TRUE, 'attributes' => ['class' => 'site-link'], 'language' => \Drupal::languageManager()->getLanguage($langcode)]; // Passer 'absolute' à TRUE
      $site_url = $site->toUrl('canonical', $link_options)->toString(); // URL absolue pour le data-url
-      $site_link_object = Link::createFromRoute(t("got to site"), 'entity.node.canonical', ['node' => $site->id()], $link_options);
+      $site_link_object = Link::createFromRoute(t("Voir le site"), 'entity.node.canonical', ['node' => $site->id()], $link_options);
      $link = $site_link_object->toString()->getGeneratedLink();

      $datacontent = htmlspecialchars("<strong>$title</strong><br>$subtitle<br>$link");
--- a/web/themes/custom/quartiers_de_demain/dist/assets/bundle.js
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/bundle.js
@ -122,13 +122,28 @@ document.addEventListener('DOMContentLoaded', function() {
    header.classList.add('header--collapsed-already');
    // logo.classList.remove('animated');
    stopLogoAnimation();
+  // } else {
+  //   // Sinon, appliquer la transition après un délai
+  //   setTimeout(() => {
+  //       header.classList.add('header--collapsed');
+  //   }, 5000);
+  // }
  } else {
-    // Sinon, appliquer la transition après un délai
-    setTimeout(() => {
-        header.classList.add('header--collapsed');
+    // Sinon, appliquer la transition après un délai, sauf si scroll
+    let collapseTimeout = setTimeout(() => {
+      header.classList.add('header--collapsed');
    }, 5000);
-  }

+    function interruptCollapseOnScroll() {
+      if (!header.classList.contains('header--collapsed')) {
+        clearTimeout(collapseTimeout); // annule l'animation
+        header.classList.add('header--collapsed');
+      }
+      window.removeEventListener('scroll', interruptCollapseOnScroll); // une seule fois
+    }
+
+    window.addEventListener('scroll', interruptCollapseOnScroll);
+  }
  //////////////////////////////////////

  let lastScrollTop = 0;
@ -264,69 +279,72 @@ document.addEventListener('DOMContentLoaded', function() {



-//// ancre dans texte au click paragraphe correspondant arrive en dessous du header 


 (function($, window) {
-var adjustAnchor = function() {
-    var $anchor = $('.sidebar_first_container'),
-            fixedElementHeight = 500;
-    if ($anchor.length > 0) {
-        $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);
-    }
-};

-$(window).on('hashchange', function() {
-    adjustAnchor();
-});
+
+//// ancre dans texte au click paragraphe correspondant arrive en dessous du header 
+
+    var adjustAnchor = function() {
+        var $anchor = $('.sidebar_first_container'),
+                fixedElementHeight = 500;
+        if ($anchor.length > 0) {
+            $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);
+        }
+    };
+
+    $(window).on('hashchange', function() {
+        adjustAnchor();
+    });


 ////////////////////////  start script smooth apparition des textes /////////////////

-function scrollReaveal(){
+  function scrollReaveal(){

-  const nodes = {
-    logo : document.querySelectorAll('#logo-animated-container'),
-    chapeau :  document.querySelectorAll('.field_body'),
-    paragraph: document.querySelectorAll('.field_field_textes .paragraph--type--static-parts'),
-    enjeux : document.querySelectorAll('.field_field_textes .paragraph--type--static-parts .enjeux'),
-    // mapHome : document.querySelectorAll('.field_field_map_block #block-sitesmapblock'),
-    // mapSite : document.querySelectorAll('#sites-map-container'),
-    lienDoc : document.querySelectorAll('.field_field_documents'),
-    lienURL : document.querySelectorAll('.field_field_liens_site'),
-  }
+    const nodes = {
+      logo : document.querySelectorAll('#logo-animated-container'),
+      chapeau :  document.querySelectorAll('.field_body'),
+      paragraph: document.querySelectorAll('.field_field_textes .paragraph--type--static-parts'),
+      enjeux : document.querySelectorAll('.field_field_textes .paragraph--type--static-parts .enjeux'),
+      // mapHome : document.querySelectorAll('.field_field_map_block #block-sitesmapblock'),
+      // mapSite : document.querySelectorAll('#sites-map-container'),
+      lienDoc : document.querySelectorAll('.field_field_documents'),
+      lienURL : document.querySelectorAll('.field_field_liens_site'),
+    }

-  const showUp = {
-      origin: 'bottom',
+    const showUp = {
+        origin: 'bottom',
+        delay: 100,
+        duration: 1000,
+        distance: '50px',
+        easing: 'cubic-bezier(0.5, 0, 0, 1)'
+    }
+
+    const Show = {
      delay: 100,
-      duration: 1000,
-      distance: '50px',
+      duration: 600,
      easing: 'cubic-bezier(0.5, 0, 0, 1)'
+    }
+
+    console.log(nodes);
+
+    ScrollReveal().reveal(nodes.logo, Show);
+    ScrollReveal().reveal(nodes.chapeau, showUp);
+    ScrollReveal().reveal(nodes.paragraph, showUp);
+    ScrollReveal().reveal(nodes.enjeux, showUp);
+    // ScrollReveal().reveal(nodes.mapHome, showUp);
+    // ScrollReveal().reveal(nodes.mapSite, showUp);
+    ScrollReveal().reveal(nodes.lienDoc, showUp);
+    ScrollReveal().reveal(nodes.lienURL, showUp);
+
  }

-  const Show = {
-    delay: 100,
-    duration: 600,
-    easing: 'cubic-bezier(0.5, 0, 0, 1)'
-  }

-  console.log(nodes);
-
-  ScrollReveal().reveal(nodes.logo, Show);
-  ScrollReveal().reveal(nodes.chapeau, showUp);
-  ScrollReveal().reveal(nodes.paragraph, showUp);
-  ScrollReveal().reveal(nodes.enjeux, showUp);
-  // ScrollReveal().reveal(nodes.mapHome, showUp);
-  // ScrollReveal().reveal(nodes.mapSite, showUp);
-  ScrollReveal().reveal(nodes.lienDoc, showUp);
-  ScrollReveal().reveal(nodes.lienURL, showUp);
-
-}
-
-
-$( document ).ready(function() {
-  scrollReaveal();
-});
+  $( document ).ready(function() {
+    scrollReaveal();
+  });

 ////////////////////////  end script smooth apparition des textes /////////////////

@ -382,6 +400,12 @@ $( document ).ready(function() {

 //   ////////////////////// start  calendrier home   /////////////////////////////////
  $(document).ready(function(){
+
+  // Aller au 9e élément à l'initialisation
+  $('.__timeline-content').on('init', function(event, slick){
+    slick.slickGoTo(9); // Index 8 = 9e item
+  });
+
    $('.__timeline-content').slick({
      slidesToShow: 3,
      slidesToScroll: 1,
@ -868,13 +892,25 @@ $(document).ready(function () {

    // slimselect
    let ressource_type_select = new SlimSelect({
-      select: '#edit-field-type-de-ressource-target-id--2'
+      select: '#edit-field-type-de-ressource-target-id--2',
+      settings:{
+        placeholderText: 'choisir',
+        searchPlaceholder: 'choisir'
+      }
    })
    let ressource_motscles_select = new SlimSelect({
-      select: '#edit-field-mots-clefs-target-id--2'
+      select: '#edit-field-mots-clefs-target-id--2',
+      settings:{
+        placeholderText: 'choisir',
+        searchPlaceholder: 'choisir'
+      }
    })
    let ressource_sites_select = new SlimSelect({
-      select: '#edit-field-site-target-id-verf--2'
+      select: '#edit-field-site-target-id-verf--2',
+      settings:{
+        placeholderText: 'choisir',
+        searchPlaceholder: 'choisir'
+      }
    })
    // console.log(('sites_select'), sites_select);
    
@ -912,16 +948,32 @@ $(document).ready(function () {
    // slimselect
    // duplicated due to embeded view (archives)
    let actu_type_select = new SlimSelect({
-      select: '#edit-field-type-d-actualite-target-id--2'
+      select: '#edit-field-type-d-actualite-target-id--2',
+      settings:{
+        placeholderText: 'choisir',
+        searchPlaceholder: 'choisir'
+      }
    })
    let actu_type_select2 = new SlimSelect({
-      select: '#edit-field-type-d-actualite-target-id--3'
+      select: '#edit-field-type-d-actualite-target-id--3',
+      settings:{
+        placeholderText: 'choisir',
+        searchPlaceholder: 'choisir'
+      }
    })
    let actu_site_select = new SlimSelect({
-      select: '#edit-field-site-target-id-verf--2'
+      select: '#edit-field-site-target-id-verf--2',
+      settings:{
+        placeholderText: 'choisir',
+        searchPlaceholder: 'choisir'
+      }
    })
    let actu_site_select2 = new SlimSelect({
-      select: '#edit-field-site-target-id-verf--3'
+      select: '#edit-field-site-target-id-verf--3',
+      settings:{
+        placeholderText: 'choisir',
+        searchPlaceholder: 'choisir'
+      }
    })
  }
 });
@ -930,6 +982,108 @@ $(document).ready(function () {
 ///////////////////  end voir plus...  actualite dans /actualites & /home ////////////////////


+//////////////////////////////////////////
+
+
+// /////////// Start script ressources ////////////////////////////////
+
+// document.addEventListener("DOMContentLoaded", () => {
+//     const view = document.querySelector(".view");
+//     const elements = Array.from(view.children);
+
+//     let newView = document.createElement("div");
+//     newView.classList.add("view");
+
+//     let group = null;
+//     let groupContent = null;
+
+//     elements.forEach((el) => {
+//         if (el.tagName === "H3") {
+//             if (group) {
+//                 newView.appendChild(group);
+//             }
+
+//             group = document.createElement("div");
+//             group.classList.add("group");
+
+//             groupContent = document.createElement("div");
+//             groupContent.classList.add("group-content");
+
+//             groupContent.appendChild(el);
+//             group.appendChild(groupContent);
+//         } else if (el.classList.contains("views-row")) {
+//             groupContent.appendChild(el);
+//         }
+//     });
+
+//     if (group) {
+//         newView.appendChild(group);
+//     }
+
+//     view.replaceWith(newView);
+
+//     // Ajouter un bouton "Voir plus" dans chaque groupe
+//     document.querySelectorAll(".group").forEach((group) => {
+//         const rows = group.querySelectorAll(".views-row");
+//         const button = document.createElement("button");
+//         button.classList.add("toggle-btn");
+//         button.textContent = "Voir plus de";
+
+//         rows.forEach((row, index) => {
+//             if (index >= 3) {
+//                 row.classList.add("hidden");
+//                 row.style.maxHeight = "0";
+//                 row.style.opacity = "0";
+//             }
+//         });
+
+//         button.addEventListener("click", () => {
+//             const isExpanded = button.textContent === "Voir moins de";
+//             const hiddenRows = group.querySelectorAll(".views-row.hidden");
+
+//             if (isExpanded) {
+//                 // Cacher les lignes avec un délai pour l'effet de transition
+//                 hiddenRows.forEach((row) => {
+//                     row.style.maxHeight = "0";
+//                     row.style.opacity = "0";
+//                     setTimeout(() => row.classList.add("hidden"), 500); // Délai pour la transition
+//                 });
+//             } else {
+//                 // Afficher les lignes
+//                 hiddenRows.forEach((row) => {
+//                     row.classList.remove("hidden");
+//                     row.style.maxHeight = row.scrollHeight + "px";
+//                     row.style.opacity = "1";
+//                 });
+//             }
+
+//             button.textContent = isExpanded ? "Voir plus de" : "Voir moins de";
+//         });
+
+//         group.appendChild(button);
+//     });
+// });
+
+
+// /////////// end script ressources ////////////////////////////////
+
+
+
+
+/////////////// start class à view-rows-ressources ////////
+$(document).ready(function () {
+  $(".view-rows-wrapper").each(function () {
+      let h3Container = $(this).prev("h3").find("div[class^='type-']");
+      let classToAdd = h3Container.attr("class"); // Récupère la classe complète (ex: "type-Documentation")
+
+      if (classToAdd) {
+          $(this).addClass(classToAdd); // Ajoute cette classe à .view-rows-wrapper
+      }
+  });
+});
+////////////////// end class à view-rows-wrapper ////////////////
+
+
 })(jQuery, window);


--- a/web/themes/custom/quartiers_de_demain/dist/assets/bundle.js.map
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/bundle.js.map
--- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
@ -217,6 +217,13 @@ h2, h3 {
  width: 100vw;
 }

+body, html, * {
+  user-select: text !important;
+  -webkit-user-select: text !important; /* pour Safari */
+  -moz-user-select: text !important; /* pour Firefox */
+  -ms-user-select: text !important; /* pour IE/Edge */
+}
+
 /* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
 ul {
  list-style-type: none;
@ -442,6 +449,12 @@ header[role=banner] .header_nav_container {
  display: flex;
  flex-direction: column;
 }
+@media (max-width: 810px) {
+  header[role=banner] .header_nav_container {
+    height: 200px;
+    top: -30px;
+  }
+}
@media (max-width: 500px) {
  header[role=banner] .header_nav_container {
    flex: 0 0 40%;
@ -473,11 +486,22 @@ header[role=banner] .header_nav_container #block-quartiers-de-demain-entete ul l
  width: 100%;
  text-align: left;
 }
+header[role=banner] .header_nav_container #block-quartiers-de-demain-entete ul li .is-active {
+  font-family: "gilroy-bold";
+}
+header[role=banner] .header_nav_container #block-quartiers-de-demain-entete ul li :hover {
+  font-family: "gilroy-bold";
+}
@media (max-width: 1090px) {
  header[role=banner] .header_nav_container #block-quartiers-de-demain-entete ul li {
    padding-top: 0.3rem;
  }
 }
+@media (max-width: 810px) {
+  header[role=banner] .header_nav_container #block-quartiers-de-demain-entete ul li {
+    line-height: 1.3rem;
+  }
+}
 header[role=banner] .header_nav_container #block-quartiers-de-demain-entete ul li a {
  text-transform: uppercase;
  color: white;
@ -816,13 +840,27 @@ footer {
  top: 250px;
  background-color: transparent;
 }
+@media (max-width: 1300px) {
+  .layout-sidebar-first {
+    top: 200px;
+  }
+}
@media (max-width: 810px) {
  .layout-sidebar-first {
    position: relative;
-    width: 80%;
-    top: 160px;
+    width: 100%;
+    top: 200px;
    margin: auto;
    margin-top: 1rem;
+    background-color: white;
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
+}
+@media (max-width: 810px) {
+  .layout-sidebar-first .sidebar_first_container {
+    width: 80%;
+    margin: auto;
  }
 }
 .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1,
@ -850,16 +888,21 @@ footer {
 .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 h2::after {
  content: " :";
 }
+.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 form,
+.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 form {
+  display: grid;
+}
 .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 form .js-form-item,
 .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 form .js-form-item {
  display: flex;
  margin-bottom: 0.5rem;
+  padding-bottom: 0.3rem;
 }
@media (max-width: 810px) {
  .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 form .js-form-item,
  .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 form .js-form-item {
    display: flex;
-    flex-direction: column;
+    flex-direction: row;
    justify-content: space-between;
  }
 }
@ -895,14 +938,14 @@ footer {
  padding-top: 0.5rem;
  font-size: 0.7rem;
  font-family: "gilroy-light";
+  align-items: center;
 }
 .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-select label,
 .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-select label {
-  width: 50%;
+  width: 60%;
  text-transform: lowercase;
  font-size: 0.7rem;
  font-family: "gilroy-light";
-  padding-bottom: 0.2rem;
 }
 .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-select select,
 .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-select select {
@ -919,16 +962,47 @@ footer {
    width: 100%;
  }
 }
+.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-textfield,
+.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-textfield {
+  flex-direction: column;
+  padding-top: 0.8rem;
+}
 .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-textfield label,
 .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-textfield label {
+  display: flex;
+  flex-direction: row;
  text-transform: lowercase;
  font-size: 0.7rem;
  font-family: "gilroy-light";
  padding-bottom: 0.2rem;
 }
+.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-textfield label::after,
+.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-textfield label::after {
+  content: "";
+  display: block;
+  background: url("../img/loupe.svg");
+  background-repeat: no-repeat;
+  width: 38px;
+  height: 30px;
+  margin-left: 0.5rem;
+}
+.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-textfield input#edit-combine--3,
+.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-textfield input#edit-combine--2,
+.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-textfield input#edit-combine--3,
+.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-textfield input#edit-combine--2 {
+  max-width: 100%;
+  height: 25px;
+  width: 96%;
+}
+@media (max-width: 810px) {
+  .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-textfield.js-form-item,
+  .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-textfield.js-form-item {
+    flex-direction: column;
+  }
+}
 .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .form-actions,
 .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .form-actions {
-  padding-top: 1rem;
+  padding-top: 0rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
@ -943,6 +1017,50 @@ footer {
  font-size: 0.7rem;
  font-family: "gilroy-light";
 }
+.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .form-actions input:hover,
+.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .form-actions input:hover {
+  background-color: black;
+  color: white;
+  font-family: "gilroy-regular";
+}
+
+.ss-search,
+.ss-option,
+.ss-list {
+  font-size: 0.7rem;
+}
+
+.js-form-item-field-tous-les-sites-value {
+  display: none !important;
+}
+
+.ss-main {
+  border: none;
+}
+
+.ss-placeholder {
+  display: none !important;
+}
+
+.js-form-item-field-mots-clefs-target-id {
+  order: 1;
+}
+
+.js-form-item-field-type-de-ressource-target-id {
+  order: 2;
+}
+
+.js-form-item-field-site-target-id-verf {
+  order: 3;
+}
+
+.js-form-item-combine {
+  order: 4;
+}
+
+.form-actions {
+  order: 5;
+}

 #logo-animated-container {
  width: 60%;
@ -1054,7 +1172,6 @@ footer {
@media (max-width: 810px) {
  .slick-prev,
  .slick-next {
-    top: -30px;
    -webkit-transform: translate(0, -30px);
    -ms-transform: translate(0, -30px);
    transform: translate(0, -30px);
@ -1384,7 +1501,25 @@ footer {
    height: fit-content;
  }
 }
+#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement::after {
+  content: "";
+  position: absolute;
+  bottom: -0.2rem;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 10px;
+  height: 10px;
+  background-color: black;
+  border-radius: 50%;
+  z-index: 2;
+}
+@media (max-width: 810px) {
+  #home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement::after {
+    bottom: -0.4rem;
+  }
+}
 #home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement {
+  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
@ -1398,38 +1533,6 @@ footer {
    padding-left: 4rem;
  }
 }
-#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .border-symbol {
-  align-self: end;
-  font-size: 2.5rem;
-  display: inline-block; /* Permet d'utiliser height */
-  line-height: 0; /* Assure que la hauteur est minimale */
-  transform: translateX(1rem);
-}
-@media (max-width: 1100px) {
-  #home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .border-symbol {
-    transform: translateY(18.6rem);
-  }
-}
-@media (max-width: 1080px) {
-  #home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .border-symbol {
-    transform: translateY(18.3rem);
-  }
-}
-@media (min-width: 809px) {
-  #home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .border-symbol {
-    transform: translateY(20.7rem);
-  }
-}
-@media (max-width: 770px) {
-  #home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .border-symbol {
-    align-self: center;
-    font-size: 2.5rem;
-    display: inline-block;
-    line-height: 0;
-    transform: translateY(21.2rem);
-    padding-right: 3rem;
-  }
-}
 #home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .date {
  width: fit-content !important;
  display: flex;
@ -1607,6 +1710,7 @@ footer {
  font-size: 1.7rem;
  font-family: "gilroy-semibold";
  padding-left: 0.5rem;
+  line-height: 1.5rem;
 }
 #actus-caroussel button {
  top: -2.5rem;
@ -1617,7 +1721,7 @@ footer {
  }
 }
 #actus-caroussel .content-actus .slick-list {
-  padding-bottom: 4rem;
+  padding-bottom: 1rem;
 }
@media (max-width: 810px) {
  #actus-caroussel .content-actus .slick-list {
@ -1625,7 +1729,7 @@ footer {
  }
 }
 #actus-caroussel .content-actus .view-rows-wrapper {
-  margin-left: 20%;
+  margin-left: 25%;
  width: 65%;
  display: flex;
  flex-direction: column;
@ -1685,7 +1789,7 @@ footer {
 #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_images .actu-diaporama .slick-list .cadre-img-zoom {
  display: flex;
  margin: auto;
-  width: 250px;
+  width: 150px;
  height: auto;
 }
 #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_images .actu-diaporama .slick-list .cadre-img-zoom img {
@ -1696,8 +1800,10 @@ footer {
  -khtml-border-radius: 9px; /* pour Safari et Chrome */
  -webkit-border-radius: 9px; /* pour Safari sur Mac */
  border-radius: 9px; /* CSS3 */
+  aspect-ratio: 4/5;
 }
 #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_images .actu-diaporama .slick-list blockquote.image-field-caption {
+  display: none;
  margin: 0;
 }
 #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_images .actu-diaporama .slick-list blockquote.image-field-caption p {
@ -1735,16 +1841,15 @@ footer {
 }
 #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite {
  order: 2;
-}
-#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite a {
  text-transform: uppercase;
  color: red;
  font-size: 0.6rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
+  padding-bottom: 0.1rem;
 }
-#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite a::before {
+#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite::before {
  content: "";
  display: inline-block;
  width: 16px; /* Ajuste la largeur */
@ -1797,15 +1902,13 @@ footer {
  order: 5;
  line-height: 1rem;
 }
-#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_title a {
-  color: rgb(7, 50, 194);
-  font-size: 1.2rem;
-}
 #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_title h2 {
  margin-top: 0.5rem;
  margin-bottom: 0;
  padding-left: 0;
  font-family: "gilroy-medium";
+  color: rgb(7, 50, 194);
+  font-size: 1.2rem;
 }
 #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_sous_titre {
  color: rgb(7, 50, 194);
@ -1821,6 +1924,28 @@ footer {
 #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_body p {
  font-size: 0.8rem;
 }
+#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .links.inline {
+  text-transform: uppercase;
+  padding-left: 0;
+  font-size: 0.7rem;
+  font-family: "gilroy-bold";
+  width: fit-content;
+  display: inline-flex;
+  align-items: center;
+}
+#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .links.inline a {
+  width: 5em;
+  display: block;
+  overflow: hidden;
+  white-space: nowrap;
+}
+#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .links.inline::after {
+  content: "+";
+  display: block;
+  padding-left: 0.4rem;
+  font-size: 1.8rem;
+  height: fit-content;
+}
 #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_liens {
  order: 7;
  padding: 0;
@ -3100,7 +3225,7 @@ body {
  align-items: center;
 }
 .partenaires .layout-content .content_container #block-quartiers-de-demain-titredepage {
-  margin-top: 1rem;
+  margin-top: 4rem;
  width: fit-content;
 }
@media (max-width: 810px) {
@ -3110,6 +3235,7 @@ body {
  }
 }
 .partenaires .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
+  display: none;
  text-transform: none;
  color: black;
  font-size: 2rem;
@ -3121,6 +3247,10 @@ body {
 .partenaires .layout-content .content_container .views-element-container {
  width: 80%;
 }
+.partenaires .layout-content .content_container .views-element-container .header_view {
+  width: 85%;
+  margin: auto;
+}
 .partenaires .layout-content .content_container .views-element-container .header_view::after {
  content: "";
  display: block;
@ -3128,6 +3258,9 @@ body {
  width: 80%;
  margin: auto;
 }
+.partenaires .layout-content .content_container .views-element-container .header_view .config_pages--type--intro-partenaires {
+  margin-bottom: 3rem;
+}
 .partenaires .layout-content .content_container .views-element-container h3 {
  color: rgb(7, 50, 194);
  font-size: 2.5rem;
@ -3299,6 +3432,9 @@ body {
 .node-type-static main {
  background-color: #f6f7f3;
 }
+.node-type-static.node-id-2 aside {
+  display: none;
+}
 .node-type-static .layout-content .content_container {
  display: flex;
  flex-direction: column;
@ -3415,6 +3551,11 @@ body {
  padding: 1rem 0rem;
  margin-bottom: 1rem;
 }
+@media (max-width: 810px) {
+  #page-node .content_container .node-type-actualite .infos-actu {
+    flex-direction: column;
+  }
+}
 #page-node .content_container .node-type-actualite .infos-actu .field_field_type_d_actualite {
  display: flex;
  align-items: center;
@ -3432,6 +3573,12 @@ body {
  content: url("../img/type-actu.svg");
  padding-right: 0.4rem;
 }
+@media (max-width: 810px) {
+  #page-node .content_container .node-type-actualite .infos-actu .field_field_type_d_actualite {
+    margin-left: 1rem;
+    margin-top: 0.5rem;
+  }
+}
 #page-node .content_container .node-type-actualite .infos-actu .field_field_date {
  color: red;
  display: flex;
@ -3467,6 +3614,12 @@ body {
  background-repeat: no-repeat;
  padding-right: 0.5rem;
 }
+@media (max-width: 810px) {
+  #page-node .content_container .node-type-actualite .infos-actu .field_field_site {
+    margin-left: 1rem;
+    margin-top: 0.5rem;
+  }
+}
 #page-node .content_container .node-type-actualite .content-wrapper-actu {
  order: 2;
  display: flex;
@ -3949,10 +4102,6 @@ body {
  flex-direction: column;
 }

-.html.js.sr body.node-type-site.node-id-40 div.dialog-off-canvas-main-canvas div#page-node.layout-container main div.layout-content div.content_container div.layout.layout--threecol-25-50-25 div.layout__region.layout__region--third div.block-region-third div div.field_field_documents div div span {
-  visibility: hidden;
-}
-
 main {
  background-color: #f6f7f3;
 }
@ -4107,7 +4256,8 @@ main {
  #ressources .layout-content .content_container #block-quartiers-de-demain-titredepage {
    display: flex;
    margin: auto;
-    margin-top: 10rem;
+    margin-top: 13rem;
+    margin-bottom: 1rem;
  }
 }
 #ressources .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
@ -4163,6 +4313,7 @@ main {
  color: white;
 }
 #ressources .layout-content .content_container .views-element-container h3:has(div.type-Kit-de-communication) {
+  display: none;
  margin-bottom: 0;
 }
 #ressources .layout-content .content_container .views-element-container h3:has(div.type-Kit-de-communication) .field_name {
@ -4185,6 +4336,11 @@ main {
  font-size: 0.5rem;
  margin-bottom: 1rem;
 }
+@media (max-width: 810px) {
+  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row {
+    font-size: 0.8rem;
+  }
+}
 #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-title-1,
 #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-sous-titre-1 {
  font-family: "gilroy-medium";
@ -4192,12 +4348,41 @@ main {
  font-size: 0.6rem;
  margin-bottom: 0;
 }
+@media (max-width: 810px) {
+  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-title-1,
+  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-sous-titre-1 {
+    font-size: 1rem;
+  }
+}
 #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-body-1 {
  font-family: "gilroy-light";
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row p {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-body-1 p {
  font-size: 0.5rem;
 }
+@media (max-width: 810px) {
+  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-body-1 p {
+    font-size: 0.8rem;
+  }
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-mots-clefs {
+  margin-top: 0.5rem;
+  display: flex;
+  flex-direction: row !important;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-mots-clefs a {
+  border: solid 1px rgb(7, 50, 194);
+  margin-right: 0.2rem;
+  padding: 0.1rem 0.2rem;
+  font-size: 0.4rem;
+  font-family: "gilroy-semibold";
+  color: rgb(7, 50, 194);
+}
+@media (max-width: 810px) {
+  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-mots-clefs a {
+    font-size: 0.8rem;
+  }
+}
 #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-site {
  margin-top: 0.5rem;
 }
@ -4225,126 +4410,133 @@ main {
 #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-documents {
  margin-top: 0.5rem;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-documentation .field_body,
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-documentation .field_field_images {
-  display: none;
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Documentation-générale .views-row {
+  width: 22%;
+  padding: 0.5rem;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource {
+@media (max-width: 810px) {
+  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Documentation-générale .views-row {
+    width: 50%;
+  }
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Documentation-générale .views-row .views-field-field-documents a {
+  display: inline-flex;
+  align-items: center;
+  color: white;
+  background: black;
+  text-transform: uppercase;
+  font-size: 0.4rem;
+  padding: 0.1rem 0.5rem;
+  padding-right: 0rem;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Documentation-générale .views-row .views-field-field-documents a::after {
+  display: inline-flex;
+  content: url("../img/noun-arrow-to-right.svg");
+  padding-right: 0.1rem;
+  padding-left: 0.1rem;
+  height: 25px;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row {
+  width: 50%;
+  height: fit-content;
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  grid-template-rows: repeat(5 1fr);
  margin-top: 1rem;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_images {
+@media (max-width: 810px) {
+  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-images,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-video {
  grid-column: 1;
  grid-row: 1/span 5;
  padding: 0 1rem 1rem 1rem;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_images img {
+@media (max-width: 810px) {
+  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-images,
+  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-video {
+    padding: 0 0 1rem 0;
+  }
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-images iframe,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-video iframe {
+  width: 100%;
+  height: auto;
+  aspect-ratio: 1/1;
+  border-radius: 9px;
+}
+@media (max-width: 810px) {
+  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-images iframe,
+  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-video iframe {
+    width: auto;
+    height: 100%;
+  }
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-images img,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-video img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 9px;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_title, #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource h2 {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-title-1 {
  margin-top: 0;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_title,
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_sous_titre,
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_author,
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_date_ressource,
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_body,
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_mots_clefs,
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_site,
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_documents,
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-podcast .content-ressource .field_field_liens {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-title-1,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-sous-titre-1,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-author,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-date-ressource,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-body-1,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-mots-clefs,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-site,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-documents,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-liens {
  grid-column: 2;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-vidéo .content-ressource {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-liens {
+  display: none;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéos .views-row {
+  width: 43%;
  margin: 1rem;
+  justify-content: space-between;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-vidéo .field_body {
-  opacity: 1 !important;
-  transform: none !important;
+@media (max-width: 810px) {
+  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéos .views-row {
+    width: 100%;
+  }
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-vidéo a img {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéos .views-row img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 9px;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-kit-de-communication div.content-ressource {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  background-color: rgb(7, 50, 194);
-  color: white;
-  padding: 1rem 3rem;
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéos .views-row iframe {
+  border-radius: 9px;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-kit-de-communication div.content-ressource .field_title {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéos .views-row .views-field-title-1 {
+  margin-top: 1rem;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéos .views-row .views-field-field-liens {
  display: none;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-kit-de-communication div.content-ressource .field_field_sous_titre {
-  text-align: center;
-  font-size: 0.9rem;
-  font-family: "gilroy-light";
-  color: white;
-}
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-kit-de-communication div.content-ressource .field_body {
-  text-align: center;
-  font-size: 0.7rem;
-  font-family: "gilroy-light";
-}
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-kit-de-communication div.content-ressource .field_field_liens {
-  width: fit-content;
-}
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-kit-de-communication div.content-ressource .field_field_liens a {
-  display: flex;
-  flex-direction: row;
-  padding-left: 0.5rem;
-  display: inline-flex;
-  align-items: center;
-  color: white;
-  background: black;
-  text-transform: uppercase;
-  font-size: 0.6rem;
-}
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-kit-de-communication div.content-ressource .field_field_liens a svg {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Kit-de-communication {
  display: none;
-}
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-kit-de-communication div.content-ressource .field_field_liens a::after {
-  display: inline-flex;
-  content: url("../img/noun-arrow-to-right.svg");
-  padding-right: 0.2rem;
-  padding-left: 0.2rem;
-}
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-podcast) {
-  width: 50%;
-}
-@media (max-width: 810px) {
-  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-podcast) {
-    width: 100%;
-  }
-}
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-documentation) {
-  width: 25%;
-}
-@media (max-width: 810px) {
-  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-documentation) {
-    width: 50%;
-  }
-}
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-vidéo) {
-  width: 50%;
-}
-@media (max-width: 810px) {
-  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-vidéo) {
-    width: 100%;
-  }
-}
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-Kit-de-communication) {
  width: 100%;
+  background-color: rgb(7, 50, 194);
+}
+
+.type-documentation .views-field-body-1,
+.type-documentation .views-field-field-images,
+.type-documentation .views-field-field-video {
+  display: none;
 }

 #actualites main {
@ -4376,7 +4568,8 @@ main {
  #actualites .layout-content .content_container #block-quartiers-de-demain-titredepage {
    display: flex;
    margin: auto;
-    margin-top: 16rem;
+    margin-top: 13rem;
+    margin-bottom: 4rem;
  }
 }
 #actualites .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
@ -4432,6 +4625,11 @@ main {
  width: 250px;
  margin-right: 1rem;
 }
+@media (max-width: 810px) {
+  #actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_images {
+    margin-bottom: 1rem;
+  }
+}
 #actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_images .actu-diaporama {
  width: 100%;
  display: flex;
@ -4458,8 +4656,10 @@ main {
  -khtml-border-radius: 9px; /* pour Safari et Chrome */
  -webkit-border-radius: 9px; /* pour Safari sur Mac */
  border-radius: 9px; /* CSS3 */
+  aspect-ratio: 4/5;
 }
 #actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_images .actu-diaporama .slick-list blockquote.image-field-caption {
+  display: none;
  margin: 0;
 }
 #actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_images .actu-diaporama .slick-list blockquote.image-field-caption p {
@ -4497,16 +4697,15 @@ main {
 }
 #actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite {
  order: 2;
-}
-#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite a {
  text-transform: uppercase;
  color: red;
  font-size: 0.6rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
+  padding-bottom: 0.1rem;
 }
-#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite a::before {
+#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite::before {
  content: "";
  display: inline-block;
  width: 16px; /* Ajuste la largeur */
@ -4562,8 +4761,6 @@ main {
 #actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_title h2 {
  font-size: 1.2rem;
  font-family: "gilroy-medium";
-}
-#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_title a {
  color: rgb(7, 50, 194);
 }
 #actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_sous_titre {
@ -4580,6 +4777,28 @@ main {
 #actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_body p {
  font-size: 0.8rem;
 }
+#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .links.inline {
+  text-transform: uppercase;
+  padding-left: 0;
+  font-size: 0.7rem;
+  font-family: "gilroy-bold";
+  width: fit-content;
+  display: inline-flex;
+  align-items: center;
+}
+#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .links.inline a {
+  width: 5em;
+  display: block;
+  overflow: hidden;
+  white-space: nowrap;
+}
+#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .links.inline::after {
+  content: "+";
+  display: block;
+  padding-left: 0.4rem;
+  font-size: 1.8rem;
+  height: fit-content;
+}
 #actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_liens {
  order: 7;
  padding: 0;
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/loupe.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/loupe.svg
@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="7.250946mm"
+   height="6.7037978mm"
+   viewBox="0 0 7.250946 6.7037978"
+   version="1.1"
+   id="svg1"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath2444">
+      <path
+         d="M 0,0 H 22.0445 V -17 H 0 Z"
+         transform="matrix(1.3191067,0.19425333,0.19425333,-1.3191067,225.01215,461.47051)"
+         clip-rule="evenodd"
+         id="path2444" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath2440">
+      <path
+         d="M 0,-18 H 1260 V 18 H 0 Z"
+         transform="translate(-0.24999723,-16.750003)"
+         id="path2440" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath2441">
+      <path
+         d="M 0,-18 H 1260 V 18 H 0 Z"
+         transform="translate(-14.679745,-4.6071402)"
+         id="path2441" />
+    </clipPath>
+  </defs>
+  <g
+     id="layer1"
+     transform="translate(-120.12082,-122.50209)">
+    <g
+       id="g2443"
+       clip-path="url(#clipPath2444)"
+       transform="matrix(0.26458333,0,0,0.26458333,61.004151,0.05323333)">
+      <path
+         d="m 15.5,-7.75 c 0,-4.2804 -3.4696,-7.75 -7.75,-7.75 C 3.46979,-15.5 0,-12.0304 0,-7.75 0,-3.46979 3.46979,0 7.75,0 12.0304,0 15.5,-3.46979 15.5,-7.75 Z"
+         style="fill:none;stroke:#181715;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(1.2151874,0.17895006,0.18346062,-1.2458171,225.27006,461.8268)"
+         clip-path="url(#clipPath2440)"
+         id="path2442" />
+      <path
+         d="M 0,0 9,-5.35714"
+         style="fill:none;stroke:#181715;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(1.2151874,0.17895006,0.18346062,-1.2458171,240.57717,479.53679)"
+         clip-path="url(#clipPath2441)"
+         id="path2443" />
+    </g>
+  </g>
+</svg>
--- a/web/themes/custom/quartiers_de_demain/quartiers_de_demain.theme
+++ b/web/themes/custom/quartiers_de_demain/quartiers_de_demain.theme
@ -35,12 +35,41 @@ function quartiers_de_demain_preprocess_page(&$variables) {
 * Implements hook_preprocess_HOOK() for node.html.twig.
 */
 function quartiers_de_demain_preprocess_node(&$variables) {
-    $node = &$variables['node'];
-    $variables['attributes']['class'][] = 'node-type-' . $node->gettype();
+  $node = &$variables['node'];
+  $variables['attributes']['class'][] = 'node-type-' . $node->gettype();
+
+  if ($node->getType() === 'actualite'
+      && $variables['view_mode'] === 'full'
+      && $node->hasField('body')) {
+
+        $summary = $node->get('body')->summary;
+        $full = $node->get('body')->value;
+    
+        if (!empty($summary) || !empty($full)) {
+          $variables['content']['body'] = [
+            '#type' => 'inline_template',
+            '#template' => '
+              {% if summary %}
+                <div class="body-summary">{{ summary|raw }}</div>
+              {% endif %}
+              {% if full %}
+                <div class="body-full">{{ full|raw }}</div>
+              {% endif %}
+            ',
+            '#context' => [
+              'summary' => $summary,
+              'full' => $full,
+            ],
+          ];
+        }
+  }
 }



+
+
+
 /* implements template_preprocess_region() */

 function quartiers_de_demain_preprocess_region(&$variables) {
@ -63,6 +92,7 @@ function quartiers_de_demain_preprocess_field(&$variables) {

 }

+
 /**
 * Prepares variables for block templates.
 *
@ -137,3 +167,6 @@ function quartiers_de_demain_preprocess_block__block_region_second(&$variables)



+function quartiers_de_demain_preprocess_links(&$variables){
+  
+}
--- a/web/themes/custom/quartiers_de_demain/src/assets/img/loupe.svg
+++ b/web/themes/custom/quartiers_de_demain/src/assets/img/loupe.svg
@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="7.250946mm"
+   height="6.7037978mm"
+   viewBox="0 0 7.250946 6.7037978"
+   version="1.1"
+   id="svg1"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath2444">
+      <path
+         d="M 0,0 H 22.0445 V -17 H 0 Z"
+         transform="matrix(1.3191067,0.19425333,0.19425333,-1.3191067,225.01215,461.47051)"
+         clip-rule="evenodd"
+         id="path2444" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath2440">
+      <path
+         d="M 0,-18 H 1260 V 18 H 0 Z"
+         transform="translate(-0.24999723,-16.750003)"
+         id="path2440" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath2441">
+      <path
+         d="M 0,-18 H 1260 V 18 H 0 Z"
+         transform="translate(-14.679745,-4.6071402)"
+         id="path2441" />
+    </clipPath>
+  </defs>
+  <g
+     id="layer1"
+     transform="translate(-120.12082,-122.50209)">
+    <g
+       id="g2443"
+       clip-path="url(#clipPath2444)"
+       transform="matrix(0.26458333,0,0,0.26458333,61.004151,0.05323333)">
+      <path
+         d="m 15.5,-7.75 c 0,-4.2804 -3.4696,-7.75 -7.75,-7.75 C 3.46979,-15.5 0,-12.0304 0,-7.75 0,-3.46979 3.46979,0 7.75,0 12.0304,0 15.5,-3.46979 15.5,-7.75 Z"
+         style="fill:none;stroke:#181715;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(1.2151874,0.17895006,0.18346062,-1.2458171,225.27006,461.8268)"
+         clip-path="url(#clipPath2440)"
+         id="path2442" />
+      <path
+         d="M 0,0 9,-5.35714"
+         style="fill:none;stroke:#181715;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(1.2151874,0.17895006,0.18346062,-1.2458171,240.57717,479.53679)"
+         clip-path="url(#clipPath2441)"
+         id="path2443" />
+    </g>
+  </g>
+</svg>
--- a/web/themes/custom/quartiers_de_demain/src/assets/js/quartiers_de_demain.js
+++ b/web/themes/custom/quartiers_de_demain/src/assets/js/quartiers_de_demain.js
@ -64,13 +64,28 @@ document.addEventListener('DOMContentLoaded', function() {
    header.classList.add('header--collapsed-already');
    // logo.classList.remove('animated');
    stopLogoAnimation();
+  // } else {
+  //   // Sinon, appliquer la transition après un délai
+  //   setTimeout(() => {
+  //       header.classList.add('header--collapsed');
+  //   }, 5000);
+  // }
  } else {
-    // Sinon, appliquer la transition après un délai
-    setTimeout(() => {
-        header.classList.add('header--collapsed');
+    // Sinon, appliquer la transition après un délai, sauf si scroll
+    let collapseTimeout = setTimeout(() => {
+      header.classList.add('header--collapsed');
    }, 5000);
-  }

+    function interruptCollapseOnScroll() {
+      if (!header.classList.contains('header--collapsed')) {
+        clearTimeout(collapseTimeout); // annule l'animation
+        header.classList.add('header--collapsed');
+      }
+      window.removeEventListener('scroll', interruptCollapseOnScroll); // une seule fois
+    }
+
+    window.addEventListener('scroll', interruptCollapseOnScroll);
+  }
  //////////////////////////////////////

  let lastScrollTop = 0;
@ -206,69 +221,72 @@ document.addEventListener('DOMContentLoaded', function() {



-//// ancre dans texte au click paragraphe correspondant arrive en dessous du header 


 (function($, window) {
-var adjustAnchor = function() {
-    var $anchor = $('.sidebar_first_container'),
-            fixedElementHeight = 500;
-    if ($anchor.length > 0) {
-        $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);
-    }
-};

-$(window).on('hashchange', function() {
-    adjustAnchor();
-});
+
+//// ancre dans texte au click paragraphe correspondant arrive en dessous du header 
+
+    var adjustAnchor = function() {
+        var $anchor = $('.sidebar_first_container'),
+                fixedElementHeight = 500;
+        if ($anchor.length > 0) {
+            $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);
+        }
+    };
+
+    $(window).on('hashchange', function() {
+        adjustAnchor();
+    });


 ////////////////////////  start script smooth apparition des textes /////////////////

-function scrollReaveal(){
+  function scrollReaveal(){

-  const nodes = {
-    logo : document.querySelectorAll('#logo-animated-container'),
-    chapeau :  document.querySelectorAll('.field_body'),
-    paragraph: document.querySelectorAll('.field_field_textes .paragraph--type--static-parts'),
-    enjeux : document.querySelectorAll('.field_field_textes .paragraph--type--static-parts .enjeux'),
-    // mapHome : document.querySelectorAll('.field_field_map_block #block-sitesmapblock'),
-    // mapSite : document.querySelectorAll('#sites-map-container'),
-    lienDoc : document.querySelectorAll('.field_field_documents'),
-    lienURL : document.querySelectorAll('.field_field_liens_site'),
-  }
+    const nodes = {
+      logo : document.querySelectorAll('#logo-animated-container'),
+      chapeau :  document.querySelectorAll('.field_body'),
+      paragraph: document.querySelectorAll('.field_field_textes .paragraph--type--static-parts'),
+      enjeux : document.querySelectorAll('.field_field_textes .paragraph--type--static-parts .enjeux'),
+      // mapHome : document.querySelectorAll('.field_field_map_block #block-sitesmapblock'),
+      // mapSite : document.querySelectorAll('#sites-map-container'),
+      lienDoc : document.querySelectorAll('.field_field_documents'),
+      lienURL : document.querySelectorAll('.field_field_liens_site'),
+    }

-  const showUp = {
-      origin: 'bottom',
+    const showUp = {
+        origin: 'bottom',
+        delay: 100,
+        duration: 1000,
+        distance: '50px',
+        easing: 'cubic-bezier(0.5, 0, 0, 1)'
+    }
+
+    const Show = {
      delay: 100,
-      duration: 1000,
-      distance: '50px',
+      duration: 600,
      easing: 'cubic-bezier(0.5, 0, 0, 1)'
+    }
+
+    console.log(nodes);
+
+    ScrollReveal().reveal(nodes.logo, Show);
+    ScrollReveal().reveal(nodes.chapeau, showUp);
+    ScrollReveal().reveal(nodes.paragraph, showUp);
+    ScrollReveal().reveal(nodes.enjeux, showUp);
+    // ScrollReveal().reveal(nodes.mapHome, showUp);
+    // ScrollReveal().reveal(nodes.mapSite, showUp);
+    ScrollReveal().reveal(nodes.lienDoc, showUp);
+    ScrollReveal().reveal(nodes.lienURL, showUp);
+
  }

-  const Show = {
-    delay: 100,
-    duration: 600,
-    easing: 'cubic-bezier(0.5, 0, 0, 1)'
-  }

-  console.log(nodes);
-
-  ScrollReveal().reveal(nodes.logo, Show);
-  ScrollReveal().reveal(nodes.chapeau, showUp);
-  ScrollReveal().reveal(nodes.paragraph, showUp);
-  ScrollReveal().reveal(nodes.enjeux, showUp);
-  // ScrollReveal().reveal(nodes.mapHome, showUp);
-  // ScrollReveal().reveal(nodes.mapSite, showUp);
-  ScrollReveal().reveal(nodes.lienDoc, showUp);
-  ScrollReveal().reveal(nodes.lienURL, showUp);
-
-}
-
-
-$( document ).ready(function() {
-  scrollReaveal();
-});
+  $( document ).ready(function() {
+    scrollReaveal();
+  });

 ////////////////////////  end script smooth apparition des textes /////////////////

@ -324,6 +342,12 @@ $( document ).ready(function() {

 //   ////////////////////// start  calendrier home   /////////////////////////////////
  $(document).ready(function(){
+
+  // Aller au 9e élément à l'initialisation
+  $('.__timeline-content').on('init', function(event, slick){
+    slick.slickGoTo(9); // Index 8 = 9e item
+  });
+
    $('.__timeline-content').slick({
      slidesToShow: 3,
      slidesToScroll: 1,
@ -810,13 +834,25 @@ $(document).ready(function () {

    // slimselect
    let ressource_type_select = new SlimSelect({
-      select: '#edit-field-type-de-ressource-target-id--2'
+      select: '#edit-field-type-de-ressource-target-id--2',
+      settings:{
+        placeholderText: 'choisir',
+        searchPlaceholder: 'choisir'
+      }
    })
    let ressource_motscles_select = new SlimSelect({
-      select: '#edit-field-mots-clefs-target-id--2'
+      select: '#edit-field-mots-clefs-target-id--2',
+      settings:{
+        placeholderText: 'choisir',
+        searchPlaceholder: 'choisir'
+      }
    })
    let ressource_sites_select = new SlimSelect({
-      select: '#edit-field-site-target-id-verf--2'
+      select: '#edit-field-site-target-id-verf--2',
+      settings:{
+        placeholderText: 'choisir',
+        searchPlaceholder: 'choisir'
+      }
    })
    // console.log(('sites_select'), sites_select);
    
@ -854,16 +890,32 @@ $(document).ready(function () {
    // slimselect
    // duplicated due to embeded view (archives)
    let actu_type_select = new SlimSelect({
-      select: '#edit-field-type-d-actualite-target-id--2'
+      select: '#edit-field-type-d-actualite-target-id--2',
+      settings:{
+        placeholderText: 'choisir',
+        searchPlaceholder: 'choisir'
+      }
    })
    let actu_type_select2 = new SlimSelect({
-      select: '#edit-field-type-d-actualite-target-id--3'
+      select: '#edit-field-type-d-actualite-target-id--3',
+      settings:{
+        placeholderText: 'choisir',
+        searchPlaceholder: 'choisir'
+      }
    })
    let actu_site_select = new SlimSelect({
-      select: '#edit-field-site-target-id-verf--2'
+      select: '#edit-field-site-target-id-verf--2',
+      settings:{
+        placeholderText: 'choisir',
+        searchPlaceholder: 'choisir'
+      }
    })
    let actu_site_select2 = new SlimSelect({
-      select: '#edit-field-site-target-id-verf--3'
+      select: '#edit-field-site-target-id-verf--3',
+      settings:{
+        placeholderText: 'choisir',
+        searchPlaceholder: 'choisir'
+      }
    })
  }
 });
@ -872,6 +924,108 @@ $(document).ready(function () {
 ///////////////////  end voir plus...  actualite dans /actualites & /home ////////////////////


+//////////////////////////////////////////
+
+
+// /////////// Start script ressources ////////////////////////////////
+
+// document.addEventListener("DOMContentLoaded", () => {
+//     const view = document.querySelector(".view");
+//     const elements = Array.from(view.children);
+
+//     let newView = document.createElement("div");
+//     newView.classList.add("view");
+
+//     let group = null;
+//     let groupContent = null;
+
+//     elements.forEach((el) => {
+//         if (el.tagName === "H3") {
+//             if (group) {
+//                 newView.appendChild(group);
+//             }
+
+//             group = document.createElement("div");
+//             group.classList.add("group");
+
+//             groupContent = document.createElement("div");
+//             groupContent.classList.add("group-content");
+
+//             groupContent.appendChild(el);
+//             group.appendChild(groupContent);
+//         } else if (el.classList.contains("views-row")) {
+//             groupContent.appendChild(el);
+//         }
+//     });
+
+//     if (group) {
+//         newView.appendChild(group);
+//     }
+
+//     view.replaceWith(newView);
+
+//     // Ajouter un bouton "Voir plus" dans chaque groupe
+//     document.querySelectorAll(".group").forEach((group) => {
+//         const rows = group.querySelectorAll(".views-row");
+//         const button = document.createElement("button");
+//         button.classList.add("toggle-btn");
+//         button.textContent = "Voir plus de";
+
+//         rows.forEach((row, index) => {
+//             if (index >= 3) {
+//                 row.classList.add("hidden");
+//                 row.style.maxHeight = "0";
+//                 row.style.opacity = "0";
+//             }
+//         });
+
+//         button.addEventListener("click", () => {
+//             const isExpanded = button.textContent === "Voir moins de";
+//             const hiddenRows = group.querySelectorAll(".views-row.hidden");
+
+//             if (isExpanded) {
+//                 // Cacher les lignes avec un délai pour l'effet de transition
+//                 hiddenRows.forEach((row) => {
+//                     row.style.maxHeight = "0";
+//                     row.style.opacity = "0";
+//                     setTimeout(() => row.classList.add("hidden"), 500); // Délai pour la transition
+//                 });
+//             } else {
+//                 // Afficher les lignes
+//                 hiddenRows.forEach((row) => {
+//                     row.classList.remove("hidden");
+//                     row.style.maxHeight = row.scrollHeight + "px";
+//                     row.style.opacity = "1";
+//                 });
+//             }
+
+//             button.textContent = isExpanded ? "Voir plus de" : "Voir moins de";
+//         });
+
+//         group.appendChild(button);
+//     });
+// });
+
+
+// /////////// end script ressources ////////////////////////////////
+
+
+
+
+/////////////// start class à view-rows-ressources ////////
+$(document).ready(function () {
+  $(".view-rows-wrapper").each(function () {
+      let h3Container = $(this).prev("h3").find("div[class^='type-']");
+      let classToAdd = h3Container.attr("class"); // Récupère la classe complète (ex: "type-Documentation")
+
+      if (classToAdd) {
+          $(this).addClass(classToAdd); // Ajoute cette classe à .view-rows-wrapper
+      }
+  });
+});
+////////////////// end class à view-rows-wrapper ////////////////
+
+
 })(jQuery, window);


--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/global/_layout.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/global/_layout.scss
@ -60,4 +60,12 @@ $width-menu-slidedown : 550px;

 .layout--threecol-25-50-25{
    width: 100vw;
-}
+}
+
+body, html, * {
+    user-select: text !important;
+    -webkit-user-select: text !important; /* pour Safari */
+    -moz-user-select: text !important;    /* pour Firefox */
+    -ms-user-select: text !important;     /* pour IE/Edge */
+  }
+  
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualites.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualites.scss
@ -30,7 +30,8 @@
                @media(max-width: 810px){
                    display: flex;
                    margin:auto;
-                    margin-top: 16rem;
+                    margin-top: 13rem;
+                    margin-bottom: 4rem;
                }
                h1{
                    width: fit-content;
@ -88,6 +89,9 @@
                                //    display: flex;
                                //    margin: auto;
                                    margin-right: 1rem;
+                                    @media(max-width: 810px){
+                                        margin-bottom: 1rem;
+                                     }

                                   .actu-diaporama{
                                        // height: 150px;
@ -113,9 +117,11 @@
                                                    -khtml-border-radius: 9px; /* pour Safari et Chrome */
                                                    -webkit-border-radius: 9px; /* pour Safari sur Mac */
                                                    border-radius: 9px; /* CSS3 */
+                                                    aspect-ratio: 4/5;
                                                }
                                            }
                                            blockquote.image-field-caption{
+                                                display: none;
                                                margin: 0;
                                                p{
                                                    margin-top: 0;
@ -158,13 +164,14 @@
                                }
                                .field_field_type_d_actualite{
                                    order: 2;
-                                    a{
+                                    // a{
                                    text-transform: uppercase;
                                    color: red;
                                    font-size: 0.6rem;
                                    font-weight: 600;
                                    display: inline-flex;
                                    align-items: center;
+                                    padding-bottom: 0.1rem;
                                        &::before{
                                            content: "";
                                            display: inline-block;
@ -176,7 +183,8 @@
                                            // margin-right: 0.4rem;
                                            padding-right: 0.4rem;
                                        }
-                                    }
+                                    // }
+                                    
                                }
                                .field_field_date{
                                    order: 3;
@ -228,9 +236,10 @@
                                    h2{
                                        font-size: 1.2rem;
                                        font-family: 'gilroy-medium';
+                                        color: $blue_QDD;
                                    }
                                    a{
-                                        color: $blue_QDD;
+                                        // color: $blue_QDD;
                                        // pointer-events: none; 
                                        // cursor: default;
                                    }
@ -252,6 +261,30 @@
                                    font-size: 0.8rem;
                                    }
                                }
+                                .links.inline{
+                                    text-transform: uppercase;
+                                    padding-left: 0;
+                                    font-size: 0.7rem;
+                                    font-family: "gilroy-bold";
+                                    width: fit-content;
+                                    display: inline-flex;
+                                    align-items: center;
+                                    a{
+                                        width: 5em;
+                                        display: block;
+                                        overflow: hidden;
+                                        white-space: nowrap;
+                                    }
+
+                                    &::after{
+                                        content: "+";
+                                        display: block;
+                                        // width: 20px;
+                                        padding-left: 0.4rem;
+                                        font-size: 1.8rem;
+                                        height: fit-content;
+                                    }
+                                }
                                .field_field_liens{
                                    order: 7;
                                    padding:0;
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/bouton-ressources.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/bouton-ressources.scss
@ -0,0 +1,42 @@
+#ressources{
+    .group-content {
+        // background: #f9f9f9;
+        padding: 10px;
+        border-radius: 8px;
+        margin-bottom: 10px;
+        // box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+    }
+
+    .views-row {
+        padding: 8px;
+        // background: #f3f3f3;
+        margin: 2px 0;
+        border-radius: 4px;
+        transition: max-height 0.5s ease, opacity 0.5s ease;
+    }
+
+    .hidden {
+        max-height: 0;
+        overflow: hidden;
+        opacity: 0;
+    }
+
+    .toggle-btn {
+        background: none;
+        color: $blue_QDD;
+        border: solid $blue_QDD 1px;
+        padding: 8px 12px;
+        cursor: pointer;
+        margin-top: 5px;
+        display: block;
+        margin: auto;
+        width: 20%;
+        text-align: center;
+        transition: background 0.3s;
+    }
+
+    .toggle-btn:hover {
+        background: $blue_QDD;
+        color:white;
+    }
+}
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-actualite.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-actualite.scss
@ -44,7 +44,10 @@
                    border-bottom: solid red 1px;
                    padding: 1rem 0rem;
                    margin-bottom: 1rem;
-
+                    @media(max-width: 810px){
+                        flex-direction: column;
+                    }
+                    
                    .field_field_type_d_actualite{
                        display: flex;
                        align-items: center;
@ -62,6 +65,10 @@
                                padding-right: 0.4rem;
                            }
                        }
+                        @media(max-width: 810px){
+                            margin-left: 1rem;
+                            margin-top: 0.5rem;
+                        }
                    }
                    .field_field_date{
                        color: red;
@ -105,6 +112,10 @@
                                padding-right: 0.5rem;
                            }
                        }
+                        @media(max-width: 810px){
+                            margin-left: 1rem;
+                            margin-top: 0.5rem;
+                        }
                    }

        
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss
@ -482,6 +482,3 @@
    display: flex;
    flex-direction: column;
 }
-.html.js.sr body.node-type-site.node-id-40 div.dialog-off-canvas-main-canvas div#page-node.layout-container main div.layout-content div.content_container div.layout.layout--threecol-25-50-25 div.layout__region.layout__region--third div.block-region-third div div.field_field_documents div div span{
-    visibility: hidden;
-}
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/partenaires.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/partenaires.scss
@ -6,7 +6,7 @@
            flex-direction: column;
            align-items: center;
            #block-quartiers-de-demain-titredepage{
-                margin-top: 1rem;
+                margin-top: 4rem;
                width: fit-content;
                @media(max-width: 810px){
                    margin-top: 14rem;
@ -14,6 +14,7 @@
                } 

                h1{
+                    display: none;
                    text-transform: none;
                    color: black;
                    font-size: 2rem;
@ -28,6 +29,8 @@
                width: 80%;

                .header_view{
+                    width: 85%;
+                    margin: auto;
                    &::after{
                        content:"";
                        display: block;
@ -35,6 +38,9 @@
                        width: 80% ;
                        margin: auto;
                    }
+                    .config_pages--type--intro-partenaires{
+                        margin-bottom: 3rem;
+                    }
                }

                h3{
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/ressources.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/ressources.scss
@ -25,7 +25,8 @@
                @media(max-width: 810px){
                    display: flex;
                    margin:auto;
-                    margin-top: 10rem;
+                    margin-top: 13rem;
+                    margin-bottom: 1rem;
                }
                h1{
                    width: fit-content;
@ -87,6 +88,7 @@
                    
                }
                h3:has(div.type-Kit-de-communication){
+                    display: none;
                    margin-bottom: 0;
                    .field_name{
                        padding-top: 1rem;
@ -107,40 +109,46 @@
                    
                    
                    .views-row{
-                        // width: 30%;
                        font-size: 0.5rem;
                        margin-bottom: 1rem;
+                        @media(max-width: 810px){
+                            font-size: 0.8rem;
+                        }
                        .views-field-title-1,
                        .views-field-field-sous-titre-1{
                            font-family: "gilroy-medium";
                            color: $blue_QDD;
                            font-size: 00.6rem;
                            margin-bottom: 0;
+                            @media(max-width: 810px){
+                                font-size: 1rem;
+                            }
                        } 
                        .views-field-body-1{
                            font-family: "gilroy-light";
+                            p{
+                                font-size: 0.5rem;
+                                @media(max-width: 810px){
+                                    font-size: 0.8rem;
+                                }
+                            }    
                        }
-
-                        p{
-                            font-size: 0.5rem;
-                        }  
                        .views-field-field-mots-clefs{
-                            // margin-top: 0.5rem;
-                            // display: flex;
-                            // flex-direction: row !important;
-                            // .field-content{
-                            //     border: solid 1px $blue_QDD;
-                            //     margin-right: 0.2rem;
-                            //     padding: 1.3%;
-                            //     padding-bottom: 0.2%;
-                            //     padding-top: 0.2%;
-                            //     font-size: 0.4rem;
-                            //     font-family: "gilroy-semibold";
-                            //     a{
-                            //         color: $blue_QDD;
-                            //     }
+                            margin-top: 0.5rem;
+                            display: flex;
+                            flex-direction: row !important;
+                            a{
+                                border: solid 1px $blue_QDD;
+                                margin-right: 0.2rem;
+                                padding: 0.1rem 0.2rem;
+                                font-size: 0.4rem;
+                                font-family: "gilroy-semibold";
+                                color: $blue_QDD;
+                                @media(max-width: 810px){
+                                    font-size: 0.8rem;
+                                }
                            
-                            // }
+                            }

                        }  
                        .views-field-field-site{
@ -174,140 +182,133 @@
                            margin-top: 0.5rem;

                        }
+                        
                        .views-field-field-date-ressource{

                        }
-                        .type-documentation{
-                            .field_body,
-                            .field_field_images{
-                                display: none;
+                        
+
+                    }
+                    &.type-Documentation-générale{
+                        
+                        .views-row{
+                            width: 22%;
+                            padding: 0.5rem;
+
+                            @media(max-width: 810px){
+                                width: 50%;
                            }
+                            .views-field-field-documents a{
+
+                                display: inline-flex;
+                                align-items: center;
+                                color: white;
+                                background: black;
+                                text-transform: uppercase;
+                                font-size: 0.4rem;
+                                padding: 0.1rem 0.5rem;
+                                padding-right: 0rem;
+                                &::after{
+                                    display: inline-flex;
+                                    content: url("../img/noun-arrow-to-right.svg");
+                                    padding-right: 0.1rem;
+                                    padding-left: 0.1rem;
+                                    height: 25px;
+                                }
+                            }
+
                        }
-
-
-                        .type-podcast{
-                            .content-ressource{
-                                display: grid;
-                                grid-template-columns: 1fr 1.2fr;
-                                grid-template-rows: repeat(5 1fr);
-                                margin-top: 1rem;
-                                .field_field_images{
-                                   grid-column: 1;
-                                   grid-row: 1 /span 5;
-                                   padding: 0 1rem 1rem 1rem;
-                                    img{
-                                        width: 100%;
-                                        height: auto;
-                                        aspect-ratio: 1 / 1;
-                                        object-fit: cover;
-                                        border-radius: 9px;
+                    }
+                    &.type-Podcast{
+                        .views-row{
+                            width: 50%;
+                            height: fit-content;
+                            display: grid;
+                            grid-template-columns: 1fr 1.2fr;
+                            grid-template-rows: repeat(5 1fr);
+                            margin-top: 1rem;
+                            @media(max-width: 810px){
+                                width: 100%;
+                                // grid-template-columns: 1fr 2fr;
+                                display: flex;
+                                flex-direction: column;
+                            }
+                            .views-field-field-images,
+                            .views-field-field-video   {
+                               grid-column: 1;
+                               grid-row: 1 /span 5;
+                               padding: 0 1rem 1rem 1rem;
+                               @media(max-width: 810px){
+                                padding: 0 0 1rem 0;
+                                }
+                               iframe{
+                                    width: 100%;
+                                    height: auto;
+                                    aspect-ratio: 1 / 1;
+                                    border-radius: 9px;
+                                    @media(max-width: 810px){
+                                        width: auto;
+                                        height: 100%;
                                    }
                                }
-                                .field_title, h2{
-                                    margin-top: 0;
+                                img{
+                                    width: 100%;
+                                    height: auto;
+                                    aspect-ratio: 1 / 1;
+                                    object-fit: cover;
+                                    border-radius: 9px;
                                }
-                                .field_title,
-                                .field_field_sous_titre,
-                                .field_field_author,
-                                .field_field_date_ressource,
-                                .field_body,
-                                .field_field_mots_clefs,
-                                .field_field_site,
-                                .field_field_documents,
-                                .field_field_liens{
-                                   grid-column: 2;
-                                   
-                                }
-
                            }
-                           
+                            .views-field-title-1{
+                                margin-top: 0;
+                            }
+                            .views-field-title-1,
+                            .views-field-field-sous-titre-1,
+                            .views-field-field-author,
+                            .views-field-field-date-ressource,
+                            .views-field-body-1,
+                            .views-field-field-mots-clefs,
+                            .views-field-field-site,
+                            .views-field-field-documents,
+                            .views-field-field-liens{
+                               grid-column: 2;
+                               
+                            }
+                            .views-field-field-liens{
+                                display: none;
+                            }
+                    
                        }
-                        .type-vidéo{
-                            .content-ressource{
-                                margin: 1rem;
+                       
+                    }
+                    &.type-Vidéos{
+                        .views-row{
+                            width: 43%;
+                            margin: 1rem;
+                            justify-content: space-between;
+                            @media(max-width: 810px){
+                                width: 100%;
                            }
-                            .field_body{
-                                opacity: 1 !important;
-                                transform: none !important;
-                            }
-                            a img{
+                            img{
                                max-width: 100%;
                                height: auto;
                                object-fit: cover;
                                border-radius: 9px;
                            }
-                        }
-                        .type-kit-de-communication{
-                           div.content-ressource{
-                                display: flex;
-                                flex-direction: column;
-                                align-items: center;
-                                background-color: $blue_QDD;
-                                color: white;
-                                padding: 1rem 3rem;
-                                
-                                .field_title{
-                                    display: none;
-                                }
-                                .field_field_sous_titre{
-                                    text-align: center;
-                                    font-size: 0.9rem;
-                                    font-family: 'gilroy-light';
-                                    color: white;
-                                }
-                                .field_body{
-                                    text-align: center;
-                                    font-size: 0.7rem;
-                                    font-family: 'gilroy-light';
-                                }
-                                .field_field_liens{
-                                    width: fit-content;
-                                    a{  
-                                        display: flex;
-                                        flex-direction: row;
-                                        padding-left: 0.5rem;
-                                        display: inline-flex;
-                                        align-items: center;
-                                        color: white;
-                                        background: black;
-                                        text-transform: uppercase;
-                                        font-size: 0.6rem;
-                                        svg{
-                                            display: none;
-                                        }
-                                        &::after{
-                                            display: inline-flex;
-                                            content: url("../img/noun-arrow-to-right.svg");
-                                            padding-right: 0.2rem;
-                                            padding-left: 0.2rem;
-                                        }
-                                    }
-                                }
+                            iframe{
+                                border-radius: 9px;
                            }
+                            .views-field-title-1{margin-top: 1rem;}
+                            .views-field-field-liens{
+                                display: none;
+                            }
+                            
                        }
                    }
-                   
-
-                    .views-row:has(.type-podcast){
-                        width: 50%;
-                        @media(max-width: 810px){
-                            width: 100%;
-                        }
-                    }
-                    .views-row:has(.type-documentation){
-                        width: 25%;
-                        @media(max-width: 810px){
-                            width: 50%;
-                        }
-                    }
-                    .views-row:has(.type-vidéo){
-                        width: 50%;
-                        @media(max-width: 810px){
-                            width: 100%;
-                        }
-                    }
-                    .views-row:has(.type-Kit-de-communication){
+                    &.type-Kit-de-communication{
+                        display: none;
                        width: 100%;
+                        background-color: $blue_QDD;
                    }

                }
@ -321,3 +322,65 @@
        }
    }
 }
+
+
+.type-documentation{
+    .views-field-body-1,
+    .views-field-field-images,
+    .views-field-field-video {
+        display: none;
+    }
+}
+
+
+
+
+// .type-kit-de-communication{
+//    div.content-ressource{
+//         display: flex;
+//         flex-direction: column;
+//         align-items: center;
+//         background-color: $blue_QDD;
+//         color: white;
+//         padding: 1rem 3rem;
+        
+//         .field_title{
+//             display: none;
+//         }
+//         .field_field_sous_titre{
+//             text-align: center;
+//             font-size: 0.9rem;
+//             font-family: 'gilroy-light';
+//             color: white;
+//         }
+//         .field_body{
+//             text-align: center;
+//             font-size: 0.7rem;
+//             font-family: 'gilroy-light';
+//         }
+//         .field_field_liens{
+//             width: fit-content;
+//             a{  
+//                 display: flex;
+//                 flex-direction: row;
+//                 padding-left: 0.5rem;
+//                 display: inline-flex;
+//                 align-items: center;
+//                 color: white;
+//                 background: black;
+//                 text-transform: uppercase;
+//                 font-size: 0.6rem;
+//                 svg{
+//                     display: none;
+//                 }
+//                 &::after{
+//                     display: inline-flex;
+//                     content: url("../img/noun-arrow-to-right.svg");
+//                     padding-right: 0.2rem;
+//                     padding-left: 0.2rem;
+//                 }
+//             }
+//         }
+//     }
+// }
+
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/static.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/static.scss
@ -2,6 +2,11 @@
    main{
        background-color: #f6f7f3;
    }
+    &.node-id-2{
+        aside{
+            display: none;
+        }
+    }
    .layout-content{
       
        .content_container{
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss
@ -12,6 +12,7 @@
        font-size: 1.7rem;
        font-family: 'gilroy-semibold';
        padding-left: 0.5rem;
+        line-height: 1.5rem;

    }
    button{
@ -22,14 +23,14 @@
    }
    .content-actus{
        .slick-list{
-            padding-bottom: 4rem;
+            padding-bottom: 1rem;
            @media(max-width: 810px){
                padding-bottom: 0rem;
            }
        }

        .view-rows-wrapper{
-            margin-left: 20%;
+            margin-left: 25%;
            width: 65%;
            display: flex;
            flex-direction: column;
@ -84,7 +85,7 @@
                                    .cadre-img-zoom{
                                        display: flex;
                                        margin: auto;
-                                        width: 250px;
+                                        width: 150px;
                                        height: auto;
                                        img{
                                            width: 100%;
@ -94,9 +95,11 @@
                                            -khtml-border-radius: 9px; /* pour Safari et Chrome */
                                            -webkit-border-radius: 9px; /* pour Safari sur Mac */
                                            border-radius: 9px; /* CSS3 */
+                                            aspect-ratio: 4/5;
                                        }
                                    }
                                    blockquote.image-field-caption{
+                                        display: none;
                                        margin: 0;
                                        p{
                                            margin-top: 0;
@ -139,13 +142,14 @@
                        }
                        .field_field_type_d_actualite{
                            order: 2;
-                            a{
+                            // a{
                            text-transform: uppercase;
                            color: red;
                            font-size: 0.6rem;
                            font-weight: 600;
                            display: inline-flex;
                            align-items: center;
+                            padding-bottom: 0.1rem;
                                &::before{
                                    content: "";
                                    display: inline-block;
@ -157,7 +161,7 @@
                                    // margin-right: 0.4rem;
                                    padding-right: 0.4rem;
                                }
-                            }
+                            // }
                        }
                        .field_field_date{
                            order: 3;
@ -206,17 +210,19 @@
                        .field_title{
                            order: 5;
                            line-height: 1rem;
-                            a{
-                            color: $blue_QDD;
-                            font-size: 1.2rem;
-                            // pointer-events: none; 
-                            // cursor: default;
-                            }
                            h2{
                                margin-top: 0.5rem;
                                margin-bottom: 0;
                                padding-left: 0;
                                font-family: 'gilroy-medium';
+                                color: $blue_QDD;
+                                font-size: 1.2rem;
+                            }
+                            a{
+                                // color: $blue_QDD;
+                                // font-size: 1.2rem;
+                                // pointer-events: none; 
+                                // cursor: default;
                            }
                        }
                        .field_field_sous_titre{
@ -235,6 +241,31 @@
                            font-size: 0.8rem;
                            }
                        }
+                        .links.inline{
+                            text-transform: uppercase;
+                            padding-left: 0;
+                            font-size: 0.7rem;
+                            font-family: "gilroy-bold";
+                            width: fit-content;
+                            display: inline-flex;
+                            align-items: center;
+                            a{
+                                width: 5em;
+                                display: block;
+                                overflow: hidden;
+                                white-space: nowrap;
+                            }
+
+
+                            &::after{
+                                content: "+";
+                                display: block;
+                                // width: 20px;
+                                padding-left: 0.4rem;
+                                font-size: 1.8rem;
+                                height: fit-content;
+                            }
+                        }
                        .field_field_liens{
                            order: 7;
                            padding:0;
@ -250,7 +281,7 @@
                                text-transform: uppercase;
                                font-size: 0.6rem;
                                margin-bottom: 0.5rem;
-
+                                
                                svg{
                                    display: none;
                                }
@ -265,8 +296,6 @@
                            }

                        }
-        
-
                    }
                }
                .toggle-actualite {
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/aside.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/aside.scss
@ -7,14 +7,26 @@
    // z-index: 98;
    // margin: 1rem 2rem;
    background-color: transparent;
+    @media(max-width: 1300px){
+        top: $header-height;
+    } 
    @media(max-width: 810px){
        position: relative;
-        width: 80%;
-        top: $header-height-pad;
+        width: 100%;
+        top: $header-height;
        margin: auto;
        margin-top: 1rem;
+        background-color: white;
+        padding-top: 1rem;
+        padding-bottom: 1rem;
    } 
+    .sidebar_first_container{
+        @media(max-width: 810px){
+            width: 80%;
+            margin: auto;
+        }

+    }

    #block-quartiers-de-demain-formulaireexposeressourcespage-1,     
    #block-quartiers-de-demain-formulaireexposeactuspage-1{
@ -36,14 +48,16 @@
            }   
        }
        form{
+            display: grid;
            
            .js-form-item{
                display: flex;
                margin-bottom: 0.5rem;
+                padding-bottom: 0.3rem;

                @media(max-width: 810px){
                    display: flex;
-                    flex-direction: column;
+                    flex-direction: row;
                    justify-content: space-between;
                }
                label{
@ -73,12 +87,14 @@
            padding-top: 0.5rem;
            font-size: 0.7rem;
            font-family: 'gilroy-light';
+            align-items: center;
            label{
-                width: 50%;
+                width: 60%;
                text-transform: lowercase;
                font-size: 0.7rem;
                font-family: 'gilroy-light';
-                padding-bottom: 0.2rem;
+                // padding-bottom: 0.2rem;
+                
            }
            select{
                background-color: white;
@ -91,18 +107,43 @@
                    width: 100%;
                }
            }
+            
        }
        .js-form-type-textfield{
+            flex-direction: column;
+            padding-top: 0.8rem;
+           
            label{
-
+                display: flex;
+                flex-direction: row;
                text-transform: lowercase;
                font-size: 0.7rem;
                font-family: 'gilroy-light';
                padding-bottom: 0.2rem;
+                &::after{
+                    content: "";
+                    display: block;
+                    background: url("../img/loupe.svg");
+                    background-repeat: no-repeat;
+                    width: 38px;
+                    height: 30px;
+                    margin-left: 0.5rem;
+                }
+            }
+            input#edit-combine--3,
+            input#edit-combine--2{
+                max-width: 100%;
+                height: 25px;
+                width: 96%;
+            }
+            &.js-form-item{
+                @media(max-width: 810px){
+                flex-direction: column;
+                }
            }
        }
        .form-actions{
-            padding-top:1rem ;
+            padding-top:0rem ;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
@ -114,7 +155,51 @@
                padding: 0.3rem 0.2rem;
                font-size: 0.7rem;
                font-family: 'gilroy-light';
+                &:hover{
+                    background-color: black;
+                    color: white;
+                    font-family: "gilroy-regular";
+
+
+                }
            }
        }
    }
 }
+
+.ss-search,
+.ss-option,
+.ss-list{
+    font-size: 0.7rem;
+}
+
+.js-form-item-field-tous-les-sites-value{
+    display: none !important;
+}
+
+.ss-main{
+    border: none;
+}
+
+.ss-placeholder{
+    display: none !important;
+}
+
+
+
+.js-form-item-field-mots-clefs-target-id{
+order: 1;
+}
+.js-form-item-field-type-de-ressource-target-id{
+order: 2;
+}
+
+.js-form-item-field-site-target-id-verf{
+order: 3;
+}
+.js-form-item-combine{
+order: 4;
+}
+.form-actions{
+    order: 5;
+}
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
@ -195,8 +195,12 @@ header[role="banner"]{
        @media(max-width: 1090px){
            // text-align:left;
            // height: fit-content;
+           
+        }
+        @media(max-width: 810px){
+            height: 200px;
+            top: -30px;
        }
-        
        @media(max-width: 500px){
            flex: 0 0 40%;
        }
@ -224,9 +228,21 @@ header[role="banner"]{
                li{
                    width: 100%;
                    text-align: left;
+                    .is-active{
+                        font-family: "gilroy-bold";
+                    }
+                    :hover{
+                        font-family: "gilroy-bold";
+                    }
                    @media(max-width: 1090px){
                        padding-top: 0.3rem;
+                        
                    }
+                    @media(max-width: 810px){
+                        
+                        line-height: 1.3rem;
+                    }
+                    
                    a{
                        text-transform: uppercase;
                        color: white;
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/slick-theme.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/slick-theme.scss
@ -85,7 +85,7 @@ $slick-opacity-not-active: 0.25 !default;
    border: none;
    outline: none;
    @media(max-width:810px){
-        top: -30px;
+        // top: -30px;
        -webkit-transform: translate(0, -30px);
        -ms-transform: translate(0, -30px);
        transform: translate(0, -30px);
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss
@ -53,7 +53,25 @@
                            //        content: '\002022';
                            //    } 
                            }
+                            .paragraph--type--phase-deroulement::after {
+                                content: '';
+                                position: absolute;
+                                bottom: -0.2rem; // Juste en dessous ou collé à la border-bottom
+                                left: 50%;
+                                transform: translateX(-50%);
+                                width: 10px;
+                                height: 10px;
+                                background-color: black;
+                                border-radius: 50%;
+                                z-index: 2;
+                                @media(max-width:810px){
+                                    bottom: -0.4rem;
+                                }
+
+                              }
+                              
                            .paragraph--type--phase-deroulement{
+                                position: relative;
                                display: flex;
                                flex-direction: row;
                                align-items: center;
@ -65,35 +83,35 @@
                                    padding-bottom: 1rem;
                                    padding-left: 4rem;
                                }
-                                .border-symbol{
-                                    align-self: end;
-                                    font-size: 2.5rem;
-                                    display: inline-block; /* Permet d'utiliser height */
-                                    line-height: 0; /* Assure que la hauteur est minimale */
-                                    transform: translateX(1rem);
-                                    @media(max-width:1100px){
-                                        transform: translateY(18.6rem);
-                                    }
-                                    @media(max-width:1080px){
-                                        transform: translateY(18.3rem);
-                                    }
-                                    @media(min-width:809px){
-                                        transform: translateY(20.7rem);
-                                    }
-                                    @media(max-width:770px){
-                                        align-self: center;
-                                        font-size: 2.5rem;
-                                        display: inline-block;
-                                        line-height: 0;
-                                        transform: translateY(21.2rem);
-                                        padding-right: 3rem;
-                                    }
-                                    // @media(max-width:290px){
-                                    //     transform: translateY(22.2rem);
-                                    // }
+                                // .border-symbol{
+                                //     align-self: end;
+                                //     font-size: 2.5rem;
+                                //     display: inline-block; /* Permet d'utiliser height */
+                                //     line-height: 0; /* Assure que la hauteur est minimale */
+                                //     transform: translateX(1rem);
+                                //     @media(max-width:1100px){
+                                //         transform: translateY(18.6rem);
+                                //     }
+                                //     @media(max-width:1080px){
+                                //         transform: translateY(18.3rem);
+                                //     }
+                                //     @media(min-width:809px){
+                                //         transform: translateY(20.7rem);
+                                //     }
+                                //     @media(max-width:770px){
+                                //         align-self: center;
+                                //         font-size: 2.5rem;
+                                //         display: inline-block;
+                                //         line-height: 0;
+                                //         transform: translateY(21.2rem);
+                                //         padding-right: 3rem;
+                                //     }
+                                //     // @media(max-width:290px){
+                                //     //     transform: translateY(22.2rem);
+                                //     // }
                                    
                                    
-                                }
+                                // }
                                // border-bottom: solid black 1px;
                                // &:before{
                                //     content:".";
--- a/web/themes/custom/quartiers_de_demain/templates/field--node--field-images--actualite.html.twig
+++ b/web/themes/custom/quartiers_de_demain/templates/field--node--field-images--actualite.html.twig
@ -53,9 +53,11 @@
 {% if label_hidden %}
  {% if multiple %}
    <div{{ attributes }}>
-      {% for item in items %}
-        <div{{ item.attributes }}>{{ item.content }}</div>
-      {% endfor %}
+      <div class="actu-diaporama">
+        {% for item in items %}
+          <div{{ item.attributes }}>{{ item.content }}</div>
+        {% endfor %}
+      </div>
    </div>
  {% else %}
    {% for item in items %}
--- a/web/themes/custom/quartiers_de_demain/templates/node--actualite--teaser.html.twig
+++ b/web/themes/custom/quartiers_de_demain/templates/node--actualite--teaser.html.twig
@ -88,8 +88,17 @@
    </footer>
  {% endif %}

-  <div{{ content_attributes }}>
+  <div class="content-wrapper-actu"{{ content_attributes }}>
    {{ content }}
  </div>

+  {# {% block content %}
+  {{content.field_images}}
+  <div class="infos-actu">
+    {{content.field_type_d_actualite}}
+    {{content.field_date}}
+  </div>
+    {{content.body}}
+   {{content.field_liens}}
+  {% endblock %} #}
 </article>
--- a/web/themes/custom/quartiers_de_demain/templates/node--actualite--teaser.html.twig.backup
+++ b/web/themes/custom/quartiers_de_demain/templates/node--actualite--teaser.html.twig.backup
@ -0,0 +1,95 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a node.
+ *
+ * Available variables:
+ * - node: The node entity with limited access to object properties and methods.
+ *   Only method names starting with "get", "has", or "is" and a few common
+ *   methods such as "id", "label", and "bundle" are available. For example:
+ *   - node.getCreatedTime() will return the node creation timestamp.
+ *   - node.hasField('field_example') returns TRUE if the node bundle includes
+ *     field_example. (This does not indicate the presence of a value in this
+ *     field.)
+ *   - node.isPublished() will return whether the node is published or not.
+ *   Calling other methods, such as node.delete(), will result in an exception.
+ *   See \Drupal\node\Entity\Node for a full list of public properties and
+ *   methods for the node object.
+ * - label: (optional) The title of the node.
+ * - content: All node items. Use {{ content }} to print them all,
+ *   or print a subset such as {{ content.field_example }}. Use
+ *   {{ content|without('field_example') }} to temporarily suppress the printing
+ *   of a given child element.
+ * - author_picture: The node author user entity, rendered using the "compact"
+ *   view mode.
+ * - metadata: Metadata for this node.
+ * - date: (optional) Themed creation date field.
+ * - author_name: (optional) Themed author name field.
+ * - url: Direct URL of the current node.
+ * - display_submitted: Whether submission information should be displayed.
+ * - attributes: HTML attributes for the containing element.
+ *   The attributes.class element may contain one or more of the following
+ *   classes:
+ *   - node: The current template type (also known as a "theming hook").
+ *   - node--type-[type]: The current node type. For example, if the node is an
+ *     "Article" it would result in "node--type-article". Note that the machine
+ *     name will often be in a short form of the human readable label.
+ *   - node--view-mode-[view_mode]: The View Mode of the node; for example, a
+ *     teaser would result in: "node--view-mode-teaser", and
+ *     full: "node--view-mode-full".
+ *   The following are controlled through the node publishing options.
+ *   - node--promoted: Appears on nodes promoted to the front page.
+ *   - node--sticky: Appears on nodes ordered above other non-sticky nodes in
+ *     teaser listings.
+ *   - node--unpublished: Appears on unpublished nodes visible only to site
+ *     admins.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - content_attributes: Same as attributes, except applied to the main
+ *   content tag that appears in the template.
+ * - author_attributes: Same as attributes, except applied to the author of
+ *   the node tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ * - view_mode: View mode; for example, "teaser" or "full".
+ * - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
+ * - page: Flag for the full page state. Will be true if view_mode is 'full'.
+ * - readmore: Flag for more state. Will be true if the teaser content of the
+ *   node cannot hold the main body content.
+ * - logged_in: Flag for authenticated user status. Will be true when the
+ *   current user is a logged-in member.
+ * - is_admin: Flag for admin user status. Will be true when the current user
+ *   is an administrator.
+ *
+ * @see template_preprocess_node()
+ *
+ * @ingroup themeable
+ */
+#}
+<article{{ attributes }}>
+
+  {{ title_prefix }}
+  {% if label and not page %}
+    <h2{{ title_attributes }}>
+      <a href="{{ url }}" rel="bookmark">{{ label }}</a>
+    </h2>
+  {% endif %}
+  {{ title_suffix }}
+
+  {% if display_submitted %}
+    <footer>
+      {{ author_picture }}
+      <div{{ author_attributes }}>
+        {% trans %}Submitted by {{ author_name }} on {{ date }}{% endtrans %}
+        {{ metadata }}
+      </div>
+    </footer>
+  {% endif %}
+
+  <div{{ content_attributes }}>
+    {{ content }}
+  </div>
+
+</article>
--- a/web/themes/custom/quartiers_de_demain/templates/paragraph--phase-deroulement.html.twig
+++ b/web/themes/custom/quartiers_de_demain/templates/paragraph--phase-deroulement.html.twig
@ -50,7 +50,7 @@
 {% block paragraph %}
  {# <div{{ attributes.addClass(classes) }}> #}
    <div{{ attributes.addClass(classes).setAttribute('id', 'paragraph-id--' ~ paragraph.id()) }}>
-    <span class="border-symbol">&#x2022;</span> <!-- Ajout du symbole -->
+    {# <span class="border-symbol">&#x2022;</span> <!-- Ajout du symbole --> #}
 {% block content %}
      {# {{ content }} #}
      <div class="date">
--- a/web/themes/custom/quartiers_de_demain/webpack.config.js
+++ b/web/themes/custom/quartiers_de_demain/webpack.config.js
@ -9,7 +9,7 @@ let config = {
       
        // "./src/assets/js/animated_logo.js",
        "./src/assets/js/animated_formes.js",
-        "./src/assets/scss/quartiers_de_demain.scss",
+        "./src/assets/scss/quartiers_de_demain.scss", 
        // "./src/assets/fonts/*",
        // "./src/assets/css/animated_logo.css",
Author	SHA1	Message	Date
ouidade	92214ace10	autoriser copier coller click droit	2025-07-23 16:39:26 +02:00
ouidade	1bfa50c4d7	map sur home Got to site devient Voir le site	2025-07-23 16:32:34 +02:00
ouidade	b90195224f	calendrier sur juillet	2025-07-23 16:18:29 +02:00
ouidade	824ff8db7d	display none titre partenaires	2025-07-23 16:13:51 +02:00
bach	6f38fa2b21	ressources filters fix	2025-07-16 11:56:27 +02:00
ouidade	4cd6a70fb6	css filtres ressources remonte pour 1300px	2025-07-11 13:49:08 +02:00
ouidade	2711648bcc	css intro partenaires	2025-07-11 13:26:48 +02:00
bach	8182da944c	partenaires intro config page id	2025-07-10 21:38:18 +02:00
bach	80ce252b1b	partenaires intro config page id	2025-07-10 21:14:52 +02:00
bach	b161c589df	partenaires intro config page id	2025-07-10 21:13:34 +02:00
bach	b56bdd2deb	partenaires intro config page id	2025-07-10 21:12:20 +02:00
bach	33c5eda6ee	partenaires intro config page id	2025-07-10 21:09:19 +02:00
bach	7d8e6cad83	partenaires intro config page id	2025-07-10 21:07:24 +02:00
bach	a9f009e1f7	partenaires intro config page id	2025-07-10 21:05:30 +02:00
bach	5574b2434a	partenaires intro config page id	2025-07-10 21:02:11 +02:00
bach	7b756b4b44	en savoir plus -> +	2025-07-10 20:56:31 +02:00
bach	9a32b4d2ec	choisir slimselect searchtext	2025-07-10 20:29:20 +02:00
bach	2adb4d9434	ressource filtre PAR site(s)	2025-07-10 19:06:18 +02:00
ouidade	94335b8c9c	collpase animation header if scroll	2025-07-10 13:47:03 +02:00
ouidade	f0686d8800	lien téléchargmeent ressources noir	2025-04-15 10:14:11 +02:00
ouidade	cbd46f7871	caption display none atus teaser	2025-04-10 10:14:07 +02:00
ouidade	bb4d9eff31	Merge branch 'master' of gitea-figureslibres.io:bachir/drupal-quartiersdedemain	2025-04-10 10:10:16 +02:00
ouidade	2954285719	size img home actu	2025-04-10 10:09:59 +02:00
bach	ac9d0bc190	home actus tri date desc	2025-04-09 15:29:53 +02:00
bach	9f188a6a08	ressource filtre label fix	2025-04-09 15:27:27 +02:00
ouidade	6258b50304	responsive filtre actu	2025-04-08 22:25:08 +02:00
ouidade	817162241a	puce calendrier mobile	2025-04-08 22:11:55 +02:00
ouidade	9b6785d324	puce calendrier	2025-04-08 22:03:57 +02:00
ouidade	e4d3a32ed1	initialise calendrier goto	2025-04-08 21:53:12 +02:00
ouidade	1aae363439	aspect ratio img actu & display none aside static page	2025-04-08 21:30:13 +02:00
ouidade	1f5ab942d7	change class	2025-04-08 19:33:53 +02:00
bach	21d1e760d5	git JS merge bug fix	2025-04-08 17:06:11 +02:00
bach	df422a589c	git merge bug fix	2025-04-08 16:53:00 +02:00
bach	6119477d19	Merge branch 'prod' into stage	2025-04-08 16:35:22 +02:00
ouidade	9f6a9a9c5e	margin actus home	2025-04-07 23:36:19 +02:00
ouidade	b24270bdeb	class documentation	2025-04-07 23:29:58 +02:00
ouidade	3f3172d8cb	class documentation	2025-04-07 23:27:23 +02:00
ouidade	16ff97c6c1	width filtres	2025-04-07 23:14:08 +02:00
ouidade	3307579d10	line-height header	2025-04-07 22:52:31 +02:00
ouidade	33edc88d09	css filtres	2025-04-07 22:40:21 +02:00
ouidade	7779e1306e	font mobile ressources	2025-04-07 21:54:52 +02:00
ouidade	9f69453289	en savoir +	2025-04-07 21:54:52 +02:00
bach	58bb8f5c62	slimselect placholder	2025-04-07 16:37:13 +02:00
bach	522c4e5375	ressources file download link	2025-04-07 16:28:18 +02:00
bach	53e76b9f14	editor can supp actu & ressources	2025-04-07 15:09:39 +02:00
bach	dbac67289f	removed date filter on actu page	2025-04-07 15:08:06 +02:00
bach	0abf29652e	displayed language translation on /admin/content view	2025-04-07 15:06:07 +02:00
bach	95270a0e3e	url alias for ressources	2025-04-07 14:59:14 +02:00
bach	cc2f1e4d41	actu node/N show summary + body	2025-04-07 14:56:12 +02:00
bach	754cce927a	fix actu daipo bug	2025-04-07 14:55:46 +02:00
bach	bad42e1d77	actu field lables cachés	2025-04-07 14:28:39 +02:00
bach	e50f96596f	actus read more	2025-04-07 14:19:02 +02:00
bach	456e77c96f	removed coma btw motscles	2025-04-07 13:37:12 +02:00
ouidade	e80ec416ae	ressource document	2025-04-04 12:27:08 +02:00
ouidade	8b37b4a4a4	responsive infos actu	2025-04-04 12:04:10 +02:00
ouidade	e038d94c40	:hover butons filtre et header	2025-04-04 11:54:52 +02:00
ouidade	3383ba559a	responsive ressources titre	2025-04-04 11:15:10 +02:00
ouidade	681d3c9443	responsive tâche 3273 - 3275 3276	2025-04-04 11:12:19 +02:00
ouidade	57a99ee386	css ressource	2025-04-04 10:36:53 +02:00
ouidade	dfc9bc3c91	css ressource	2025-04-04 09:38:14 +02:00
bach	3234cd4f05	duplicated ressources fixé	2025-04-01 16:53:05 +02:00
bach	8d7ef376ee	Merge branch 'prod'	2025-03-18 10:33:15 +01:00
ouidade	4f13b83125	Merge branch 'tmp'	2025-03-04 12:32:27 +01:00
ouidade	dd2c64e08d	Merge branch 'avantLive'	2025-03-04 12:15:31 +01:00
ouidade	f23df98c97	css poids site	2025-03-03 13:41:10 +01:00
ouidade	ca93906dbd	ajustement js longueru texte actus	2025-03-03 12:24:52 +01:00
ouidade	a954720f71	debut css pour pages ressources	2025-02-28 13:36:24 +01:00