fix css retour Maud

web/themes/custom/reha/scss/pages/home/home-view-actualites.scss

@@ -2,6 +2,7 @@
     // display:none;
     background-color: white;
     padding-bottom: 3rem;
+    padding-left: 12%;
     h2{
         width: 80%;
         margin: auto;
@@ -15,8 +16,8 @@
     //    justify-content: space-between;
 
         .views-row{
-            width: 30%;
-            padding-right: 2rem;
+            width: 20vw !important;
+            padding-right: 5rem;
             .node-type-actualite{
                 width: 100%;
                 display: flex;

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

@@ -6,10 +6,11 @@
             .view-display-id-block_1{
                 width: 60%;
                 margin: auto;
-                padding-top: 5rem;
-                max-height: 300px;
+                padding-top: 3rem;
+                // max-height: 300px;
                 overflow: hidden;
                 text-overflow: ellipsis;
+                font-size: 1.3rem;
                 @media(max-width: 891px){
                     width: 80%;
                     padding-top: 3rem;

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

@@ -6,10 +6,10 @@
     font-weight: 800;
     padding: 2rem;
     margin-right: 1rem;
-    width: 20%;
+    width: 20vw;
     margin-left: 12%;
     padding-top: 0.5rem;
-    padding-left: 0.5rem;
+    padding-left: 0.8rem;
     padding-bottom: 5rem;
     @media(max-width: 891px){
         margin-bottom: 1rem;
@@ -17,10 +17,13 @@
         width: 50%;
         // margin: auto;
     }
-    p{margin: 0;}
-    strong{
+    p{
+        margin: 0;
         font-size: 1.3rem;
     }
+    strong{
+        font-size: 1.5rem;
+    }
     }
     .block-views-blocksites-block-1 {
         top: -60px;
@@ -52,14 +55,15 @@
                         // width: 70%;
                         // // object-fit: cover;
                         // height: auto;
-                        height: 500px;
-                        width: auto;                        
+                        max-height: 500px;
+                        width: 100%;
+                        object-fit: cover;                      
                     }
                 }
-                .filtered-content{
+                .infos-content-site{
                     // border: solid $yellow-puca 1px;
                     background-color: $white-button;
-                    width: 80%;
+                    width: 20vw;
                     order: 2;
                     display: flex;
                     flex-direction: column;
@@ -126,5 +130,6 @@
         margin: auto;
         z-index: 99;
         position: relative;
+        top: -20px;
     }
 }