responsive actu

web/themes/custom/eql/css-compiled/styles.css

@@ -755,7 +755,7 @@ a {
           width: 70%;
           margin-left: 10%;
           margin-right: 10%;
-          font-size: 2rem; } }
+          font-size: 1.7rem; } }
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date {
       grid-column: 2 / span 3;
       text-transform: uppercase;
@@ -772,11 +772,15 @@ a {
           content: "|"; }
       @media (max-width: 810px) {
         .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date {
-          margin-left: 10%; } }
+          margin-left: 10%;
+          font-size: 1rem; } }
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-sous-titre {
       grid-column: 2 /span 7;
       margin-top: 1rem;
       font-weight: 800; }
+      @media (max-width: 810px) {
+        .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-sous-titre {
+          margin-left: 10%; } }
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
       grid-column: 5 / span 9; }
       .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images img {
@@ -831,6 +835,9 @@ a {
   flex: 0 1 50%; }
   .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second {
     width: 90%; }
+    @media (max-width: 810px) {
+      .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second {
+        width: 100%; } }
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodebody p {
       margin-top: 0; }
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodebody .field--type-text-with-summary {
@@ -852,6 +859,9 @@ a {
           height: auto; }
       .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-textes .field--type-text-long {
         padding-right: 2rem; }
+        @media (max-width: 810px) {
+          .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-textes .field--type-text-long {
+            padding-right: 0; } }
       .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-textes p {
         margin-top: 0; }
       .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-textes a {

web/themes/custom/eql/scss/pages/_actualite.scss

@@ -60,7 +60,7 @@
                         width:  70%;
                         margin-left: 10%;
                         margin-right: 10%;
-                        font-size: 2rem;
+                        font-size: 1.7rem;
                     }
                     
                 }
@@ -83,6 +83,7 @@
                     }
                     @media (max-width: 810px){
                         margin-left: 10%;
+                        font-size: 1rem;
                     }
                 }
 
@@ -90,6 +91,9 @@
                     grid-column: 2 /span 7;
                     margin-top: 1rem;
                     font-weight: 800;
+                    @media (max-width: 810px){
+                        margin-left: 10%;
+                    }
                 }
 
                 .block-entity-fieldnodefield-images{
@@ -171,6 +175,10 @@
             // margin-top: 18rem;
             .block-region-second{
                 width: 90%;
+                @media (max-width:810px) {
+                    width: 100%;
+                    
+                }
                 .block-entity-fieldnodebody{
                     p{
                         margin-top: 0;
@@ -201,6 +209,10 @@
                     }
                     .field--type-text-long{
                         padding-right: 2rem;
+                        @media (max-width: 810px) {
+                            padding-right: 0;
+                            
+                        }
                     }
                     p{
                         margin-top: 0;