autoriser copier coller click droit

config/sync/views.view.actus.yml

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

config/sync/views.view.partenaires.yml

@@ -8,7 +8,7 @@ dependencies:
     - node.type.partenaire
     - system.menu.footer
   content:
-    - 'config_pages:intro_partenaires:e509f5cb-8f8d-4ba7-a399-e6ff7f54e5ae'
+    - 'config_pages:intro_partenaires:c838d601-43dc-47e5-ace6-223f19bf4c5c'
   module:
     - node
     - options
@@ -198,10 +198,10 @@ display:
           group_type: group
           admin_label: ''
           plugin_id: entity
-          empty: false
-          target: e509f5cb-8f8d-4ba7-a399-e6ff7f54e5ae
+          empty: true
+          target: c838d601-43dc-47e5-ace6-223f19bf4c5c
           view_mode: full
-          tokenize: true
+          tokenize: false
           bypass_access: false
       footer: {  }
       display_extenders:

config/sync/views.view.ressources.yml

@@ -1364,7 +1364,7 @@ display:
           id: field_site_target_id_verf
           table: node__field_site
           field: field_site_target_id_verf
-          relationship: field_site
+          relationship: none
           group_type: group
           admin_label: ''
           plugin_id: verf
@@ -1374,7 +1374,7 @@ display:
           exposed: true
           expose:
             operator_id: field_site_target_id_verf_op
-            label: 'Site(s) (VERF selector)'
+            label: 'par site(s)'
             description: ''
             use_operator: false
             operator: field_site_target_id_verf_op
@@ -1446,15 +1446,6 @@ display:
           admin_label: 'field_type_de_ressource : Terme de taxonomie'
           plugin_id: standard
           required: true
-        field_site:
-          id: field_site
-          table: node__field_site
-          field: field_site
-          relationship: none
-          group_type: group
-          admin_label: 'field_site : Contenu'
-          plugin_id: standard
-          required: false
       header: {  }
       footer: {  }
       display_extenders: {  }

web/autoload.php

@@ -10,7 +10,6 @@
  * @see index.php
  * @see core/install.php
  * @see core/rebuild.php
- * @see core/modules/statistics/statistics.php
  */
 
 return require __DIR__ . '/../vendor/autoload.php';

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

@@ -50,7 +50,7 @@ class SitesMap extends BlockBase {
 
       $link_options = ['absolute' => TRUE, 'attributes' => ['class' => 'site-link'], 'language' => \Drupal::languageManager()->getLanguage($langcode)]; // Passer 'absolute' à TRUE
       $site_url = $site->toUrl('canonical', $link_options)->toString(); // URL absolue pour le data-url
-      $site_link_object = Link::createFromRoute(t("got to site"), 'entity.node.canonical', ['node' => $site->id()], $link_options);
+      $site_link_object = Link::createFromRoute(t("Voir le site"), 'entity.node.canonical', ['node' => $site->id()], $link_options);
       $link = $site_link_object->toString()->getGeneratedLink();
 
       $datacontent = htmlspecialchars("<strong>$title</strong><br>$subtitle<br>$link");

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

@@ -122,13 +122,28 @@ document.addEventListener('DOMContentLoaded', function() {
     header.classList.add('header--collapsed-already');
     // logo.classList.remove('animated');
     stopLogoAnimation();
+  // } else {
+  //   // Sinon, appliquer la transition après un délai
+  //   setTimeout(() => {
+  //       header.classList.add('header--collapsed');
+  //   }, 5000);
+  // }
   } else {
-    // Sinon, appliquer la transition après un délai
-    setTimeout(() => {
-        header.classList.add('header--collapsed');
+    // Sinon, appliquer la transition après un délai, sauf si scroll
+    let collapseTimeout = setTimeout(() => {
+      header.classList.add('header--collapsed');
     }, 5000);
-  }
 
+    function interruptCollapseOnScroll() {
+      if (!header.classList.contains('header--collapsed')) {
+        clearTimeout(collapseTimeout); // annule l'animation
+        header.classList.add('header--collapsed');
+      }
+      window.removeEventListener('scroll', interruptCollapseOnScroll); // une seule fois
+    }
+
+    window.addEventListener('scroll', interruptCollapseOnScroll);
+  }
   //////////////////////////////////////
 
   let lastScrollTop = 0;
@@ -264,69 +279,72 @@ document.addEventListener('DOMContentLoaded', function() {
 
 
 
-//// ancre dans texte au click paragraphe correspondant arrive en dessous du header 
 
 
 (function($, window) {
-var adjustAnchor = function() {
-    var $anchor = $('.sidebar_first_container'),
-            fixedElementHeight = 500;
-    if ($anchor.length > 0) {
-        $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);
-    }
-};
 
-$(window).on('hashchange', function() {
-    adjustAnchor();
-});
+
+//// ancre dans texte au click paragraphe correspondant arrive en dessous du header 
+
+    var adjustAnchor = function() {
+        var $anchor = $('.sidebar_first_container'),
+                fixedElementHeight = 500;
+        if ($anchor.length > 0) {
+            $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);
+        }
+    };
+
+    $(window).on('hashchange', function() {
+        adjustAnchor();
+    });
 
 
 ////////////////////////  start script smooth apparition des textes /////////////////
 
-function scrollReaveal(){
+  function scrollReaveal(){
 
-  const nodes = {
-    logo : document.querySelectorAll('#logo-animated-container'),
-    chapeau :  document.querySelectorAll('.field_body'),
-    paragraph: document.querySelectorAll('.field_field_textes .paragraph--type--static-parts'),
-    enjeux : document.querySelectorAll('.field_field_textes .paragraph--type--static-parts .enjeux'),
-    // mapHome : document.querySelectorAll('.field_field_map_block #block-sitesmapblock'),
-    // mapSite : document.querySelectorAll('#sites-map-container'),
-    lienDoc : document.querySelectorAll('.field_field_documents'),
-    lienURL : document.querySelectorAll('.field_field_liens_site'),
-  }
+    const nodes = {
+      logo : document.querySelectorAll('#logo-animated-container'),
+      chapeau :  document.querySelectorAll('.field_body'),
+      paragraph: document.querySelectorAll('.field_field_textes .paragraph--type--static-parts'),
+      enjeux : document.querySelectorAll('.field_field_textes .paragraph--type--static-parts .enjeux'),
+      // mapHome : document.querySelectorAll('.field_field_map_block #block-sitesmapblock'),
+      // mapSite : document.querySelectorAll('#sites-map-container'),
+      lienDoc : document.querySelectorAll('.field_field_documents'),
+      lienURL : document.querySelectorAll('.field_field_liens_site'),
+    }
 
-  const showUp = {
-      origin: 'bottom',
+    const showUp = {
+        origin: 'bottom',
+        delay: 100,
+        duration: 1000,
+        distance: '50px',
+        easing: 'cubic-bezier(0.5, 0, 0, 1)'
+    }
+
+    const Show = {
       delay: 100,
-      duration: 1000,
-      distance: '50px',
+      duration: 600,
       easing: 'cubic-bezier(0.5, 0, 0, 1)'
+    }
+
+    console.log(nodes);
+
+    ScrollReveal().reveal(nodes.logo, Show);
+    ScrollReveal().reveal(nodes.chapeau, showUp);
+    ScrollReveal().reveal(nodes.paragraph, showUp);
+    ScrollReveal().reveal(nodes.enjeux, showUp);
+    // ScrollReveal().reveal(nodes.mapHome, showUp);
+    // ScrollReveal().reveal(nodes.mapSite, showUp);
+    ScrollReveal().reveal(nodes.lienDoc, showUp);
+    ScrollReveal().reveal(nodes.lienURL, showUp);
+
   }
 
-  const Show = {
-    delay: 100,
-    duration: 600,
-    easing: 'cubic-bezier(0.5, 0, 0, 1)'
-  }
 
-  console.log(nodes);
-
-  ScrollReveal().reveal(nodes.logo, Show);
-  ScrollReveal().reveal(nodes.chapeau, showUp);
-  ScrollReveal().reveal(nodes.paragraph, showUp);
-  ScrollReveal().reveal(nodes.enjeux, showUp);
-  // ScrollReveal().reveal(nodes.mapHome, showUp);
-  // ScrollReveal().reveal(nodes.mapSite, showUp);
-  ScrollReveal().reveal(nodes.lienDoc, showUp);
-  ScrollReveal().reveal(nodes.lienURL, showUp);
-
-}
-
-
-$( document ).ready(function() {
-  scrollReaveal();
-});
+  $( document ).ready(function() {
+    scrollReaveal();
+  });
 
 ////////////////////////  end script smooth apparition des textes /////////////////
 
@@ -382,6 +400,12 @@ $( document ).ready(function() {
 
 //   ////////////////////// start  calendrier home   /////////////////////////////////
   $(document).ready(function(){
+
+  // Aller au 9e élément à l'initialisation
+  $('.__timeline-content').on('init', function(event, slick){
+    slick.slickGoTo(9); // Index 8 = 9e item
+  });
+
     $('.__timeline-content').slick({
       slidesToShow: 3,
       slidesToScroll: 1,
@@ -870,19 +894,22 @@ $(document).ready(function () {
     let ressource_type_select = new SlimSelect({
       select: '#edit-field-type-de-ressource-target-id--2',
       settings:{
-        placeholderText: 'choisir'
+        placeholderText: 'choisir',
+        searchPlaceholder: 'choisir'
       }
     })
     let ressource_motscles_select = new SlimSelect({
       select: '#edit-field-mots-clefs-target-id--2',
       settings:{
-        placeholderText: 'choisir'
+        placeholderText: 'choisir',
+        searchPlaceholder: 'choisir'
       }
     })
     let ressource_sites_select = new SlimSelect({
       select: '#edit-field-site-target-id-verf--2',
       settings:{
-        placeholderText: 'choisir'
+        placeholderText: 'choisir',
+        searchPlaceholder: 'choisir'
       }
     })
     // console.log(('sites_select'), sites_select);
@@ -923,25 +950,29 @@ $(document).ready(function () {
     let actu_type_select = new SlimSelect({
       select: '#edit-field-type-d-actualite-target-id--2',
       settings:{
-        placeholderText: 'choisir'
+        placeholderText: 'choisir',
+        searchPlaceholder: 'choisir'
       }
     })
     let actu_type_select2 = new SlimSelect({
       select: '#edit-field-type-d-actualite-target-id--3',
       settings:{
-        placeholderText: 'choisir'
+        placeholderText: 'choisir',
+        searchPlaceholder: 'choisir'
       }
     })
     let actu_site_select = new SlimSelect({
       select: '#edit-field-site-target-id-verf--2',
       settings:{
-        placeholderText: 'choisir'
+        placeholderText: 'choisir',
+        searchPlaceholder: 'choisir'
       }
     })
     let actu_site_select2 = new SlimSelect({
       select: '#edit-field-site-target-id-verf--3',
       settings:{
-        placeholderText: 'choisir'
+        placeholderText: 'choisir',
+        searchPlaceholder: 'choisir'
       }
     })
   }
@@ -951,6 +982,108 @@ $(document).ready(function () {
 ///////////////////  end voir plus...  actualite dans /actualites & /home ////////////////////
 
 
+//////////////////////////////////////////
+
+
+// /////////// Start script ressources ////////////////////////////////
+
+// document.addEventListener("DOMContentLoaded", () => {
+//     const view = document.querySelector(".view");
+//     const elements = Array.from(view.children);
+
+//     let newView = document.createElement("div");
+//     newView.classList.add("view");
+
+//     let group = null;
+//     let groupContent = null;
+
+//     elements.forEach((el) => {
+//         if (el.tagName === "H3") {
+//             if (group) {
+//                 newView.appendChild(group);
+//             }
+
+//             group = document.createElement("div");
+//             group.classList.add("group");
+
+//             groupContent = document.createElement("div");
+//             groupContent.classList.add("group-content");
+
+//             groupContent.appendChild(el);
+//             group.appendChild(groupContent);
+//         } else if (el.classList.contains("views-row")) {
+//             groupContent.appendChild(el);
+//         }
+//     });
+
+//     if (group) {
+//         newView.appendChild(group);
+//     }
+
+//     view.replaceWith(newView);
+
+//     // Ajouter un bouton "Voir plus" dans chaque groupe
+//     document.querySelectorAll(".group").forEach((group) => {
+//         const rows = group.querySelectorAll(".views-row");
+//         const button = document.createElement("button");
+//         button.classList.add("toggle-btn");
+//         button.textContent = "Voir plus de";
+
+//         rows.forEach((row, index) => {
+//             if (index >= 3) {
+//                 row.classList.add("hidden");
+//                 row.style.maxHeight = "0";
+//                 row.style.opacity = "0";
+//             }
+//         });
+
+//         button.addEventListener("click", () => {
+//             const isExpanded = button.textContent === "Voir moins de";
+//             const hiddenRows = group.querySelectorAll(".views-row.hidden");
+
+//             if (isExpanded) {
+//                 // Cacher les lignes avec un délai pour l'effet de transition
+//                 hiddenRows.forEach((row) => {
+//                     row.style.maxHeight = "0";
+//                     row.style.opacity = "0";
+//                     setTimeout(() => row.classList.add("hidden"), 500); // Délai pour la transition
+//                 });
+//             } else {
+//                 // Afficher les lignes
+//                 hiddenRows.forEach((row) => {
+//                     row.classList.remove("hidden");
+//                     row.style.maxHeight = row.scrollHeight + "px";
+//                     row.style.opacity = "1";
+//                 });
+//             }
+
+//             button.textContent = isExpanded ? "Voir plus de" : "Voir moins de";
+//         });
+
+//         group.appendChild(button);
+//     });
+// });
+
+
+// /////////// end script ressources ////////////////////////////////
+
+
+
+
+/////////////// start class à view-rows-ressources ////////
+$(document).ready(function () {
+  $(".view-rows-wrapper").each(function () {
+      let h3Container = $(this).prev("h3").find("div[class^='type-']");
+      let classToAdd = h3Container.attr("class"); // Récupère la classe complète (ex: "type-Documentation")
+
+      if (classToAdd) {
+          $(this).addClass(classToAdd); // Ajoute cette classe à .view-rows-wrapper
+      }
+  });
+});
+////////////////// end class à view-rows-wrapper ////////////////
+
+
 })(jQuery, window);
 
 

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

@@ -217,6 +217,13 @@ h2, h3 {
   width: 100vw;
 }
 
+body, html, * {
+  user-select: text !important;
+  -webkit-user-select: text !important; /* pour Safari */
+  -moz-user-select: text !important; /* pour Firefox */
+  -ms-user-select: text !important; /* pour IE/Edge */
+}
+
 /* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
 ul {
   list-style-type: none;
@@ -442,6 +449,12 @@ header[role=banner] .header_nav_container {
   display: flex;
   flex-direction: column;
 }
+@media (max-width: 810px) {
+  header[role=banner] .header_nav_container {
+    height: 200px;
+    top: -30px;
+  }
+}
 @media (max-width: 500px) {
   header[role=banner] .header_nav_container {
     flex: 0 0 40%;
@@ -484,6 +497,11 @@ header[role=banner] .header_nav_container #block-quartiers-de-demain-entete ul l
     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;
@@ -822,6 +840,11 @@ footer {
   top: 250px;
   background-color: transparent;
 }
+@media (max-width: 1300px) {
+  .layout-sidebar-first {
+    top: 200px;
+  }
+}
 @media (max-width: 810px) {
   .layout-sidebar-first {
     position: relative;
@@ -865,16 +888,21 @@ footer {
 .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 h2::after {
   content: " :";
 }
+.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 form,
+.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 form {
+  display: grid;
+}
 .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 form .js-form-item,
 .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 form .js-form-item {
   display: flex;
   margin-bottom: 0.5rem;
+  padding-bottom: 0.3rem;
 }
 @media (max-width: 810px) {
   .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 form .js-form-item,
   .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 form .js-form-item {
     display: flex;
-    flex-direction: column;
+    flex-direction: row;
     justify-content: space-between;
   }
 }
@@ -910,14 +938,14 @@ footer {
   padding-top: 0.5rem;
   font-size: 0.7rem;
   font-family: "gilroy-light";
+  align-items: center;
 }
 .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-select label,
 .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-select label {
-  width: 50%;
+  width: 60%;
   text-transform: lowercase;
   font-size: 0.7rem;
   font-family: "gilroy-light";
-  padding-bottom: 0.2rem;
 }
 .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-select select,
 .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-select select {
@@ -934,16 +962,47 @@ footer {
     width: 100%;
   }
 }
+.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-textfield,
+.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-textfield {
+  flex-direction: column;
+  padding-top: 0.8rem;
+}
 .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-textfield label,
 .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-textfield label {
+  display: flex;
+  flex-direction: row;
   text-transform: lowercase;
   font-size: 0.7rem;
   font-family: "gilroy-light";
   padding-bottom: 0.2rem;
 }
+.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-textfield label::after,
+.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-textfield label::after {
+  content: "";
+  display: block;
+  background: url("../img/loupe.svg");
+  background-repeat: no-repeat;
+  width: 38px;
+  height: 30px;
+  margin-left: 0.5rem;
+}
+.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-textfield input#edit-combine--3,
+.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-textfield input#edit-combine--2,
+.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-textfield input#edit-combine--3,
+.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-textfield input#edit-combine--2 {
+  max-width: 100%;
+  height: 25px;
+  width: 96%;
+}
+@media (max-width: 810px) {
+  .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-textfield.js-form-item,
+  .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-textfield.js-form-item {
+    flex-direction: column;
+  }
+}
 .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .form-actions,
 .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .form-actions {
-  padding-top: 1rem;
+  padding-top: 0rem;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -965,6 +1024,44 @@ footer {
   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%;
   margin-left: 20%;
@@ -1075,7 +1172,6 @@ footer {
 @media (max-width: 810px) {
   .slick-prev,
   .slick-next {
-    top: -30px;
     -webkit-transform: translate(0, -30px);
     -ms-transform: translate(0, -30px);
     transform: translate(0, -30px);
@@ -1405,7 +1501,25 @@ footer {
     height: fit-content;
   }
 }
+#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement::after {
+  content: "";
+  position: absolute;
+  bottom: -0.2rem;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 10px;
+  height: 10px;
+  background-color: black;
+  border-radius: 50%;
+  z-index: 2;
+}
+@media (max-width: 810px) {
+  #home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement::after {
+    bottom: -0.4rem;
+  }
+}
 #home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement {
+  position: relative;
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -1419,38 +1533,6 @@ footer {
     padding-left: 4rem;
   }
 }
-#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .border-symbol {
-  align-self: end;
-  font-size: 2.5rem;
-  display: inline-block; /* Permet d'utiliser height */
-  line-height: 0; /* Assure que la hauteur est minimale */
-  transform: translateX(1rem);
-}
-@media (max-width: 1100px) {
-  #home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .border-symbol {
-    transform: translateY(18.6rem);
-  }
-}
-@media (max-width: 1080px) {
-  #home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .border-symbol {
-    transform: translateY(18.3rem);
-  }
-}
-@media (min-width: 809px) {
-  #home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .border-symbol {
-    transform: translateY(20.7rem);
-  }
-}
-@media (max-width: 770px) {
-  #home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .border-symbol {
-    align-self: center;
-    font-size: 2.5rem;
-    display: inline-block;
-    line-height: 0;
-    transform: translateY(21.2rem);
-    padding-right: 3rem;
-  }
-}
 #home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .date {
   width: fit-content !important;
   display: flex;
@@ -1628,6 +1710,7 @@ footer {
   font-size: 1.7rem;
   font-family: "gilroy-semibold";
   padding-left: 0.5rem;
+  line-height: 1.5rem;
 }
 #actus-caroussel button {
   top: -2.5rem;
@@ -1638,7 +1721,7 @@ footer {
   }
 }
 #actus-caroussel .content-actus .slick-list {
-  padding-bottom: 4rem;
+  padding-bottom: 1rem;
 }
 @media (max-width: 810px) {
   #actus-caroussel .content-actus .slick-list {
@@ -1646,7 +1729,7 @@ footer {
   }
 }
 #actus-caroussel .content-actus .view-rows-wrapper {
-  margin-left: 20%;
+  margin-left: 25%;
   width: 65%;
   display: flex;
   flex-direction: column;
@@ -1706,7 +1789,7 @@ footer {
 #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_images .actu-diaporama .slick-list .cadre-img-zoom {
   display: flex;
   margin: auto;
-  width: 250px;
+  width: 150px;
   height: auto;
 }
 #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_images .actu-diaporama .slick-list .cadre-img-zoom img {
@@ -1717,8 +1800,10 @@ footer {
   -khtml-border-radius: 9px; /* pour Safari et Chrome */
   -webkit-border-radius: 9px; /* pour Safari sur Mac */
   border-radius: 9px; /* CSS3 */
+  aspect-ratio: 4/5;
 }
 #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_images .actu-diaporama .slick-list blockquote.image-field-caption {
+  display: none;
   margin: 0;
 }
 #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_images .actu-diaporama .slick-list blockquote.image-field-caption p {
@@ -1756,16 +1841,15 @@ footer {
 }
 #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite {
   order: 2;
-}
-#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite a {
   text-transform: uppercase;
   color: red;
   font-size: 0.6rem;
   font-weight: 600;
   display: inline-flex;
   align-items: center;
+  padding-bottom: 0.1rem;
 }
-#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite a::before {
+#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite::before {
   content: "";
   display: inline-block;
   width: 16px; /* Ajuste la largeur */
@@ -1840,6 +1924,28 @@ footer {
 #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_body p {
   font-size: 0.8rem;
 }
+#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .links.inline {
+  text-transform: uppercase;
+  padding-left: 0;
+  font-size: 0.7rem;
+  font-family: "gilroy-bold";
+  width: fit-content;
+  display: inline-flex;
+  align-items: center;
+}
+#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .links.inline a {
+  width: 5em;
+  display: block;
+  overflow: hidden;
+  white-space: nowrap;
+}
+#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .links.inline::after {
+  content: "+";
+  display: block;
+  padding-left: 0.4rem;
+  font-size: 1.8rem;
+  height: fit-content;
+}
 #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_liens {
   order: 7;
   padding: 0;
@@ -3119,7 +3225,7 @@ body {
   align-items: center;
 }
 .partenaires .layout-content .content_container #block-quartiers-de-demain-titredepage {
-  margin-top: 1rem;
+  margin-top: 4rem;
   width: fit-content;
 }
 @media (max-width: 810px) {
@@ -3129,6 +3235,7 @@ body {
   }
 }
 .partenaires .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
+  display: none;
   text-transform: none;
   color: black;
   font-size: 2rem;
@@ -3140,6 +3247,10 @@ body {
 .partenaires .layout-content .content_container .views-element-container {
   width: 80%;
 }
+.partenaires .layout-content .content_container .views-element-container .header_view {
+  width: 85%;
+  margin: auto;
+}
 .partenaires .layout-content .content_container .views-element-container .header_view::after {
   content: "";
   display: block;
@@ -3147,6 +3258,9 @@ body {
   width: 80%;
   margin: auto;
 }
+.partenaires .layout-content .content_container .views-element-container .header_view .config_pages--type--intro-partenaires {
+  margin-bottom: 3rem;
+}
 .partenaires .layout-content .content_container .views-element-container h3 {
   color: rgb(7, 50, 194);
   font-size: 2.5rem;
@@ -3318,6 +3432,9 @@ body {
 .node-type-static main {
   background-color: #f6f7f3;
 }
+.node-type-static.node-id-2 aside {
+  display: none;
+}
 .node-type-static .layout-content .content_container {
   display: flex;
   flex-direction: column;
@@ -3985,10 +4102,6 @@ body {
   flex-direction: column;
 }
 
-.html.js.sr body.node-type-site.node-id-40 div.dialog-off-canvas-main-canvas div#page-node.layout-container main div.layout-content div.content_container div.layout.layout--threecol-25-50-25 div.layout__region.layout__region--third div.block-region-third div div.field_field_documents div div span {
-  visibility: hidden;
-}
-
 main {
   background-color: #f6f7f3;
 }
@@ -4200,6 +4313,7 @@ main {
   color: white;
 }
 #ressources .layout-content .content_container .views-element-container h3:has(div.type-Kit-de-communication) {
+  display: none;
   margin-bottom: 0;
 }
 #ressources .layout-content .content_container .views-element-container h3:has(div.type-Kit-de-communication) .field_name {
@@ -4222,6 +4336,11 @@ main {
   font-size: 0.5rem;
   margin-bottom: 1rem;
 }
+@media (max-width: 810px) {
+  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row {
+    font-size: 0.8rem;
+  }
+}
 #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-title-1,
 #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-sous-titre-1 {
   font-family: "gilroy-medium";
@@ -4229,12 +4348,23 @@ 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 .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;
@@ -4248,6 +4378,11 @@ main {
   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;
 }
@@ -4275,14 +4410,32 @@ 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.type-Documentation .views-row {
-  width: 25%;
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Documentation-générale .views-row {
+  width: 22%;
+  padding: 0.5rem;
 }
 @media (max-width: 810px) {
-  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Documentation .views-row {
+  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Documentation-générale .views-row {
     width: 50%;
   }
 }
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Documentation-générale .views-row .views-field-field-documents a {
+  display: inline-flex;
+  align-items: center;
+  color: white;
+  background: black;
+  text-transform: uppercase;
+  font-size: 0.4rem;
+  padding: 0.1rem 0.5rem;
+  padding-right: 0rem;
+}
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Documentation-générale .views-row .views-field-field-documents a::after {
+  display: inline-flex;
+  content: url("../img/noun-arrow-to-right.svg");
+  padding-right: 0.1rem;
+  padding-left: 0.1rem;
+  height: 25px;
+}
 #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row {
   width: 50%;
   height: fit-content;
@@ -4294,7 +4447,8 @@ main {
 @media (max-width: 810px) {
   #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row {
     width: 100%;
-    grid-template-columns: 1fr 2fr;
+    display: flex;
+    flex-direction: column;
   }
 }
 #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-images,
@@ -4303,6 +4457,12 @@ main {
   grid-row: 1/span 5;
   padding: 0 1rem 1rem 1rem;
 }
+@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%;
@@ -4310,6 +4470,13 @@ main {
   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%;
@@ -4332,29 +4499,36 @@ main {
 #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.type-Vidéo .views-row {
+#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;
 }
 @media (max-width: 810px) {
-  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéo .views-row {
+  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéos .views-row {
     width: 100%;
   }
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéo .views-row 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.type-Vidéo .views-row iframe {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéos .views-row iframe {
   border-radius: 9px;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéo .views-row .views-field-title-1 {
+#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);
 }
@@ -4482,8 +4656,10 @@ main {
   -khtml-border-radius: 9px; /* pour Safari et Chrome */
   -webkit-border-radius: 9px; /* pour Safari sur Mac */
   border-radius: 9px; /* CSS3 */
+  aspect-ratio: 4/5;
 }
 #actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_images .actu-diaporama .slick-list blockquote.image-field-caption {
+  display: none;
   margin: 0;
 }
 #actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_images .actu-diaporama .slick-list blockquote.image-field-caption p {
@@ -4521,16 +4697,15 @@ main {
 }
 #actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite {
   order: 2;
-}
-#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite a {
   text-transform: uppercase;
   color: red;
   font-size: 0.6rem;
   font-weight: 600;
   display: inline-flex;
   align-items: center;
+  padding-bottom: 0.1rem;
 }
-#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite a::before {
+#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite::before {
   content: "";
   display: inline-block;
   width: 16px; /* Ajuste la largeur */
@@ -4602,6 +4777,28 @@ main {
 #actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_body p {
   font-size: 0.8rem;
 }
+#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .links.inline {
+  text-transform: uppercase;
+  padding-left: 0;
+  font-size: 0.7rem;
+  font-family: "gilroy-bold";
+  width: fit-content;
+  display: inline-flex;
+  align-items: center;
+}
+#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .links.inline a {
+  width: 5em;
+  display: block;
+  overflow: hidden;
+  white-space: nowrap;
+}
+#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .links.inline::after {
+  content: "+";
+  display: block;
+  padding-left: 0.4rem;
+  font-size: 1.8rem;
+  height: fit-content;
+}
 #actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_liens {
   order: 7;
   padding: 0;

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

@@ -92,6 +92,7 @@ function quartiers_de_demain_preprocess_field(&$variables) {
 
 }
 
+
 /**
  * Prepares variables for block templates.
  *
@@ -166,3 +167,6 @@ function quartiers_de_demain_preprocess_block__block_region_second(&$variables)
 
 
 
+function quartiers_de_demain_preprocess_links(&$variables){
+  
+}

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

@@ -64,13 +64,28 @@ document.addEventListener('DOMContentLoaded', function() {
     header.classList.add('header--collapsed-already');
     // logo.classList.remove('animated');
     stopLogoAnimation();
+  // } else {
+  //   // Sinon, appliquer la transition après un délai
+  //   setTimeout(() => {
+  //       header.classList.add('header--collapsed');
+  //   }, 5000);
+  // }
   } else {
-    // Sinon, appliquer la transition après un délai
-    setTimeout(() => {
-        header.classList.add('header--collapsed');
+    // Sinon, appliquer la transition après un délai, sauf si scroll
+    let collapseTimeout = setTimeout(() => {
+      header.classList.add('header--collapsed');
     }, 5000);
-  }
 
+    function interruptCollapseOnScroll() {
+      if (!header.classList.contains('header--collapsed')) {
+        clearTimeout(collapseTimeout); // annule l'animation
+        header.classList.add('header--collapsed');
+      }
+      window.removeEventListener('scroll', interruptCollapseOnScroll); // une seule fois
+    }
+
+    window.addEventListener('scroll', interruptCollapseOnScroll);
+  }
   //////////////////////////////////////
 
   let lastScrollTop = 0;
@@ -206,69 +221,72 @@ document.addEventListener('DOMContentLoaded', function() {
 
 
 
-//// ancre dans texte au click paragraphe correspondant arrive en dessous du header 
 
 
 (function($, window) {
-var adjustAnchor = function() {
-    var $anchor = $('.sidebar_first_container'),
-            fixedElementHeight = 500;
-    if ($anchor.length > 0) {
-        $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);
-    }
-};
 
-$(window).on('hashchange', function() {
-    adjustAnchor();
-});
+
+//// ancre dans texte au click paragraphe correspondant arrive en dessous du header 
+
+    var adjustAnchor = function() {
+        var $anchor = $('.sidebar_first_container'),
+                fixedElementHeight = 500;
+        if ($anchor.length > 0) {
+            $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);
+        }
+    };
+
+    $(window).on('hashchange', function() {
+        adjustAnchor();
+    });
 
 
 ////////////////////////  start script smooth apparition des textes /////////////////
 
-function scrollReaveal(){
+  function scrollReaveal(){
 
-  const nodes = {
-    logo : document.querySelectorAll('#logo-animated-container'),
-    chapeau :  document.querySelectorAll('.field_body'),
-    paragraph: document.querySelectorAll('.field_field_textes .paragraph--type--static-parts'),
-    enjeux : document.querySelectorAll('.field_field_textes .paragraph--type--static-parts .enjeux'),
-    // mapHome : document.querySelectorAll('.field_field_map_block #block-sitesmapblock'),
-    // mapSite : document.querySelectorAll('#sites-map-container'),
-    lienDoc : document.querySelectorAll('.field_field_documents'),
-    lienURL : document.querySelectorAll('.field_field_liens_site'),
-  }
+    const nodes = {
+      logo : document.querySelectorAll('#logo-animated-container'),
+      chapeau :  document.querySelectorAll('.field_body'),
+      paragraph: document.querySelectorAll('.field_field_textes .paragraph--type--static-parts'),
+      enjeux : document.querySelectorAll('.field_field_textes .paragraph--type--static-parts .enjeux'),
+      // mapHome : document.querySelectorAll('.field_field_map_block #block-sitesmapblock'),
+      // mapSite : document.querySelectorAll('#sites-map-container'),
+      lienDoc : document.querySelectorAll('.field_field_documents'),
+      lienURL : document.querySelectorAll('.field_field_liens_site'),
+    }
 
-  const showUp = {
-      origin: 'bottom',
+    const showUp = {
+        origin: 'bottom',
+        delay: 100,
+        duration: 1000,
+        distance: '50px',
+        easing: 'cubic-bezier(0.5, 0, 0, 1)'
+    }
+
+    const Show = {
       delay: 100,
-      duration: 1000,
-      distance: '50px',
+      duration: 600,
       easing: 'cubic-bezier(0.5, 0, 0, 1)'
+    }
+
+    console.log(nodes);
+
+    ScrollReveal().reveal(nodes.logo, Show);
+    ScrollReveal().reveal(nodes.chapeau, showUp);
+    ScrollReveal().reveal(nodes.paragraph, showUp);
+    ScrollReveal().reveal(nodes.enjeux, showUp);
+    // ScrollReveal().reveal(nodes.mapHome, showUp);
+    // ScrollReveal().reveal(nodes.mapSite, showUp);
+    ScrollReveal().reveal(nodes.lienDoc, showUp);
+    ScrollReveal().reveal(nodes.lienURL, showUp);
+
   }
 
-  const Show = {
-    delay: 100,
-    duration: 600,
-    easing: 'cubic-bezier(0.5, 0, 0, 1)'
-  }
 
-  console.log(nodes);
-
-  ScrollReveal().reveal(nodes.logo, Show);
-  ScrollReveal().reveal(nodes.chapeau, showUp);
-  ScrollReveal().reveal(nodes.paragraph, showUp);
-  ScrollReveal().reveal(nodes.enjeux, showUp);
-  // ScrollReveal().reveal(nodes.mapHome, showUp);
-  // ScrollReveal().reveal(nodes.mapSite, showUp);
-  ScrollReveal().reveal(nodes.lienDoc, showUp);
-  ScrollReveal().reveal(nodes.lienURL, showUp);
-
-}
-
-
-$( document ).ready(function() {
-  scrollReaveal();
-});
+  $( document ).ready(function() {
+    scrollReaveal();
+  });
 
 ////////////////////////  end script smooth apparition des textes /////////////////
 
@@ -324,6 +342,12 @@ $( document ).ready(function() {
 
 //   ////////////////////// start  calendrier home   /////////////////////////////////
   $(document).ready(function(){
+
+  // Aller au 9e élément à l'initialisation
+  $('.__timeline-content').on('init', function(event, slick){
+    slick.slickGoTo(9); // Index 8 = 9e item
+  });
+
     $('.__timeline-content').slick({
       slidesToShow: 3,
       slidesToScroll: 1,
@@ -812,19 +836,22 @@ $(document).ready(function () {
     let ressource_type_select = new SlimSelect({
       select: '#edit-field-type-de-ressource-target-id--2',
       settings:{
-        placeholderText: 'choisir'
+        placeholderText: 'choisir',
+        searchPlaceholder: 'choisir'
       }
     })
     let ressource_motscles_select = new SlimSelect({
       select: '#edit-field-mots-clefs-target-id--2',
       settings:{
-        placeholderText: 'choisir'
+        placeholderText: 'choisir',
+        searchPlaceholder: 'choisir'
       }
     })
     let ressource_sites_select = new SlimSelect({
       select: '#edit-field-site-target-id-verf--2',
       settings:{
-        placeholderText: 'choisir'
+        placeholderText: 'choisir',
+        searchPlaceholder: 'choisir'
       }
     })
     // console.log(('sites_select'), sites_select);
@@ -865,25 +892,29 @@ $(document).ready(function () {
     let actu_type_select = new SlimSelect({
       select: '#edit-field-type-d-actualite-target-id--2',
       settings:{
-        placeholderText: 'choisir'
+        placeholderText: 'choisir',
+        searchPlaceholder: 'choisir'
       }
     })
     let actu_type_select2 = new SlimSelect({
       select: '#edit-field-type-d-actualite-target-id--3',
       settings:{
-        placeholderText: 'choisir'
+        placeholderText: 'choisir',
+        searchPlaceholder: 'choisir'
       }
     })
     let actu_site_select = new SlimSelect({
       select: '#edit-field-site-target-id-verf--2',
       settings:{
-        placeholderText: 'choisir'
+        placeholderText: 'choisir',
+        searchPlaceholder: 'choisir'
       }
     })
     let actu_site_select2 = new SlimSelect({
       select: '#edit-field-site-target-id-verf--3',
       settings:{
-        placeholderText: 'choisir'
+        placeholderText: 'choisir',
+        searchPlaceholder: 'choisir'
       }
     })
   }
@@ -893,6 +924,108 @@ $(document).ready(function () {
 ///////////////////  end voir plus...  actualite dans /actualites & /home ////////////////////
 
 
+//////////////////////////////////////////
+
+
+// /////////// Start script ressources ////////////////////////////////
+
+// document.addEventListener("DOMContentLoaded", () => {
+//     const view = document.querySelector(".view");
+//     const elements = Array.from(view.children);
+
+//     let newView = document.createElement("div");
+//     newView.classList.add("view");
+
+//     let group = null;
+//     let groupContent = null;
+
+//     elements.forEach((el) => {
+//         if (el.tagName === "H3") {
+//             if (group) {
+//                 newView.appendChild(group);
+//             }
+
+//             group = document.createElement("div");
+//             group.classList.add("group");
+
+//             groupContent = document.createElement("div");
+//             groupContent.classList.add("group-content");
+
+//             groupContent.appendChild(el);
+//             group.appendChild(groupContent);
+//         } else if (el.classList.contains("views-row")) {
+//             groupContent.appendChild(el);
+//         }
+//     });
+
+//     if (group) {
+//         newView.appendChild(group);
+//     }
+
+//     view.replaceWith(newView);
+
+//     // Ajouter un bouton "Voir plus" dans chaque groupe
+//     document.querySelectorAll(".group").forEach((group) => {
+//         const rows = group.querySelectorAll(".views-row");
+//         const button = document.createElement("button");
+//         button.classList.add("toggle-btn");
+//         button.textContent = "Voir plus de";
+
+//         rows.forEach((row, index) => {
+//             if (index >= 3) {
+//                 row.classList.add("hidden");
+//                 row.style.maxHeight = "0";
+//                 row.style.opacity = "0";
+//             }
+//         });
+
+//         button.addEventListener("click", () => {
+//             const isExpanded = button.textContent === "Voir moins de";
+//             const hiddenRows = group.querySelectorAll(".views-row.hidden");
+
+//             if (isExpanded) {
+//                 // Cacher les lignes avec un délai pour l'effet de transition
+//                 hiddenRows.forEach((row) => {
+//                     row.style.maxHeight = "0";
+//                     row.style.opacity = "0";
+//                     setTimeout(() => row.classList.add("hidden"), 500); // Délai pour la transition
+//                 });
+//             } else {
+//                 // Afficher les lignes
+//                 hiddenRows.forEach((row) => {
+//                     row.classList.remove("hidden");
+//                     row.style.maxHeight = row.scrollHeight + "px";
+//                     row.style.opacity = "1";
+//                 });
+//             }
+
+//             button.textContent = isExpanded ? "Voir plus de" : "Voir moins de";
+//         });
+
+//         group.appendChild(button);
+//     });
+// });
+
+
+// /////////// end script ressources ////////////////////////////////
+
+
+
+
+/////////////// start class à view-rows-ressources ////////
+$(document).ready(function () {
+  $(".view-rows-wrapper").each(function () {
+      let h3Container = $(this).prev("h3").find("div[class^='type-']");
+      let classToAdd = h3Container.attr("class"); // Récupère la classe complète (ex: "type-Documentation")
+
+      if (classToAdd) {
+          $(this).addClass(classToAdd); // Ajoute cette classe à .view-rows-wrapper
+      }
+  });
+});
+////////////////// end class à view-rows-wrapper ////////////////
+
+
 })(jQuery, window);
 
 

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

@@ -60,4 +60,12 @@ $width-menu-slidedown : 550px;
 
 .layout--threecol-25-50-25{
     width: 100vw;
-}
+}
+
+body, html, * {
+    user-select: text !important;
+    -webkit-user-select: text !important; /* pour Safari */
+    -moz-user-select: text !important;    /* pour Firefox */
+    -ms-user-select: text !important;     /* pour IE/Edge */
+  }
+  

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

@@ -117,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;
@@ -162,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;
@@ -180,7 +183,7 @@
                                             // margin-right: 0.4rem;
                                             padding-right: 0.4rem;
                                         }
-                                    }
+                                    // }
                                     
                                 }
                                 .field_field_date{
@@ -258,6 +261,30 @@
                                     font-size: 0.8rem;
                                     }
                                 }
+                                .links.inline{
+                                    text-transform: uppercase;
+                                    padding-left: 0;
+                                    font-size: 0.7rem;
+                                    font-family: "gilroy-bold";
+                                    width: fit-content;
+                                    display: inline-flex;
+                                    align-items: center;
+                                    a{
+                                        width: 5em;
+                                        display: block;
+                                        overflow: hidden;
+                                        white-space: nowrap;
+                                    }
+
+                                    &::after{
+                                        content: "+";
+                                        display: block;
+                                        // width: 20px;
+                                        padding-left: 0.4rem;
+                                        font-size: 1.8rem;
+                                        height: fit-content;
+                                    }
+                                }
                                 .field_field_liens{
                                     order: 7;
                                     padding:0;

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-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/partenaires.scss

@@ -6,7 +6,7 @@
             flex-direction: column;
             align-items: center;
             #block-quartiers-de-demain-titredepage{
-                margin-top: 1rem;
+                margin-top: 4rem;
                 width: fit-content;
                 @media(max-width: 810px){
                     margin-top: 14rem;
@@ -14,6 +14,7 @@
                 } 
 
                 h1{
+                    display: none;
                     text-transform: none;
                     color: black;
                     font-size: 2rem;
@@ -28,6 +29,8 @@
                 width: 80%;
 
                 .header_view{
+                    width: 85%;
+                    margin: auto;
                     &::after{
                         content:"";
                         display: block;
@@ -35,6 +38,9 @@
                         width: 80% ;
                         margin: auto;
                     }
+                    .config_pages--type--intro-partenaires{
+                        margin-bottom: 3rem;
+                    }
                 }
 
                 h3{

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

@@ -88,6 +88,7 @@
                     
                 }
                 h3:has(div.type-Kit-de-communication){
+                    display: none;
                     margin-bottom: 0;
                     .field_name{
                         padding-top: 1rem;
@@ -110,16 +111,27 @@
                     .views-row{
                         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;}
+                            p{
+                                font-size: 0.5rem;
+                                @media(max-width: 810px){
+                                    font-size: 0.8rem;
+                                }
+                            }    
                         }
                         .views-field-field-mots-clefs{
                             margin-top: 0.5rem;
@@ -131,9 +143,10 @@
                                 padding: 0.1rem 0.2rem;
                                 font-size: 0.4rem;
                                 font-family: "gilroy-semibold";
-                             
-                                    color: $blue_QDD;
-                                
+                                color: $blue_QDD;
+                                @media(max-width: 810px){
+                                    font-size: 0.8rem;
+                                }
                             
                             }
 
@@ -169,19 +182,41 @@
                             margin-top: 0.5rem;
 
                         }
+                        
                         .views-field-field-date-ressource{
 
                         }
                         
 
                     }
-                    &.type-Documentation{
+                    &.type-Documentation-générale{
                         
                         .views-row{
-                            width: 25%;
+                            width: 22%;
+                            padding: 0.5rem;
+
                             @media(max-width: 810px){
                                 width: 50%;
                             }
+                            .views-field-field-documents a{
+
+                                display: inline-flex;
+                                align-items: center;
+                                color: white;
+                                background: black;
+                                text-transform: uppercase;
+                                font-size: 0.4rem;
+                                padding: 0.1rem 0.5rem;
+                                padding-right: 0rem;
+                                &::after{
+                                    display: inline-flex;
+                                    content: url("../img/noun-arrow-to-right.svg");
+                                    padding-right: 0.1rem;
+                                    padding-left: 0.1rem;
+                                    height: 25px;
+                                }
+                            }
+
                         }
                     }
                     &.type-Podcast{
@@ -194,20 +229,26 @@
                             margin-top: 1rem;
                             @media(max-width: 810px){
                                 width: 100%;
-                                grid-template-columns: 1fr 2fr;
+                                // 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: 70%;
+                                        width: auto;
+                                        height: 100%;
                                     }
                                 }
                                 img{
@@ -233,11 +274,14 @@
                                grid-column: 2;
                                
                             }
+                            .views-field-field-liens{
+                                display: none;
+                            }
                     
                         }
                        
                     }
-                    &.type-Vidéo{
+                    &.type-Vidéos{
                         .views-row{
                             width: 43%;
                             margin: 1rem;
@@ -255,10 +299,14 @@
                                 border-radius: 9px;
                             }
                             .views-field-title-1{margin-top: 1rem;}
+                            .views-field-field-liens{
+                                display: none;
+                            }
                             
                         }
                     }
                     &.type-Kit-de-communication{
+                        display: none;
                         width: 100%;
                         background-color: $blue_QDD;
                     }

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;
@@ -237,6 +241,31 @@
                             font-size: 0.8rem;
                             }
                         }
+                        .links.inline{
+                            text-transform: uppercase;
+                            padding-left: 0;
+                            font-size: 0.7rem;
+                            font-family: "gilroy-bold";
+                            width: fit-content;
+                            display: inline-flex;
+                            align-items: center;
+                            a{
+                                width: 5em;
+                                display: block;
+                                overflow: hidden;
+                                white-space: nowrap;
+                            }
+
+
+                            &::after{
+                                content: "+";
+                                display: block;
+                                // width: 20px;
+                                padding-left: 0.4rem;
+                                font-size: 1.8rem;
+                                height: fit-content;
+                            }
+                        }
                         .field_field_liens{
                             order: 7;
                             padding:0;
@@ -252,7 +281,7 @@
                                 text-transform: uppercase;
                                 font-size: 0.6rem;
                                 margin-bottom: 0.5rem;
-
+                                
                                 svg{
                                     display: none;
                                 }

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

@@ -7,6 +7,9 @@
     // z-index: 98;
     // margin: 1rem 2rem;
     background-color: transparent;
+    @media(max-width: 1300px){
+        top: $header-height;
+    } 
     @media(max-width: 810px){
         position: relative;
         width: 100%;
@@ -45,14 +48,16 @@
             }   
         }
         form{
+            display: grid;
             
             .js-form-item{
                 display: flex;
                 margin-bottom: 0.5rem;
+                padding-bottom: 0.3rem;
 
                 @media(max-width: 810px){
                     display: flex;
-                    flex-direction: column;
+                    flex-direction: row;
                     justify-content: space-between;
                 }
                 label{
@@ -82,12 +87,14 @@
             padding-top: 0.5rem;
             font-size: 0.7rem;
             font-family: 'gilroy-light';
+            align-items: center;
             label{
-                width: 50%;
+                width: 60%;
                 text-transform: lowercase;
                 font-size: 0.7rem;
                 font-family: 'gilroy-light';
-                padding-bottom: 0.2rem;
+                // padding-bottom: 0.2rem;
+                
             }
             select{
                 background-color: white;
@@ -100,18 +107,43 @@
                     width: 100%;
                 }
             }
+            
         }
         .js-form-type-textfield{
+            flex-direction: column;
+            padding-top: 0.8rem;
+           
             label{
-
+                display: flex;
+                flex-direction: row;
                 text-transform: lowercase;
                 font-size: 0.7rem;
                 font-family: 'gilroy-light';
                 padding-bottom: 0.2rem;
+                &::after{
+                    content: "";
+                    display: block;
+                    background: url("../img/loupe.svg");
+                    background-repeat: no-repeat;
+                    width: 38px;
+                    height: 30px;
+                    margin-left: 0.5rem;
+                }
+            }
+            input#edit-combine--3,
+            input#edit-combine--2{
+                max-width: 100%;
+                height: 25px;
+                width: 96%;
+            }
+            &.js-form-item{
+                @media(max-width: 810px){
+                flex-direction: column;
+                }
             }
         }
         .form-actions{
-            padding-top:1rem ;
+            padding-top:0rem ;
             display: flex;
             flex-direction: row;
             justify-content: space-between;
@@ -134,3 +166,40 @@
         }
     }
 }
+
+.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%;
         }
@@ -232,7 +236,13 @@ header[role="banner"]{
                     }
                     @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{
-                                    align-self: end;
-                                    font-size: 2.5rem;
-                                    display: inline-block; /* Permet d'utiliser height */
-                                    line-height: 0; /* Assure que la hauteur est minimale */
-                                    transform: translateX(1rem);
-                                    @media(max-width:1100px){
-                                        transform: translateY(18.6rem);
-                                    }
-                                    @media(max-width:1080px){
-                                        transform: translateY(18.3rem);
-                                    }
-                                    @media(min-width:809px){
-                                        transform: translateY(20.7rem);
-                                    }
-                                    @media(max-width:770px){
-                                        align-self: center;
-                                        font-size: 2.5rem;
-                                        display: inline-block;
-                                        line-height: 0;
-                                        transform: translateY(21.2rem);
-                                        padding-right: 3rem;
-                                    }
-                                    // @media(max-width:290px){
-                                    //     transform: translateY(22.2rem);
-                                    // }
+                                // .border-symbol{
+                                //     align-self: end;
+                                //     font-size: 2.5rem;
+                                //     display: inline-block; /* Permet d'utiliser height */
+                                //     line-height: 0; /* Assure que la hauteur est minimale */
+                                //     transform: translateX(1rem);
+                                //     @media(max-width:1100px){
+                                //         transform: translateY(18.6rem);
+                                //     }
+                                //     @media(max-width:1080px){
+                                //         transform: translateY(18.3rem);
+                                //     }
+                                //     @media(min-width:809px){
+                                //         transform: translateY(20.7rem);
+                                //     }
+                                //     @media(max-width:770px){
+                                //         align-self: center;
+                                //         font-size: 2.5rem;
+                                //         display: inline-block;
+                                //         line-height: 0;
+                                //         transform: translateY(21.2rem);
+                                //         padding-right: 3rem;
+                                //     }
+                                //     // @media(max-width:290px){
+                                //     //     transform: translateY(22.2rem);
+                                //     // }
                                     
                                     
-                                }
+                                // }
                                 // border-bottom: solid black 1px;
                                 // &:before{
                                 //     content:".";

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

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

@@ -9,7 +9,7 @@ let config = {
        
         // "./src/assets/js/animated_logo.js",
         "./src/assets/js/animated_formes.js",
-        "./src/assets/scss/quartiers_de_demain.scss",
+        "./src/assets/scss/quartiers_de_demain.scss", 
         // "./src/assets/fonts/*",
         // "./src/assets/css/animated_logo.css",