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(() => {
+    // 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,26 +279,29 @@ document.addEventListener('DOMContentLoaded', function() {
 
 
 
-//// ancre dans texte au click paragraphe correspondant arrive en dessous du header 
 
 
 (function($, window) {
-var adjustAnchor = function() {
+
+
+//// 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() {
+    $(window).on('hashchange', function() {
         adjustAnchor();
-});
+    });
 
 
 ////////////////////////  start script smooth apparition des textes /////////////////
 
-function scrollReaveal(){
+  function scrollReaveal(){
 
     const nodes = {
       logo : document.querySelectorAll('#logo-animated-container'),
@@ -321,12 +339,12 @@ function scrollReaveal(){
     ScrollReveal().reveal(nodes.lienDoc, showUp);
     ScrollReveal().reveal(nodes.lienURL, showUp);
 
-}
+  }
 
 
-$( document ).ready(function() {
+  $( document ).ready(function() {
     scrollReaveal();
-});
+  });
 
 ////////////////////////  end script smooth apparition des textes /////////////////
 
@@ -385,7 +403,7 @@ $( document ).ready(function() {
 
   // Aller au 9e élément à l'initialisation
   $('.__timeline-content').on('init', function(event, slick){
-    slick.slickGoTo(8); // Index 8 = 9e item
+    slick.slickGoTo(9); // Index 8 = 9e item
   });
 
     $('.__timeline-content').slick({
@@ -876,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);
@@ -929,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'
       }
     })
   }
@@ -1042,6 +1067,23 @@ $(document).ready(function () {
 
 // /////////// 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;
@@ -990,7 +1002,7 @@ footer {
 }
 .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;
@@ -1709,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 {
@@ -1777,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 {
@@ -1791,6 +1803,7 @@ footer {
   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 {
@@ -1920,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;
 }
@@ -3206,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) {
@@ -3216,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;
@@ -3227,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;
@@ -3234,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;
@@ -4392,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;
@@ -4615,6 +4659,7 @@ main {
   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 {
@@ -4741,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

@@ -167,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(() => {
+    // 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,26 +221,29 @@ document.addEventListener('DOMContentLoaded', function() {
 
 
 
-//// ancre dans texte au click paragraphe correspondant arrive en dessous du header 
 
 
 (function($, window) {
-var adjustAnchor = function() {
+
+
+//// 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() {
+    $(window).on('hashchange', function() {
         adjustAnchor();
-});
+    });
 
 
 ////////////////////////  start script smooth apparition des textes /////////////////
 
-function scrollReaveal(){
+  function scrollReaveal(){
 
     const nodes = {
       logo : document.querySelectorAll('#logo-animated-container'),
@@ -263,12 +281,12 @@ function scrollReaveal(){
     ScrollReveal().reveal(nodes.lienDoc, showUp);
     ScrollReveal().reveal(nodes.lienURL, showUp);
 
-}
+  }
 
 
-$( document ).ready(function() {
+  $( document ).ready(function() {
     scrollReaveal();
-});
+  });
 
 ////////////////////////  end script smooth apparition des textes /////////////////
 
@@ -327,7 +345,7 @@ $( document ).ready(function() {
 
   // Aller au 9e élément à l'initialisation
   $('.__timeline-content').on('init', function(event, slick){
-    slick.slickGoTo(8); // Index 8 = 9e item
+    slick.slickGoTo(9); // Index 8 = 9e item
   });
 
     $('.__timeline-content').slick({
@@ -818,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);
@@ -871,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'
       }
     })
   }
@@ -984,6 +1009,23 @@ $(document).ready(function () {
 
 // /////////// 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

@@ -61,3 +61,11 @@ $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

@@ -121,6 +121,7 @@
                                                 }
                                             }
                                             blockquote.image-field-caption{
+                                                display: none;
                                                 margin: 0;
                                                 p{
                                                     margin-top: 0;
@@ -268,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/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{

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

@@ -23,7 +23,7 @@
     }
     .content-actus{
         .slick-list{
-            padding-bottom: 4rem;
+            padding-bottom: 1rem;
             @media(max-width: 810px){
                 padding-bottom: 0rem;
             }
@@ -85,7 +85,7 @@
                                     .cadre-img-zoom{
                                         display: flex;
                                         margin: auto;
-                                        width: 250px;
+                                        width: 150px;
                                         height: auto;
                                         img{
                                             width: 100%;
@@ -99,6 +99,7 @@
                                         }
                                     }
                                     blockquote.image-field-caption{
+                                        display: none;
                                         margin: 0;
                                         p{
                                             margin-top: 0;
@@ -248,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;
                             }

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%;
@@ -140,7 +143,7 @@
             }
         }
         .form-actions{
-            padding-top:1rem ;
+            padding-top:0rem ;
             display: flex;
             flex-direction: row;
             justify-content: space-between;