background

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

@@ -111,6 +111,9 @@
 .path-node {
   margin: 0; }
 
+.main-content {
+  margin-top: 7rem; }
+
 .field--name-field-titre .field__item {
   color: #09398b;
   font-weight: 900;
@@ -130,9 +133,12 @@ a {
 @import "pages/partials/header_footer";
 @import "pages/home";*/
 .layout__region--top {
-  padding-bottom: 3rem; }
-  .layout__region--top .block-region-top {
-    height: inherit; }
+  padding-bottom: 3rem;
+  height: 300px; }
+  .layout__region--top .block-entity-fieldnodetitle {
+    width: fit-content;
+    margin-left: 13%;
+    margin-top: 200px; }
   .layout__region--top .block-entity-fieldnodefield-images {
     display: none;
     height: inherit; }
@@ -143,6 +149,7 @@ a {
   .layout__region--first .block-region-first .block-entity-fieldnodefield-textes {
     display: flex;
     width: 50%;
+    background-color: white;
     padding-right: 2rem; }
     .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre {
       display: flex;
@@ -155,18 +162,18 @@ a {
       .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre:hover {
         text-decoration: underline; }
 
-.layout__region--second .block-entity-fieldnodefield-textes .field--name-field-titre {
-  font-size: 1.5rem;
-  font-weight: 1000;
-  font-family: 'Source Code Pro';
-  color: #09398b;
-  text-transform: uppercase; }
-
-.layout__region--second .block-entity-fieldnodefield-textes h4 {
-  text-transform: none !important; }
-
-.layout__region--second .block-entity-fieldnodefield-textes .field--type-text-long {
-  padding-right: 2rem; }
+.layout__region--second .block-entity-fieldnodefield-textes {
+  background-color: white; }
+  .layout__region--second .block-entity-fieldnodefield-textes .field--name-field-titre {
+    font-size: 1.5rem;
+    font-weight: 1000;
+    font-family: 'Source Code Pro';
+    color: #09398b;
+    text-transform: uppercase; }
+  .layout__region--second .block-entity-fieldnodefield-textes h4 {
+    text-transform: none !important; }
+  .layout__region--second .block-entity-fieldnodefield-textes .field--type-text-long {
+    padding-right: 2rem; }
 
 .layout__region--third .block-entity-fieldnodefield-fichiers {
   height: fit-content;
@@ -377,22 +384,19 @@ a {
   background-repeat: no-repeat; }
   .node-id-20 .layout__region--top {
     padding-bottom: 3rem; }
-    .node-id-20 .layout__region--top .block-region-top {
-      height: 200px; }
-      .node-id-20 .layout__region--top .block-region-top .block-entity-fieldnodetitle {
-        width: 80%;
-        margin: auto; }
-        .node-id-20 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
-          font-family: 'Source Code Pro';
-          font-size: 2rem;
-          font-weight: 800;
-          color: #009ee3;
-          background-color: white;
-          text-transform: uppercase; }
+    .node-id-20 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
+      font-family: 'Source Code Pro';
+      font-size: 2rem;
+      font-weight: 800;
+      color: white;
+      background-color: #009ee3;
+      text-transform: uppercase; }
 
 .field--name-field-partenaires {
   padding-top: 3rem; }
   .field--name-field-partenaires .paragraph--type--partenaire {
+    background-color: white;
+    width: 75%;
     padding-bottom: 3rem;
     display: grid;
     grid-template-columns: repeat(auto-fill, 120px);
@@ -415,6 +419,20 @@ a {
     .field--name-field-partenaires a svg {
       display: none; }
 
+.node-id-35 .region-content {
+  background: url("../images/pictos/carre-contour-bleu_gouvernance.svg");
+  background-repeat: no-repeat; }
+
+.node-id-35 .layout__region--top {
+  padding-bottom: 3rem; }
+  .node-id-35 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
+    font-family: 'Source Code Pro';
+    font-size: 2rem;
+    font-weight: 800;
+    color: white;
+    background-color: #009ee3;
+    text-transform: uppercase; }
+
 .path-actualites {
   background-color: rgba(0, 158, 227, 0.2);
   margin: 0; }
@@ -457,18 +475,13 @@ a {
   background-repeat: no-repeat; }
   .node-id-4 .layout__region--top {
     padding-bottom: 3rem; }
-    .node-id-4 .layout__region--top .block-region-top {
-      height: 200px; }
-      .node-id-4 .layout__region--top .block-region-top .block-entity-fieldnodetitle {
-        width: 80%;
-        margin-left: 13%; }
-        .node-id-4 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
-          font-family: 'Source Code Pro';
-          font-size: 2rem;
-          font-weight: 800;
-          color: white;
-          background-color: #009ee3;
-          text-transform: uppercase; }
+    .node-id-4 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
+      font-family: 'Source Code Pro';
+      font-size: 2rem;
+      font-weight: 800;
+      color: white;
+      background-color: #009ee3;
+      text-transform: uppercase; }
 
 .node-id-5 .region-content {
   background: url("../images/pictos/carre-contour-bleu_contact.svg");
@@ -476,18 +489,13 @@ a {
 
 .node-id-5 .layout__region--top {
   padding-bottom: 3rem; }
-  .node-id-5 .layout__region--top .block-region-top {
-    height: 200px; }
-    .node-id-5 .layout__region--top .block-region-top .block-entity-fieldnodetitle {
-      width: 80%;
-      margin-left: 13%; }
-      .node-id-5 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
-        font-family: 'Source Code Pro';
-        font-size: 2rem;
-        font-weight: 800;
-        color: white;
-        background-color: #009ee3;
-        text-transform: uppercase; }
+  .node-id-5 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
+    font-family: 'Source Code Pro';
+    font-size: 2rem;
+    font-weight: 800;
+    color: white;
+    background-color: #009ee3;
+    text-transform: uppercase; }
 
 /*partials*/
 .layout-container {

web/themes/custom/eql/scss/global/_layout.scss

@@ -21,7 +21,9 @@
 .path-node {
     margin: 0;
 }
-
+.main-content{
+    margin-top: 7rem;
+}
 
     .field--name-field-titre{
         .field__item{

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

@@ -9,10 +9,7 @@
     .layout__region--top{               //bandeau titre page static
         padding-bottom: 3rem;
         .block-region-top{
-            height: 200px;
             .block-entity-fieldnodetitle{
-                width: 80%;
-                margin-left: 13%;
                 .field--name-title{
                     font-family: 'Source Code Pro';
                     font-size: 2rem;
@@ -20,7 +17,6 @@
                     color: $white;
                     background-color: $blue-light;
                     text-transform: uppercase;
-                    // padding: 2rem 1rem 2rem 1rem;
                 }
             }
         }

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

@@ -0,0 +1,25 @@
+.node-id-35{
+    .region-content{
+        background: url('../images/pictos/carre-contour-bleu_gouvernance.svg');
+        background-repeat: no-repeat;
+    
+    }
+
+
+    .layout__region--top{               //bandeau titre page static
+        padding-bottom: 3rem;
+        .block-region-top{
+            .block-entity-fieldnodetitle{
+                .field--name-title{
+                    font-family: 'Source Code Pro';
+                    font-size: 2rem;
+                    font-weight: 800;
+                    color: $white;
+                    background-color: $blue-light;
+                    text-transform: uppercase;
+                }
+            }
+        }
+    
+    }
+}

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

@@ -7,18 +7,14 @@
     .layout__region--top{               //bandeau titre page static
         padding-bottom: 3rem;
         .block-region-top{
-            height: 200px;
             .block-entity-fieldnodetitle{
-                width: 80%;
-                margin: auto;
                 .field--name-title{
                     font-family: 'Source Code Pro';
                     font-size: 2rem;
                     font-weight: 800;
-                    color: $blue-light;
-                    background-color: $white;
+                    color: $white;
+                    background-color: $blue-light;
                     text-transform: uppercase;
-                    // padding: 2rem 1rem 2rem 1rem;
                 }
             }
         }
@@ -29,13 +25,15 @@
 .field--name-field-partenaires{
     padding-top: 3rem;
     .paragraph--type--partenaire{
-
+        background-color: $white;
+        width: 75%;
         padding-bottom: 3rem;
         display: grid;
         grid-template-columns: repeat(auto-fill, 120px);
         grid-template-rows: repeat(auto-fill);
 
         .field--name-field-logo{
+        
             grid-column: 1 / 4;
             grid-row:  1 / 3;
         }

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

@@ -7,10 +7,8 @@
     .layout__region--top{               //bandeau titre page static
         padding-bottom: 3rem;
         .block-region-top{
-            height: 200px;
             .block-entity-fieldnodetitle{
-                width: 80%;
-                margin-left: 13%;
+
                 .field--name-title{
                     font-family: 'Source Code Pro';
                     font-size: 2rem;
@@ -18,7 +16,6 @@
                     color: $white;
                     background-color: $blue-light;
                     text-transform: uppercase;
-                    // padding: 2rem 1rem 2rem 1rem;
                 }
             }
         }

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

@@ -1,13 +1,15 @@
 
-// .layout--threecol-25-50-25{
-//     padding-top: 2rem;
-//     background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" version="1.1"><rect x="0" y="0" width="80" height="80" transform="rotate(35) translate(430, -800) scale(15)" fill="none" stroke="rgb(0,158,227)" stroke-width="0.4px"/></svg>');
-//     background-repeat: no-repeat;
-// }
+
 .layout__region--top{               //bandeau titre page static
     padding-bottom: 3rem;
+    height: 300px;
     .block-region-top{
-        height: inherit;
+        
+    }
+    .block-entity-fieldnodetitle{
+        width: fit-content;
+        margin-left: 13%;
+        margin-top: 200px;
     }
     .block-entity-fieldnodefield-images{
         display: none;
@@ -24,6 +26,7 @@
         .block-entity-fieldnodefield-textes{
             display: flex;
             width: 50%;
+            background-color: $white;
             // justify-content: flex-end;
             padding-right: 2rem;
                
@@ -47,6 +50,7 @@
 .layout__region--second{            // paragraphe texte
     
     .block-entity-fieldnodefield-textes{
+        background-color: $white;
         .field--name-field-titre{
             font-size: 1.5rem;
             font-weight: 1000;