menu ancre gauche

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

@@ -1,23 +1,36 @@
 
-// .
-// .paragraph--type--texte {
-//     paragraph--type--texte 
-//     font-size: 2rem;
-// }
-.layout__region--top{
+
+.layout__region--top{               //bandeau titre page static
+    height: 500px;
+    padding-bottom: 3rem;
+    .block-region-top{
+        height: inherit;
+    }
     .block-entity-fieldnodefield-images{
-        img{
-            width: 65%;
-            object-fit: cover;
-            height: 500px;
+        height: inherit;
+        .field--name-field-images{
+            height: inherit;
+            .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{
-                    text-decoration: underline;
-                }
-                &::after{
-                    border-bottom: olivedrab;
-                }
+                border-bottom: 1px solid $blue-light;
+                padding-bottom: 0.5rem;
+                padding-top: 0.5rem;
+                
+                // &: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;
+
         }
     }