page actualite image

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

@@ -160,9 +160,6 @@ a {
     width: fit-content;
     margin-left: 13%;
     margin-top: 15vh; }
-  .layout__region--top .block-entity-fieldnodefield-images {
-    display: none;
-    height: inherit; }
 
 .layout__region--first .block-region-first {
   display: flex;
@@ -321,7 +318,7 @@ a {
         font-weight: 900;
         color: #009ee3;
         line-height: 7rem;
-        margin-top: 6rem;
+        margin-top: 1rem;
         margin-bottom: 5rem;
         width: fit-content; }
         .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche span {
@@ -427,7 +424,7 @@ a {
     display: flex;
     justify-self: end;
     width: 50%;
-    margin-top: 14rem; }
+    margin-top: 3rem; }
     .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body {
       justify-content: right;
       display: flex;
@@ -622,37 +619,52 @@ a {
     .field--name-field-partenaires a svg {
       display: none; }
 
-.path-node.page-node-type-actualite .layout__region--top {
-  background-color: rgba(0, 158, 227, 0.2); }
-  .path-node.page-node-type-actualite .layout__region--top .block-region-top {
+.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top {
+  background-color: rgba(0, 158, 227, 0.2);
+  padding-right: 1rem; }
+  .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top {
     display: grid;
-    grid-template-columns: 1fr repeat(4, 2fr) 1fr;
+    grid-template-columns: 1fr repeat(8, 1fr) 1fr;
     padding-top: 2rem; }
-    .path-node.page-node-type-actualite .layout__region--top .block-region-top .block-entity-fieldnodefield-actu-type {
+    .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-actu-type {
       grid-column: 2; }
-    .path-node.page-node-type-actualite .layout__region--top .block-region-top .block-entity-fieldnodetitle {
-      grid-column: 2 /span 6;
+    .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle {
+      grid-column: 2 /span 12;
       margin: 0; }
-      .path-node.page-node-type-actualite .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
+      .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
         font-family: "Source Code Pro";
-        font-size: 4rem;
+        font-size: 3rem;
         font-weight: 500; }
-    .path-node.page-node-type-actualite .layout__region--top .block-region-top .block-entity-fieldnodefield-date {
+    .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date {
       grid-column: 2;
       text-transform: uppercase;
       color: #09398b;
-      font-size: 1.5rem;
+      font-size: 1.2rem;
       font-weight: 800; }
+    .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
+      grid-column-start: 5;
+      grid-column-end: 9; }
+      .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images img {
+        padding-top: 2rem;
+        width: 600px;
+        max-height: 400px;
+        object-fit: cover; }
+
+.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first {
+  margin-top: 15rem; }
 
-.layout__region--second {
-  flex: 0 1 45%; }
-  .layout__region--second .block-region-second {
+.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second {
+  flex: 0 1 50%;
+  margin-top: 15rem; }
+  .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second {
     width: 90%; }
-    .layout__region--second .block-region-second .block-entity-fieldnodebody .panel-body #outputtext {
+    .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; }
 
-.layout__region--third .block-region-third {
-  width: 65%; }
+.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third {
+  margin-top: 15rem; }
+  .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third {
+    width: 65%; }
 
 .node-id-35 .region-content {
   background: url("../images/pictos/carre-contour-bleu_gouvernance.svg");
@@ -662,6 +674,9 @@ a {
 
 .node-id-35 .layout__region--top {
   padding-bottom: 3rem; }
+  .node-id-35 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
+    display: none;
+    height: inherit; }
   .node-id-35 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
     font-family: 'Source Code Pro';
     font-size: 2rem;
@@ -678,6 +693,9 @@ a {
   background-size: contain; }
   .node-id-3 .layout__region--top {
     padding-bottom: 3rem; }
+    .node-id-3 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
+      display: none;
+      height: inherit; }
     .node-id-3 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
       font-family: 'Source Code Pro';
       font-size: 2rem;
@@ -760,6 +778,9 @@ a {
   background-size: contain; }
   .node-id-4 .layout__region--top {
     padding-bottom: 3rem; }
+    .node-id-4 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
+      display: none;
+      height: inherit; }
     .node-id-4 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
       font-family: 'Source Code Pro';
       font-size: 2rem;

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

@@ -1,57 +1,90 @@
 .path-node.page-node-type-actualite{
-
-    .layout__region--top{
-        
-        background-color: $background-actus;
-        .block-region-top{
-            display: grid;
-            grid-template-columns: 1fr repeat(4, 2fr) 1fr;
-            padding-top: 2rem;
-            .block-entity-fieldnodefield-actu-type{
-
-                grid-column: 2;
-            }
-        
-            .block-entity-fieldnodetitle{
-                grid-column: 2 /span 6;
-                margin: 0;
-                .field--name-title{
-                    font-family: "Source Code Pro";
-                    font-size: 4rem;
-                    font-weight: 500;
+    .layout--threecol-25-50-25{
+        // display: grid;
+        // grid-template-rows: repeat(6, auto);
+    
+        .layout__region--top{
+            // grid-row: 1 / span 2;
+            
+            background-color: $background-actus;
+            // height: fit-content;
+            padding-right: 1rem;
+            .block-region-top{
+                // position: relative;
+                display: grid;
+                grid-template-columns: 1fr repeat(8, 1fr) 1fr;
+                padding-top: 2rem;
+                .block-entity-fieldnodefield-actu-type{
+    
+                    grid-column: 2;
                 }
-            }
-            .block-entity-fieldnodefield-date{
-                grid-column: 2;
-                text-transform: uppercase;
-                color: $blue-dark;
-                font-size: 1.5rem;
-                font-weight: 800;
-
-            }
-
-        }                       
-    }
-}
-.layout__region--second{  
-    flex: 0 1 45%;
-    .block-region-second{
-        width: 90%;
-        .block-entity-fieldnodebody{
             
-            .panel-body{
-                #outputtext{
-                    overflow-y: visible !important;
-                } 
+                .block-entity-fieldnodetitle{
+                    grid-column: 2 /span 12;
+                    margin: 0;
+                    .field--name-title{
+                        font-family: "Source Code Pro";
+                        font-size: 3rem;
+                        font-weight: 500;
+                    }
+                }
+                .block-entity-fieldnodefield-date{
+                    grid-column: 2;
+                    text-transform: uppercase;
+                    color: $blue-dark;
+                    font-size: 1.2rem;
+                    font-weight: 800;
+    
+                }
+                .block-entity-fieldnodefield-images{
+                    grid-column-start: 5;
+                    grid-column-end: 9;
+                    img{
+                        padding-top: 2rem;
+                        width: 600px;
+                        // height: auto;
+                        max-height: 400px;
+                        object-fit: cover;
+                    }
+                    
+                    // position: relative;
+                    // bottom: -50%;
+                    
+                }
+    
+            }                       
+        }
+        .layout__region--first{
+            margin-top: 15rem;
+        }
+        .layout__region--second{ 
+            // grid-row: 3; 
+            flex: 0 1 50%;
+            margin-top: 15rem;
+            .block-region-second{
+                width: 90%;
+                .block-entity-fieldnodebody{
+                    
+                    .panel-body{
+                        #outputtext{
+                            overflow-y: visible !important;
+                        } 
+                    }
+                }
             }
         }
+        
+        .layout__region--third{
+            // grid-row: 4;
+            margin-top: 15rem;
+            .block-region-third{
+               width: 65%;
+        
+            }
+        
+        }
     }
+   
+    
 }
-
-.layout__region--third{
-    .block-region-third{
-       width: 65%;
-
-    }
-
-}
+   

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

@@ -9,6 +9,11 @@
     .layout__region--top{               //bandeau titre page static
         padding-bottom: 3rem;
         .block-region-top{
+            .block-entity-fieldnodefield-images{
+                display: none;
+                height: inherit;
+        
+            }
             .block-entity-fieldnodetitle{
                 .field--name-title{
                     font-family: 'Source Code Pro';

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

@@ -11,6 +11,11 @@
     .layout__region--top{               //bandeau titre page static
         padding-bottom: 3rem;
         .block-region-top{
+            .block-entity-fieldnodefield-images{
+                display: none;
+                height: inherit;
+        
+            }
             .block-entity-fieldnodetitle{
                 .field--name-title{
                     font-family: 'Source Code Pro';

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

@@ -38,7 +38,7 @@
                         font-weight: 900;
                         color: $blue-light;
                         line-height: 7rem;
-                        margin-top: 6rem;
+                        margin-top: 1rem;
                         margin-bottom: 5rem;
                         width: fit-content;
                         span {
@@ -184,7 +184,7 @@
             display: flex;
             justify-self: end;
             width: 50%;
-            margin-top: 14rem;
+            margin-top: 3rem;
             .field--name-body{
                 justify-content: right;
                 display: flex;

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

@@ -9,6 +9,7 @@
     .layout__region--top{               //bandeau titre page static
         padding-bottom: 3rem;
         .block-region-top{
+            
             .block-entity-fieldnodetitle{
                 .field--name-title{
                     font-family: 'Source Code Pro';

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

@@ -8,7 +8,13 @@
 
     .layout__region--top{               //bandeau titre page static
         padding-bottom: 3rem;
+        
         .block-region-top{
+            .block-entity-fieldnodefield-images{
+                display: none;
+                height: inherit;
+        
+            }
             .block-entity-fieldnodetitle{
 
                 .field--name-title{

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

@@ -9,11 +9,11 @@
         margin-left: 13%;
         margin-top: 15vh;
     }
-    .block-entity-fieldnodefield-images{
-        display: none;
-        height: inherit;
+    // .block-entity-fieldnodefield-images{
+    //     display: none;
+    //     height: inherit;
 
-    }
+    // }
 }
 
 .layout__region--first{             // menu ancres a gauche