caption display none atus teaser

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",

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",

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

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

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
+    type: smart_read_more_link
-    label: visually_hidden
+    label: hidden
     settings:
-      trim_length: 600
+      trim_length: '6000000'
-    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
     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

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

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: {  }

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'

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'

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'

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

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:

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:

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
@@ -1365,7 +1374,7 @@ display:
           exposed: true
           expose:
             operator_id: field_site_target_id_verf_op
-            label: 'Site(s) (VERF selector)'
+            label: 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:

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

@@ -382,6 +382,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(8); // Index 8 = 9e item
+  });
+
     $('.__timeline-content').slick({
       slidesToShow: 3,
       slidesToScroll: 1,
@@ -868,13 +874,22 @@ $(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'
+      }
     })
     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'
+      }
     })
     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'
+      }
     })
     // console.log(('sites_select'), sites_select);
     
@@ -912,16 +927,28 @@ $(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'
+      }
     })
     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'
+      }
     })
     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'
+      }
     })
     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'
+      }
     })
   }
 });
@@ -930,6 +957,91 @@ $(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 ////////////////////////////////
+
 })(jQuery, window);
 
 

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

@@ -442,6 +442,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 +479,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;
@@ -819,10 +836,19 @@ footer {
 @media (max-width: 810px) {
   .layout-sidebar-first {
     position: relative;
-    width: 80%;
+    width: 100%;
-    top: 160px;
+    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 +876,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 +926,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,13 +950,44 @@ 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;
@@ -943,6 +1005,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 +1160,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 +1489,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 +1521,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 +1698,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 +1709,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 +1717,7 @@ footer {
   }
 }
 #actus-caroussel .content-actus .view-rows-wrapper {
-  margin-left: 20%;
+  margin-left: 25%;
   width: 65%;
   display: flex;
   flex-direction: column;
@@ -1685,7 +1777,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 +1788,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 +1829,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 +1890,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 +1912,22 @@ 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::after {
+  content: "+";
+  display: block;
+  padding-left: 0.5rem;
+  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;
@@ -3299,6 +3406,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 +3525,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 +3547,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 +3588,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 +4076,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 +4230,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 +4287,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 +4310,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 +4322,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,127 +4384,117 @@ 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.type-Documentation-générale .views-row {
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-documentation .field_field_images {
+  width: 22%;
-  display: none;
+  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-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.type-Podcast .views-row .views-field-title-1,
-#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.type-Podcast .views-row .views-field-field-sous-titre-1,
-#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.type-Podcast .views-row .views-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.type-Podcast .views-row .views-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.type-Podcast .views-row .views-field-body-1,
-#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.type-Podcast .views-row .views-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.type-Podcast .views-row .views-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.type-Podcast .views-row .views-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-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 {
+@media (max-width: 810px) {
-  opacity: 1 !important;
+  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéos .views-row {
-  transform: none !important;
+    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 {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéos .views-row iframe {
-  display: flex;
+  border-radius: 9px;
-  flex-direction: column;
+}
-  align-items: center;
+#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.type-Kit-de-communication {
+  display: none;
+  width: 100%;
   background-color: rgb(7, 50, 194);
-  color: white;
-  padding: 1rem 3rem;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-kit-de-communication div.content-ressource .field_title {
+
+.type-documentation .views-field-body-1,
+.type-documentation .views-field-field-images,
+.type-documentation .views-field-field-video {
   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 {
-  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%;
-}
 
 #actualites main {
   background-color: white;
@@ -4376,7 +4525,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 +4582,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 +4613,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 +4654,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 +4718,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 +4734,22 @@ 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::after {
+  content: "+";
+  display: block;
+  padding-left: 0.5rem;
+  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;

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>

web/themes/custom/quartiers_de_demain/quartiers_de_demain.theme

@@ -37,10 +37,39 @@ function quartiers_de_demain_preprocess_page(&$variables) {
 function quartiers_de_demain_preprocess_node(&$variables) {
   $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.
  *

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>

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

@@ -324,6 +324,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(8); // Index 8 = 9e item
+  });
+
     $('.__timeline-content').slick({
       slidesToShow: 3,
       slidesToScroll: 1,
@@ -810,13 +816,22 @@ $(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'
+      }
     })
     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'
+      }
     })
     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'
+      }
     })
     // console.log(('sites_select'), sites_select);
     
@@ -854,16 +869,28 @@ $(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'
+      }
     })
     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'
+      }
     })
     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'
+      }
     })
     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'
+      }
     })
   }
 });
@@ -872,6 +899,91 @@ $(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 ////////////////////////////////
+
 })(jQuery, window);
 
 

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,23 @@
                                     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;
+                                    &::after{
+                                        content: "+";
+                                        display: block;
+                                        // width: 20px;
+                                        padding-left: 0.5rem;
+                                        font-size: 1.8rem;
+                                        height: fit-content;
+                                    }
+                                }
                                 .field_field_liens{
                                     order: 7;
                                     padding:0;

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;
+    }
+}

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

@@ -44,6 +44,9 @@
                     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;
@@ -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;
+                        }
                     }
 
         

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;
-}

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;
+                                }
+                            }    
                         }
                         .views-field-field-mots-clefs{
-                            // margin-top: 0.5rem;
+                            margin-top: 0.5rem;
-                            // display: flex;
+                            display: flex;
-                            // flex-direction: row !important;
+                            flex-direction: row !important;
-                            // .field-content{
+                            a{
-                            //     border: solid 1px $blue_QDD;
+                                border: solid 1px $blue_QDD;
-                            //     margin-right: 0.2rem;
+                                margin-right: 0.2rem;
-                            //     padding: 1.3%;
+                                padding: 0.1rem 0.2rem;
-                            //     padding-bottom: 0.2%;
+                                font-size: 0.4rem;
-                            //     padding-top: 0.2%;
+                                font-family: "gilroy-semibold";
-                            //     font-size: 0.4rem;
+                                color: $blue_QDD;
-                            //     font-family: "gilroy-semibold";
+                                @media(max-width: 810px){
-                            //     a{
+                                    font-size: 0.8rem;
-                            //         color: $blue_QDD;
+                                }
-                            //     }
                             
-                            // }
+                            }
 
                         }  
                         .views-field-field-site{
@@ -174,27 +182,56 @@
                             margin-top: 0.5rem;
 
                         }
+                        
                         .views-field-field-date-ressource{
 
                         }
-                        .type-documentation{
-                            .field_body,
-                            .field_field_images{
-                                display: none;
-                            }
-                        }
                         
 
-                        .type-podcast{
+                    }
-                            .content-ressource{
+                    &.type-Documentation-générale{
+                        
+                        .views-row{
+                            width: 22%;
+                            padding: 0.5rem;
+
+                            @media(max-width: 810px){
+                                width: 50%;
+                            }
+                        }
+                    }
+                    &.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;
-                                .field_field_images{
+                            @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%;
+                                    }
+                                }
                                 img{
                                     width: 100%;
                                     height: auto;
@@ -203,111 +240,56 @@
                                     border-radius: 9px;
                                 }
                             }
-                                .field_title, h2{
+                            .views-field-title-1{
                                 margin-top: 0;
                             }
-                                .field_title,
+                            .views-field-title-1,
-                                .field_field_sous_titre,
+                            .views-field-field-sous-titre-1,
-                                .field_field_author,
+                            .views-field-field-author,
-                                .field_field_date_ressource,
+                            .views-field-field-date-ressource,
-                                .field_body,
+                            .views-field-body-1,
-                                .field_field_mots_clefs,
+                            .views-field-field-mots-clefs,
-                                .field_field_site,
+                            .views-field-field-site,
-                                .field_field_documents,
+                            .views-field-field-documents,
-                                .field_field_liens{
+                            .views-field-field-liens{
                                grid-column: 2;
                                
                             }
+                            .views-field-field-liens{
+                                display: none;
+                            }
                     
                         }
                        
                     }
-                        .type-vidéo{
+                    &.type-Vidéos{
-                            .content-ressource{
+                        .views-row{
+                            width: 43%;
                             margin: 1rem;
+                            justify-content: space-between;
+                            @media(max-width: 810px){
+                                width: 100%;
                             }
-                            .field_body{
+                            img{
-                                opacity: 1 !important;
-                                transform: none !important;
-                            }
-                            a img{
                                 max-width: 100%;
                                 height: auto;
                                 object-fit: cover;
                                 border-radius: 9px;
                             }
+                            iframe{
+                                border-radius: 9px;
                             }
-                        .type-kit-de-communication{
+                            .views-field-title-1{margin-top: 1rem;}
-                           div.content-ressource{
+                            .views-field-field-liens{
-                                display: flex;
+                                display: none;
-                                flex-direction: column;
+                            }
-                                align-items: center;
+                            
+                        }
+                    }
+                    &.type-Kit-de-communication{
+                        display: none;
+                        width: 100%;
                         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;
-                                        }
-                                    }
-                                }
-                            }
-                        }
-                    }
-                   
-
-                    .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){
-                        width: 100%;
                     }
 
                 }
@@ -321,3 +303,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;
+//                 }
+//             }
+//         }
+//     }
+// }
+

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{

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,23 @@
                             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;
+                            &::after{
+                                content: "+";
+                                display: block;
+                                // width: 20px;
+                                padding-left: 0.5rem;
+                                font-size: 1.8rem;
+                                height: fit-content;
+                            }
+                        }
                         .field_field_liens{
                             order: 7;
                             padding:0;
@@ -265,8 +288,6 @@
                             }
 
                         }
-        
-
                     }
                 }
                 .toggle-actualite {

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

@@ -9,12 +9,21 @@
     background-color: transparent;
     @media(max-width: 810px){
         position: relative;
-        width: 80%;
+        width: 100%;
-        top: $header-height-pad;
+        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 +45,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 +84,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,14 +104,39 @@
                     width: 100%;
                 }
             }
+            
         }
         .js-form-type-textfield{
-            label{
+            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{
@@ -114,7 +152,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;
+}

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;

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);

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{
+                                // .border-symbol{
-                                    align-self: end;
+                                //     align-self: end;
-                                    font-size: 2.5rem;
+                                //     font-size: 2.5rem;
-                                    display: inline-block; /* Permet d'utiliser height */
+                                //     display: inline-block; /* Permet d'utiliser height */
-                                    line-height: 0; /* Assure que la hauteur est minimale */
+                                //     line-height: 0; /* Assure que la hauteur est minimale */
-                                    transform: translateX(1rem);
+                                //     transform: translateX(1rem);
-                                    @media(max-width:1100px){
+                                //     @media(max-width:1100px){
-                                        transform: translateY(18.6rem);
+                                //         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);
                                 //     }
+                                //     @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:".";

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

@@ -53,10 +53,12 @@
 {% if label_hidden %}
   {% if multiple %}
     <div{{ attributes }}>
+      <div class="actu-diaporama">
         {% for item in items %}
           <div{{ item.attributes }}>{{ item.content }}</div>
         {% endfor %}
       </div>
+    </div>
   {% else %}
     {% for item in items %}
       <div{{ attributes }}>{{ item.content }}</div>

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>

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>

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">