diff --git a/web/themes/custom/eql/dist/assets/bundle.js b/web/themes/custom/eql/dist/assets/bundle.js
index 6ad78b9..793b001 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      $('.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      $('.path-ressources .view-type-ressource-slide .views-row-wrapper').slick({\n        slidesToShow: 3,\n        dots: false,\n        arrows: true,\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// //////// 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})(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      $('.path-ressources:not(.view-partenaires) .view-type-ressource-slide .views-row-wrapper').slick({\n        slidesToShow: 3,\n        dots: false,\n        arrows: true,\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// //////// 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})(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 88dde1c..82ea565 100644
--- a/web/themes/custom/eql/dist/assets/css/bundle.css
+++ b/web/themes/custom/eql/dist/assets/css/bundle.css
@@ -5427,12 +5427,12 @@ svg.ext {
   position: fixed;
   top: 13rem;
   left: 0;
-  width: 20%;
+  width: 15%;
   background-color: rgb(255, 255, 255);
   margin-top: 2rem;
   margin-left: 1rem;
   margin-bottom: 5rem;
-  padding: 0.5rem;
+  padding: 1rem;
   padding-right: 3rem;
 }
 @media (max-width: 479px) {
@@ -5514,127 +5514,160 @@ svg.ext {
   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-content .view-type-ressource-slide {
+.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 .view-type-ressource-slide:not(footer) {
   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-base-de-donnees .view-content .view-type-ressource-slide h3 {
-  margin-left: 30%;
+.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 .view-type-ressource-slide:not(footer) h3 {
+  margin-left: 25%;
   text-transform: uppercase;
 }
-.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 .view-type-ressource-slide h3 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 .view-type-ressource-slide:not(footer) h3 a {
   color: rgb(9, 57, 139) !important;
 }
-.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 .view-type-ressource-slide .views-row-wrapper {
-  margin-left: 30%;
+.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 .view-type-ressource-slide:not(footer) .views-row-wrapper {
+  margin-left: 25%;
   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 .view-type-ressource-slide .views-row-wrapper .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 .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row {
   display: flex;
   width: 25%;
   max-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-content .view-type-ressource-slide .views-row-wrapper .views-row .node-type-ressource {
-  display: flex;
-  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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource {
   margin-bottom: 1rem;
   padding-right: 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-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .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 .view-type-ressource-slide:not(footer) .views-row-wrapper .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-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .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 .view-type-ressource-slide:not(footer) .views-row-wrapper .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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource {
+  display: grid;
+  grid-template-columns: 1fr 1.5fr;
+  grid-template-rows: repeat(5 1fr);
+}
+.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 .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-type-de-ressource {
+  order: 1;
+  grid-row: 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-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-images {
+  order: 2;
+  grid-row: 2/span 5;
+  height: auto;
+  width: 90%;
+}
+.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 .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-images img {
+  height: auto;
+  width: 90%;
+  border: 1px solid #a3a3a3;
+}
+.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 .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-title {
+  grid-row: 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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-sous-titre {
+  grid-row: 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-base-de-donnees .view-content .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-auteur-s- {
+  grid-row: 4;
+}
+.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 .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-edition {
+  grid-row: 5;
+}
+.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 .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-date-de-parution {
+  grid-row: 6;
+}
+.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 .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD .wrapper-ressource .field--name-field-mots-clefs {
+  grid-row: 7;
+}
 @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-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .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 .view-type-ressource-slide:not(footer) .views-row-wrapper .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-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .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 .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-type-de-ressource {
   grid-column: 1;
   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-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .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 .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-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-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .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 .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-title {
   grid-column: 2;
   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-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .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 .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-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-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .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 .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-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-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .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 .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-auteur-s- {
   grid-column: 2;
   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-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .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 .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-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-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .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 .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-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-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .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 .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-sous-titre {
   grid-column: 2;
   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-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .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 .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-edition {
   grid-column: 2;
   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-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .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 .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-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-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .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 .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-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-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .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 .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-images {
   grid-column: 1;
-  width: fit-content;
-  border: 1px solid #a3a3a3;
+}
+.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 .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-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-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .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-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .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 .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-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-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .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 .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-date-de-parution {
   grid-column: 2;
   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-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .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 .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-mots-clefs {
   grid-column: 2;
   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-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .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 .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-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-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .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 .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-ressource .field--name-field-mots-clefs .field__item a {
   background: rgb(9, 57, 139);
   color: rgb(255, 255, 255);
   font-weight: 800;
@@ -5645,28 +5678,28 @@ 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-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .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 .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row .node-type-ressource .wrapper-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-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper {
+  .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 .view-type-ressource-slide:not(footer) .views-row-wrapper {
     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-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .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 .view-type-ressource-slide:not(footer) .views-row-wrapper .views-row {
     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-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .slick-next::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-content .view-type-ressource-slide:not(footer) .views-row-wrapper .slick-next::before {
   content: url("../images/pictos/fleche-droite-dans-rond.png");
   display: block;
 }
-.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 .view-type-ressource-slide .views-row-wrapper .slick-prev::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-content .view-type-ressource-slide:not(footer) .views-row-wrapper .slick-prev::before {
   content: url("../images/pictos/fleche-droite-dans-rond.png");
   display: block;
   transform: scaleX(-1);
   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-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .slick-next {
+.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 .view-type-ressource-slide:not(footer) .views-row-wrapper .slick-next {
   right: 10%;
 }
 .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 .view-type-ressource-slide:has(.type-publication-issue-du-programme-eqld) {
@@ -5925,7 +5958,6 @@ svg.ext {
 #fotter-bottom .region-footer-bottom-left {
   margin-left: 3rem;
   border: none;
-  width: 20%;
 }
 @media (max-width: 810px) {
   #fotter-bottom .region-footer-bottom-left {
@@ -5949,7 +5981,6 @@ svg.ext {
   height: 30px;
 }
 #fotter-bottom .region-footer-bottom-right {
-  width: 30%;
   display: flex;
   flex-direction: column-reverse;
   justify-content: flex-end;
diff --git a/web/themes/custom/eql/scripts/main.js b/web/themes/custom/eql/scripts/main.js
index 9143643..6eba3ff 100644
--- a/web/themes/custom/eql/scripts/main.js
+++ b/web/themes/custom/eql/scripts/main.js
@@ -209,7 +209,7 @@ jQuery(function($) {
       });
       console.log('salut slick projets');
 
-      $('.path-ressources .view-type-ressource-slide .views-row-wrapper').slick({
+      $('.path-ressources:not(.view-partenaires) .view-type-ressource-slide .views-row-wrapper').slick({
         slidesToShow: 3,
         dots: false,
         arrows: true,
diff --git a/web/themes/custom/eql/scss/pages/ressources.scss b/web/themes/custom/eql/scss/pages/ressources.scss
index b018379..fd48245 100644
--- a/web/themes/custom/eql/scss/pages/ressources.scss
+++ b/web/themes/custom/eql/scss/pages/ressources.scss
@@ -115,12 +115,12 @@
                                         position: fixed;
                                         top: 13rem;
                                         left: 0;
-                                        width: 20%;
+                                        width: 15%;
                                         background-color: $white;
                                         margin-top: 2rem;
                                         margin-left: 1rem;
                                         margin-bottom: 5rem;
-                                        padding: 0.5rem;
+                                        padding: 1rem;
                                         padding-right: 3rem;
                                         @media (max-width: 479px) {
                                             margin-left: 0;                                                
@@ -195,16 +195,16 @@
                                         display: flex;
                                         flex-direction: row;
                                         flex-wrap: wrap;
-                                        .view-type-ressource-slide{
+                                        .view-type-ressource-slide:not(footer){
                                             width: 100%;
                                            
                                             h3{
-                                                margin-left: 30%;
+                                                margin-left: 25%;
                                                 text-transform: uppercase;
                                                 a{color: rgb(9, 57, 139) !important;}
                                             }
                                             .views-row-wrapper{
-                                                margin-left: 30%;
+                                                margin-left: 25%;
                                                 display: flex;
                                                 flex-direction: row;
                                                 
@@ -214,15 +214,8 @@
                                                     max-width: fit-content;
                                                                                         
                                                     .node-type-ressource{
-                                                        display: flex;
-                                                        flex-direction: column;
-                                                        // border: 2px solid $blue-light;
-                                                        // display: grid;
-                                                        // grid-template-columns: 1fr 1.2fr;
-                                                        // margin-left: 3rem;
                                                         margin-bottom: 1rem ;
                                                         padding-right: 1rem;  
-                                                       
                                                         .ext{
                                                             color: black;
                                                         }
@@ -231,123 +224,160 @@
                                                         }
                                                         &.type-de-ressource-Publication-issue-du-programme-EQLD{
                                                             // background-color: $background-actus;
+                                                            .wrapper-ressource{
+                                                                display: grid;
+                                                                grid-template-columns: 1fr 1.5fr; 
+                                                                grid-template-rows: repeat(5 1fr);
+                                                                .field--name-field-type-de-ressource{
+                                                                    order: 1;
+                                                                    grid-row: 1;
+                                                                }
+                                                                .field--name-field-images{
+                                                                    order: 2;
+                                                                    grid-row: 2 /span 5;
+                                                                    height: auto;
+                                                                    width: 90%;
+                                                                    img{
+                                                                        height: auto;
+                                                                        width: 90%;
+                                                                        border: 1px solid #a3a3a3;
+                                                                    }
+                                                                }
+                                                                .field--name-title{
+                                                                    grid-row: 2;
+                                                                }
+                                                                .field--name-field-sous-titre{
+                                                                    grid-row: 3;
+                                                                }
+                                                                .field--name-field-auteur-s-{
+                                                                    grid-row: 4;
+                                                                }
+                                                                .field--name-field-edition{
+                                                                    grid-row: 5;
+                                                                }
+                                                                .field--name-field-date-de-parution{
+                                                                    grid-row: 6;
+                                                                }
+                                                                .field--name-field-mots-clefs{
+                                                                    grid-row: 7;
+                                                                }
+                                                            }
                                                         }
                                                         &.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{
-                                                            grid-column: 1;
-                                                            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{
-                                                            grid-column: 2;
-                                                            margin-top: 0.5rem;
-        
-                                                            h2{
-                                                                margin: 0;
-                                                                line-height: 1rem;
+                                                        }   
+                                                        .wrapper-ressource{    
+                                                                                                               
+                                                            .field--name-field-type-de-ressource{
+                                                                grid-column: 1;
+                                                                text-transform: uppercase;
+                                                                line-height: 1.1rem;
+                                                                margin-top: 0.5rem;                                              
                                                                 a{
-                                                                    color: $black;
-                                                                    font-size: 1rem;
+                                                                    color: $blue-light;
                                                                     font-weight: 900;
-                                                                    font-style: italic;
-                                                                }
-                        
-                                                            }
-                                                        }
-                                                        .field--name-field-auteur-s-{
-                                                            grid-column: 2;
-                                                            margin-top: 0.5rem;
-                                                            font-weight: 800;
-                                                            line-height: 1.1rem;
-                                                            p{
-                                                                margin: 0;
-                                                                
-                                                            }
-                                                            .field__label{
-                                                                display:none;
-                                                            }
-                                                        }
-                                                        .field--name-field-sous-titre{
-                                                            grid-column: 2;
-                                                            margin-top: 0.5rem;
-                                                        }
-                                                        .field--name-field-edition{
-                                                            grid-column: 2;
-                                                            margin-top: 0.5rem;
-                                                            p{
-                                                                margin: 0;
-                                                            }
-                                                            .field__label{
-                                                                display:none;
-                                                            }
-                                                        }
-                                                        .field--name-field-images{
-                                                            grid-column: 1;
-                                                            // 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{
-                                                            grid-column: 2;
-                                                            margin-top: 0.3rem;
-                                                        }
-                                                        .field--name-field-mots-clefs{
-                                                            grid-column: 2;
-                                                            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;
+                                                                    font-size: 0.8rem;
                                                                     pointer-events: none;
                                                                     cursor: default;
                                                                 }
                                                             }
-                                                        }
-                                                        ul.links.inline{
-                                                            display: none;
-                                                        }
+                                                            .field--name-title{
+                                                                grid-column: 2;
+                                                                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-{
+                                                                grid-column: 2;
+                                                                margin-top: 0.5rem;
+                                                                font-weight: 800;
+                                                                line-height: 1.1rem;
+                                                                p{
+                                                                    margin: 0;
+                                                                    
+                                                                }
+                                                                .field__label{
+                                                                    display:none;
+                                                                }
+                                                            }
+                                                            .field--name-field-sous-titre{
+                                                                grid-column: 2;
+                                                                margin-top: 0.5rem;
+                                                            }
+                                                            .field--name-field-edition{
+                                                                grid-column: 2;
+                                                                margin-top: 0.5rem;
+                                                                p{
+                                                                    margin: 0;
+                                                                }
+                                                                .field__label{
+                                                                    display:none;
+                                                                }
+                                                            }
+                                                            .field--name-field-images{
+                                                                grid-column: 1;
+                                                                // display: none;
+                                                                // width: 30%;
+                                                                // width: fit-content;
+                                                                
+                                                                // height: 100px;
+                                                                .field__item{
+                                                                    height: 100px;
+                                                                }
+                                                                img{
+                                                                    height: 100%;
+                                                                    width: auto;
+                                                                    // width: 100%;
+                                                                    // height: auto;
+                                                                }
+                                                            }
+                                                            .field--name-field-date-de-parution{
+                                                                grid-column: 2;
+                                                                margin-top: 0.3rem;
+                                                            }
+                                                            .field--name-field-mots-clefs{
+                                                                grid-column: 2;
+                                                                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;
+                                                            }
+                                                        } 
                                                     }
                                                     
                                                 } 
diff --git a/web/themes/custom/eql/scss/partials/footer.scss b/web/themes/custom/eql/scss/partials/footer.scss
index 03468b0..d2c0081 100644
--- a/web/themes/custom/eql/scss/partials/footer.scss
+++ b/web/themes/custom/eql/scss/partials/footer.scss
@@ -30,7 +30,7 @@
     .region-footer-bottom-left{
         margin-left: 3rem;
         border: none;
-        width: 20%;
+        // width: 20%;
         @media (max-width: 810px){
             width: 100%;
             margin-left: 0rem;
@@ -57,7 +57,7 @@
     }
 
     .region-footer-bottom-right{
-        width: 30%;
+        // width: 30%;
         display: flex;
         flex-direction: column-reverse;
         justify-content: flex-end;
diff --git a/web/themes/custom/eql/templates/node--ressource--teaser.html.twig b/web/themes/custom/eql/templates/node--ressource--teaser.html.twig
new file mode 100644
index 0000000..87246e6
--- /dev/null
+++ b/web/themes/custom/eql/templates/node--ressource--teaser.html.twig
@@ -0,0 +1,102 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a node.
+ *
+ * Available variables:
+ * - node: The node entity with limited access to object properties and methods.
+ *   Only method names starting with "get", "has", or "is" and a few common
+ *   methods such as "id", "label", and "bundle" are available. For example:
+ *   - node.getCreatedTime() will return the node creation timestamp.
+ *   - node.hasField('field_example') returns TRUE if the node bundle includes
+ *     field_example. (This does not indicate the presence of a value in this
+ *     field.)
+ *   - node.isPublished() will return whether the node is published or not.
+ *   Calling other methods, such as node.delete(), will result in an exception.
+ *   See \Drupal\node\Entity\Node for a full list of public properties and
+ *   methods for the node object.
+ * - label: (optional) The title of the node.
+ * - content: All node items. Use {{ content }} to print them all,
+ *   or print a subset such as {{ content.field_example }}. Use
+ *   {{ content|without('field_example') }} to temporarily suppress the printing
+ *   of a given child element.
+ * - author_picture: The node author user entity, rendered using the "compact"
+ *   view mode.
+ * - metadata: Metadata for this node.
+ * - date: (optional) Themed creation date field.
+ * - author_name: (optional) Themed author name field.
+ * - url: Direct URL of the current node.
+ * - display_submitted: Whether submission information should be displayed.
+ * - attributes: HTML attributes for the containing element.
+ *   The attributes.class element may contain one or more of the following
+ *   classes:
+ *   - node: The current template type (also known as a "theming hook").
+ *   - node--type-[type]: The current node type. For example, if the node is an
+ *     "Article" it would result in "node--type-article". Note that the machine
+ *     name will often be in a short form of the human readable label.
+ *   - node--view-mode-[view_mode]: The View Mode of the node; for example, a
+ *     teaser would result in: "node--view-mode-teaser", and
+ *     full: "node--view-mode-full".
+ *   The following are controlled through the node publishing options.
+ *   - node--promoted: Appears on nodes promoted to the front page.
+ *   - node--sticky: Appears on nodes ordered above other non-sticky nodes in
+ *     teaser listings.
+ *   - node--unpublished: Appears on unpublished nodes visible only to site
+ *     admins.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - content_attributes: Same as attributes, except applied to the main
+ *   content tag that appears in the template.
+ * - author_attributes: Same as attributes, except applied to the author of
+ *   the node tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ * - view_mode: View mode; for example, "teaser" or "full".
+ * - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
+ * - page: Flag for the full page state. Will be true if view_mode is 'full'.
+ * - readmore: Flag for more state. Will be true if the teaser content of the
+ *   node cannot hold the main body content.
+ * - logged_in: Flag for authenticated user status. Will be true when the
+ *   current user is a logged-in member.
+ * - is_admin: Flag for admin user status. Will be true when the current user
+ *   is an administrator.
+ *
+ * @see template_preprocess_node()
+ *
+ * @todo Remove the id attribute (or make it a class), because if that gets
+ *   rendered twice on a page this is invalid CSS for example: two lists
+ *   in different view modes.
+ *
+ * @ingroup themeable
+ */
+#}
+<article{{ attributes }}>
+
+  {{ title_prefix }}
+  {% if label and not page %}
+    <h2{{ title_attributes }}>
+      <a href="{{ url }}" rel="bookmark">{{ label }}</a>
+    </h2>
+  {% endif %}
+  {{ title_suffix }}
+
+  {% if display_submitted %}
+    <footer>
+      {{ author_picture }}
+      <div{{ author_attributes }}>
+        {% trans %}Submitted by {{ author_name }} on {{ date }}{% endtrans %}
+        {{ metadata }}
+      </div>
+    </footer>
+  {% endif %}
+
+  <div class='wrapper-ressource'{{ content_attributes }}>
+    {{ content }}
+    <div class="filtres_projet">
+    {{content.bottom}}
+    </div>
+  </div>
+
+</article>