menu ancre gauche

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

@@ -117,37 +117,52 @@ a {
 /*
 @import "pages/partials/header_footer";
 @import "pages/home";*/
-.layout__region--top .block-entity-fieldnodefield-images img {
+.layout__region--top {
-  width: 65%;
+  height: 500px;
-  object-fit: cover;
+  padding-bottom: 3rem; }
-  height: 500px; }
+  .layout__region--top .block-region-top {
+    height: inherit; }
+  .layout__region--top .block-entity-fieldnodefield-images {
+    height: inherit; }
+    .layout__region--top .block-entity-fieldnodefield-images .field--name-field-images {
+      height: inherit; }
+      .layout__region--top .block-entity-fieldnodefield-images .field--name-field-images .field__item {
+        height: inherit; }
+        .layout__region--top .block-entity-fieldnodefield-images .field--name-field-images .field__item img {
+          width: 65%;
+          height: inherit;
+          object-fit: cover;
+          position: relative;
+          z-index: -2; }
+  .layout__region--top .block-entity-fieldnodetitle {
+    display: block;
+    position: relative;
+    float: right;
+    top: -420px;
+    width: 60%;
+    z-index: -1; }
+    .layout__region--top .block-entity-fieldnodetitle .field--name-title {
+      font-size: 4rem;
+      font-weight: 800;
+      color: #009ee3;
+      background-color: white;
+      padding: 2rem 1rem 2rem 1rem; }
 
-.layout__region--top .block-entity-fieldnodetitle {
+.layout__region--first .block-region-first {
-  display: block;
+  width: 50%;
-  position: relative;
+  float: right; }
-  float: right;
+  .layout__region--first .block-region-first .block-entity-fieldnodefield-textes {
-  top: -375px;
-  width: 60%; }
-  .layout__region--top .block-entity-fieldnodetitle .field--name-title {
-    font-size: 4rem;
-    font-weight: 800;
-    color: #009ee3;
-    background-color: white;
-    padding: 2rem 1rem 2rem 1rem; }
-
-.layout__region--first .block-region-first .block-entity-fieldnodefield-textes {
-  display: flex;
-  justify-content: left;
-  padding-right: 2rem; }
-  .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre {
     display: flex;
-    font-size: 1rem;
+    justify-content: left;
-    font-weight: 800;
+    padding-right: 2rem; }
-    color: #09398b; }
+    .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre {
-    .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre:focus {
+      display: flex;
-      text-decoration: underline; }
+      font-size: 1rem;
-    .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre::after {
+      font-weight: 800;
-      border-bottom: olivedrab; }
+      color: #09398b;
+      border-bottom: 1px solid #009ee3;
+      padding-bottom: 0.5rem;
+      padding-top: 0.5rem; }
 
 .layout__region--second .block-entity-fieldnodefield-textes .field--name-field-titre {
   font-size: 2rem;
@@ -358,7 +373,8 @@ header {
       position: relative;
       right: 260px;
       margin: 0;
-      padding-top: 2rem; }
+      padding-top: 2rem;
+      z-index: 99; }
     #header-top #block-burger ul {
       display: none;
       background-color: #009ee3;

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

@@ -1,23 +1,36 @@
 
-// .
+
-// .paragraph--type--texte {
+.layout__region--top{               //bandeau titre page static
-//     paragraph--type--texte 
+    height: 500px;
-//     font-size: 2rem;
+    padding-bottom: 3rem;
-// }
+    .block-region-top{
-.layout__region--top{
+        height: inherit;
+    }
     .block-entity-fieldnodefield-images{
-        img{
+        height: inherit;
-            width: 65%;
+        .field--name-field-images{
-            object-fit: cover;
+            height: inherit;
-            height: 500px;
+            .field__item{
+                height: inherit;
+                img{
+                    width: 65%;
+                    height: inherit;
+                    object-fit: cover;
+                    position: relative;
+                    z-index: -2;
+                }
+            }
+            
         }
+
     }
     .block-entity-fieldnodetitle{
         display: block;
         position: relative;
         float: right;
-        top: -375px;
+        top: -420px;
         width: 60%;
+        z-index: -1;
         .field--name-title{
             font-size: 4rem;
             font-weight: 800;
@@ -29,33 +42,37 @@
 
 }
 
-.layout__region--first{
+.layout__region--first{             // menu ancres a gauche
 
     .block-region-first{
-
+        width: 50%;
+        float: right;
         .block-entity-fieldnodefield-textes{
-            // max-width: 70%;
-            // margin-left: 5rem;
             display: flex;
             justify-content: left;
             padding-right: 2rem;
+               
             .field--name-field-titre{
                 display: flex;
                 font-size: 1rem;
                 font-weight: 800;
                 color: $blue-dark;
-                &:focus{
+                border-bottom: 1px solid $blue-light;
-                    text-decoration: underline;
+                padding-bottom: 0.5rem;
-                }
+                padding-top: 0.5rem;
-                &::after{
+                
-                    border-bottom: olivedrab;
+                // &:focus{
-                }
+                //     text-decoration: underline;
+                // }
+                // &::after{
+                //     border-bottom: olivedrab;
+                // }
             }
         }
     }
 }
 
-.layout__region--second{
+.layout__region--second{            // paragraphe texte
     
     .block-entity-fieldnodefield-textes{
         .field--name-field-titre{
@@ -70,7 +87,7 @@
     
 }
 
-.layout__region--third{
+.layout__region--third{             // colone de droite fichiers et ressources liées
     .field--name-field-fichiers{
         display: flex;
         justify-self: right;

web/themes/custom/eql/scss/partials/_header.scss

@@ -93,13 +93,13 @@ header{
             height:7rem;
         }
 
-
         .ul1:not(.sous-liste){
             width: 300%;
             position: relative;
             right: 260px;
             margin: 0;
             padding-top: 2rem;
+            z-index: 99;
 
         }
             ul  {
@@ -118,12 +118,12 @@ header{
                     color: $white;
                     font-weight: 800;
                     font-size: 1rem;
-
                 }
         
         }
         &.opened ul {
           display: block;
+
         }
     }