diff --git a/web/themes/custom/reha/dist/bundle.js b/web/themes/custom/reha/dist/bundle.js
index 406389e..6329d4c 100644
--- a/web/themes/custom/reha/dist/bundle.js
+++ b/web/themes/custom/reha/dist/bundle.js
@@ -15,7 +15,7 @@
   \********************/
 /***/ (() => {
 
-eval("/**\n * @file\n * reha behaviors.\n */\n(function (Drupal) {\n\n  'use strict';\n\n  Drupal.behaviors.reha = {\n    attach: function (context, settings) {\n\n      console.log('It works!');\n\n    }\n  };\n\n  \n} (Drupal));\n\njQuery(document).ready(function($){\n\n  // menu déroulant\n\n  //////////////  contacts ///////\n\n  $(\".bouton-contact\").click(function(event) {\n        // Fermer .connexion-full s'il est déroulé\n  if ($(\".connexion-full\").is(\":visible\")) {\n    $(\".connexion-full\").slideUp();\n  }\n  if ($(\".connected-full\").is(\":visible\")) {\n    $(\".connected-full\").slideUp();\n  }\n    // Ouvrir .contacts-full\n    $(\".contacts-full\").slideToggle();\n\n  });\n\n//////////////  connexion ///////\n\n  $(\".bouton-connexion\").click(function(event) {\n      // Fermer .contacts-full s'il est déroulé\n  if ($(\".contacts-full\").is(\":visible\")) {\n    $(\".contacts-full\").slideUp();\n  }\n  // Ouvrir .connexion-full\n    $(\".connexion-full\").slideToggle();\n  });\n  \n  $(\".bouton-connected\").click(function(event) {\n    // Fermer .contacts-full s'il est déroulé\n    if ($(\".contacts-full\").is(\":visible\")) {\n      $(\".contacts-full\").slideUp();\n    }\n    // Ouvrir .connected-full\n    $(\".connected-full\").slideToggle();\n  });\n  \n  $(\".titre\").click(function(event) {\n    if ($(\".connected-full\").is(\":visible\")) {\n      $(\".connected-full\").slideUp();\n    }\n    if ($(\".contacts-full\").is(\":visible\")) {\n      $(\".contacts-full\").slideUp();\n    }\n    if ($(\".connexion-full\").is(\":visible\")) {\n      $(\".connexion-full\").slideUp();\n    }\n    // // Ouvrir .connexion-full\n    //   $(\".connected-full\").slideToggle();\n  });\n  \n  $(\"#edit-field-dossier-de-candidature-0--label\").click(function(event) {\n    event.preventDefault();\n    // Ouvrir .connexion-full\n    $(\"#edit-field-dossier-de-candidature-0--description>ul.main\").slideToggle();\n  });\n\n\n    ////////////// tiroir fichiers ///////\n\n    $(document).ready(function() {\n      // Vérifier l'état initial depuis sessionStorage\n      if (sessionStorage.getItem('asideOpened') === 'true') {\n          $(\".layout-sidebar-second\").addClass('close');\n          $(\".layout-sidebar-second h2\").addClass('__close');\n      }\n\n      $(\".view-current-user-doc-profile\").click(function(event) {\n          // Ouvrir .tiroir fichiers\n          $(\".layout-sidebar-second\").addClass('close');\n          $(\".layout-sidebar-second h2\").addClass('__close');\n          sessionStorage.setItem('asideOpened', 'true');\n      });\n\n      $(\"#block-reha-views-block-current-user-doc-profile-block-1 > h2\").click(function(event) {\n          // Fermer .tiroir fichiers\n          $(\".layout-sidebar-second\").removeClass('close');\n          $(\".layout-sidebar-second h2\").removeClass('__close');\n          sessionStorage.setItem('asideOpened', 'false');\n      });\n  });\n\n});\n\n\n//  slideshow home \n\n(function($, window) {\n  console.log('hello slick')\n  $(document).ready(function(){\n      $('.view-id-sites.view-display-id-block_1').slick({\n        slidesToShow: 1,\n        // slidesToScroll: 1,\n        dots: false,\n        arrows: true,\n        centerMode: true,\n        adaptiveHeight: true,\n        // centerPadding: '100px',\n        responsive: [\n          {\n            breakpoint: 810,\n            settings: {\n              slidesToShow: 1,\n              adaptiveHeight: true,\n              arrows: false,\n              draggable: true,\n              centerMode: true,\n            }\n          }]\n      });\n      console.log('salut slick home');\n\n  });\n\n  $(document).ready(function(){\n    $('.view-id-actus.view-display-id-block_1 ').slick({\n      slidesToShow: 1,\n      slidesToScroll: 1,\n      // dots: true,\n      arrows: true,\n      // centerMode: true,\n      draggable: 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('slick actu');\n  });\n\n  // html.js body.node-type-site.node-id-58 div.dialog-off-canvas-main-canvas div.layout-container.page-node-site main div.layout-content.home-page-layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block article.node-type-site div.entete_site div.image-site div.field.field--name-field-image.field--type-image.field--label-visually_hidden div.field__items\n  $(document).ready(function(){\n    $('.node-type-site .page-node-site .field--name-field-image .field__items').slick({\n      slidesToShow: 1,\n      // slidesToScroll: 1,\n      dots: true,\n      arrows: false,\n      // adaptiveHeight: 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('slick site');\n  });\n\n\n  \n\n// /////////////////\n//// ancre dans texte au click parragraphe correspondant arrive en dessous du header \n\n  function adjustAnchor() {\n    var $anchor = $(window.location.hash); // Select the anchor element based on the hash in the URL\n    var fixedElementHeight = $('.block-region-first').outerHeight(); // Get the height of the sticky element\n\n    if ($anchor.length > 0) {\n      $('html, body').stop().animate({\n        scrollTop: $anchor.offset().top - fixedElementHeight // Adjust the scroll position to account for the sticky element height\n      }, 0);\n    }\n  }\n\n  // Call the function on page load if there's a hash\n  if (window.location.hash) {\n    adjustAnchor();\n  }\n\n  // Adjust the anchor on hash change\n  $(window).on('hashchange', function() {\n    adjustAnchor();\n  });\n\n\n\n  //////////////////////////////////////////\n  // menu ancre paragraphe quand actif\n      \n  jQuery(function($) {\n    // Function to set the active class based on the current path\n    function setActiveLink() {\n        var path = window.location.href;\n        console.log(path);\n        $(\".layout__region--first .block-region-first li a\").each(function() {\n            if (this.href === path) {\n                $(this).closest('a').addClass('active');\n            }\n        });\n    }\n\n    // Initially set the active link based on the current URL\n    setActiveLink();\n\n    // Update the active link on click\n    $(\".layout__region--first .block-region-first li a\").on('click', function() {\n        $(\".layout__region--first .block-region-first li a\").removeClass('active');\n        $(this).addClass('active');\n    });\n  });\n\n\n})(jQuery, window);\n\n\n/////////////////// déplace synthèse de tous les sites (dans block config 3) dans node site pour faciliter css ///////////////////\n\n(function ($, Drupal) {\n  Drupal.behaviors.moveFieldContent = {\n    attach: function (context, settings) {\n      // Vérifiez que les éléments existent avant de tenter de les manipuler\n      if ($('#block-reha-config-pages-3 .field--name-field-fichier', context).length && $('.node-type-site .body-content-site .links-content', context).length) {\n        // Déplacer le contenu de .field--name-field-fichier vers .links-content\n        var fieldContent = $('#block-reha-config-pages-3 .field--name-field-fichier', context).detach();\n        $('.node-type-site .body-content-site .links-content', context).append(fieldContent);\n      }\n    }\n  };\n})(jQuery, Drupal);\n\n//# sourceURL=webpack://dev.reha.fr/./js/reha.js?");
+eval("/**\n * @file\n * reha behaviors.\n */\n(function (Drupal) {\n\n  'use strict';\n\n  Drupal.behaviors.reha = {\n    attach: function (context, settings) {\n\n      console.log('It works!');\n\n    }\n  };\n\n  \n} (Drupal));\n\njQuery(document).ready(function($){\n\n  // menu déroulant\n\n  //////////////  contacts ///////\n\n  $(\".bouton-contact\").click(function(event) {\n        // Fermer .connexion-full s'il est déroulé\n  if ($(\".connexion-full\").is(\":visible\")) {\n    $(\".connexion-full\").slideUp();\n  }\n  if ($(\".connected-full\").is(\":visible\")) {\n    $(\".connected-full\").slideUp();\n  }\n    // Ouvrir .contacts-full\n    $(\".contacts-full\").slideToggle();\n\n  });\n\n//////////////  connexion ///////\n\n  $(\".bouton-connexion\").click(function(event) {\n      // Fermer .contacts-full s'il est déroulé\n  if ($(\".contacts-full\").is(\":visible\")) {\n    $(\".contacts-full\").slideUp();\n  }\n  // Ouvrir .connexion-full\n    $(\".connexion-full\").slideToggle();\n  });\n  \n  $(\".bouton-connected\").click(function(event) {\n    // Fermer .contacts-full s'il est déroulé\n    if ($(\".contacts-full\").is(\":visible\")) {\n      $(\".contacts-full\").slideUp();\n    }\n    // Ouvrir .connected-full\n    $(\".connected-full\").slideToggle();\n  });\n  \n  $(\".titre\").click(function(event) {\n    if ($(\".connected-full\").is(\":visible\")) {\n      $(\".connected-full\").slideUp();\n    }\n    if ($(\".contacts-full\").is(\":visible\")) {\n      $(\".contacts-full\").slideUp();\n    }\n    if ($(\".connexion-full\").is(\":visible\")) {\n      $(\".connexion-full\").slideUp();\n    }\n    // // Ouvrir .connexion-full\n    //   $(\".connected-full\").slideToggle();\n  });\n  \n  $(\"#edit-field-dossier-de-candidature-0--label\").click(function(event) {\n    event.preventDefault();\n    // Ouvrir .connexion-full\n    $(\"#edit-field-dossier-de-candidature-0--description>ul.main\").slideToggle();\n  });\n\n\n    ////////////// tiroir fichiers ///////\n\n    $(document).ready(function() {\n      // Vérifier l'état initial depuis sessionStorage\n      if (sessionStorage.getItem('asideOpened') === 'true') {\n          $(\".layout-sidebar-second\").addClass('close');\n          $(\".layout-sidebar-second h2\").addClass('__close');\n      }\n\n      $(\".view-current-user-doc-profile\").click(function(event) {\n          // Ouvrir .tiroir fichiers\n          $(\".layout-sidebar-second\").addClass('close');\n          $(\".layout-sidebar-second h2\").addClass('__close');\n          sessionStorage.setItem('asideOpened', 'true');\n      });\n\n      $(\"#block-reha-views-block-current-user-doc-profile-block-1 > h2\").click(function(event) {\n          // Fermer .tiroir fichiers\n          $(\".layout-sidebar-second\").removeClass('close');\n          $(\".layout-sidebar-second h2\").removeClass('__close');\n          sessionStorage.setItem('asideOpened', 'false');\n      });\n  });\n\n});\n\n\n//  slideshow home \n\n(function($, window) {\n  console.log('hello slick')\n  $(document).ready(function(){\n      $('.view-id-sites.view-display-id-block_1').slick({\n        slidesToShow: 1,\n        // slidesToScroll: 1,\n        dots: false,\n        arrows: true,\n        centerMode: true,\n        adaptiveHeight: true,\n        // centerPadding: '100px',\n        responsive: [\n          {\n            breakpoint: 810,\n            settings: {\n              slidesToShow: 1,\n              adaptiveHeight: true,\n              arrows: false,\n              draggable: true,\n              centerMode: true,\n            }\n          }]\n      });\n      console.log('salut slick home');\n\n  });\n\n  $(document).ready(function(){\n    $('.view-id-actus.view-display-id-block_1 ').slick({\n      slidesToShow: 1,\n      slidesToScroll: 1,\n      // dots: true,\n      arrows: true,\n      // centerMode: true,\n      draggable: true,\n      centerPadding: '100px',\n      responsive: [\n        {\n          breakpoint: 810,\n          settings: {\n            slidesToShow: 1,\n            slidesToScroll: 1,\n            adaptiveHeight: true,\n            arrows: false,\n            draggable: true,\n            // centerMode: true,\n          }\n        }]\n    });\n    console.log('slick actu');\n  });\n\n\n  $(document).ready(function(){\n    $('.node-type-site .page-node-site .field--name-field-image .field__items').slick({\n      slidesToShow: 1,\n      slidesToScroll: 1,\n      dots: true,\n      arrows: false,\n      // adaptiveHeight: 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('slick site');\n  });\n\n\n  \n\n// /////////////////\n//// ancre dans texte au click parragraphe correspondant arrive en dessous du header \n\n  function adjustAnchor() {\n    var $anchor = $(window.location.hash); // Select the anchor element based on the hash in the URL\n    var fixedElementHeight = $('.block-region-first').outerHeight(); // Get the height of the sticky element\n\n    if ($anchor.length > 0) {\n      $('html, body').stop().animate({\n        scrollTop: $anchor.offset().top - fixedElementHeight // Adjust the scroll position to account for the sticky element height\n      }, 0);\n    }\n  }\n\n  // Call the function on page load if there's a hash\n  if (window.location.hash) {\n    adjustAnchor();\n  }\n\n  // Adjust the anchor on hash change\n  $(window).on('hashchange', function() {\n    adjustAnchor();\n  });\n\n\n\n  //////////////////////////////////////////\n  // menu ancre paragraphe quand actif\n      \n  jQuery(function($) {\n    // Function to set the active class based on the current path\n    function setActiveLink() {\n        var path = window.location.href;\n        console.log(path);\n        $(\".layout__region--first .block-region-first li a\").each(function() {\n            if (this.href === path) {\n                $(this).closest('a').addClass('active');\n            }\n        });\n    }\n\n    // Initially set the active link based on the current URL\n    setActiveLink();\n\n    // Update the active link on click\n    $(\".layout__region--first .block-region-first li a\").on('click', function() {\n        $(\".layout__region--first .block-region-first li a\").removeClass('active');\n        $(this).addClass('active');\n    });\n  });\n\n\n})(jQuery, window);\n\n\n/////////////////// déplace synthèse de tous les sites (dans block config 3) dans node site pour faciliter css ///////////////////\n\n(function ($, Drupal) {\n  Drupal.behaviors.moveFieldContent = {\n    attach: function (context, settings) {\n      // Vérifiez que les éléments existent avant de tenter de les manipuler\n      if ($('#block-reha-config-pages-3 .field--name-field-fichier', context).length && $('.node-type-site .body-content-site .links-content', context).length) {\n        // Déplacer le contenu de .field--name-field-fichier vers .links-content\n        var fieldContent = $('#block-reha-config-pages-3 .field--name-field-fichier', context).detach();\n        $('.node-type-site .body-content-site .links-content', context).append(fieldContent);\n      }\n      if ($('#block-reha-titredepage h1', context).length && $('.node-type-actualite .entete_actu .infos_content', context).length) {\n        // Déplacer le contenu de .field--name-field-fichier vers .links-content\n        var fieldContent = $('#block-reha-titredepage h1', context).detach();\n        $('.node-type-actualite .entete_actu .infos_content', context).append(fieldContent);\n      }\n    }\n  };\n})(jQuery, Drupal);\n\n\n\n\n// ////////////////////  start déplacer block-reha-titredepage dans node-type-actu & ressource infos-content  ////////////////////////\n\n// (function ($, Drupal) {\n//   Drupal.behaviors.moveFieldContent = {\n//     attach: function (context, settings) {\n//       // Vérifiez que les éléments existent avant de tenter de les manipuler\n//       if ($('#block-reha-titredepage h1', context).length && $('.node-type-actualite .entete_actu .infos_content', context).length) {\n//         // Déplacer le contenu de .field--name-field-fichier vers .links-content\n//         var fieldContent = $('#block-reha-titredepage h1', context).detach();\n//         $('.node-type-actualite .entete_actu .infos_content', context).append(fieldContent);\n//       }\n//     }\n//   };\n// })(jQuery, Drupal);\n// ////////////////////  end div infos site  ////////////////////////\n\n//# sourceURL=webpack://dev.reha.fr/./js/reha.js?");
 
 /***/ }),
 
diff --git a/web/themes/custom/reha/dist/css/bundle.css b/web/themes/custom/reha/dist/css/bundle.css
index abcd687..9f3bf5d 100644
--- a/web/themes/custom/reha/dist/css/bundle.css
+++ b/web/themes/custom/reha/dist/css/bundle.css
@@ -364,7 +364,7 @@ header .region-header #block-reha-navigationprincipale ul {
   flex-direction: row;
   justify-content: space-evenly;
 }
-@media (max-width: 1400px) {
+@media (max-width: 1100px) {
   header .region-header #block-reha-navigationprincipale ul {
     flex-direction: column;
   }
@@ -1344,6 +1344,103 @@ aside.layout-sidebar-second footer.view-footer :hover {
   padding-right: 0rem;
 }
 
+.infos-content {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  border: solid #fdc300 1px;
+  background-color: rgb(255, 255, 255);
+  padding: 1rem;
+  height: fit-content;
+  width: 100%;
+  position: relative;
+  right: 5%;
+  margin-bottom: 30px;
+}
+.infos-content h1 {
+  order: 2;
+  font-size: 2rem;
+  font-weight: 500;
+  margin: 0;
+}
+.infos-content h2 {
+  order: 2;
+  margin: 0;
+  font-size: 1.5rem;
+  font-weight: 600;
+  padding: 0;
+}
+.infos-content .field--name-field-sous-titre {
+  order: 3;
+  font-size: 1.5rem;
+}
+.infos-content .field--name-field-date {
+  order: 4;
+  font-weight: 900;
+}
+.infos-content .field--name-field-type-d-actualite {
+  order: 1;
+  text-transform: uppercase;
+  font-size: 0.8rem;
+}
+.infos-content .field--name-field-site {
+  order: 5;
+  background-color: rgb(153, 147, 174);
+  color: white;
+  border-radius: 50px;
+  width: fit-content;
+  padding: 0 0.9rem 0.3rem 0.9rem;
+  margin-top: 0.5rem;
+}
+.infos-content .field--name-field-site .field__item {
+  display: inline;
+  color: white;
+  font-weight: 900;
+  font-size: 0.8rem;
+}
+.infos-content .field--name-field-site .field__item a:visited {
+  color: white;
+}
+.infos-content .field--name-field-site .field__item a:link {
+  color: white;
+}
+.infos-content ul.links {
+  order: 6;
+  display: none;
+}
+
+.links-content .field--name-field-liens {
+  padding: 0.5rem;
+}
+.links-content .field--name-field-liens .field__items .field__item ::after {
+  content: url("../../dist/images/noun-arrow-1569918-black.svg");
+  padding-left: 0.5rem;
+}
+.links-content .field--name-field-fichiers,
+.links-content .field--name-field-fichier {
+  width: fit-content;
+  padding: 0.5rem;
+  padding-right: 0.8rem;
+}
+.links-content .field--name-field-fichiers .file--mime-application-pdf a,
+.links-content .field--name-field-fichier .file--mime-application-pdf a {
+  text-transform: uppercase;
+}
+.links-content .field--name-field-fichiers .file--mime-application-pdf ::after,
+.links-content .field--name-field-fichier .file--mime-application-pdf ::after {
+  content: url("../../dist/images/noun-download.svg");
+  padding-left: 0.8rem;
+}
+.links-content .field--name-field-fichiers span:nth-of-type(2),
+.links-content .field--name-field-fichier span:nth-of-type(2) {
+  display: none;
+}
+
+.field--name-field-node-link .field__item ::after {
+  content: url("../../dist/images/noun-arrow-1569918-black.svg");
+  padding-left: 0.5rem;
+}
+
 /*pages*/
 .home-page-layout-content {
   width: 100%;
@@ -2025,6 +2122,9 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   margin-bottom: 4rem;
 }
 
+.page-sitespilotes .views-element-container {
+  padding-bottom: 8rem;
+}
 .page-sitespilotes h1 {
   width: 80%;
   margin: auto;
@@ -2164,6 +2264,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 .page-sitespilotes .view-display-id-page_1 footer {
   background-color: transparent;
   text-transform: none !important;
+  z-index: 100;
 }
 .page-sitespilotes .view-display-id-page_1 footer p {
   font-size: 2rem;
@@ -2284,272 +2385,37 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   font-weight: 1000;
 }
 
-.view-display-id-page_1 {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  align-items: baseline;
-  justify-content: space-between;
-}
-.view-display-id-page_1 article {
-  padding-bottom: 0.7rem;
-}
-.view-display-id-page_1 .views-row {
-  width: 28%;
-  padding: 1rem;
-}
-.view-display-id-page_1 .views-row:hover {
-  transform: scale(1.05);
-  transition: 0.3s transform ease, 0.3s box-shadow ease;
-}
-.view-display-id-page_1 .views-row .node-type-site {
-  margin: auto;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  background-color: white;
-}
-.view-display-id-page_1 .views-row .node-type-site .field--name-field-image {
-  order: 1;
-  max-width: 100%;
-}
-.view-display-id-page_1 .views-row .node-type-site .field--name-field-image img {
-  width: 100%;
-  object-fit: cover;
-  height: fit-content;
-}
-.view-display-id-page_1 .views-row .node-type-site .infos-content-site {
-  background-color: rgb(255, 255, 255);
-  order: 2;
-  display: flex;
-  flex-direction: column;
-  padding-left: 1rem;
-  padding-right: 1rem;
-  padding-top: 0.5rem;
-}
-.view-display-id-page_1 .views-row .node-type-site .infos-content-site h1 {
-  display: none;
-}
-.view-display-id-page_1 .views-row .node-type-site .infos-content-site h2 {
-  order: 2;
-  margin: 0;
-  font-size: 1.6rem;
-  font-weight: 900;
-  line-height: 1;
-  padding-bottom: 0.8rem;
-}
-.view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row {
-  order: 1;
-  display: flex;
-  flex-direction: row;
-  align-items: end;
-  padding-bottom: 0.5rem;
-}
-.view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-numero-site {
-  order: 1;
-  text-transform: uppercase;
-  font-size: 1rem;
-  display: inline-flex;
-}
-.view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-numero-site::after {
-  content: "|";
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-.view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site {
-  order: 3;
-  font-size: 1.2rem;
-}
-.view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .field__item {
-  display: flex;
-}
-.view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address {
-  margin: 0;
-  display: inline-flex;
-}
-.view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address .postal-code {
-  order: 2;
-}
-.view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address .locality {
-  order: 1;
-  text-transform: capitalize;
-  margin-right: 0.5rem;
-}
-.view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address .country {
-  display: none;
-}
-.view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte {
-  order: 4;
-  font-size: 1.2rem;
-}
-.view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-}
-.view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item {
-  display: inline;
-}
-.view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item::after {
-  content: ",";
-  padding-right: 0.5rem;
-}
-.view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__item:last-of-type::after {
-  content: "";
-}
-.view-display-id-page_1 .views-row .node-type-site .infos-content-site ul.links {
-  order: 5;
-  text-transform: uppercase;
-  padding: 0;
-  margin: 0;
-  border: none;
-  padding-bottom: 1rem;
-  padding-top: 3rem;
-  display: inline-flex;
-}
-.view-display-id-page_1 .views-row .node-type-site .infos-content-site ul.links::after {
-  content: url("../../dist/images/noun-arrow-1569918-black.svg");
-  padding-left: 0.5rem;
-}
-.view-display-id-page_1 footer {
-  background-color: transparent;
-  text-transform: none !important;
-}
-.view-display-id-page_1 footer p {
-  font-size: 2rem;
-  padding-left: 1rem;
-  font-weight: 1000;
-}
-.view-display-id-page_1 footer .view-display-id-block_2 {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  align-items: baseline;
-  justify-content: space-between;
-}
-.view-display-id-page_1 footer .view-display-id-block_2 .views-row {
-  width: 28%;
-  padding: 1rem;
-}
-.view-display-id-page_1 footer .view-display-id-block_2 .views-row:hover {
-  transform: none;
-}
-.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site {
-  margin: auto;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  background-color: transparent;
-}
-.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site {
-  background-color: transparent;
-  order: 2;
-  display: flex;
-  flex-direction: column;
-  padding-left: 1rem;
-  padding-right: 1rem;
-  padding-right: 1rem;
-}
-.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site h2 {
-  order: 2;
-  margin: 0;
-  font-size: 1.6rem;
-  font-weight: 900;
-  line-height: 1;
-}
-.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site h2 a {
-  cursor: default !important;
-  pointer-events: none;
-}
-.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row {
-  order: 1;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding-bottom: 0.5rem;
-}
-.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-lettre-de-site {
-  order: 1;
-  text-transform: uppercase;
-  font-size: 1rem;
-  font-weight: 400;
-  display: flex;
-  align-items: center;
-}
-.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-lettre-de-site::before {
-  content: "SITE";
-  padding-right: 0.5rem;
-}
-.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-lettre-de-site::after {
-  content: "|";
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site {
-  order: 3;
-}
-.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address {
-  padding-left: 0;
-  margin: 0;
-  display: inline-flex;
-  font-size: 1.3rem;
-  font-weight: 500 !important;
-}
-.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address .postal-code {
-  order: 2;
-}
-.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address .locality {
-  order: 1;
-  text-transform: capitalize;
-  margin-right: 0.5rem;
-}
-.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address .country {
-  display: none;
-}
-.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .field--name-field-architecte {
-  order: 4;
-  text-transform: capitalize;
-  font-weight: 400;
-  font-size: 1.2rem;
-}
-.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site ul.links {
-  order: 5;
-  text-transform: uppercase;
-  padding: 0;
-  margin: 0;
-  border: none;
-  padding-bottom: 2rem;
-  padding-top: 0.9rem;
-  display: inline-flex;
-}
-.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site ul.links::after {
-  content: url("../../dist/images/noun-arrow-1569918-black.svg");
-  padding-left: 0.5rem;
-}
-
 .block-views-blockactus-block-1 {
   background-color: white;
   padding-bottom: 3rem;
 }
 .block-views-blockactus-block-1 h2 {
   width: 80%;
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-  padding-left: 12%;
   font-size: 2rem;
   font-weight: 900;
+  margin-left: 10%;
 }
 .block-views-blockactus-block-1 .view-id-actus {
   width: 100%;
   margin: auto;
 }
 .block-views-blockactus-block-1 .view-id-actus .views-row {
-  width: 35vw !important;
+  width: 30vw !important;
   margin-left: 1rem;
 }
+@media (max-width: 1200px) {
+  .block-views-blockactus-block-1 .view-id-actus .views-row {
+    width: 50vw !important;
+  }
+}
 .block-views-blockactus-block-1 .view-id-actus .views-row:first-of-type {
   padding-left: 15%;
 }
+@media (max-width: 1200px) {
+  .block-views-blockactus-block-1 .view-id-actus .views-row:first-of-type {
+    padding-left: 16%;
+  }
+}
 .block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite {
   width: 100%;
   height: 100%;
@@ -2567,6 +2433,11 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   right: 10%;
   position: relative;
 }
+@media (max-width: 1200px) {
+  .block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .image-actualite {
+    max-height: 150px;
+  }
+}
 .block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .image-actualite .field--name-field-image {
   height: 100%;
 }
@@ -2584,55 +2455,8 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   height: 100%;
 }
 .block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  border: solid #fdc300 1px;
-  background-color: rgb(255, 255, 255);
-  padding: 1rem;
+  height: fit-content;
   width: 100%;
-  right: 0%;
-  height: auto;
-}
-.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content h2 {
-  order: 2;
-  margin: 0;
-  font-size: 1.5rem;
-  font-weight: 600;
-  padding: 0;
-}
-.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content .field--name-field-sous-titre {
-  order: 3;
-  font-size: 1.3rem;
-}
-.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content .field--name-field-date {
-  order: 4;
-  font-weight: 900;
-  padding-bottom: 1rem;
-}
-.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content .field--name-field-type-d-actualite {
-  order: 1;
-  text-transform: uppercase;
-  font-size: 1.2rem;
-}
-.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content .field--name-field-site {
-  order: 5;
-  background-color: rgb(153, 147, 174);
-  color: white;
-  border-radius: 50px;
-  width: fit-content;
-  padding: 0.2rem 0.9rem;
-}
-.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content .field--name-field-site .field__item {
-  display: inline;
-  color: white;
-  font-weight: 900;
-  font-size: 0.8rem;
-  vertical-align: top;
-}
-.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content ul.links {
-  order: 6;
-  display: none;
 }
 .block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .body-content {
   display: none;
@@ -2644,6 +2468,17 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 .block-views-blockactus-block-1 .view-id-actus .slick-prev {
   left: 35px;
 }
+.block-views-blockactus-block-1 .view-id-actus .slick-next {
+  left: 90vw;
+}
+@media (max-width: 1400px) {
+  .block-views-blockactus-block-1 .view-id-actus .slick-prev {
+    left: 0vw;
+  }
+  .block-views-blockactus-block-1 .view-id-actus .slick-next {
+    left: 85vw;
+  }
+}
 
 .page--home .home-page-layout-content .block-views-blockhome-block-1 .view-display-id-block_1 {
   width: 60%;
@@ -2992,7 +2827,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   background-color: transparent;
 }
 .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .body-content-site .links-content .field__item {
-  padding: 0.3rem;
+  padding: 0.5rem;
   border: solid black 1px;
   margin-bottom: 1rem;
   background-color: rgb(255, 255, 255);
@@ -3008,13 +2843,17 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   font-weight: 1000;
 }
 .page-ressources .view-ressources {
+  display: flex;
   flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-between;
   padding: 5rem;
   width: 80%;
   margin: auto;
 }
 .page-ressources .view-ressources #views-exposed-form-ressources-page-1 {
   width: 100%;
+  margin: auto;
   display: grid;
   grid-template-columns: repeat(8, 1fr);
   grid-template-rows: repeat(3, 1fr);
@@ -3055,45 +2894,87 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 .page-ressources .view-ressources #views-exposed-form-ressources-page-1 #edit-actions .form-submit {
   margin: 0;
 }
+.page-ressources .view-ressources article {
+  padding-bottom: 0 !important;
+}
+.page-ressources .view-ressources .views-row {
+  width: 28%;
+  padding: 1rem;
+  display: flex !important;
+  flex-direction: column;
+  background-color: rgb(255, 255, 255);
+  margin-bottom: 6rem;
+}
+.page-ressources .view-ressources .views-row:hover {
+  transform: scale(1.05);
+  transition: 0.3s transform ease, 0.3s box-shadow ease;
+}
 .page-ressources .view-ressources .views-row .node-type-ressource {
   width: 100%;
   margin: auto;
-  background-color: rgb(255, 255, 255);
+  display: flex !important;
+  flex-direction: column-reverse;
+  padding-top: 0;
 }
 .page-ressources .view-ressources .views-row .node-type-ressource .image-ressource {
   order: 1;
-  width: 90%;
+  width: auto;
   margin: auto;
+  margin-left: auto;
+  height: 15rem;
+  margin-left: 0;
 }
-.page-ressources .view-ressources .views-row .node-type-ressource .image-ressource img {
-  width: 100%;
-  max-height: 250px;
+.page-ressources .view-ressources .views-row .node-type-ressource .image-ressource .field--name-field-image {
+  height: 100%;
+}
+.page-ressources .view-ressources .views-row .node-type-ressource .image-ressource .field--name-field-image .field__items {
+  height: 100%;
+}
+.page-ressources .view-ressources .views-row .node-type-ressource .image-ressource .field--name-field-image .field__items .field__item {
+  height: 100%;
+}
+.page-ressources .view-ressources .views-row .node-type-ressource .image-ressource .field--name-field-image .field__items .field__item img {
+  height: 100%;
   object-fit: contain;
 }
+.page-ressources .view-ressources .views-row .node-type-ressource .body-content {
+  display: none;
+}
 .page-ressources .view-ressources .views-row .node-type-ressource .infos-content {
   display: flex;
   flex-direction: column;
-  padding: 1rem;
+  background-color: transparent !important;
+  right: 0;
+  margin-bottom: 0;
+  border: none;
+  margin-left: 0 !important;
+}
+.page-ressources .view-ressources .views-row .node-type-ressource .infos-content h1 {
+  display: none;
 }
 .page-ressources .view-ressources .views-row .node-type-ressource .infos-content h2 {
   order: 2;
   margin: 0;
   font-size: 1.5rem;
-  font-weight: 600;
+  font-weight: 500;
+  line-height: 1.8rem;
 }
 .page-ressources .view-ressources .views-row .node-type-ressource .infos-content .field--name-field-sous-titre {
   order: 3;
   font-size: 1.3rem;
+  padding-top: 0.3rem;
 }
 .page-ressources .view-ressources .views-row .node-type-ressource .infos-content .field--name-field-auteur {
   order: 4;
   font-weight: 900;
   padding-top: 1rem;
+  padding-bottom: 1rem;
+  font-size: 1rem;
 }
 .page-ressources .view-ressources .views-row .node-type-ressource .infos-content .field--name-field-type-de-ressource {
   order: 1;
   text-transform: uppercase;
-  font-size: 1.2rem;
+  font-size: 0.9rem;
 }
 .page-ressources .view-ressources .views-row .node-type-ressource .infos-content .field--name-field-type-de-ressource a {
   pointer-events: none;
@@ -3124,128 +3005,118 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   width: 100%;
 }
 
-.page-node-site .node-type-ressource {
+.node-type-ressource {
   display: grid;
   grid-template-columns: 1fr repeat(3, 1fr) 1fr;
   grid-template-rows: repeat(2, auto);
   padding-top: 3rem;
 }
-.page-node-site .node-type-ressource .image-ressource {
+.node-type-ressource .image-ressource {
   grid-row: 1;
-  grid-column: 2/span 2;
+  grid-column: 2;
   margin-right: 2rem;
 }
-.page-node-site .node-type-ressource .image-ressource img {
+.node-type-ressource .image-ressource img {
   height: 400px;
   width: auto;
 }
-.page-node-site .node-type-ressource .infos-content {
+.node-type-ressource .infos-content {
   grid-row: 1;
   grid-column: 3/span 4;
   margin-left: 2rem;
+  border: none;
+  background-color: transparent;
 }
-.page-node-site .node-type-ressource .infos-content .field--name-field-type-de-ressource {
+.node-type-ressource .infos-content .field--name-field-type-de-ressource {
   text-transform: uppercase;
   font-size: 1rem;
+  order: 1;
 }
-.page-node-site .node-type-ressource .infos-content .field--name-field-sous-titre {
+.node-type-ressource .infos-content h1 {
+  order: 2;
+}
+.node-type-ressource .infos-content .field--name-field-sous-titre {
   font-size: 2rem;
+  order: 3;
 }
-.page-node-site .node-type-ressource .infos-content .field--name-field-auteur {
+.node-type-ressource .infos-content .field--name-field-auteur {
   font-weight: 800;
   font-size: 1.3rem;
+  order: 4;
 }
-.page-node-site .node-type-ressource .infos-content .field--name-field-site {
+.node-type-ressource .infos-content .field--name-field-site {
   background-color: rgb(153, 147, 174);
   border-radius: 50px;
   width: fit-content;
   padding: 0.2rem 0.9rem;
   margin-top: 1rem;
+  order: 5;
 }
-.page-node-site .node-type-ressource .infos-content .field--name-field-site a {
+.node-type-ressource .infos-content .field--name-field-site a {
   color: white;
   font-weight: 900;
   font-size: 0.8rem;
   vertical-align: top;
 }
-.page-node-site .node-type-ressource .body-content {
+.node-type-ressource .body-content {
   grid-row: 2;
   grid-column: 2/span 3;
   width: 100%;
   margin-top: 2rem;
 }
-.page-node-site .node-type-ressource .body-content .field--name-field-fichiers {
+.node-type-ressource .body-content .field--name-field-fichiers {
   width: fit-content;
 }
-.page-node-site .node-type-ressource .body-content .links-content {
+.node-type-ressource .body-content .links-content {
   margin-top: 2rem;
   position: relative;
   left: -10%;
   width: 25%;
 }
 
+.page-actualites .block-page-title-block {
+  width: 75%;
+  margin: auto;
+}
 .page-actualites .view-actus {
   padding-top: 3rem;
   padding-bottom: 6rem;
   width: 80%;
   margin: auto;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: baseline;
+  justify-content: space-between;
 }
-.page-actualites .view-actus .views-row .node-type-actualite .image-actualite {
+.page-actualites .view-actus .views-row {
+  width: 28%;
+  padding: 1rem;
+}
+.page-actualites .view-actus .views-row:hover {
+  transform: scale(1.05);
+  transition: 0.3s transform ease, 0.3s box-shadow ease;
+}
+.page-actualites .view-actus .views-row .node-type-actualite {
+  width: 30vw !important;
+}
+.page-actualites .view-actus .views-row .node-type-actualite .entete_actu {
+  flex-direction: column;
+}
+.page-actualites .view-actus .views-row .node-type-actualite .entete_actu .image-actualite {
   width: 90%;
   margin: auto;
 }
-.page-actualites .view-actus .views-row .node-type-actualite .image-actualite img {
+.page-actualites .view-actus .views-row .node-type-actualite .entete_actu .image-actualite img {
   width: 100%;
   height: auto;
 }
-.page-actualites .view-actus .views-row .node-type-actualite .infos-content {
-  position: relative;
-  top: -10px;
-  display: flex;
-  flex-direction: column;
-  border: solid #fdc300 1px;
-  background-color: rgb(255, 255, 255);
-  padding: 1rem;
+.page-actualites .view-actus .views-row .node-type-actualite .entete_actu .infos-content {
+  height: fit-content;
+  width: 100%;
+  margin: auto;
 }
-.page-actualites .view-actus .views-row .node-type-actualite .infos-content h2 {
-  order: 2;
-  margin: 0;
-  font-size: 1.5rem;
-  font-weight: 600;
-}
-.page-actualites .view-actus .views-row .node-type-actualite .infos-content .field--name-field-sous-titre {
-  order: 3;
-  font-size: 1.3rem;
-}
-.page-actualites .view-actus .views-row .node-type-actualite .infos-content .field--name-field-date {
-  order: 4;
-  font-weight: 900;
-  padding-bottom: 1rem;
-}
-.page-actualites .view-actus .views-row .node-type-actualite .infos-content .field--name-field-type-d-actualite {
-  order: 1;
-  text-transform: uppercase;
-  font-size: 1.2rem;
-}
-.page-actualites .view-actus .views-row .node-type-actualite .infos-content .field--name-field-site {
-  order: 5;
-  background-color: rgb(153, 147, 174);
-  border-radius: 50px;
-  width: fit-content;
-  padding: 0.2rem 0.9rem;
-  margin-top: 1rem;
-}
-.page-actualites .view-actus .views-row .node-type-actualite .infos-content .field--name-field-site .field__item {
-  display: inline;
-}
-.page-actualites .view-actus .views-row .node-type-actualite .infos-content .field--name-field-site a {
-  color: white;
-  font-weight: 900;
-  font-size: 0.8rem;
-  vertical-align: top;
-}
-.page-actualites .view-actus .views-row .node-type-actualite .infos-content ul.links {
-  order: 6;
+.page-actualites .view-actus .views-row .node-type-actualite .entete_actu .infos-content h1 {
   display: none;
 }
 
@@ -3260,66 +3131,29 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   align-items: center;
 }
 .node-type-actualite .entete_actu .image-actualite {
-  width: 60%;
+  width: 50%;
   height: 100%;
 }
+@media (max-width: 900px) {
+  .node-type-actualite .entete_actu .image-actualite {
+    width: 80%;
+    height: 100% !important;
+  }
+}
 .node-type-actualite .entete_actu .image-actualite img {
   width: 100%;
   height: auto;
   object-fit: contain;
 }
 .node-type-actualite .entete_actu .infos-content {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  border: solid #fdc300 1px;
-  background-color: rgb(255, 255, 255);
-  padding: 1rem;
-  height: 350px;
   width: 30%;
-  position: relative;
   right: 5%;
-  margin-bottom: 30px;
 }
-.node-type-actualite .entete_actu .infos-content h2 {
-  order: 2;
-  margin: 0;
-  font-size: 1.5rem;
-  font-weight: 600;
-  padding: 0;
-}
-.node-type-actualite .entete_actu .infos-content .field--name-field-sous-titre {
-  order: 3;
-  font-size: 1.3rem;
-}
-.node-type-actualite .entete_actu .infos-content .field--name-field-date {
-  order: 4;
-  font-weight: 900;
-  padding-bottom: 1rem;
-}
-.node-type-actualite .entete_actu .infos-content .field--name-field-type-d-actualite {
-  order: 1;
-  text-transform: uppercase;
-  font-size: 1.2rem;
-}
-.node-type-actualite .entete_actu .infos-content .field--name-field-site {
-  order: 5;
-  background-color: rgb(153, 147, 174);
-  color: white;
-  border-radius: 50px;
-  width: fit-content;
-  padding: 0.2rem 0.9rem;
-}
-.node-type-actualite .entete_actu .infos-content .field--name-field-site .field__item {
-  display: inline;
-  color: white;
-  font-weight: 900;
-  font-size: 0.8rem;
-  vertical-align: top;
-}
-.node-type-actualite .entete_actu .infos-content ul.links {
-  order: 6;
-  display: none;
+@media (max-width: 900px) {
+  .node-type-actualite .entete_actu .infos-content {
+    width: 45%;
+    height: fit-content;
+  }
 }
 .node-type-actualite .body-content .summary-content {
   width: 60%;
@@ -3327,7 +3161,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 }
 .node-type-actualite .body-content .links-content {
   width: 15%;
-  margin-left: 15%;
+  margin-left: 12.5%;
 }
 
 .page-mon-espace-de-travail .layout-content {
@@ -3344,16 +3178,4 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 }
 .page-mon-espace-de-travail .layout-content .js-form-type-textfield label {
   margin-right: 1rem;
-}
-
-.page-actualites .node-type-actualite {
-  width: 30vw !important;
-}
-.page-actualites .node-type-actualite .entete_actu {
-  flex-direction: column;
-}
-.page-actualites .node-type-actualite .entete_actu .infos-content {
-  width: 100%;
-  height: 250px;
-  right: 0;
 }
\ No newline at end of file
diff --git a/web/themes/custom/reha/dist/images/noun-download.svg b/web/themes/custom/reha/dist/images/noun-download.svg
new file mode 100644
index 0000000..fced08c
--- /dev/null
+++ b/web/themes/custom/reha/dist/images/noun-download.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="15.308718"
+   height="18.867474"
+   viewBox="0 0 15.308718 18.867474"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="g1"
+     transform="translate(-3.7662016,-3.6690666)">
+    <path
+       id="path1"
+       d="m 11.42056,3.6690666 c -0.27434,0 -0.496993,0.2204292 -0.496993,0.486242 V 16.311348 L 5.3870617,11.570816 c -0.210062,-0.175044 -0.5208489,-0.154948 -0.7017542,0.04278 -0.1789178,0.20552 -0.157713,0.511528 0.046385,0.686573 l 6.3601875,5.447204 c 0.08548,0.07066 0.199461,0.121889 0.318078,0.121889 0,0 0,0 0.0053,0 h 0.0053 c 0.124587,0 0.233256,-0.05121 0.318076,-0.121889 l 6.360189,-5.447204 c 0.210061,-0.175045 0.230606,-0.486241 0.04639,-0.686573 -0.178254,-0.202276 -0.496993,-0.223022 -0.701093,-0.04278 l -5.53703,4.740532 V 4.1553086 c 0,-0.2658128 -0.222652,-0.486242 -0.496992,-0.486242 z"
+       style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.655451" />
+    <path
+       id="path2"
+       d="m 3.7662016,22.050296 c 0,0.265814 0.2253031,0.486244 0.4969928,0.486244 H 18.577926 c 0.27169,0 0.496993,-0.22043 0.496993,-0.486244 0,-0.268404 -0.225303,-0.486241 -0.496993,-0.486241 H 4.2631944 c -0.2716897,0 -0.4969928,0.217837 -0.4969928,0.486241 z"
+       style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.655451" />
+  </g>
+</svg>
diff --git a/web/themes/custom/reha/js/reha.js b/web/themes/custom/reha/js/reha.js
index 2ccc3ab..a511ff5 100644
--- a/web/themes/custom/reha/js/reha.js
+++ b/web/themes/custom/reha/js/reha.js
@@ -147,21 +147,22 @@ jQuery(document).ready(function($){
           breakpoint: 810,
           settings: {
             slidesToShow: 1,
+            slidesToScroll: 1,
             adaptiveHeight: true,
             arrows: false,
             draggable: true,
-            centerMode: true,
+            // centerMode: true,
           }
         }]
     });
     console.log('slick actu');
   });
 
-  // html.js body.node-type-site.node-id-58 div.dialog-off-canvas-main-canvas div.layout-container.page-node-site main div.layout-content.home-page-layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block article.node-type-site div.entete_site div.image-site div.field.field--name-field-image.field--type-image.field--label-visually_hidden div.field__items
+
   $(document).ready(function(){
     $('.node-type-site .page-node-site .field--name-field-image .field__items').slick({
       slidesToShow: 1,
-      // slidesToScroll: 1,
+      slidesToScroll: 1,
       dots: true,
       arrows: false,
       // adaptiveHeight: true,
@@ -251,6 +252,30 @@ jQuery(document).ready(function($){
         var fieldContent = $('#block-reha-config-pages-3 .field--name-field-fichier', context).detach();
         $('.node-type-site .body-content-site .links-content', context).append(fieldContent);
       }
+      if ($('#block-reha-titredepage h1', context).length && $('.node-type-actualite .entete_actu .infos_content', context).length) {
+        // Déplacer le contenu de .field--name-field-fichier vers .links-content
+        var fieldContent = $('#block-reha-titredepage h1', context).detach();
+        $('.node-type-actualite .entete_actu .infos_content', context).append(fieldContent);
+      }
     }
   };
-})(jQuery, Drupal);
\ No newline at end of file
+})(jQuery, Drupal);
+
+
+
+
+// ////////////////////  start déplacer block-reha-titredepage dans node-type-actu & ressource infos-content  ////////////////////////
+
+// (function ($, Drupal) {
+//   Drupal.behaviors.moveFieldContent = {
+//     attach: function (context, settings) {
+//       // Vérifiez que les éléments existent avant de tenter de les manipuler
+//       if ($('#block-reha-titredepage h1', context).length && $('.node-type-actualite .entete_actu .infos_content', context).length) {
+//         // Déplacer le contenu de .field--name-field-fichier vers .links-content
+//         var fieldContent = $('#block-reha-titredepage h1', context).detach();
+//         $('.node-type-actualite .entete_actu .infos_content', context).append(fieldContent);
+//       }
+//     }
+//   };
+// })(jQuery, Drupal);
+// ////////////////////  end div infos site  ////////////////////////
\ No newline at end of file
diff --git a/web/themes/custom/reha/scss/pages/actualites.scss b/web/themes/custom/reha/scss/pages/actualites.scss
index 14a3806..99bbd52 100644
--- a/web/themes/custom/reha/scss/pages/actualites.scss
+++ b/web/themes/custom/reha/scss/pages/actualites.scss
@@ -1,82 +1,49 @@
 .page-actualites{
+    .block-page-title-block{
+        width: 75%;
+        margin: auto;
+    }
     .view-actus{
         padding-top: 3rem;
         padding-bottom: 6rem;
         width: 80%;
         margin: auto;
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        align-items: baseline;
+        justify-content: space-between;
         .views-row{
+            width: 28%;
+            padding: 1rem;
+            &:hover{
+                transform: scale(1.05);
+                transition: 0.3s transform ease, 0.3s box-shadow ease;   
+            }
             .node-type-actualite{
-    
-                .image-actualite{
-                    width: 90%;
-                    margin: auto;
-                    img{
-                        width: 100%;
-                        height: auto;
-
-                    }
-                   
-                }
-                .infos-content{
-                    position: relative;
-                    top: -10px;
-                    display: flex;
+                width: 30vw !important;
+                .entete_actu{
                     flex-direction: column;
-                    border: solid $yellow-puca 1px;
-                    background-color: $white-button;
-                    padding: 1rem;
-                    h2{
-                        order: 2;
-                        margin: 0;
-                        font-size: 1.5rem;
-                        font-weight: 600;
-                    }
-                    .field--name-field-sous-titre {
-                        order: 3;
-                        font-size: 1.3rem;
-                        // line-height: 0.3rem;
-                    }
-                    .field--name-field-date{
-                        order: 4;
-                        font-weight: 900;
-                        padding-bottom: 1rem;
-                    }
-                
-                    .field--name-field-type-d-actualite{
-                        order: 1;
-                        text-transform: uppercase;
-                        font-size: 1.2rem;
-                    }
-                    .field--name-field-site{
-                        order: 5;
-                        background-color: $gris-violet;
-                        border-radius: 50px;
-                        width: fit-content;
-                        padding: 0.2rem 0.9rem;
-                        margin-top: 1rem;
-                
-                        .field__item{
-                            display: inline;
-                        }         
-                        a{
-                            color: white;
-                            font-weight: 900;
-                            font-size: 0.8rem;
-                            vertical-align: top;
+                    .image-actualite{
+                        width: 90%;
+                        margin: auto;
+                        img{
+                            width: 100%;
+                            height: auto;
                         }
                     }
-                    ul.links{
-                        order: 6;
-                        display: none;
+                    .infos-content{
+                        height: fit-content;
+                        width: 100%;
+                        margin: auto;
+                        h1{
+                            display: none;
+                        }
                     }
-                
                 }
-        
             }
-    
         }
     }
-    
-
 }
 
+
diff --git a/web/themes/custom/reha/scss/pages/home/home-view-actualites.scss b/web/themes/custom/reha/scss/pages/home/home-view-actualites.scss
index 8f59d07..a86ccdb 100644
--- a/web/themes/custom/reha/scss/pages/home/home-view-actualites.scss
+++ b/web/themes/custom/reha/scss/pages/home/home-view-actualites.scss
@@ -1,30 +1,29 @@
 .block-views-blockactus-block-1{
-    // display:none;
     background-color: white;
     padding-bottom: 3rem;
-    // padding-left: 12%;
     h2{
         width: 80%;
-        // margin: auto;
-        padding-top: 2rem;
-        padding-bottom: 2rem;
-        padding-left: 12%;
         font-size: 2rem;
         font-weight: 900;
+        margin-left: 10%;
     }
     .view-id-actus{
         width: 100%;
         margin: auto;
         .views-row{
-            width: 35vw !important;
+            width: 30vw !important;
             margin-left: 1rem;
+            @media (max-width: 1200px) {
+                width: 50vw !important;
+            }
             &:first-of-type{
                 padding-left: 15%;
+                @media (max-width: 1200px) {
+                    padding-left: 16%;
+                }
             }
             .node-type-actualite{
                 width: 100%;
-                // display: flex;
-                // flex-direction: column;
                 height: 100%;
                 > .entete_actu{
                     display: flex;
@@ -37,7 +36,9 @@
                         height: 250px;
                         right: 10%;
                         position: relative;
-                        // margin-left: 1rem;
+                        @media (max-width: 1200px) {
+                            max-height: 150px;
+                        }
                         .field--name-field-image{
                             height: 100%;
                             .field__items{
@@ -56,56 +57,8 @@
                         }                
                     }
                     .infos-content{
-                        position: relative;
-                        display: flex;
-                        flex-direction: column;
-                        border: solid $yellow-puca 1px;
-                        background-color: $white-button;
-                        padding: 1rem;
+                        height: fit-content;
                         width: 100%;
-                        right: 0%;
-                        height: auto;
-                        h2{
-                            order: 2;
-                            margin: 0;
-                            font-size: 1.5rem;
-                            font-weight: 600;
-                            padding: 0;;
-                        }
-                        .field--name-field-sous-titre {
-                            order: 3;
-                            font-size: 1.3rem;
-                        }
-                        .field--name-field-date{
-                            order: 4;
-                            font-weight: 900;
-                            padding-bottom: 1rem;
-                        }
-                    
-                        .field--name-field-type-d-actualite{
-                            order: 1;
-                            text-transform: uppercase;
-                            font-size: 1.2rem;
-                        }
-                        .field--name-field-site{
-                            order: 5;
-                            background-color: $gris-violet;
-                            color: white;
-                            border-radius: 50px;
-                            width: fit-content;
-                            padding: 0.2rem 0.9rem;
-                            .field__item{
-                                display: inline;
-                                color: white;
-                                font-weight: 900;
-                                font-size: 0.8rem;
-                                vertical-align: top;
-                            }         
-                        }
-                        ul.links{
-                            order: 6;
-                            display: none;
-                        }
                     }
                     .body-content{
                         display: none;
@@ -121,5 +74,16 @@
         .slick-prev{
             left:35px;
         }
+        .slick-next{
+            left: 90vw;
+        }
+        @media (max-width: 1400px) {
+            .slick-prev{
+                left:0vw;
+            }
+            .slick-next{
+                left: 85vw;
+            }
+        }
     }
 }
diff --git a/web/themes/custom/reha/scss/pages/les-sites-pilotes.scss b/web/themes/custom/reha/scss/pages/les-sites-pilotes.scss
index d213a8e..935e37b 100644
--- a/web/themes/custom/reha/scss/pages/les-sites-pilotes.scss
+++ b/web/themes/custom/reha/scss/pages/les-sites-pilotes.scss
@@ -1,6 +1,9 @@
 
 
 .page-sitespilotes{
+    .views-element-container{
+        padding-bottom: 8rem;
+    }
     h1{
         width: 80%;
         margin: auto;
@@ -142,6 +145,7 @@
         footer{
             background-color: transparent;
             text-transform: none !important;
+            z-index: 100;
             p{
                 font-size: 2rem;
                 padding-left: 1rem;
@@ -271,258 +275,3 @@
         font-weight: 1000;
     }
 }
-.view-display-id-page_1{
- 
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    align-items: baseline;
-    justify-content: space-between;
-    article{
-        padding-bottom: 0.7rem;
-    }
-    .views-row{
-        width: 28%;
-        padding: 1rem;
-        &:hover{
-            transform: scale(1.05);
-            transition: 0.3s transform ease, 0.3s box-shadow ease;   
-        }
-        .node-type-site{
-            margin: auto;
-            display: flex;
-            flex-direction: column;
-            width: 100%;
-            background-color: white;
-            .field--name-field-image{
-                order: 1;
-                max-width: 100%;
-                img{
-                    width: 100%;
-                    object-fit: cover;
-                    height: fit-content;
-                }
-            }
-            .infos-content-site{
-                background-color: $white-button;
-                order: 2;
-                display: flex;
-                flex-direction: column;
-                padding-left: 1rem;
-                padding-right: 1rem;
-                padding-top: 0.5rem;
-                h1{display: none;}
-                h2{
-                    order: 2;
-                    margin: 0;
-                    font-size: 1.6rem;
-                    font-weight: 900;
-                    line-height: 1;
-                    padding-bottom: 0.8rem;
-                }
-                .first-row{
-                    order: 1;
-                    display:flex;
-                    flex-direction: row;
-                    align-items: end;
-                    padding-bottom: 0.5rem;
-                    .field--name-field-numero-site {
-                        order: 1;
-                        text-transform: uppercase;
-                        font-size: 1rem;
-                        display: inline-flex;
-                        &::after{
-                            content: '|';
-                            padding-left: 1rem;
-                            padding-right: 1rem;
-                        }
-                    }
-                    .field--name-field-adresse-site{
-                        order: 3;
-                        font-size: 1.2rem;
-                        .field__item{
-                            display: flex;
-                        }
-                        .address{
-                            margin: 0;
-                            display: inline-flex;
-                            .postal-code{
-                                order: 2;
-                            }
-                            .locality{
-                                order: 1;
-                                text-transform: capitalize;
-                                margin-right: 0.5rem;
-                            }
-                            .country{
-                                display: none;
-                            }
-                        }
-                    }
-                }
-
-                .field--name-field-architecte{
-                    order: 4;
-                    font-size: 1.2rem;
-                    .field__items{
-                        display: flex;
-                        flex-direction: row;
-                        flex-wrap: wrap;
-                        .field__item{
-                            display: inline;
-                            &::after{
-                                content:',';
-                                padding-right: 0.5rem;
-                            }
-                            
-                        }
-                    }
-                    .field__item:last-of-type::after {
-                        content: '';
-                    }
-                }
-                ul.links{
-                    order: 5;
-                    text-transform: uppercase;
-                    padding: 0;
-                    margin: 0;
-                    border: none;
-                    padding-bottom: 1rem;
-                    padding-top: 3rem;
-                    display: inline-flex;
-                    &::after{
-                        content:url("../../dist/images/noun-arrow-1569918-black.svg");
-                        padding-left: 0.5rem;
-                    }
-
-                }
-                
-            }
-            
-        }
-    }
-
-    footer{
-        background-color: transparent;
-        text-transform: none !important;
-        p{
-            font-size: 2rem;
-            padding-left: 1rem;
-            font-weight: 1000;
-        }
-        .view-display-id-block_2{
-            display: flex;
-            flex-direction: row;
-            flex-wrap: wrap;
-            align-items: baseline;
-            justify-content: space-between;
-            .views-row{
-                width: 28%;
-                padding: 1rem;
-                &:hover{
-                    transform: none;
-                }
-                .node-type-site{
-                    margin: auto;
-                    display: flex;
-                    flex-direction: column;
-                    width: 100%;
-                    background-color: transparent;
-                    
-                    .infos-content-site{
-                        background-color: transparent;
-                        order: 2;
-                        display: flex;
-                        flex-direction: column;
-                        padding-left: 1rem;
-                        padding-right: 1rem;;
-                        padding-right: 1rem;
-                        h2{
-                            order: 2;
-                            margin: 0;
-                            font-size: 1.6rem;
-                            font-weight: 900;
-                            line-height: 1;
-                            a{
-                                cursor: default !important;
-                                pointer-events: none;
-                            }
-                            
-                        }
-                        .first-row{
-                            order: 1;
-                            display:flex;
-                            flex-direction: row;
-                            align-items: center;
-                            padding-bottom: 0.5rem;
-                            .field--name-field-lettre-de-site {
-                                order: 1;
-                                text-transform: uppercase;
-                                font-size: 1rem;
-                                font-weight: 400;
-                                display: flex;
-                                align-items: center;
-
-                                &::before{
-                                    content:'SITE';
-                                    padding-right: 0.5rem;
-                                }
-                                &::after{
-                                    content: '|';
-                                    padding-left: 1rem;
-                                    padding-right: 1rem;
-                                }
-                            }
-                            .field--name-field-adresse-site{
-                                order: 3;
-                            
-                                p.address{
-                                    padding-left: 0;
-                                    margin: 0;
-                                    display: inline-flex;
-                                    font-size: 1.3rem;
-                                    font-weight: 500!important;
-                                    .postal-code{
-                                        order: 2;
-                                    }
-                                    .locality{
-                                        order: 1;
-                                        text-transform: capitalize;
-                                        margin-right: 0.5rem;
-                                    }
-                                    .country{
-                                        display: none;
-                                    }
-                                }
-                            }
-                        }
-                        .field--name-field-architecte{
-                            order: 4;
-                            text-transform: capitalize;
-                            font-weight: 400;
-                            font-size: 1.2rem;
-
-                        }
-                        ul.links{
-                            order: 5;
-                            text-transform: uppercase;
-                            padding: 0;
-                            margin: 0;
-                            border: none;
-                            padding-bottom: 2rem;
-                            padding-top: 0.9rem;
-                            display: inline-flex;
-                            &::after{
-                                content:url("../../dist/images/noun-arrow-1569918-black.svg");
-                                padding-left: 0.5rem;
-                            }
-        
-                        }
-                        
-                    }
-                    
-                }
-            }
-        }
-    }
-}
diff --git a/web/themes/custom/reha/scss/pages/node-actualite.scss b/web/themes/custom/reha/scss/pages/node-actualite.scss
index f8cca6a..596d147 100644
--- a/web/themes/custom/reha/scss/pages/node-actualite.scss
+++ b/web/themes/custom/reha/scss/pages/node-actualite.scss
@@ -7,8 +7,12 @@
             margin: auto;
             align-items: center;
             .image-actualite{
-                width: 60%;
+                width: 50%;
                 height: 100%;
+                @media (max-width: 900px) {
+                    width: 80%;
+                    height: 100% !important;
+                }
                 img{
                     width: 100%;
                     height: auto;
@@ -16,57 +20,13 @@
                 }
             }
             .infos-content{
-                position: relative;
-                display: flex;
-                flex-direction: column;
-                border: solid $yellow-puca 1px;
-                background-color: $white-button;
-                padding: 1rem;
-                height: 350px;
+                // height: 350px;
+                
                 width: 30%;
-                position: relative;
                 right: 5%;
-                margin-bottom: 30px;
-                h2{
-                    order: 2;
-                    margin: 0;
-                    font-size: 1.5rem;
-                    font-weight: 600;
-                    padding: 0;;
-                }
-                .field--name-field-sous-titre {
-                    order: 3;
-                    font-size: 1.3rem;
-                }
-                .field--name-field-date{
-                    order: 4;
-                    font-weight: 900;
-                    padding-bottom: 1rem;
-                }
-            
-                .field--name-field-type-d-actualite{
-                    order: 1;
-                    text-transform: uppercase;
-                    font-size: 1.2rem;
-                }
-                .field--name-field-site{
-                    order: 5;
-                    background-color: $gris-violet;
-                    color: white;
-                    border-radius: 50px;
-                    width: fit-content;
-                    padding: 0.2rem 0.9rem;
-                    .field__item{
-                        display: inline;
-                        color: white;
-                        font-weight: 900;
-                        font-size: 0.8rem;
-                        vertical-align: top;
-                    }         
-                }
-                ul.links{
-                    order: 6;
-                    display: none;
+                @media (max-width: 900px) {
+                    width: 45%;
+                    height: fit-content;
                 }
             }
     
@@ -78,7 +38,7 @@
             }
             .links-content{
                 width: 15%;
-                margin-left: 15%;
+                margin-left: calc(25%/2);
             }
         }
     }   
diff --git a/web/themes/custom/reha/scss/pages/node-ressource.scss b/web/themes/custom/reha/scss/pages/node-ressource.scss
index 901c5c3..f59c56c 100644
--- a/web/themes/custom/reha/scss/pages/node-ressource.scss
+++ b/web/themes/custom/reha/scss/pages/node-ressource.scss
@@ -1,4 +1,4 @@
-.page-node-site{
+
     .node-type-ressource{
 
         display: grid;
@@ -6,9 +6,13 @@
         grid-template-rows: repeat(2, auto);
         padding-top: 3rem;
 
+        // #block-reha-titredepage{
+        //     display: block !important;
+        // }
+
         .image-ressource{
             grid-row: 1;
-            grid-column: 2 /span 2;
+            grid-column: 2;
             margin-right: 2rem;
 
             img{
@@ -20,17 +24,22 @@
             grid-row: 1;
             grid-column: 3 /span 4;
             margin-left: 2rem;
-            
+            border: none;
+            background-color:transparent;
             .field--name-field-type-de-ressource{
                 text-transform: uppercase;
                 font-size: 1rem;
+                order: 1;
             }
+            h1{order: 2;}
             .field--name-field-sous-titre{
                 font-size: 2rem;
+                order: 3;
             }
             .field--name-field-auteur{
                 font-weight: 800;
                 font-size: 1.3rem;
+                order: 4;
             }
             .field--name-field-site{
                 background-color: rgb(153, 147, 174);
@@ -38,6 +47,7 @@
                 width: fit-content;
                 padding: 0.2rem 0.9rem;
                 margin-top: 1rem;
+                order: 5;
                 a{
                     color: white;
                     font-weight: 900;
@@ -66,4 +76,3 @@
 
         }
     }   
-}
\ No newline at end of file
diff --git a/web/themes/custom/reha/scss/pages/node-site.scss b/web/themes/custom/reha/scss/pages/node-site.scss
index 9eaed8a..7a3aa46 100644
--- a/web/themes/custom/reha/scss/pages/node-site.scss
+++ b/web/themes/custom/reha/scss/pages/node-site.scss
@@ -9,10 +9,6 @@
     }
     .region-content{
         display: grid;
-        // width: 80%;
-        // margin: auto;
-        // display: flex;
-        // flex-direction: column;
         grid-template-columns: repeat(8 1fr);
         grid-template-rows: repeat(3 auto);
        
@@ -239,7 +235,7 @@
                             background-color: transparent;
                         }
                         .field__item{
-                            padding: 0.3rem;
+                            padding: 0.5rem;
                             border: solid black 1px;
                             margin-bottom: 1rem;
                             background-color: rgb(255, 255, 255);
diff --git a/web/themes/custom/reha/scss/pages/page-actualites.scss b/web/themes/custom/reha/scss/pages/page-actualites.scss
deleted file mode 100644
index 92778fa..0000000
--- a/web/themes/custom/reha/scss/pages/page-actualites.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-.page-actualites{
-    .node-type-actualite{
-        width: 30vw !important;
-        .entete_actu{
-            flex-direction: column;
-            .infos-content{
-                width: 100%;
-                height: 250px;
-                right: 0;
-            }
-        }
-    }
-}
\ No newline at end of file
diff --git a/web/themes/custom/reha/scss/pages/ressources.scss b/web/themes/custom/reha/scss/pages/ressources.scss
index 63ac854..f3b952f 100644
--- a/web/themes/custom/reha/scss/pages/ressources.scss
+++ b/web/themes/custom/reha/scss/pages/ressources.scss
@@ -7,13 +7,16 @@
 
     }
     .view-ressources{
+        display: flex;
         flex-direction: row;
+        flex-wrap: wrap;
+        justify-content: space-between;
         padding: 5rem;
         width: 80%;
         margin: auto;
         #views-exposed-form-ressources-page-1{
             width: 100%;
-            // margin: auto;
+            margin: auto;
             display: grid;
             grid-template-columns: repeat(8, 1fr);
             grid-template-rows: repeat(3, 1fr);
@@ -53,52 +56,83 @@
                 }
             }
         }
+                     
+        article{
+            padding-bottom: 0 !important;
+        }
         .views-row{
-
-            .node-type-ressource{
-
+            width: 28%;
+            padding: 1rem;
+            display: flex !important;
+            flex-direction: column;
+            background-color: $white-button;
+            margin-bottom: 6rem;
+            &:hover{
+                transform: scale(1.05);
+                transition: 0.3s transform ease, 0.3s box-shadow ease;   
+            }
+            .node-type-ressource{             
                 width: 100%;
                 margin: auto;
-                background-color: $white-button;
-                
+                display: flex !important;
+                flex-direction: column-reverse;
+                padding-top: 0;
                 .image-ressource{
                     order: 1;
-                    width: 90%;
+                    width: auto;
                     margin: auto;
-                    img{
-                        width: 100%;
-                        // height: auto;
-                        max-height: 250px;
-                        object-fit: contain;
+                    margin-left: auto;
+                    height: 15rem;
+                    margin-left: 0;
+                    .field--name-field-image{
+                        height: 100%;
+                        .field__items{
+                            height: 100%;
+                            .field__item{
+                                height: 100%;
+                                img{
+                                    height: 100%;
+                                    object-fit: contain;
+                                }
+                            }
+                        }
                     }
+                    
                 }
+                .body-content{display: none;}
                 .infos-content{
                     display: flex;
                     flex-direction: column;
-                    // border: solid $yellow-puca 1px;
-                   
-                    padding: 1rem;
+                    background-color: transparent !important;
+                    right: 0;
+                    margin-bottom: 0;
+                    border: none;
+                    margin-left: 0 !important;
+                    h1{display: none;}
                     h2{
                         order: 2;
                         margin: 0;
                         font-size: 1.5rem;
-                        font-weight: 600;
+                        font-weight: 500;
+                        line-height: 1.8rem;
                     }
                     .field--name-field-sous-titre {
                         order: 3;
                         font-size: 1.3rem;
-                        // line-height: 0.3rem;
+                        padding-top: 0.3rem;
                     }
                     .field--name-field-auteur{
                         order: 4;
                         font-weight: 900;
                         padding-top: 1rem;
+                        padding-bottom: 1rem;
+                        font-size: 1rem;
                     }
                 
                     .field--name-field-type-de-ressource{
                         order: 1;
                         text-transform: uppercase;
-                        font-size: 1.2rem;
+                        font-size: 0.9rem;
                         a{
                             pointer-events: none;
                         }
@@ -128,10 +162,7 @@
                         display: none;
                     }
                 }
-                
-                
             }
-    
         }
         .pagination{
             width: 100%;
diff --git a/web/themes/custom/reha/scss/partials/_header.scss b/web/themes/custom/reha/scss/partials/_header.scss
index 3f16f38..3c7dcc9 100644
--- a/web/themes/custom/reha/scss/partials/_header.scss
+++ b/web/themes/custom/reha/scss/partials/_header.scss
@@ -65,7 +65,7 @@ header{
                 justify-content: space-evenly;
                 
                
-                @media (max-width:1400px) {
+                @media (max-width:1100px) {
                     flex-direction: column;
                 }
                 li{
diff --git a/web/themes/custom/reha/scss/partials/_infos_content_actus.scss b/web/themes/custom/reha/scss/partials/_infos_content_actus.scss
new file mode 100644
index 0000000..6738523
--- /dev/null
+++ b/web/themes/custom/reha/scss/partials/_infos_content_actus.scss
@@ -0,0 +1,69 @@
+.infos-content{
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    border: solid $yellow-puca 1px;
+    background-color: $white-button;
+    padding: 1rem;
+    height: fit-content;
+    width: 100%;
+    position: relative;
+    right: 5%;
+    margin-bottom: 30px;
+    h1{
+        // display: none;
+        order: 2;
+        font-size: 2rem;
+        font-weight: 500;
+        margin: 0;
+    }
+    h2{
+        order: 2;
+        margin: 0;
+        font-size: 1.5rem;
+        font-weight: 600;
+        padding: 0;
+    }
+    .field--name-field-sous-titre {
+        order: 3;
+        font-size: 1.5rem;
+    }
+    .field--name-field-date{
+        order: 4;
+        font-weight: 900;
+    }
+
+    .field--name-field-type-d-actualite{
+        order: 1;
+        text-transform: uppercase;
+        font-size: 0.8rem;
+    }
+    .field--name-field-site{
+        order: 5;
+        background-color: $gris-violet;
+        color: white;
+        border-radius: 50px;
+        width: fit-content;
+        padding: 0 0.9rem 0.3rem 0.9rem;
+        margin-top: 0.5rem;
+        .field__item{
+            display: inline;
+            color: white;
+            font-weight: 900;
+            font-size: 0.8rem;
+            a{
+                &:visited{
+                color: white;
+                }
+                &:link{
+                    color: white;
+                    }
+            }
+            
+        }         
+    }
+    ul.links{
+        order: 6;
+        display: none;
+    }
+}
\ No newline at end of file
diff --git a/web/themes/custom/reha/scss/partials/_links_content.scss b/web/themes/custom/reha/scss/partials/_links_content.scss
new file mode 100644
index 0000000..fe7fe1b
--- /dev/null
+++ b/web/themes/custom/reha/scss/partials/_links_content.scss
@@ -0,0 +1,40 @@
+
+.links-content{
+    .field--name-field-liens {
+        padding: 0.5rem;
+    
+        .field__items .field__item {    
+            ::after{
+                content: url("../../dist/images/noun-arrow-1569918-black.svg");
+                padding-left: 0.5rem;
+            }
+        }
+    }
+    .field--name-field-fichiers,
+    .field--name-field-fichier{
+        width: fit-content;
+        padding: 0.5rem;
+        padding-right: 0.8rem;
+        .file--mime-application-pdf{
+            a{
+                text-transform: uppercase;
+            }
+
+            ::after{
+                content: url("../../dist/images/noun-download.svg");
+                padding-left: 0.8rem;
+            }
+        }
+        span:nth-of-type(2){
+            display: none;
+        }
+    }
+
+}
+
+.field--name-field-node-link .field__item {
+    ::after{
+        content: url("../../dist/images/noun-arrow-1569918-black.svg");
+        padding-left: 0.5rem;
+    }
+}
\ No newline at end of file
diff --git a/web/themes/custom/reha/scss/reha.scss b/web/themes/custom/reha/scss/reha.scss
index 0480766..8571356 100644
--- a/web/themes/custom/reha/scss/reha.scss
+++ b/web/themes/custom/reha/scss/reha.scss
@@ -23,6 +23,8 @@
 @import "partials/slick-theme";
 @import "partials/slick";
 @import "partials/slick_custom";
+@import "partials/infos_content_actus.scss";
+@import "partials/links_content";
 
 /*pages*/
 @import "pages/home";
@@ -38,9 +40,9 @@
 @import "pages/home/home-view-presentation";
 @import "pages/le-programme";
 @import "pages/node-site";
-@import "pages/ressources";
+@import "pages/ressources.scss";
 @import "pages/node-ressource";
 @import "pages/actualites";
 @import "pages/node-actualite";
 @import "pages/page-mon-espace-de-travail";
-@import "pages/page-actualites";
\ No newline at end of file
+// @import "pages/page-actualites";
\ No newline at end of file
diff --git a/web/themes/custom/reha/templates/node--actualite.html.twig b/web/themes/custom/reha/templates/node--actualite.html.twig
index a73f62e..c0e2dda 100644
--- a/web/themes/custom/reha/templates/node--actualite.html.twig
+++ b/web/themes/custom/reha/templates/node--actualite.html.twig
@@ -80,6 +80,7 @@
     {% endif %}
 
     <div class="infos-content">
+      <h1>{{ node.label }}</h1>
       {% if label and not page %}
         <h2{{ title_attributes }}>
           <a href="{{ url }}" rel="bookmark">{{ label }}</a>
diff --git a/web/themes/custom/reha/templates/node--ressource.html.twig b/web/themes/custom/reha/templates/node--ressource.html.twig
index ff6f6c9..a79c2aa 100644
--- a/web/themes/custom/reha/templates/node--ressource.html.twig
+++ b/web/themes/custom/reha/templates/node--ressource.html.twig
@@ -81,6 +81,7 @@
 
   {# Envelopper les autres champs dans des divs distinctes #}
   <div class="infos-content">
+  <h1>{{ node.label }}</h1>
     {% if label and not page %}
       <h2{{ title_attributes }}>
         <a href="{{ url }}" rel="bookmark">{{ label }}</a>