display flex entete site

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

@@ -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;
@@ -1065,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 {
@@ -1965,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 {
@@ -1979,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%;
@@ -1994,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;
@@ -2034,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 {
@@ -2121,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;
@@ -2512,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

@@ -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

@@ -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

@@ -161,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

@@ -371,6 +371,7 @@ header{
 
                             }
                             li{
+                                width: fit-content;
                                 text-transform: uppercase;
                                 padding: 1rem;
                                 border: solid black 1px;