fix bug chevauchement page actu

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

@@ -758,9 +758,9 @@ a {
       display: none; }
 
 .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top {
-  background-color: rgba(0, 158, 227, 0.2);
-  height: 40vh;
-  padding-right: 1rem; }
+  background: linear-gradient(to bottom, rgba(0, 158, 227, 0.2) 60%, white 40%);
+  padding-right: 1rem;
+  padding-bottom: 4rem; }
   .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top {
     display: grid;
     grid-template-columns: 1fr repeat(8, 1fr) 1fr;
@@ -797,32 +797,29 @@ a {
         max-height: 360px;
         object-fit: cover; }
 
-.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first {
-  margin-top: 18rem; }
-  .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first {
+.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first {
+  display: flex;
+  justify-content: flex-end; }
+  .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first .block-entity-fieldnodefield-textes {
     display: flex;
-    justify-content: flex-end; }
-    .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first .block-entity-fieldnodefield-textes {
+    justify-content: flex-end;
+    width: 50%;
+    background-color: white;
+    padding-right: 2rem; }
+    .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre {
       display: flex;
-      justify-content: flex-end;
-      width: 50%;
-      background-color: white;
-      padding-right: 2rem; }
-      .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre {
-        display: flex;
-        font-size: 1rem;
-        font-weight: 1000;
-        color: #09398b;
-        border-bottom: 1px solid #009ee3;
-        padding-bottom: 0.5rem;
-        padding-right: 1rem;
-        margin-bottom: 0.8rem; }
-        .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre:hover {
-          text-decoration: underline; }
+      font-size: 1rem;
+      font-weight: 1000;
+      color: #09398b;
+      border-bottom: 1px solid #009ee3;
+      padding-bottom: 0.5rem;
+      padding-right: 1rem;
+      margin-bottom: 0.8rem; }
+      .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre:hover {
+        text-decoration: underline; }
 
 .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second {
-  flex: 0 1 50%;
-  margin-top: 18rem; }
+  flex: 0 1 50%; }
   .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second {
     width: 90%; }
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodebody p {
@@ -854,98 +851,96 @@ a {
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodebody .panel-body #outputtext {
       overflow-y: visible !important; }
 
-.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third {
-  margin-top: 18rem; }
-  .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third {
-    display: flex;
-    flex-direction: column;
-    width: 65%; }
-    .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .field__item {
-      height: fit-content;
-      border: 2px solid #009ee3;
-      background-color: white;
-      margin-bottom: 1rem;
-      min-height: 4rem;
-      color: #009ee3;
-      padding-left: 1rem;
-      padding-top: 1rem; }
-    .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers span:nth-of-type(2) {
-      display: none; }
-    .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf {
-      height: inherit;
-      margin: auto; }
-      .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf ::before {
-        content: url("../images/pictos/noun_Download_file_307900.svg");
-        min-width: 40px;
-        height: auto;
-        padding-right: 1rem; }
-      .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf a {
-        hyphens: auto;
-        display: inline-flex;
-        align-items: center;
-        color: #009ee3;
-        font-weight: 800; }
-    .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item {
-      margin: auto;
-      height: fit-content;
-      border: 2px solid #009ee3;
-      min-height: 4rem;
-      background: white;
-      color: #009ee3;
-      padding-left: 1rem;
-      padding-top: 1rem;
-      margin-bottom: 1rem; }
-    .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a {
+.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third {
+  display: flex;
+  flex-direction: column;
+  width: 65%; }
+  .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .field__item {
+    height: fit-content;
+    border: 2px solid #009ee3;
+    background-color: white;
+    margin-bottom: 1rem;
+    min-height: 4rem;
+    color: #009ee3;
+    padding-left: 1rem;
+    padding-top: 1rem; }
+  .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers span:nth-of-type(2) {
+    display: none; }
+  .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf {
+    height: inherit;
+    margin: auto; }
+    .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf ::before {
+      content: url("../images/pictos/noun_Download_file_307900.svg");
+      min-width: 40px;
+      height: auto;
+      padding-right: 1rem; }
+    .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf a {
+      hyphens: auto;
       display: inline-flex;
       align-items: center;
       color: #009ee3;
       font-weight: 800; }
-      .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a::before {
-        content: url("../images/pictos/noun_External Link_674151.svg");
-        min-width: 40px;
-        height: auto;
-        padding-right: 1rem; }
-      .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a svg.ext {
-        display: none; }
-    .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress {
-      margin-top: 3rem; }
-      .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress h2 {
-        font-size: 0.8rem;
+  .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item {
+    margin: auto;
+    height: fit-content;
+    border: 2px solid #009ee3;
+    min-height: 4rem;
+    background: white;
+    color: #009ee3;
+    padding-left: 1rem;
+    padding-top: 1rem;
+    margin-bottom: 1rem; }
+  .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a {
+    display: inline-flex;
+    align-items: center;
+    color: #009ee3;
+    font-weight: 800; }
+    .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a::before {
+      content: url("../images/pictos/noun_External Link_674151.svg");
+      min-width: 40px;
+      height: auto;
+      padding-right: 1rem; }
+    .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a svg.ext {
+      display: none; }
+  .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress {
+    margin-top: 3rem; }
+    .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress h2 {
+      font-size: 0.8rem;
+      color: black;
+      font-weight: 900; }
+    .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource {
+      display: flex;
+      flex-direction: column;
+      border: 2px solid #009ee3;
+      padding: 1rem;
+      height: fit-content;
+      margin-bottom: 1rem;
+      background-color: white; }
+      .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource:first-of-type {
+        border-top: 1px solid #009ee3;
+        padding-top: 1rem; }
+        .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource:first-of-type::after {
+          content: url("../images/pictos/noun_Arrow_3771902.svg");
+          align-self: flex-end; }
+      .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-title a {
         color: black;
-        font-weight: 900; }
-      .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource {
-        display: flex;
-        flex-direction: column;
-        border: 2px solid #009ee3;
-        padding: 1rem;
-        height: fit-content;
-        margin-bottom: 1rem;
-        background-color: white; }
-        .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource:first-of-type {
-          border-top: 1px solid #009ee3;
-          padding-top: 1rem; }
-          .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource:first-of-type::after {
-            content: url("../images/pictos/noun_Arrow_3771902.svg");
-            align-self: flex-end; }
-        .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-title a {
-          color: black;
-          font-size: 1.4rem;
-          font-weight: 600; }
-        .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- {
-          font-weight: 800; }
-          .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- p {
-            margin: 0; }
-          .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- .field__label {
-            display: none; }
-        .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-edition p {
+        font-size: 1.4rem;
+        font-weight: 600; }
+      .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- {
+        font-weight: 800; }
+        .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- p {
           margin: 0; }
-        .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-edition .field__label {
+        .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- .field__label {
           display: none; }
-        .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images {
-          width: 50%; }
-          .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images img {
-            width: 100%;
-            height: auto; }
+      .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-edition p {
+        margin: 0; }
+      .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-edition .field__label {
+        display: none; }
+      .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images {
+        width: 50%; }
+        .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images img {
+          width: 100%;
+          height: auto; }
 
 .node-id-35 .region-content {
   background: url("../images/pictos/carre-contour-bleu_gouvernance.svg");

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

@@ -6,9 +6,11 @@
         .layout__region--top{
             // grid-row: 1 / span 2;
             
-            background-color: $background-actus;
-            height: 40vh;
+            // background-color: $background-actus;
+            // height: 40vh;
+            background: linear-gradient(to bottom, $background-actus 60%, white 40%);
             padding-right: 1rem;
+            padding-bottom: 4rem;
             .block-region-top{
                 // position: relative;
                 display: grid;
@@ -66,7 +68,7 @@
             }                       
         }
         .layout__region--first{
-            margin-top: 18rem;
+            // margin-top: 18rem;
 
             .block-region-first{
                 display: flex;
@@ -102,7 +104,7 @@
         .layout__region--second{ 
             // grid-row: 3; 
             flex: 0 1 50%;
-            margin-top: 18rem;
+            // margin-top: 18rem;
             .block-region-second{
                 width: 90%;
                 .block-entity-fieldnodebody{
@@ -159,7 +161,7 @@
         
         .layout__region--third{
             // grid-row: 4;
-            margin-top: 18rem;
+            // margin-top: 18rem;
             .block-region-third{
                 display: flex;
                 flex-direction: column;