web/themes/custom/reha/dist/css/bundle.css

@@ -357,7 +357,7 @@ header .region-header #block-reha-logoreha .field--name-field-logo .field__item
   width: auto;
 }
 header .region-header #block-reha-navigationprincipale {
-  grid-column: 3/span 5;
+  grid-column: 3/span 6;
 }
 header .region-header #block-reha-navigationprincipale ul {
   display: flex;
@@ -601,7 +601,7 @@ header .region-header #block-reha-config-pages .contacts .field__item {
 }
 header #block-reha-views-block-current-user-block-block-1 {
   grid-column: 9;
-  width: 400px;
+  width: auto;
   display: flex;
   flex-direction: column;
   height: fit-content;
@@ -661,6 +661,7 @@ header #block-reha-views-block-current-user-block-block-1 .connected .connected-
   border-bottom: 1px solid black;
 }
 header #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer ul li {
+  width: fit-content;
   text-transform: uppercase;
   padding: 1rem;
   border: solid black 1px;
@@ -967,6 +968,7 @@ aside.layout-sidebar-second h2 {
   cursor: pointer;
   padding-top: 2rem;
   padding-bottom: 2rem;
+  text-align: center;
 }
 aside.layout-sidebar-second h2::before {
   content: url("../../dist/images/noun-arrow-1569918-black.svg");
@@ -1064,6 +1066,8 @@ aside.layout-sidebar-second footer.view-footer {
   padding-top: 0;
   align-self: left;
   margin-left: 1rem;
+  padding-left: 0.3rem;
+  padding-right: 0.3rem;
 }
 @media (max-width: 891px) {
   aside.layout-sidebar-second footer.view-footer {
@@ -1964,7 +1968,6 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 .home-page-layout-content .block-views-blocksites-block-1 {
   top: -44px;
   position: relative;
-  height: 550px;
 }
 @media (max-width: 891px) {
   .home-page-layout-content .block-views-blocksites-block-1 .views-row {
@@ -1978,12 +1981,17 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 }
 .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site {
   background-color: white;
-  height: 520px;
-  width: 1274px;
   display: flex;
   flex-direction: row;
   margin: auto;
 }
+@media (max-width: 1400px) {
+  .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+  }
+}
 @media (max-width: 891px) {
   .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site {
     width: 100%;
@@ -1993,34 +2001,57 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 }
 .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site {
   order: 1;
+  width: 70%;
+}
+@media (max-width: 900px) {
+  .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site {
+    width: 100%;
+  }
 }
 .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
+  position: relative;
 }
 .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item img {
-  height: 520px;
-  width: auto;
+  width: 100%;
   object-fit: contain;
+  height: fit-content;
+}
+@media (max-width: 1500px) {
+  .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item img {
+    width: 100%;
+  }
 }
 .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item blockquote {
-  position: relative;
+  position: absolute;
   font-style: italic;
   margin: 0;
   width: 20vw;
   z-index: 900;
-  left: 20vw;
-  top: -50px;
+  right: -20vw;
+  bottom: 0px;
+}
+@media (max-width: 900px) {
+  .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item blockquote {
+    left: 0;
+    top: 0;
+    width: 100%;
+  }
 }
 .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item blockquote p {
   margin: 0;
   padding-left: 1rem;
+  padding-bottom: 1rem;
+}
+@media (max-width: 900px) {
+  .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item blockquote p {
+    font-size: 0.8rem;
+  }
 }
 .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site {
   background-color: rgb(255, 255, 255);
-  width: 20vw;
-  height: 400px;
   order: 2;
   display: flex;
   flex-direction: column;
@@ -2033,6 +2064,11 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 @media (max-width: 891px) {
   .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site {
     width: auto;
+    height: auto;
+    display: flex;
+    margin: auto;
+    margin-bottom: 2rem;
+    margin-top: 2rem;
   }
 }
 .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site h1 {
@@ -2120,6 +2156,10 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   margin-top: 1rem;
   margin-bottom: 4rem;
 }
+.home-page-layout-content .block-block-content9e601647-144f-4e8e-b9e1-7d744f9141d7 .field--type-link {
+  padding-left: 0.5rem;
+  padding-right: 0.3rem;
+}
 
 .page-sitespilotes .views-element-container {
   padding-bottom: 8rem;
@@ -2511,6 +2551,10 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   margin-top: 2rem;
   margin-bottom: 4rem;
 }
+.page--home .home-page-layout-content .block-block-content793e5016-2b96-4802-9f38-1cd3768775b5 .field--type-link {
+  padding-left: 0.5rem;
+  padding-right: 0.3rem;
+}
 .page--home .home-page-layout-content .block-block-content793e5016-2b96-4802-9f38-1cd3768775b5 .field--type-link .field__item::after {
   content: url("../dist/images/noun-arrow-1569918-black.svg");
 }

web/themes/custom/reha/js/reha.js

@@ -98,25 +98,6 @@ jQuery(document).ready(function($){
           checkMobileAndApplyClass();
       });
 
-      // $("aside.layout-sidebar-second h2").click(function(event) {
-      //   const aside = $(".layout-sidebar-second");
-      //   const heading = $("aside.layout-sidebar-second h2");
-    
-      //   // Vérifie si la classe 'close' est présente
-      //   const isClosed = aside.hasClass('close');
-    
-      //   if (isClosed) {
-      //       aside.removeClass('close');
-      //       heading.removeClass('__close');
-      //       sessionStorage.setItem('asideOpened', 'false');
-      //   } else {
-      //       aside.addClass('close');
-      //       heading.addClass('__close');
-      //       sessionStorage.setItem('asideOpened', 'true');
-      //   }
-      // });
-    
-
       // Gestion toggle du panneau au clic sur le h2
       $("aside.layout-sidebar-second h2").click(function () {
         const aside = $(".layout-sidebar-second");
@@ -134,12 +115,12 @@ jQuery(document).ready(function($){
         }
       });
 
-// Forcer la fermeture du panneau au clic sur .views-field-title
-$("aside.layout-sidebar-second .view-current-user-doc-profile .views-field-title").click(function () {
-  $(".layout-sidebar-second").addClass('close');
-  $(".layout-sidebar-second h2").addClass('__close');
-  sessionStorage.setItem('asideOpened', 'true');
-});
+      // Forcer la fermeture du panneau au clic sur .views-field-title
+      $("aside.layout-sidebar-second .view-current-user-doc-profile .views-field-title").click(function () {
+        $(".layout-sidebar-second").addClass('close');
+        $(".layout-sidebar-second h2").addClass('__close');
+        sessionStorage.setItem('asideOpened', 'true');
+      });
 
 
   });
@@ -160,7 +141,7 @@ $("aside.layout-sidebar-second .view-current-user-doc-profile .views-field-title
         centerMode: true,
         adaptiveHeight: true,
         // centerPadding: '100px',
-        autoplay: true,
+        autoplay: false,
         autoplaySpeed: 2000,
         responsive: [
           {

web/themes/custom/reha/scss/pages/home/home-view-presentation.scss → web/themes/custom/reha/scss/pages/home/_home-view-presentation.scss

@@ -30,6 +30,8 @@
             margin-top: 2rem;
             margin-bottom: 4rem;
             .field--type-link{
+                padding-left: 0.5rem;
+                padding-right: 0.3rem;
                 .field__item::after{    
                         content: url('../dist/images/noun-arrow-1569918-black.svg');
                 }

web/themes/custom/reha/scss/pages/home/home-view-sites.scss → web/themes/custom/reha/scss/pages/home/_home-view-sites.scss

@@ -28,23 +28,29 @@
     .block-views-blocksites-block-1 {
         top: -44px;
         position: relative;
-        height: 550px;
+        // height: 550px;
     
         .views-row{
             @media(max-width: 891px){
                 margin-left: 1.8rem;
                 margin-right: 1.8rem;
             }
+
             .node-type-site{
                 width: 70%;
                 margin: auto;
                 .entete_site{  
                     background-color: white;
-                    height: 520px;
-                    width: 1274px;
+                    // height: 520px;
+                    // width: 1274px;
                     display: flex;
                     flex-direction: row;
                     margin: auto;
+                @media(max-width: 1400px){
+                    width: 100%;
+                    display: flex;
+                    flex-direction: row;
+                } 
                 @media(max-width: 891px){
                     width: 100%;
                     display: flex;
@@ -53,26 +59,44 @@
                     
                     .image-site{
                         order: 1;
+                        width: 70%;
+                        @media(max-width: 900px){
+                            width: 100%;
+                        }
                         .field__item{
                             display: flex;
                             flex-direction:column;
                             align-items: flex-end;
+                            position: relative;
                             img {
-                                height: 520px;
-                                width: auto;
-                                object-fit: contain;                      
+                                // height: 520px;
+                                width: 100%;
+                                object-fit: contain;  
+                                height: fit-content;    
+                                @media(max-width: 1500px){
+                                    width: 100%;
+                                }                 
                             }
                             blockquote{
-                                position: relative;
+                                position: absolute;
                                 font-style: italic;
                                 margin: 0;
                                 width: 20vw;
                                 z-index: 900;
-                                left: 20vw;
-                                top: -50px;
+                                right: -20vw;
+                                bottom: 0px;
+                                @media(max-width: 900px){
+                                    left: 0;
+                                    top: 0;
+                                    width: 100%;
+                                }
                                 p{
                                     margin: 0;
                                     padding-left: 1rem;
+                                    padding-bottom: 1rem;
+                                    @media(max-width: 900px){
+                                        font-size: 0.8rem;
+                                    }
                                 }
                             }
                         }
@@ -80,8 +104,8 @@
                     }
                     .infos-content-site{
                         background-color: $white-button;
-                        width: 20vw;
-                        height: 400px;
+                        // width: 20vw;
+                        // height: 400px;
                         order: 2;
                         display: flex;
                         flex-direction: column;
@@ -92,6 +116,11 @@
                         justify-content: center;
                         @media(max-width: 891px){
                             width: auto;
+                            height: auto;
+                            display: flex;
+                            margin: auto;
+                            margin-bottom: 2rem;
+                            margin-top: 2rem;
                         }
                         h1{display: none;}
                         h2{
@@ -188,5 +217,11 @@
         // top: -10px;
         margin-top: 1rem;
         margin-bottom: 4rem;
+
+        .field--type-link{
+            padding-left: 0.5rem;
+            padding-right: 0.3rem;
+        }
+
     }
 }

web/themes/custom/reha/scss/partials/_aside.scss

@@ -60,6 +60,7 @@ aside.layout-sidebar-second{
         cursor: pointer;
         padding-top: 2rem;
         padding-bottom: 2rem;
+        text-align: center;
         &::before{
             content: url('../../dist/images/noun-arrow-1569918-black.svg');
             display: inline-block;
@@ -160,6 +161,8 @@ aside.layout-sidebar-second{
         padding-top: 0;
         align-self: left;
         margin-left: 1rem;
+        padding-left: 0.3rem;
+        padding-right: 0.3rem;
 
         @media (max-width:891px) {
             font-size: 1rem;

web/themes/custom/reha/scss/partials/_header.scss

@@ -58,7 +58,7 @@ header{
         }
 
         #block-reha-navigationprincipale {
-            grid-column: 3 / span 5 ;
+            grid-column: 3 / span 6 ;
             ul{
                 display: flex;
                 flex-direction: row;
@@ -307,7 +307,7 @@ header{
         }
         #block-reha-views-block-current-user-block-block-1{
             grid-column: 9;
-            width: 400px;
+            width: auto;
             .bouton-connected{
                 // padding-right: 3rem;
                h2{
@@ -371,6 +371,7 @@ header{
 
                             }
                             li{
+                                width: fit-content;
                                 text-transform: uppercase;
                                 padding: 1rem;
                                 border: solid black 1px;