sticky anchor menu page static

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

@@ -181,191 +181,191 @@ a {
 /*
 @import "pages/partials/header_footer";
 @import "pages/home";*/
-.path-node.page-node-type-static .layout-container .layout-content .layout__region--top {
-  padding-bottom: 3rem;
-  height: 30vh; }
-  @media (max-width: 810px) {
-    .path-node.page-node-type-static .layout-container .layout-content .layout__region--top {
-      padding-bottom: 0rem; } }
-  .path-node.page-node-type-static .layout-container .layout-content .layout__region--top .block-entity-fieldnodetitle {
-    width: fit-content;
-    margin-left: 11%;
-    margin-top: 15vh; }
-    @media (max-width: 810px) {
-      .path-node.page-node-type-static .layout-container .layout-content .layout__region--top .block-entity-fieldnodetitle {
-        margin-left: 8%;
-        margin-right: 5%; } }
-    .path-node.page-node-type-static .layout-container .layout-content .layout__region--top .block-entity-fieldnodetitle .field--name-title {
-      font-family: 'Source Code Pro';
-      font-size: 2rem;
-      font-weight: 800;
-      text-transform: uppercase; }
-
-.path-node.page-node-type-static .layout-container .layout-content .layout__region--first {
-  position: relative; }
-  .path-node.page-node-type-static .layout-container .layout-content .layout__region--first .block-region-first {
-    display: flex;
-    justify-content: flex-end;
-    position: sticky;
-    top: 7rem; }
+.path-node.page-node-type-static .layout-container {
+  overflow: unset; }
+  .path-node.page-node-type-static .layout-container .layout-content .layout__region--top {
+    padding-bottom: 3rem;
+    height: 30vh; }
     @media (max-width: 810px) {
-      .path-node.page-node-type-static .layout-container .layout-content .layout__region--first .block-region-first {
-        display: none; } }
-    .path-node.page-node-type-static .layout-container .layout-content .layout__region--first .block-region-first .block-entity-fieldnodefield-textes {
+      .path-node.page-node-type-static .layout-container .layout-content .layout__region--top {
+        padding-bottom: 0rem; } }
+    .path-node.page-node-type-static .layout-container .layout-content .layout__region--top .block-entity-fieldnodetitle {
+      width: fit-content;
+      margin-left: 11%;
+      margin-top: 15vh; }
+      @media (max-width: 810px) {
+        .path-node.page-node-type-static .layout-container .layout-content .layout__region--top .block-entity-fieldnodetitle {
+          margin-left: 8%;
+          margin-right: 5%; } }
+      .path-node.page-node-type-static .layout-container .layout-content .layout__region--top .block-entity-fieldnodetitle .field--name-title {
+        font-family: 'Source Code Pro';
+        font-size: 2rem;
+        font-weight: 800;
+        text-transform: uppercase; }
+  .path-node.page-node-type-static .layout-container .layout-content .layout__region--first {
+    position: relative; }
+    .path-node.page-node-type-static .layout-container .layout-content .layout__region--first .block-region-first {
       display: flex;
-      width: 50%;
-      background-color: white;
-      padding-right: 2rem; }
-      .path-node.page-node-type-static .layout-container .layout-content .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre {
+      justify-content: flex-end;
+      position: -webkit-sticky;
+      position: sticky;
+      top: 9rem; }
+      @media (max-width: 810px) {
+        .path-node.page-node-type-static .layout-container .layout-content .layout__region--first .block-region-first {
+          display: none; } }
+      .path-node.page-node-type-static .layout-container .layout-content .layout__region--first .block-region-first .block-entity-fieldnodefield-textes {
         display: flex;
-        font-size: 1rem;
-        font-weight: 1000;
-        color: #09398b;
-        border-bottom: 1px solid #009ee3;
-        padding-bottom: 0.8rem;
-        padding-right: 1rem;
-        margin-top: 1rem; }
-        .path-node.page-node-type-static .layout-container .layout-content .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre:hover {
-          text-decoration: underline; }
-
-@media (max-width: 810px) {
-  .path-node.page-node-type-static .layout-container .layout-content .layout__region--second {
-    flex: 0 1 80%;
-    margin: auto; } }
-
-.path-node.page-node-type-static .layout-container .layout-content .layout__region--second .block-entity-fieldnodefield-textes {
-  margin-top: 1rem;
-  background-color: white; }
-  .path-node.page-node-type-static .layout-container .layout-content .layout__region--second .block-entity-fieldnodefield-textes .field--name-field-titre {
-    font-size: 1.5rem;
-    font-weight: 1000;
-    font-family: 'Source Code Pro', monospace;
-    color: #09398b;
-    text-transform: uppercase;
-    margin-top: 2rem;
-    margin-bottom: 0.8rem; }
-  .path-node.page-node-type-static .layout-container .layout-content .layout__region--second .block-entity-fieldnodefield-textes h4 {
-    text-transform: none !important; }
-    .path-node.page-node-type-static .layout-container .layout-content .layout__region--second .block-entity-fieldnodefield-textes h4 img {
-      width: 100%;
-      height: auto; }
-  .path-node.page-node-type-static .layout-container .layout-content .layout__region--second .block-entity-fieldnodefield-textes .field--type-text-long {
-    padding-right: 2rem; }
-  .path-node.page-node-type-static .layout-container .layout-content .layout__region--second .block-entity-fieldnodefield-textes p {
-    margin-top: 0; }
-
-.path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third {
-  margin-top: 1rem;
-  display: flex;
-  flex-direction: column;
-  width: 70%; }
+        width: 50%;
+        background-color: white;
+        padding-right: 2rem; }
+        .path-node.page-node-type-static .layout-container .layout-content .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.8rem;
+          padding-right: 1rem;
+          margin-top: 1rem;
+          scroll-margin-top: 7em; }
+          .path-node.page-node-type-static .layout-container .layout-content .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre:hover {
+            text-decoration: underline; }
   @media (max-width: 810px) {
-    .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third {
+    .path-node.page-node-type-static .layout-container .layout-content .layout__region--second {
+      flex: 0 1 80%;
       margin: auto; } }
-  .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers {
-    height: fit-content;
-    border: 2px solid #009ee3;
+  .path-node.page-node-type-static .layout-container .layout-content .layout__region--second .block-entity-fieldnodefield-textes {
+    margin-top: 1rem;
     background-color: white; }
-  .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .field--name-field-fichiers {
-    min-height: 4rem;
-    background: white;
-    color: #009ee3;
-    padding-left: 0.8rem;
-    padding-top: 1rem;
-    margin-bottom: 1rem; }
-    .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .field--name-field-fichiers span:nth-of-type(2) {
-      display: none; }
-    .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf {
-      height: inherit;
-      margin: auto; }
-      .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf ::before {
-        content: url("../images/pictos/noun_Download_file_307900.svg");
+    .path-node.page-node-type-static .layout-container .layout-content .layout__region--second .block-entity-fieldnodefield-textes .field--name-field-titre {
+      font-size: 1.5rem;
+      font-weight: 1000;
+      font-family: 'Source Code Pro', monospace;
+      color: #09398b;
+      text-transform: uppercase;
+      margin-top: 2rem;
+      margin-bottom: 0.8rem; }
+    .path-node.page-node-type-static .layout-container .layout-content .layout__region--second .block-entity-fieldnodefield-textes h4 {
+      text-transform: none !important; }
+      .path-node.page-node-type-static .layout-container .layout-content .layout__region--second .block-entity-fieldnodefield-textes h4 img {
+        width: 100%;
+        height: auto; }
+    .path-node.page-node-type-static .layout-container .layout-content .layout__region--second .block-entity-fieldnodefield-textes .field--type-text-long {
+      padding-right: 2rem; }
+    .path-node.page-node-type-static .layout-container .layout-content .layout__region--second .block-entity-fieldnodefield-textes p {
+      margin-top: 0; }
+  .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third {
+    margin-top: 1rem;
+    display: flex;
+    flex-direction: column;
+    width: 70%; }
+    @media (max-width: 810px) {
+      .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third {
+        margin: auto; } }
+    .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers {
+      height: fit-content;
+      border: 2px solid #009ee3;
+      background-color: white; }
+    .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .field--name-field-fichiers {
+      min-height: 4rem;
+      background: white;
+      color: #009ee3;
+      padding-left: 0.8rem;
+      padding-top: 1rem;
+      margin-bottom: 1rem; }
+      .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .field--name-field-fichiers span:nth-of-type(2) {
+        display: none; }
+      .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf {
+        height: inherit;
+        margin: auto; }
+        .path-node.page-node-type-static .layout-container .layout-content .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: 0.5rem;
+          display: inline-flex;
+          align-items: center; }
+        .path-node.page-node-type-static .layout-container .layout-content .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-static .layout-container .layout-content .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: 0.8rem;
+      padding-top: 1rem;
+      margin-bottom: 1rem; }
+    .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a {
+      display: inline-flex;
+      align-items: center;
+      justify-items: center;
+      color: #009ee3;
+      font-weight: 800; }
+      .path-node.page-node-type-static .layout-container .layout-content .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: 0.5rem;
         display: inline-flex;
         align-items: center; }
-      .path-node.page-node-type-static .layout-container .layout-content .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-static .layout-container .layout-content .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: 0.8rem;
-    padding-top: 1rem;
-    margin-bottom: 1rem; }
-  .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a {
-    display: inline-flex;
-    align-items: center;
-    justify-items: center;
-    color: #009ee3;
-    font-weight: 800; }
-    .path-node.page-node-type-static .layout-container .layout-content .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: 0.5rem;
-      display: inline-flex;
-      align-items: center; }
-    .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a svg.ext {
-      display: none; }
-  .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress {
-    margin-top: 3rem; }
-    .path-node.page-node-type-static .layout-container .layout-content .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-static .layout-container .layout-content .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-static .layout-container .layout-content .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-static .layout-container .layout-content .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-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-title a {
+      .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a svg.ext {
+        display: none; }
+    .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress {
+      margin-top: 3rem; }
+      .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress h2 {
+        font-size: 0.8rem;
         color: black;
-        font-size: 1.4rem;
-        font-weight: 600; }
-      .path-node.page-node-type-static .layout-container .layout-content .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-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- p {
+        font-weight: 900; }
+      .path-node.page-node-type-static .layout-container .layout-content .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-static .layout-container .layout-content .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-static .layout-container .layout-content .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-static .layout-container .layout-content .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-static .layout-container .layout-content .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-static .layout-container .layout-content .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-static .layout-container .layout-content .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-static .layout-container .layout-content .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-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- .field__label {
+        .path-node.page-node-type-static .layout-container .layout-content .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-static .layout-container .layout-content .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-static .layout-container .layout-content .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-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images {
-        display: none;
-        width: 50%; }
-        .path-node.page-node-type-static .layout-container .layout-content .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-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-type-de-ressource {
-        display: inline-flex;
-        margin-top: 2rem;
-        background: #09398b;
-        margin-right: 1rem;
-        padding-left: 0.3rem;
-        padding-right: 0.3rem;
-        color: white;
-        font-weight: 800;
-        vertical-align: middle; }
+        .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images {
+          display: none;
+          width: 50%; }
+          .path-node.page-node-type-static .layout-container .layout-content .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-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-type-de-ressource {
+          display: inline-flex;
+          margin-top: 2rem;
+          background: #09398b;
+          margin-right: 1rem;
+          padding-left: 0.3rem;
+          padding-right: 0.3rem;
+          color: white;
+          font-weight: 800;
+          vertical-align: middle; }
 
 .path-frontpage .block-region-content {
   display: grid;
@@ -2900,6 +2900,7 @@ a {
       flex-direction: row;
       justify-content: space-between;
       width: 100%;
+      padding-inline-start: 0px;
       padding: 1rem; }
       #header-top .region-header-top-left ul .is-active {
         color: #009ee3; }
@@ -2908,21 +2909,19 @@ a {
         flex-direction: column;
         display: none;
         min-width: 100px;
+        width: 100%;
         justify-content: space-between;
-        background: white; }
+        background: white;
+        padding-inline-start: 0px; }
         #header-top .region-header-top-left ul ul .is-active {
           color: #009ee3; }
       #header-top .region-header-top-left ul li {
         display: flex;
         flex-direction: column;
-        justify-content: space-between;
         background-color: white;
         padding-bottom: 0.8rem;
         max-width: inherit;
-        align-items: center;
-        padding-left: 0; }
-        #header-top .region-header-top-left ul li .menuOpen {
-          display: flex; }
+        align-items: center; }
         #header-top .region-header-top-left ul li a {
           color: black; }
         #header-top .region-header-top-left ul li .is-active {

web/themes/custom/eql/scripts/main.js

@@ -132,41 +132,8 @@ jQuery(function($) {
  });
 
 
- ///////////////////////////////////////////
- // border box change color when protagoniste change
-
-// var protagoniste = document.getElementsByClassName("type-de-protagoniste-7");
-// console.log(protagoniste);
-// ressource.classList.add('opened');
-
-
-
-/**
- * Return the term id for a given term name.
- */
-
-//  function _get_tid_from_term_name($term_name) {
-//   $vocabulary = 'Type de protagoniste';
-//   $arr_terms = taxonomy_get_term_by_name($term_name, $vocabulary);
-//   if (!empty($arr_terms)) {
-//     $arr_terms = array_values($arr_terms);
-//     $tid = $arr_terms[0]->tid;
-//   }
-//   else {
-//     $vobj = taxonomy_vocabulary_machine_name_load($vocabulary);
-//     $term = new stdClass();
-//     $term->name = $term_name;
-//     $term->vid = $vobj->vid;
-//     taxonomy_term_save($term);
-//     $tid = $term->tid;
-//   }
-//   return $tid;
-// }
 
-// function getVal() {
-//   const val = document. querySelector('input').value;
-//   log(val);
-// }
+
 // /////////////////
 //// ancre dans texte
 // document.querySelector('.paragraph--view-mode--textes-toc').click( function() {
@@ -178,25 +145,4 @@ jQuery(function($) {
 //   return false;
 // });
 
-/// sticky header on scroll
-
-// // When the user scrolls the page, execute myFunction
-// window.onscroll = function() {stickyHeader()};
-// console.log(Event);
-
-// // Get the header
-// var header = document.getElementById("header-top");
-
-// // Get the offset position of the navbar
-// var sticky = header.offsetTop;
-
-// // Add the sticky class to the header when you reach its scroll position. Remove "sticky" when you leave the scroll position
-// function stickyHeader() {
-//   if (window.pageYOffset > sticky) {
-//     header.classList.add("sticky");
-//   } else {
-//     header.classList.remove("sticky");
-//   }
-// } 
 
-///////////////////

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

@@ -1,5 +1,6 @@
 .path-node.page-node-type-static{
     .layout-container{
+        overflow: unset;
         // display: flex;
         // flex-direction: column;
         // flex-flow: row wrap;
@@ -9,6 +10,7 @@
         // main{
         //     flex: 0 0 100%;
             .layout-content{
+               
                 // padding-top: 0;
                 .layout__region--top{               //bandeau titre page static
 
@@ -39,14 +41,16 @@
                 
                     // }
                 }
-                
+
+                // menu ancres a gauche
                 .layout__region--first{             // menu ancres a gauche
                     position: relative;
                     .block-region-first{
-                       display: flex;
-                       justify-content: flex-end;
-                       position: sticky;
-                       top: 7rem;
+                        display: flex;
+                        justify-content: flex-end;
+                        position: -webkit-sticky;
+                        position: sticky;
+                        top: 9rem;
                        @media (max-width: 810px){
                            display: none;
                        }
@@ -65,6 +69,7 @@
                                 padding-bottom: 0.8rem;
                                 padding-right: 1rem;
                                 margin-top: 1rem;
+                                scroll-margin-top: 7em;
                 
                                 &:hover{
                                     text-decoration: underline;
@@ -74,12 +79,14 @@
 
                     }
                 }
-                
-                .layout__region--second{        // paragraphe texte
+
+                // paragraphe texte
+                .layout__region--second{        
                     @media (max-width: 810px){
                         flex: 0 1 80%;
                         margin: auto;
-                    }        // paragraphe texte
+                    }        
+                    // paragraphe texte
                     .block-entity-fieldnodefield-textes{
                         margin-top: 1rem;
                         background-color: $white;
@@ -109,13 +116,16 @@
                     }
                     
                 }
-                
-                .layout__region--third{     // colone de droite fichiers et ressources liées
+                // colone de droite fichiers et ressources liées
+                .layout__region--third{     
                     .block-region-third{
                         margin-top: 1rem;
                         display: flex;
                         flex-direction: column;
-                        width: 70%; 
+                        width: 70%;
+                        // position: -webkit-sticky;
+                        // position: sticky;
+                        // top: 11rem; 
                         @media (max-width: 810px){
                             margin: auto;
                         }               

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

@@ -79,6 +79,7 @@
             justify-content: space-between;
             // margin-right: 20px;
             width: 100%;
+            padding-inline-start: 0px;
             padding: 1rem;
             .is-active{
                 color:$blue-light;
@@ -88,9 +89,11 @@
                 flex-direction: column;
                 display: none;
                 min-width: 100px;
+                width: 100%;
                 justify-content: space-between;
                 background:$white;
                 // padding-inline-start: 0;
+                padding-inline-start: 0px;
             
                 .is-active{
                     color:$blue-light;
@@ -99,15 +102,17 @@
             li{
                 display: flex;
                 flex-direction: column;
-                justify-content: space-between;
+                // justify-content: space-between;
                 background-color: $white;
                 padding-bottom: 0.8rem;
                 max-width: inherit;
                 align-items: center;
-                padding-left: 0;
-                .menuOpen{
-                    display: flex;
-                }
+                // padding-left: 0;
+                // text-align: none
+                ;
+                // .menuOpen{
+                //     display: flex;
+                // }
                 a {
                     color: $black;
                 }