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/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;
@@ -833,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;
@@ -890,7 +902,7 @@ footer {
   .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;
   }
 }
@@ -982,9 +994,15 @@ footer {
   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;
@@ -1154,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);
@@ -1484,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;
@@ -1498,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;
@@ -1707,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;
@@ -1717,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 {
@@ -1785,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 {
@@ -1796,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 {
@@ -1927,10 +1933,16 @@ footer {
   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.5rem;
+  padding-left: 0.4rem;
   font-size: 1.8rem;
   height: fit-content;
 }
@@ -3213,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) {
@@ -3223,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;
@@ -3234,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;
@@ -3241,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;
@@ -3412,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;
@@ -4079,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;
 }
@@ -4400,6 +4419,23 @@ main {
     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;
@@ -4466,29 +4502,29 @@ main {
 #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éo .views-row {
+#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éo .views-row .views-field-field-liens {
+#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 {
@@ -4620,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 {
@@ -4748,10 +4786,16 @@ main {
   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.5rem;
+  padding-left: 0.4rem;
   font-size: 1.8rem;
   height: fit-content;
 }

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/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;
@@ -267,11 +269,18 @@
                                     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.5rem;
+                                        padding-left: 0.4rem;
                                         font-size: 1.8rem;
                                         height: fit-content;
                                     }

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

@@ -198,6 +198,25 @@
                             @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{
@@ -262,7 +281,7 @@
                         }
                        
                     }
-                    &.type-Vidéo{
+                    &.type-Vidéos{
                         .views-row{
                             width: 43%;
                             margin: 1rem;

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,7 +23,7 @@
     }
     .content-actus{
         .slick-list{
-            padding-bottom: 4rem;
+            padding-bottom: 1rem;
             @media(max-width: 810px){
                 padding-bottom: 0rem;
             }
@@ -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;
@@ -246,11 +249,19 @@
                             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.5rem;
+                                padding-left: 0.4rem;
                                 font-size: 1.8rem;
                                 height: fit-content;
                             }
@@ -270,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%;
@@ -54,7 +57,7 @@
 
                 @media(max-width: 810px){
                     display: flex;
-                    flex-direction: column;
+                    flex-direction: row;
                     justify-content: space-between;
                 }
                 label{
@@ -133,9 +136,14 @@
                 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;

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