diff --git a/web/themes/custom/eql/dist/assets/bundle.js b/web/themes/custom/eql/dist/assets/bundle.js
index 3eb9562..a94b3d8 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\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      $('.page-node-type-actualite .block-entity-fieldnodefield-images .field--type-image').slick({\n        dots: true,\n        arrows: false,\n        adaptiveHeight: true,\n        responsive: [\n          {\n            breakpoint: 800,\n            settings: {\n              adaptiveHeight: true\n            }\n          }]\n      });\n      console.log('salut slick actus');\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})(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').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      $('.page-node-type-actualite .block-entity-fieldnodefield-images .field--type-image').slick({\n        dots: true,\n        arrows: false,\n        adaptiveHeight: true,\n        responsive: [\n          {\n            breakpoint: 800,\n            settings: {\n              adaptiveHeight: true\n            }\n          }]\n      });\n      console.log('salut slick actus');\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\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// /////// end class à views-row-wrapper ///////\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 1278d98..d30cc4b 100644
--- a/web/themes/custom/eql/dist/assets/css/bundle.css
+++ b/web/themes/custom/eql/dist/assets/css/bundle.css
@@ -5314,12 +5314,12 @@ svg.ext {
   width: 100vw;
 }
 .path-ressources .layout-content .region-content {
-  width: 80%;
+  width: 100%;
   margin: auto;
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content {
-  display: grid;
-  grid-template-columns: 1fr repeat(4, 1fr) 1fr;
+  display: flex;
+  flex-direction: column;
 }
 @media (max-width: 479px) {
   .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content {
@@ -5328,8 +5328,8 @@ svg.ext {
   }
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block {
-  grid-column: 1/span 4;
-  margin-left: 1rem;
+  width: 60%;
+  margin: auto;
 }
 @media (max-width: 479px) {
   .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block {
@@ -5412,65 +5412,54 @@ svg.ext {
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 {
   margin-top: 2rem;
   width: 100%;
-  grid-column: 1/span 6;
 }
 @media (max-width: 479px) {
   .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 {
     order: 3;
   }
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees {
   display: flex;
   flex-direction: row;
-  flex-wrap: wrap;
+}
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters {
+  width: 20%;
   background-color: rgb(255, 255, 255);
   margin-top: 2rem;
   margin-left: 1rem;
   margin-bottom: 5rem;
 }
 @media (max-width: 479px) {
-  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters {
+  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters {
     margin-left: 0;
   }
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters::before {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters::before {
   content: "Filtrer par : ";
   padding-right: 1rem;
 }
 @media (max-width: 479px) {
-  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters::before {
+  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters::before {
     padding-bottom: 1rem;
   }
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 {
-  width: fit-content;
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters #views-exposed-form-base-de-donnees-block-1 {
   display: flex;
-  flex-direction: row;
+  flex-direction: column;
   flex-wrap: wrap;
   margin-top: 1rem;
 }
 @media (max-width: 479px) {
-  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 {
+  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters #views-exposed-form-base-de-donnees-block-1 {
     justify-content: center;
   }
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 .form-item {
-  padding: 0.5rem;
-  align-self: center;
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters #views-exposed-form-base-de-donnees-block-1 .js-form-item {
+  display: flex;
+  flex-direction: column;
+  max-width: 100%;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 input, .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 label {
-  margin: 0.5rem;
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 select, .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 input {
-  padding: 0.3rem;
-  margin: 0.5rem;
-}
-@media (max-width: 479px) {
-  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-field-mots-clefs-target-id {
-    width: 75vw;
-  }
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
@@ -5478,12 +5467,12 @@ svg.ext {
   margin-left: auto;
 }
 @media (max-width: 479px) {
-  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions {
+  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions {
     justify-content: center;
     margin: auto;
   }
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions #edit-submit-base-de-donnees {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions #edit-submit-base-de-donnees {
   background-color: rgb(0, 158, 227);
   color: white;
   text-transform: uppercase;
@@ -5492,12 +5481,12 @@ svg.ext {
   margin-left: 2rem;
 }
 @media (max-width: 479px) {
-  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions #edit-submit-base-de-donnees {
+  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions #edit-submit-base-de-donnees {
     margin: auto;
     margin-top: 1rem;
   }
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions #edit-reset {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions #edit-reset {
   background-color: rgb(0, 158, 227);
   color: white;
   text-transform: uppercase;
@@ -5507,22 +5496,30 @@ svg.ext {
   margin-left: 1rem;
 }
 @media (max-width: 479px) {
-  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions #edit-reset {
+  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions #edit-reset {
     margin: auto;
     margin-top: 1rem;
   }
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content {
   width: 100%;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row-wrapper {
+  display: flex;
+  flex-direction: row;
+}
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content h3 {
+  text-transform: uppercase;
+  color: rgb(9, 57, 139);
+}
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row {
   width: 25%;
   flex: 0 0 25%;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource {
   display: flex;
   flex-direction: column;
   border: 2px solid rgb(0, 158, 227);
@@ -5530,102 +5527,102 @@ svg.ext {
   margin-bottom: 1rem;
   padding: 1rem;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .ext {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .ext {
   color: black;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource svg.ext {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource svg.ext {
   display: none;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD {
   background-color: rgba(0, 158, 227, 0.2);
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource.type-de-ressource-Paroles-de-lauréats {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource.type-de-ressource-Paroles-de-lauréats {
   background-color: rgba(0, 158, 227, 0.2);
 }
 @media (max-width: 479px) {
-  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource {
+  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource {
     margin-left: 0;
   }
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource:hover {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource:hover {
   background-color: rgba(0, 0, 0, 0.15);
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-type-de-ressource {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-type-de-ressource {
   text-transform: uppercase;
   line-height: 1.1rem;
   margin-top: 0.5rem;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-type-de-ressource a {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-type-de-ressource a {
   color: rgb(0, 158, 227);
   font-weight: 900;
   font-size: 0.8rem;
   pointer-events: none;
   cursor: default;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-title {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-title {
   margin-top: 0.5rem;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-title h2 {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-title h2 {
   margin: 0;
   line-height: 1rem;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-title h2 a {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-title h2 a {
   color: rgb(0, 0, 0);
   font-size: 1rem;
   font-weight: 900;
   font-style: italic;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-auteur-s- {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-auteur-s- {
   margin-top: 0.5rem;
   font-weight: 800;
   line-height: 1.1rem;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-auteur-s- p {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-auteur-s- p {
   margin: 0;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-auteur-s- .field__label {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-auteur-s- .field__label {
   display: none;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-sous-titre {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-sous-titre {
   margin-top: 0.5rem;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-edition {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-edition {
   margin-top: 0.5rem;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-edition p {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-edition p {
   margin: 0;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-edition .field__label {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-edition .field__label {
   display: none;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-images {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-images {
   width: fit-content;
   border: 1px solid #a3a3a3;
   height: 100px;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-images .field__item {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-images .field__item {
   height: 100px;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-images img {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-images img {
   height: 100%;
   width: auto;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-date-de-parution {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-date-de-parution {
   margin-top: 0.3rem;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-mots-clefs {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-mots-clefs {
   display: flex;
   margin-top: 1rem;
   flex-direction: row;
   flex-wrap: wrap;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-mots-clefs .field__item {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-mots-clefs .field__item {
   margin-right: 0.5rem;
   padding-left: 0.3rem;
   padding-right: 0.3rem;
   font-size: 0.7rem;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-mots-clefs .field__item a {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-mots-clefs .field__item a {
   background: rgb(9, 57, 139);
   color: rgb(255, 255, 255);
   font-weight: 800;
@@ -5636,14 +5633,14 @@ svg.ext {
   pointer-events: none;
   cursor: default;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource ul.links.inline {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource ul.links.inline {
   display: none;
 }
 @media (max-width: 810px) {
-  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content {
+  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content {
     flex-direction: column;
   }
-  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row {
+  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row {
     width: 100%;
   }
 }
@@ -5994,13 +5991,13 @@ svg.ext {
     width: 100%;
   }
 }
-#fotter-bottom .region-footer-bottom-middle .view-id-partenaires .view-content {
+#fotter-bottom .region-footer-bottom-middle .view-id-partenaires .views-row-wrapper {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   flex-wrap: wrap;
 }
-#fotter-bottom .region-footer-bottom-middle .view-id-partenaires .view-content .node-type-partenaires_logo_footer_ {
+#fotter-bottom .region-footer-bottom-middle .view-id-partenaires .views-row-wrapper .node-type-partenaires_logo_footer_ {
   padding-right: 1rem;
   padding-bottom: 1rem;
 }
diff --git a/web/themes/custom/eql/scripts/main.js b/web/themes/custom/eql/scripts/main.js
index fcdb02d..fffac6f 100644
--- a/web/themes/custom/eql/scripts/main.js
+++ b/web/themes/custom/eql/scripts/main.js
@@ -132,10 +132,6 @@ jQuery(function($) {
   });
  });
 
-
-
-
-
 // /////////////////
 //// ancre dans texte au click parragraphe correspondant arrive en dessous du header 
 
@@ -213,5 +209,33 @@ jQuery(function($) {
       });
       console.log('salut slick projets');
   });
+
+
+// //////// start class à views-row-wrapper ////////
+$(document).ready(function () {
+  $(".views-row-wrapper").each(function () {
+    let h3 = $(this).prev("h3");
+    let link = h3.find("a");
+    if (link.length) {
+      let text = link.text().trim();
+      let className = text
+        .toLowerCase()
+        .normalize("NFD").replace(/[\u0300-\u036f]/g, "") // enlever les accents
+        .replace(/[^a-z0-9]+/g, '-') // remplacer tout ce qui n'est pas a-z0-9 par -
+        .replace(/(^-|-$)/g, ''); // enlever tirets début/fin
+
+      $(this).addClass('type-' + className);
+            // Ajouter la même classe sur le <h3>
+            h3.addClass('type-' + className);
+    }
+  });
+});
+// /////// end class à views-row-wrapper ///////
+
+
+
+
+
+
 })(jQuery, window);
 
diff --git a/web/themes/custom/eql/scss/pages/ressources.scss b/web/themes/custom/eql/scss/pages/ressources.scss
index ba99f3e..1ff552f 100644
--- a/web/themes/custom/eql/scss/pages/ressources.scss
+++ b/web/themes/custom/eql/scss/pages/ressources.scss
@@ -3,15 +3,17 @@
     .layout-content{
         width: 100vw;
         .region-content{
-            width: 80%;
+            width: 100%;
             margin: auto;
             #block-contenudelapageprincipale{
 
                 .layout--onecol{
                     .layout__region--content{
                         .block-region-content{
-                            display: grid;
-                            grid-template-columns: 1fr repeat(4, 1fr) 1fr;
+                            // display: grid;
+                            // grid-template-columns: 1fr repeat(4, 1fr) 1fr;
+                            display: flex;
+                            flex-direction: column;
                             @media (max-width: 479px){
                                 display: flex;
                                 flex-direction: column;
@@ -19,8 +21,8 @@
 
                             // texte présentation
                            .block-config-pages-block{
-                            grid-column: 1 / span 4;
-                            margin-left: 1rem;
+                            width: 60%;
+                            margin: auto;
                             @media (max-width:479px) {
                                 order: 1;
                                 margin-left: 0;
@@ -100,239 +102,238 @@
                             .block-views-blockbase-de-donnees-block-1{
                                 margin-top: 2rem;
                                 width: 100%;
-                                grid-column: 1 / span 6;
+
                                 @media (max-width:479px) {
                                     order: 3;
                                 }
-                                .view-filters{
+                                .view-base-de-donnees{
                                     display: flex;
                                     flex-direction: row;
-                                    flex-wrap: wrap;
-                                    background-color: $white;
-                                    margin-top: 2rem;
-                                    margin-left: 1rem;
-                                    margin-bottom: 5rem;
-                                    @media (max-width: 479px) {
-                                        margin-left: 0;                                                
-                                    }
-                                    &::before{
-                                        content: "Filtrer par : ";
-                                        padding-right: 1rem;
-                                        @media (max-width: 479px){
-                                            padding-bottom: 1rem;
+                                    .view-filters{
+                                        width: 20%;
+                                        background-color: $white;
+                                        margin-top: 2rem;
+                                        margin-left: 1rem;
+                                        margin-bottom: 5rem;
+                                        @media (max-width: 479px) {
+                                            margin-left: 0;                                                
+                                        }
+                                        &::before{
+                                            content: "Filtrer par : ";
+                                            padding-right: 1rem;
+                                            @media (max-width: 479px){
+                                                padding-bottom: 1rem;
+                                            }
+                                        }
+                                        #views-exposed-form-base-de-donnees-block-1{
+
+                                            // max-width: 20%;
+                                            display: flex;
+                                            flex-direction: column;
+                                            flex-wrap: wrap;
+                                            margin-top: 1rem;
+                                            @media (max-width: 479px){
+                                                justify-content: center;
+                                            }
+                                            .js-form-item{
+                                                display: flex;
+                                                flex-direction: column;
+                                                max-width: 100%;
+                                            }
+
+
+                                            #edit-actions{
+                                                display: flex;
+                                                flex-direction: column;
+                                                justify-content: space-between;
+                                                align-self: center;
+                                                margin-left: auto;
+                                                @media (max-width: 479px){
+                                                    justify-content: center;
+                                                    margin: auto;
+                                                }
+                                                #edit-submit-base-de-donnees{
+                                                    background-color: $blue-light; 
+                                                    color: white;
+                                                    text-transform: uppercase;
+                                                    border: none;
+                                                    padding: 0.3rem 0.7rem;
+                                                    margin-left: 2rem;
+
+                                                    @media (max-width: 479px){
+                                                        margin: auto;
+                                                        margin-top: 1rem;
+                                                    }
+                                                }
+                                                #edit-reset{
+                                                    background-color: $blue-light; 
+                                                    color: white;
+                                                    text-transform: uppercase;
+                                                    border: none;
+                                                    padding: 0.3rem 0.7rem;
+                                                    margin-top: 1rem;
+                                                    margin-left: 1rem;
+                                                    @media (max-width: 479px){
+                                                        margin: auto;
+                                                        margin-top: 1rem;
+                                                    }
+                                                }    
+                                            }
+                                            
                                         }
                                     }
-                                    #views-exposed-form-base-de-donnees-block-1{
-
-                                        width: fit-content;
+                                    .view-content{
+                                        width: 100%;
                                         display: flex;
                                         flex-direction: row;
                                         flex-wrap: wrap;
-                                        margin-top: 1rem;
-                                        @media (max-width: 479px){
-                                            justify-content: center;
-                                        }
-                                        .form-item{
-                                            padding: 0.5rem;
-                                            align-self: center;
-                                        }
-                                        input, label{
-                                            margin: 0.5rem;
-                                        }
-                                        select, input{
-                                            padding: 0.3rem;
-                                            margin:0.5rem;
-                                        }
-                                     
-                                        #edit-field-mots-clefs-target-id{
-                                            @media (max-width: 479px){
-                                                width: 75vw;
-                                            }
-                                        }
-
-                                        #edit-actions{
+                                        .views-row-wrapper{
                                             display: flex;
-                                            flex-direction: column;
-                                            justify-content: space-between;
-                                            align-self: center;
-                                            margin-left: auto;
-                                            @media (max-width: 479px){
-                                                justify-content: center;
-                                                margin: auto;
-                                            }
-                                            #edit-submit-base-de-donnees{
-                                                background-color: $blue-light; 
-                                                color: white;
-                                                text-transform: uppercase;
-                                                border: none;
-                                                padding: 0.3rem 0.7rem;
-                                                margin-left: 2rem;
-
-                                                @media (max-width: 479px){
-                                                    margin: auto;
-                                                    margin-top: 1rem;
-                                                }
-                                            }
-                                            #edit-reset{
-                                                background-color: $blue-light; 
-                                                color: white;
-                                                text-transform: uppercase;
-                                                border: none;
-                                                padding: 0.3rem 0.7rem;
-                                                margin-top: 1rem;
-                                                margin-left: 1rem;
-                                                @media (max-width: 479px){
-                                                    margin: auto;
-                                                    margin-top: 1rem;
-                                                }
-                                            }    
+                                            flex-direction: row;
                                         }
-                                        
-                                    }
-                                }
-                                .view-content{
-                                    width: 100%;
-                                    display: flex;
-                                    flex-direction: row;
-                                    flex-wrap: wrap;
-                                    .views-row{
-                                        width: 25%;
-                                        flex: 0 0 25%;  
-                                                                              
-                                        .node-type-ressource{
-                                            display: flex;
-                                            flex-direction: column;
-                                            border: 2px solid $blue-light;
-                                            margin-left: 1rem;
-                                            margin-bottom: 1rem ;
-                                            padding: 1rem;  
-                                            .ext{
-                                                color: black;
-                                            }
-                                            svg.ext{
-                                                display: none;
-                                            }
-                                            &.type-de-ressource-Publication-issue-du-programme-EQLD{
-                                                background-color: $background-actus;
-                                            }
-                                            &.type-de-ressource-Paroles-de-lauréats{
-                                                background-color: $background-actus;
-                                            }
-                                            @media (max-width: 479px) {
-                                                margin-left: 0;                                                
-                                            }
-                                            &:hover{
-                                                background-color: $black15;    
-                                            }                                      
-                                            
-                                            .field--name-field-type-de-ressource{
-                                                text-transform: uppercase;
-                                                line-height: 1.1rem;
-                                                margin-top: 0.5rem;                                              
-                                                a{
-                                                    color: $blue-light;
-                                                    font-weight: 900;
-                                                    font-size: 0.8rem;
-                                                    pointer-events: none;
-                                                    cursor: default;
-                                                }
-                                            }
-                                            .field--name-title{
-                                                margin-top: 0.5rem;
-
-                                                h2{
-                                                    margin: 0;
-                                                    line-height: 1rem;
-                                                    a{
-                                                        color: $black;
-                                                        font-size: 1rem;
-                                                        font-weight: 900;
-                                                        font-style: italic;
-                                                    }
-            
-                                                }
-                                            }
-                                            .field--name-field-auteur-s-{
-                                                margin-top: 0.5rem;
-                                                font-weight: 800;
-                                                line-height: 1.1rem;
-                                                p{
-                                                    margin: 0;
-                                                    
-                                                }
-                                                .field__label{
-                                                    display:none;
-                                                }
-                                            }
-                                            .field--name-field-sous-titre{
-                                                margin-top: 0.5rem;
-                                            }
-                                            .field--name-field-edition{
-                                                margin-top: 0.5rem;
-                                                p{
-                                                    margin: 0;
-                                                }
-                                                .field__label{
-                                                    display:none;
-                                                }
-                                            }
-                                            .field--name-field-images{
-                                                // display: none;
-                                                // width: 30%;
-                                                width: fit-content;
-                                                border: 1px solid #a3a3a3;
-                                                height: 100px;
-                                                .field__item{
-                                                    height: 100px;
-                                                }
-                                                img{
-                                                    height: 100%;
-                                                    width: auto;
-                                                    // width: 100%;
-                                                    // height: auto;
-                                                }
-                                            }
-                                            .field--name-field-date-de-parution{
-                                                margin-top: 0.3rem;
-                                            }
-                                            .field--name-field-mots-clefs{
+                                        h3{
+                                            text-transform: uppercase;
+                                            color: rgb(9, 57, 139);
+                                        }
+                                        .views-row{
+                                            width: 25%;
+                                            flex: 0 0 25%;  
+                                                                                
+                                            .node-type-ressource{
                                                 display: flex;
-                                                margin-top: 1rem;
-                                                flex-direction: row;
-                                                flex-wrap: wrap;
-                                              
-                                                .field__item{
-                                                    margin-right: 0.5rem;
-                                                    padding-left: 0.3rem;
-                                                    padding-right: 0.3rem;
-                                                    font-size: 0.7rem;
+                                                flex-direction: column;
+                                                border: 2px solid $blue-light;
+                                                margin-left: 1rem;
+                                                margin-bottom: 1rem ;
+                                                padding: 1rem;  
+                                                .ext{
+                                                    color: black;
+                                                }
+                                                svg.ext{
+                                                    display: none;
+                                                }
+                                                &.type-de-ressource-Publication-issue-du-programme-EQLD{
+                                                    background-color: $background-actus;
+                                                }
+                                                &.type-de-ressource-Paroles-de-lauréats{
+                                                    background-color: $background-actus;
+                                                }
+                                                @media (max-width: 479px) {
+                                                    margin-left: 0;                                                
+                                                }
+                                                &:hover{
+                                                    background-color: $black15;    
+                                                }                                      
                                                 
+                                                .field--name-field-type-de-ressource{
+                                                    text-transform: uppercase;
+                                                    line-height: 1.1rem;
+                                                    margin-top: 0.5rem;                                              
                                                     a{
-                                                        background: $blue-dark;
-                                                        color: $white;
-                                                        font-weight: 800;
-                                                        vertical-align: super;
-                                                        padding-left: 0.1rem;
-                                                        padding-right: 0.1rem;
-                                                        display: inline-flex;
+                                                        color: $blue-light;
+                                                        font-weight: 900;
+                                                        font-size: 0.8rem;
                                                         pointer-events: none;
                                                         cursor: default;
                                                     }
                                                 }
+                                                .field--name-title{
+                                                    margin-top: 0.5rem;
+
+                                                    h2{
+                                                        margin: 0;
+                                                        line-height: 1rem;
+                                                        a{
+                                                            color: $black;
+                                                            font-size: 1rem;
+                                                            font-weight: 900;
+                                                            font-style: italic;
+                                                        }
+                
+                                                    }
+                                                }
+                                                .field--name-field-auteur-s-{
+                                                    margin-top: 0.5rem;
+                                                    font-weight: 800;
+                                                    line-height: 1.1rem;
+                                                    p{
+                                                        margin: 0;
+                                                        
+                                                    }
+                                                    .field__label{
+                                                        display:none;
+                                                    }
+                                                }
+                                                .field--name-field-sous-titre{
+                                                    margin-top: 0.5rem;
+                                                }
+                                                .field--name-field-edition{
+                                                    margin-top: 0.5rem;
+                                                    p{
+                                                        margin: 0;
+                                                    }
+                                                    .field__label{
+                                                        display:none;
+                                                    }
+                                                }
+                                                .field--name-field-images{
+                                                    // display: none;
+                                                    // width: 30%;
+                                                    width: fit-content;
+                                                    border: 1px solid #a3a3a3;
+                                                    height: 100px;
+                                                    .field__item{
+                                                        height: 100px;
+                                                    }
+                                                    img{
+                                                        height: 100%;
+                                                        width: auto;
+                                                        // width: 100%;
+                                                        // height: auto;
+                                                    }
+                                                }
+                                                .field--name-field-date-de-parution{
+                                                    margin-top: 0.3rem;
+                                                }
+                                                .field--name-field-mots-clefs{
+                                                    display: flex;
+                                                    margin-top: 1rem;
+                                                    flex-direction: row;
+                                                    flex-wrap: wrap;
+                                                
+                                                    .field__item{
+                                                        margin-right: 0.5rem;
+                                                        padding-left: 0.3rem;
+                                                        padding-right: 0.3rem;
+                                                        font-size: 0.7rem;
+                                                    
+                                                        a{
+                                                            background: $blue-dark;
+                                                            color: $white;
+                                                            font-weight: 800;
+                                                            vertical-align: super;
+                                                            padding-left: 0.1rem;
+                                                            padding-right: 0.1rem;
+                                                            display: inline-flex;
+                                                            pointer-events: none;
+                                                            cursor: default;
+                                                        }
+                                                    }
+                                                }
+                                                ul.links.inline{
+                                                    display: none;
+                                                }
                                             }
-                                            ul.links.inline{
-                                                display: none;
+                                            
+                                        } 
+                                        @media (max-width: 810px){
+                                            flex-direction: column;
+                                            .views-row{
+                                                width: 100%;
                                             }
-                                        }
+                                        }  
                                         
-                                    } 
-                                    @media (max-width: 810px){
-                                        flex-direction: column;
-                                        .views-row{
-                                            width: 100%;
-                                        }
-                                    }  
-                                    
+                                    }
                                 }
                             }
 
diff --git a/web/themes/custom/eql/scss/partials/_footer.scss b/web/themes/custom/eql/scss/partials/footer.scss
similarity index 98%
rename from web/themes/custom/eql/scss/partials/_footer.scss
rename to web/themes/custom/eql/scss/partials/footer.scss
index 650e3a6..03468b0 100644
--- a/web/themes/custom/eql/scss/partials/_footer.scss
+++ b/web/themes/custom/eql/scss/partials/footer.scss
@@ -36,8 +36,7 @@
             margin-left: 0rem;
         }
         .view-id-partenaires{
-            .view-content{
-              
+            .view-content {
                 display: flex;
                 flex-direction: row;
                 justify-content:flex-start;
@@ -131,7 +130,7 @@
             width: 100%;
         }
         .view-id-partenaires{
-            .view-content{
+            .views-row-wrapper{
                 display: flex;
                 flex-direction: row;
                 justify-content:flex-start;
diff --git a/web/themes/custom/eql/scss/styles.scss b/web/themes/custom/eql/scss/styles.scss
index b240078..6dce406 100644
--- a/web/themes/custom/eql/scss/styles.scss
+++ b/web/themes/custom/eql/scss/styles.scss
@@ -57,7 +57,7 @@
 
 /*partials*/
 @import "partials/_header";
-@import "partials/_footer";
+@import "partials/footer";
 @import "partials/_slick_custom.scss";
 @import "partials/_slick";
 @import "partials/_slick-theme";
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 69a4355..8aeff5c 100644
--- a/web/themes/custom/eql/templates/views-view-unformatted.html.twig
+++ b/web/themes/custom/eql/templates/views-view-unformatted.html.twig
@@ -15,22 +15,31 @@
  * @see template_preprocess_views_view_unformatted()
  */
 #}
+
+{%
+  set view_wrapper_class = [
+  default_row_class ? 'views-row-wrapper',
+  ]
+%}
+
 {% if title %}
   <h3>{{ title }}</h3>
 {% endif %}
-{% for row in rows %}
-  {%
-    set row_classes = [
-      default_row_class ? 'views-row',
-    ]
-  %}
+<div {{ attributes.addClass(view_wrapper_class) }}>
+  {% for row in rows %}
+    {%
+      set row_classes = [
+        default_row_class ? 'views-row',
+      ]
+    %}
 
-  {# {%
-    set collection = '#collection-id--' ~ a.content
-  %} #}
-  <div{{ row.attributes.addClass(row_classes) }}>
-    {{- row.content -}}
-  </div>
-  {# <button class="slick-next slick-arrow" aria-label="Next" type="button" style="">Next</button> #}
+    {# {%
+      set collection = '#collection-id--' ~ a.content
+    %} #}
+    <div{{ row.attributes.addClass(row_classes) }}>
+      {{- row.content -}}
+    </div>
+    {# <button class="slick-next slick-arrow" aria-label="Next" type="button" style="">Next</button> #}
 
 {% endfor %}
+</div>
\ No newline at end of file