debug slide actus /home

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

@@ -2732,26 +2732,10 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   width: 100%;
   margin: auto;
 }
-.block-views-blockactus-block-1 .view-id-actus .views-row {
-  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%;
+  width: 90%;
   height: 100%;
+  margin: auto;
 }
 .block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu {
   display: flex;

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

@@ -160,14 +160,15 @@ jQuery(document).ready(function($){
   });
 
   $(document).ready(function(){
-    $('.view-id-actus.view-display-id-block_1 ').slick({
-      slidesToShow: 1,
+    $('.view-id-actus.view-display-id-block_1').slick({
+      slidesToShow: 3,
       slidesToScroll: 1,
-      // dots: true,
+      dots: true,
       arrows: true,
       // centerMode: true,
       draggable: true,
-      centerPadding: '100px',
+      // centerPadding: '100px',
+      infinite: false,
       responsive: [
         {
           breakpoint: 810,

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

@@ -13,21 +13,26 @@
     .view-id-actus{
         width: 100%;
         margin: auto;
+        // padding: 2rem;
+        // .slick-slide{
+        //     width: 30% !important;
+        // }
         .views-row{
-            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%;
-                }
-            }
+            // width: 30vw !important;
+            // margin-left: 1rem;
+            // @media (max-width: 1200px) {
+            //     width: 50vw !important;
+            // }
+            // &:first-of-type{
+            //     padding-left: 5%;
+            //     @media (max-width: 1200px) {
+            //         padding-left: 6%;
+            //     }
+            // }
             .node-type-actualite{
-                width: 100%;
+                width: 90%;
                 height: 100%;
+                margin: auto;
                 > .entete_actu{
                     display: flex;
                     flex-direction: column;