diff --git a/web/themes/custom/eql/dist/assets/bundle.js b/web/themes/custom/eql/dist/assets/bundle.js
index e7929e6..68303e5 100644
--- a/web/themes/custom/eql/dist/assets/bundle.js
+++ b/web/themes/custom/eql/dist/assets/bundle.js
@@ -36,7 +36,7 @@ eval("/**\n * @file\n * External links js file.\n */\n\n (function ($, Drupal, d
   \*************************/
 /***/ (function() {
 
-eval("\nconsole.log('salut');\n// menu burger open\n\nvar burger = document.getElementById(\"block-burger\");\nvar burgertitle = document.getElementById(\"block-burger-menu\");\n\n\nburgertitle.addEventListener(\"click\", toggleMenu);\n\nfunction toggleMenu(event) {\n  // console.log(event);\n  burger.classList.toggle('opened');\n}\n\n//////////////////////////\n// faq reponse open \n\nvar answers = document.getElementsByClassName(\"field--name-field-reponse\");\nvar fichiers = document.getElementsByClassName(\"field--name-field-fichiers\");\nvar questions = document.getElementsByClassName(\"field--name-field-question\");\n\nfor (let i = 0; i < questions.length; i++) {\n  const question = questions[i]\n  question.addEventListener(\"click\", toggleFaq);\n}\nfunction toggleFaq(event) {\n  // console.log(event, this);\n  // fermé tout\n  for (let i = 0; i < answers.length; i++) {\n    answers[i].classList.remove('opened');  \n  }\n  // la réponse correspndante a la question clické\n  //           | this c'est l'élément sur le quel on a clické\n  //           |    |le parent |la réponse dans le parent\n  let answer = this.parentNode.querySelector('.field--name-field-reponse');\n  // console.log(answer); \n  answer.classList.add('opened');\n\n}\n///// répète fonction pour les fichiers, les liens et ressources\n//// il faudrait créer un tableau d'objet ?\n\nvar fichiers = document.getElementsByClassName(\"field--name-field-fichiers\");\nvar questions = document.getElementsByClassName(\"field--name-field-question\");\n\nfor (let i = 0; i < questions.length; i++) {\n  const question = questions[i]\n  question.addEventListener(\"click\", toggleFaqFichiers);\n}\nfunction toggleFaqFichiers(event) {\n  // console.log(event, this);\nfor (let i = 0; i < fichiers.length; i++) {\n  fichiers[i].classList.remove('opened');  \n}\nlet fichier = this.parentNode.querySelector('.field--name-field-fichiers');\n\nfichier.classList.add('opened');\n}\n\n\n////////////////////////\nvar liens = document.getElementsByClassName(\"field--name-field-liens\");\nvar questions = document.getElementsByClassName(\"field--name-field-question\");\n\nfor (let i = 0; i < questions.length; i++) {\n  const question = questions[i]\n  question.addEventListener(\"click\", toggleFaqLiens);\n}\nfunction toggleFaqLiens(event) {\n  // console.log(event, this);\nfor (let i = 0; i < liens.length; i++) {\n  liens[i].classList.remove('opened');  \n}\nlet lien = this.parentNode.querySelector('.field--name-field-liens');\n \nlien.classList.add('opened');\n}\n\n//////////////////////\nvar ressources = document.getElementsByClassName(\"field--name-field-ress\");\nvar questions = document.getElementsByClassName(\"field--name-field-question\");\n\nfor (let i = 0; i < questions.length; i++) {\n  const question = questions[i]\n  question.addEventListener(\"click\", toggleFaqRessources);\n}\nfunction toggleFaqRessources(event) {\n  // console.log(event, this);\nfor (let i = 0; i < resources.length; i++) {\n  ressources[i].classList.remove('opened');  \n}\nlet ressource = this.parentNode.querySelector('.field--name-field-ress');\n\nressource.classList.add('opened');\n}\n\n///////////////////////////////\n////////////////////////////////\n// fleche qui tourne faq\n\n// var questions = document.getElementsByClassName(\"field--name-field-question\");\n// var paragraph = document.querySelector('.field--name-field-question p::after');\n// console.log(paragraph)\n// var styles = window.getComputedStyle(element,':after')\n// console.log(styles)\n// var content = styles['content']\n// console.log(content)\n\n\n// for (let i = 0; i < questions.length; i++) {\n//   const question = questions[i]\n//   question.addEventListener(\"click\", rotateFleche);\n// }\n// function rotateFleche(event) {\n//   console.log(event, this);\n//   // for (let i = 0; i < answers.length; i++) {\n//   //   answers[i].classList.remove('opened');  \n//   // }\n// }\n\n//////////////////////////////////////////\n// block collection reste bleu quand actif\n     \njQuery(function($) {\n    var path = window.location.href; // because the 'href' property of the DOM element is the absolute path\n  console.log(path);\n  $(\".view-id-collections .view-content .views-row a\").each(function() {\n   if (this.href === path) {\n    $(this).parent().closest('.views-row').addClass('active');\n   }\n  });\n });\n\n// /////////////////\n//// ancre dans texte au click parragraphe correspondant arrive en dessous du header \n\n\n(function($, window) {\n  var adjustAnchor = function() {\n      var $anchor = $('.block-entity-fieldnodefield-textes'),\n              fixedElementHeight = 350;\n      if ($anchor.length > 0) {\n          $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);\n      }\n  };\n\n  $(window).on('hashchange', function() {\n      adjustAnchor();\n  });\n\n})(jQuery, window);\n\n\n// ///////////////////////////////\n\n\n//  slideshow home // marche pas. attention ai rajouter des class dans template views.view.html.twig et views-view-actus-blocks-pages--block-1.html.twig\n\n(function($, window) {\n  console.log('hello')\n  $(document).ready(function(){\n      $('.path-frontpage .view-actus-blocks-pages .view-content').slick({\n        slidesToShow: 1,\n        // slidesToScroll: 1,\n        dots: true,\n        arrows: true,\n        centerMode: true,\n        // centerPadding: '100px',\n        responsive: [\n          {\n            breakpoint: 810,\n            settings: {\n              slidesToShow: 1,\n              adaptiveHeight: true,\n              arrows: false,\n              draggable: true,\n              centerMode: true,\n            }\n          }]\n      });\n      console.log('salut slick home');\n\n\n      $('.page-node-type-actualite .block-entity-fieldnodefield-images .field--type-image').slick({\n        dots: true,\n        arrows: true,\n        adaptiveHeight: true,\n        responsive: [\n          {\n            breakpoint: 800,\n            settings: {\n              adaptiveHeight: true\n            }\n          }]\n      });\n      console.log('salut slick actus');\n\n\n      $('.page-node-type-projet .block-entity-fieldnodefield-photo .field--type-image').slick({\n        slidesToShow: 1,\n        dots: true,\n        arrows: false,\n        draggable: true,\n        adaptiveHeight: true,\n        responsive: [\n          {\n            breakpoint: 800,\n            settings: {\n              adaptiveHeight: true\n            }\n          }]\n      });\n      console.log('salut slick projets');\n\n      $('.path-ressources .view:not(.view-partenaires) .view-content .view-type-ressource-slide .views-row-wrapper').slick({\n        slidesToShow: 3,\n        dots: false,\n        arrows: true,\n        infinite: false,\n        centerMode: false,\n        // responsive: [\n        //   {\n        //     breakpoint: 810,\n        //     settings: {\n        //       slidesToShow: 3,\n        //       arrows: false,\n        //       draggable: true,\n        //       centerMode: true,\n        //     }\n        //   }]\n        });\n      console.log('salut slick ressource');\n\n  });\n\n\n// //////// start class à views-row-wrapper ////////\n$(document).ready(function () {\n  $(\".views-row-wrapper\").each(function () {\n    let h3 = $(this).prev(\"h3\");\n    let link = h3.find(\"a\");\n    if (link.length) {\n      let text = link.text().trim();\n      let className = text\n        .toLowerCase()\n        .normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\") // enlever les accents\n        .replace(/[^a-z0-9]+/g, '-') // remplacer tout ce qui n'est pas a-z0-9 par -\n        .replace(/(^-|-$)/g, ''); // enlever tirets début/fin\n\n      $(this).addClass('type-' + className);\n            // Ajouter la même classe sur le <h3>\n            h3.addClass('type-' + className);\n    }\n  });\n\n\n  $(\".wrapper-ressource\").each(function(){\n    let media = $(this).find(\".field--name-field-type-de-media\");\n\n    // console.log(media);\n    \n    let mediaText = media.text().trim();\n    let className = mediaText\n    .toLowerCase()\n    .normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\") // enlever les accents\n    .replace(/[^a-z0-9]+/g, '-') // remplacer tout ce qui n'est pas a-z0-9 par -\n    .replace(/(^-|-$)/g, ''); // enlever tirets début/fin\n    // console.log(mediaText);\n    $(this).addClass('type-media-' + className);\n  });\n\n});\n// /////// end class à views-row-wrapper ///////\n\n\n/////////////// start ouverture liens externes vers nouvel onglet //////////////////\ndocument.querySelectorAll('a[href^=\"http\"]').forEach(link => {\n  if (!link.href.includes(location.hostname)) {\n    link.setAttribute('target', '_blank');\n    link.setAttribute('rel', 'noopener noreferrer');\n  }\n});\n\n/////////////// end ouverture liens externes vers nouvel onglet //////////////////\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const form = document.querySelector(\".views-exposed-form\");\n\n  // console.log(form);\n\n  if (form) {\n    form.setAttribute(\"action\", form.action.split(\"#\")[0] + \"#filtres\");\n  }\n  if (window.location.hash === \"#filtres\") {\n    const target = document.getElementById(\"filtres\");\n    if (target) {\n      // target.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n      const offset = 300;\n      const top = target.getBoundingClientRect().top + window.pageYOffset - offset;\n\n      window.scrollTo({\n        top: top,\n        behavior: \"smooth\"\n      });\n    }\n  }\n\n  document.querySelectorAll(\".view-type-ressource-slide\").forEach(view => {\n    const h3Content = view.querySelector(\"h3 > a\")?.textContent.trim();\n\n    view.querySelectorAll(\".field--name-field-type-de-ressource\").forEach(field => {\n      const fieldText = field.textContent.trim();\n\n      if (fieldText === h3Content) {\n        field.style.display = \"none\";\n      }\n    });\n  });\n\n});\n\n})(jQuery, window);\n\n\n\n//# sourceURL=webpack://dev.eql.fr/./scripts/main.js?");
+eval("\nconsole.log('salut');\n// menu burger open\n\nvar burger = document.getElementById(\"block-burger\");\nvar burgertitle = document.getElementById(\"block-burger-menu\");\n\n\nburgertitle.addEventListener(\"click\", toggleMenu);\n\nfunction toggleMenu(event) {\n  // console.log(event);\n  burger.classList.toggle('opened');\n}\n\n//////////////////////////\n// faq reponse open \n\nvar answers = document.getElementsByClassName(\"field--name-field-reponse\");\nvar fichiers = document.getElementsByClassName(\"field--name-field-fichiers\");\nvar questions = document.getElementsByClassName(\"field--name-field-question\");\n\nfor (let i = 0; i < questions.length; i++) {\n  const question = questions[i]\n  question.addEventListener(\"click\", toggleFaq);\n}\nfunction toggleFaq(event) {\n  // console.log(event, this);\n  // fermé tout\n  for (let i = 0; i < answers.length; i++) {\n    answers[i].classList.remove('opened');  \n  }\n  // la réponse correspndante a la question clické\n  //           | this c'est l'élément sur le quel on a clické\n  //           |    |le parent |la réponse dans le parent\n  let answer = this.parentNode.querySelector('.field--name-field-reponse');\n  // console.log(answer); \n  answer.classList.add('opened');\n\n}\n///// répète fonction pour les fichiers, les liens et ressources\n//// il faudrait créer un tableau d'objet ?\n\nvar fichiers = document.getElementsByClassName(\"field--name-field-fichiers\");\nvar questions = document.getElementsByClassName(\"field--name-field-question\");\n\nfor (let i = 0; i < questions.length; i++) {\n  const question = questions[i]\n  question.addEventListener(\"click\", toggleFaqFichiers);\n}\nfunction toggleFaqFichiers(event) {\n  // console.log(event, this);\nfor (let i = 0; i < fichiers.length; i++) {\n  fichiers[i].classList.remove('opened');  \n}\nlet fichier = this.parentNode.querySelector('.field--name-field-fichiers');\n\nfichier.classList.add('opened');\n}\n\n\n////////////////////////\nvar liens = document.getElementsByClassName(\"field--name-field-liens\");\nvar questions = document.getElementsByClassName(\"field--name-field-question\");\n\nfor (let i = 0; i < questions.length; i++) {\n  const question = questions[i]\n  question.addEventListener(\"click\", toggleFaqLiens);\n}\nfunction toggleFaqLiens(event) {\n  // console.log(event, this);\nfor (let i = 0; i < liens.length; i++) {\n  liens[i].classList.remove('opened');  \n}\nlet lien = this.parentNode.querySelector('.field--name-field-liens');\n \nlien.classList.add('opened');\n}\n\n//////////////////////\nvar ressources = document.getElementsByClassName(\"field--name-field-ress\");\nvar questions = document.getElementsByClassName(\"field--name-field-question\");\n\nfor (let i = 0; i < questions.length; i++) {\n  const question = questions[i]\n  question.addEventListener(\"click\", toggleFaqRessources);\n}\nfunction toggleFaqRessources(event) {\n  // console.log(event, this);\nfor (let i = 0; i < resources.length; i++) {\n  ressources[i].classList.remove('opened');  \n}\nlet ressource = this.parentNode.querySelector('.field--name-field-ress');\n\nressource.classList.add('opened');\n}\n\n///////////////////////////////\n////////////////////////////////\n// fleche qui tourne faq\n\n// var questions = document.getElementsByClassName(\"field--name-field-question\");\n// var paragraph = document.querySelector('.field--name-field-question p::after');\n// console.log(paragraph)\n// var styles = window.getComputedStyle(element,':after')\n// console.log(styles)\n// var content = styles['content']\n// console.log(content)\n\n\n// for (let i = 0; i < questions.length; i++) {\n//   const question = questions[i]\n//   question.addEventListener(\"click\", rotateFleche);\n// }\n// function rotateFleche(event) {\n//   console.log(event, this);\n//   // for (let i = 0; i < answers.length; i++) {\n//   //   answers[i].classList.remove('opened');  \n//   // }\n// }\n\n//////////////////////////////////////////\n// block collection reste bleu quand actif\n     \njQuery(function($) {\n    var path = window.location.href; // because the 'href' property of the DOM element is the absolute path\n  console.log(path);\n  $(\".view-id-collections .view-content .views-row a\").each(function() {\n   if (this.href === path) {\n    $(this).parent().closest('.views-row').addClass('active');\n   }\n  });\n });\n\n// /////////////////\n//// ancre dans texte au click parragraphe correspondant arrive en dessous du header \n\n\n(function($, window) {\n  var adjustAnchor = function() {\n      var $anchor = $('.block-entity-fieldnodefield-textes'),\n              fixedElementHeight = 350;\n      if ($anchor.length > 0) {\n          $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);\n      }\n  };\n\n  $(window).on('hashchange', function() {\n      adjustAnchor();\n  });\n\n})(jQuery, window);\n\n\n// ///////////////////////////////\n\n\n//  slideshow home // marche pas. attention ai rajouter des class dans template views.view.html.twig et views-view-actus-blocks-pages--block-1.html.twig\n\n(function($, window) {\n  console.log('hello')\n  $(document).ready(function(){\n      $('.path-frontpage .view-actus-blocks-pages .view-content .view-type-slide .views-row-wrapper').slick({\n        slidesToShow: 1,\n        // slidesToScroll: 1,\n        dots: true,\n        arrows: true,\n        centerMode: true,\n        // centerPadding: '100px',\n        responsive: [\n          {\n            breakpoint: 810,\n            settings: {\n              slidesToShow: 1,\n              adaptiveHeight: true,\n              arrows: false,\n              draggable: true,\n              centerMode: true,\n            }\n          }]\n      });\n      console.log('salut slick home');\n\n\n      $('.page-node-type-actualite .block-entity-fieldnodefield-images .field--type-image').slick({\n        dots: true,\n        arrows: true,\n        adaptiveHeight: true,\n        responsive: [\n          {\n            breakpoint: 800,\n            settings: {\n              adaptiveHeight: true\n            }\n          }]\n      });\n      console.log('salut slick actus');\n\n\n      $('.page-node-type-projet .block-entity-fieldnodefield-photo .field--type-image').slick({\n        slidesToShow: 1,\n        dots: true,\n        arrows: false,\n        draggable: true,\n        adaptiveHeight: true,\n        responsive: [\n          {\n            breakpoint: 800,\n            settings: {\n              adaptiveHeight: true\n            }\n          }]\n      });\n      console.log('salut slick projets');\n\n      $('.path-ressources .view:not(.view-partenaires) .view-content .view-type-slide .views-row-wrapper').slick({\n        slidesToShow: 3,\n        dots: false,\n        arrows: true,\n        infinite: false,\n        centerMode: false,\n        // responsive: [\n        //   {\n        //     breakpoint: 810,\n        //     settings: {\n        //       slidesToShow: 3,\n        //       arrows: false,\n        //       draggable: true,\n        //       centerMode: true,\n        //     }\n        //   }]\n        });\n      console.log('salut slick ressource');\n\n  });\n\n\n// //////// start class à views-row-wrapper ////////\n$(document).ready(function () {\n  $(\".views-row-wrapper\").each(function () {\n    let h3 = $(this).prev(\"h3\");\n    let link = h3.find(\"a\");\n    if (link.length) {\n      let text = link.text().trim();\n      let className = text\n        .toLowerCase()\n        .normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\") // enlever les accents\n        .replace(/[^a-z0-9]+/g, '-') // remplacer tout ce qui n'est pas a-z0-9 par -\n        .replace(/(^-|-$)/g, ''); // enlever tirets début/fin\n\n      $(this).addClass('type-' + className);\n            // Ajouter la même classe sur le <h3>\n            h3.addClass('type-' + className);\n    }\n  });\n\n\n  $(\".wrapper-ressource\").each(function(){\n    let media = $(this).find(\".field--name-field-type-de-media\");\n\n    // console.log(media);\n    \n    let mediaText = media.text().trim();\n    let className = mediaText\n    .toLowerCase()\n    .normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\") // enlever les accents\n    .replace(/[^a-z0-9]+/g, '-') // remplacer tout ce qui n'est pas a-z0-9 par -\n    .replace(/(^-|-$)/g, ''); // enlever tirets début/fin\n    // console.log(mediaText);\n    $(this).addClass('type-media-' + className);\n  });\n\n});\n// /////// end class à views-row-wrapper ///////\n\n\n/////////////// start ouverture liens externes vers nouvel onglet //////////////////\ndocument.querySelectorAll('a[href^=\"http\"]').forEach(link => {\n  if (!link.href.includes(location.hostname)) {\n    link.setAttribute('target', '_blank');\n    link.setAttribute('rel', 'noopener noreferrer');\n  }\n});\n\n/////////////// end ouverture liens externes vers nouvel onglet //////////////////\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const form = document.querySelector(\".views-exposed-form\");\n\n  // console.log(form);\n\n  if (form) {\n    form.setAttribute(\"action\", form.action.split(\"#\")[0] + \"#filtres\");\n  }\n  if (window.location.hash === \"#filtres\") {\n    const target = document.getElementById(\"filtres\");\n    if (target) {\n      // target.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n      const offset = 300;\n      const top = target.getBoundingClientRect().top + window.pageYOffset - offset;\n\n      window.scrollTo({\n        top: top,\n        behavior: \"smooth\"\n      });\n    }\n  }\n\n  document.querySelectorAll(\".view-type-ressource-slide\").forEach(view => {\n    const h3Content = view.querySelector(\"h3 > a\")?.textContent.trim();\n\n    view.querySelectorAll(\".field--name-field-type-de-ressource\").forEach(field => {\n      const fieldText = field.textContent.trim();\n\n      if (fieldText === h3Content) {\n        field.style.display = \"none\";\n      }\n    });\n  });\n\n});\n\n})(jQuery, window);\n\n\n\n//# sourceURL=webpack://dev.eql.fr/./scripts/main.js?");
 
 /***/ })
 
diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css
index 41bd307..9f06d7c 100644
--- a/web/themes/custom/eql/dist/assets/css/bundle.css
+++ b/web/themes/custom/eql/dist/assets/css/bundle.css
@@ -838,60 +838,60 @@ svg.ext {
   width: 80%;
   margin: auto;
 }
-.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content {
+.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
 }
 @media (max-width: 810px) {
-  .path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content {
+  .path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper {
     flex-direction: column;
   }
 }
-.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row {
+.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row {
   width: 49%;
 }
 @media (max-width: 810px) {
-  .path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row {
+  .path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row {
     width: 100%;
     margin-bottom: 3rem;
   }
 }
-.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet {
+.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet {
   color: rgb(9, 57, 139);
   line-height: 1.5rem;
 }
 @media (max-width: 479px) {
-  .path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet {
+  .path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet {
     padding-left: 0rem;
     padding-right: 0rem;
     padding-top: 2rem;
   }
 }
-.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child {
+.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child {
   display: flex;
   flex-direction: column;
   max-height: fit-content;
 }
-.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child a {
+.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child a {
   color: rgb(9, 57, 139);
 }
-.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-photo {
+.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-photo {
   order: 1;
 }
-.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-photo .field__item {
+.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-photo .field__item {
   display: none;
 }
-.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-photo .field__item:first-child {
+.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-photo .field__item:first-child {
   display: block;
 }
-.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-photo img {
+.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-photo img {
   width: 100%;
   height: auto;
   max-height: 400px;
   object-fit: cover;
 }
-.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-adresse {
+.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-adresse {
   order: 2;
   display: flex;
   text-transform: uppercase;
@@ -900,67 +900,67 @@ svg.ext {
   margin-top: 0.8rem;
   line-height: 0.6rem;
 }
-.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-adresse .address {
+.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-adresse .address {
   display: flex;
   flex-direction: row;
   margin: 0;
 }
-.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-adresse .address .locality {
+.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-adresse .address .locality {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
 }
-.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-adresse .address .locality::after {
+.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-adresse .address .locality::after {
   content: ",";
   margin-right: 0.3rem;
 }
-.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-adresse .address .country {
+.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-adresse .address .country {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
 }
-.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-sous-titre {
+.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-sous-titre {
   margin-top: 0.8rem;
   font-size: 0.9rem;
   font-weight: 800;
   order: 4;
 }
-.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-title {
+.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-title {
   order: 3;
   margin-top: 0.8rem;
   font-size: 0.9rem;
   font-weight: 800;
 }
-.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-title h2 {
+.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-title h2 {
   margin: 0;
 }
-.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-incube {
+.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-incube {
   order: 4;
   color: rgb(225, 0, 15);
   margin-top: 0.8rem;
   font-size: 0.7rem;
 }
-.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-region {
+.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-region {
   display: none;
   order: 5;
   color: rgb(0, 0, 0);
   font-size: 0.7rem;
 }
-.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-type-de-moa {
+.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-type-de-moa {
   display: none;
   order: 6;
 }
-.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-type-de-moa a {
+.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-type-de-moa a {
   color: rgb(0, 0, 0);
   font-size: 0.7rem;
 }
-.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-type-de-projet {
+.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-type-de-projet {
   display: none;
   order: 7;
 }
-.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-type-de-projet a {
+.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-type-de-projet a {
   color: rgb(0, 0, 0);
   font-size: 0.7rem;
 }
-.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-etape-du-projet {
+.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-etape-du-projet {
   display: none;
   order: 8;
   color: rgb(0, 0, 0);
@@ -1732,20 +1732,20 @@ svg.ext {
 .path-actualites .block-region-content .block-views {
   grid-column: 2;
 }
-.path-actualites .block-region-content .block-views .view-content {
+.path-actualites .block-region-content .block-views .view-content .view-type-slide .views-row-wrapper {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
 }
-.path-actualites .block-region-content .block-views .view-content .views-row {
+.path-actualites .block-region-content .block-views .view-content .view-type-slide .views-row-wrapper .views-row {
   width: 25%;
   flex: 0 0 25%;
 }
 @media (max-width: 810px) {
-  .path-actualites .block-region-content .block-views .view-content {
+  .path-actualites .block-region-content .block-views .view-content .view-type-slide .views-row-wrapper {
     flex-direction: column;
   }
-  .path-actualites .block-region-content .block-views .view-content .views-row {
+  .path-actualites .block-region-content .block-views .view-content .view-type-slide .views-row-wrapper .views-row {
     width: 100%;
   }
 }
@@ -4042,22 +4042,22 @@ svg.ext {
     padding-bottom: 1rem;
   }
 }
-.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content {
+.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .view-type-slide .views-row-wrapper {
   margin-top: 2rem;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
 }
 @media (max-width: 810px) {
-  .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content {
+  .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .view-type-slide .views-row-wrapper {
     flex-direction: column;
   }
 }
-.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .views-row {
+.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row {
   width: 25%;
 }
 @media (max-width: 810px) {
-  .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .views-row {
+  .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row {
     width: 100%;
   }
 }
diff --git a/web/themes/custom/eql/scripts/main.js b/web/themes/custom/eql/scripts/main.js
index 16380c2..0fb3b2f 100644
--- a/web/themes/custom/eql/scripts/main.js
+++ b/web/themes/custom/eql/scripts/main.js
@@ -160,7 +160,7 @@ jQuery(function($) {
 (function($, window) {
   console.log('hello')
   $(document).ready(function(){
-      $('.path-frontpage .view-actus-blocks-pages .view-content').slick({
+      $('.path-frontpage .view-actus-blocks-pages .view-content .view-type-slide .views-row-wrapper').slick({
         slidesToShow: 1,
         // slidesToScroll: 1,
         dots: true,
@@ -213,7 +213,7 @@ jQuery(function($) {
       });
       console.log('salut slick projets');
 
-      $('.path-ressources .view:not(.view-partenaires) .view-content .view-type-ressource-slide .views-row-wrapper').slick({
+      $('.path-ressources .view:not(.view-partenaires) .view-content .view-type-slide .views-row-wrapper').slick({
         slidesToShow: 3,
         dots: false,
         arrows: true,
diff --git a/web/themes/custom/eql/scss/pages/_home.scss b/web/themes/custom/eql/scss/pages/_home.scss
index e20015d..f1061f1 100644
--- a/web/themes/custom/eql/scss/pages/_home.scss
+++ b/web/themes/custom/eql/scss/pages/_home.scss
@@ -331,7 +331,7 @@
             .view-projets{
                 width: 80%;
                 margin: auto;
-                .view-content{
+                .view-content .view-type-slide .views-row-wrapper{
                     display: flex;
                     flex-direction: row;
                     justify-content: space-between;
diff --git a/web/themes/custom/eql/scss/pages/_lesprojets.scss b/web/themes/custom/eql/scss/pages/_lesprojets.scss
index e059314..7dd9d1e 100644
--- a/web/themes/custom/eql/scss/pages/_lesprojets.scss
+++ b/web/themes/custom/eql/scss/pages/_lesprojets.scss
@@ -149,7 +149,7 @@
                                 }
             
                                 //grille de projets
-                                .view-content{
+                                .view-content .view-type-slide .views-row-wrapper{
                                     margin-top: 2rem;
                                     display: flex;
                                     flex-direction: row;
diff --git a/web/themes/custom/eql/scss/pages/_toutesactualites.scss b/web/themes/custom/eql/scss/pages/_toutesactualites.scss
index 527f829..a1e2c26 100644
--- a/web/themes/custom/eql/scss/pages/_toutesactualites.scss
+++ b/web/themes/custom/eql/scss/pages/_toutesactualites.scss
@@ -12,7 +12,7 @@
 
         .block-views{
             grid-column: 2;
-            .view-content{
+            .view-content .view-type-slide .views-row-wrapper{
                 display: flex;
                 flex-direction: row;
                 flex-wrap: wrap;
diff --git a/web/themes/custom/eql/templates/views-view-unformatted.html.twig b/web/themes/custom/eql/templates/views-view-unformatted.html.twig
index e96547a..81dbfe3 100644
--- a/web/themes/custom/eql/templates/views-view-unformatted.html.twig
+++ b/web/themes/custom/eql/templates/views-view-unformatted.html.twig
@@ -21,7 +21,8 @@
   default_row_class ? 'views-row-wrapper',
   ]
 %}
-<div class="view-type-ressource-slide">
+<div class="view-type-slide">
+
 {% if title %}
   <h3>{{ title }}</h3>
 {% endif %}