responsive 1 actualité

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

@@ -3479,6 +3479,12 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   margin: auto;
   align-items: center;
 }
+@media (max-width: 891px) {
+  .node-type-actualite .entete_actu {
+    flex-direction: column;
+    width: 100%;
+  }
+}
 .node-type-actualite .entete_actu .image-actualite {
   width: 50%;
   height: 100%;
@@ -3500,18 +3506,43 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 }
 @media (max-width: 900px) {
   .node-type-actualite .entete_actu .infos-content {
-    width: 45%;
+    width: 50%;
     height: fit-content;
   }
+  .node-type-actualite .entete_actu .infos-content h1 {
+    font-size: 1.2rem;
+  }
+  .node-type-actualite .entete_actu .infos-content .field--name-field-sous-titre {
+    font-size: 1rem;
+  }
+  .node-type-actualite .entete_actu .infos-content .field--name-field-site .field__item {
+    font-size: 0.7rem;
+  }
+  .node-type-actualite .entete_actu .infos-content .field--name-field-date {
+    font-size: 0.6rem;
+  }
 }
 .node-type-actualite .body-content .summary-content {
   width: 60%;
   margin: auto;
 }
+@media (max-width: 891px) {
+  .node-type-actualite .body-content .summary-content {
+    width: 80%;
+  }
+}
 .node-type-actualite .body-content .links-content {
   width: 15%;
   margin-left: 12.5%;
 }
+@media (max-width: 891px) {
+  .node-type-actualite .body-content .links-content {
+    width: 80%;
+  }
+  .node-type-actualite .body-content .links-content .field--name-field-fichiers {
+    width: fit-content;
+  }
+}
 
 .page-mon-espace-de-travail {
   /* On cache le texte mais on le garde accessible */

web/themes/custom/reha/scss/pages/_node-actualite.scss

@@ -6,6 +6,10 @@
             width: 75%;
             margin: auto;
             align-items: center;
+            @media (max-width:891px) {
+                flex-direction: column;
+                width: 100%;
+            }
             .image-actualite{
                 width: 50%;
                 height: 100%;
@@ -25,8 +29,12 @@
                 width: 30%;
                 right: 5%;
                 @media (max-width: 900px) {
-                    width: 45%;
+                    width: 50%;
                     height: fit-content;
+                    h1{font-size: 1.2rem;}
+                    .field--name-field-sous-titre{font-size: 1rem;}
+                    .field--name-field-site .field__item{font-size: 0.7rem;}
+                    .field--name-field-date{font-size: 0.6rem;}
                 }
                
             }
@@ -36,10 +44,17 @@
             .summary-content{
                 width: 60%;
                 margin: auto;
+                @media (max-width:891px) {
+                    width: 80%;
+                }
             }
             .links-content{
                 width: 15%;
                 margin-left: calc(25%/2);
+                @media (max-width:891px) {
+                    width: 80%;
+                    .field--name-field-fichiers{width: fit-content;}
+                }
             }
         }
     }