offres de service

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

@@ -1182,11 +1182,11 @@ a {
       background-color: #009ee3;
       text-transform: uppercase; }
 
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale span {
+.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale span {
   padding-top: 3rem;
   padding-bottom: 3rem;
   vertical-align: middle; }
-  .path-ressources .layout-content .region-content #block-contenudelapageprincipale span h2 {
+  .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale span h2 {
     margin: 0;
     padding-top: 2rem;
     height: 4rem;
@@ -1196,65 +1196,65 @@ a {
     background: #009ee3;
     padding-left: 13%; }
 
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content {
+.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content {
   background: url("../images/pictos/carre-contour-bleu_gouvernance.svg");
   background-repeat: no-repeat;
   background-position-y: 20vh;
   max-width: 100vw;
   background-size: contain; }
-  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 {
+  .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 {
     background: rgba(0, 158, 227, 0.2);
     height: 20vh;
     display: flex; }
-    .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections {
+    .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections {
       height: 100%;
       display: flex; }
-      .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content {
+      .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content {
         display: flex;
         flex-direction: row;
         margin: auto;
         width: 65%;
         justify-content: space-between;
         align-items: center; }
-        .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row {
+        .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row {
           background: white;
           width: 45%;
           min-height: 60%;
           padding: 1rem; }
-          .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row a {
+          .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row a {
             color: black;
             font-size: 1.5rem;
             font-weight: 600; }
-          .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row:hover {
+          .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row:hover {
             background: #09398b; }
-            .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row:hover a {
+            .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row:hover a {
               color: white; }
-  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block {
+  .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block {
     margin: 2rem; }
-    .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .field--name-field-introduction {
+    .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .field--name-field-introduction {
       width: 65%;
       margin: auto;
       background: white; }
-  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 {
+  .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 {
     margin: auto;
     width: 70%; }
-    .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters {
+    .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters {
       background-color: white; }
-      .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 {
+      .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 {
         width: fit-content;
         display: flex; }
-        .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 .js-form-item {
+        .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 .js-form-item {
           width: fit-content; }
-        .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 .js-form-item-field-type-de-ressource-target-id {
+        .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 .js-form-item-field-type-de-ressource-target-id {
           width: fit-content; }
-    .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content {
+    .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content {
       display: flex;
       flex-direction: row;
       flex-wrap: wrap; }
-      .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row {
+      .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row {
         flex: 0 1 45%;
         padding: 1rem; }
-      .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource {
+      .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource {
         display: flex;
         flex-direction: column;
         border: 2px solid #009ee3;
@@ -1262,73 +1262,73 @@ a {
         height: fit-content;
         margin-bottom: 1rem;
         background-color: white; }
-        .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-type-de-ressource {
+        .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-type-de-ressource {
           text-transform: uppercase; }
-          .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-type-de-ressource a {
+          .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-type-de-ressource a {
             color: #009ee3;
             font-weight: 900;
             font-size: 0.8rem; }
-        .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-title h2 {
+        .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-title h2 {
           margin: 0; }
-          .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-title h2 a {
+          .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-title h2 a {
             color: black;
             font-size: 1.4rem;
             font-weight: 600; }
-        .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-auteur-s- {
+        .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-auteur-s- {
           font-weight: 800; }
-          .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-auteur-s- p {
+          .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-auteur-s- p {
             margin: 0; }
-          .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-auteur-s- .field__label {
+          .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-auteur-s- .field__label {
             display: none; }
-        .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-edition p {
+        .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-edition p {
           margin: 0; }
-        .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-edition .field__label {
+        .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-edition .field__label {
           display: none; }
-        .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-images {
+        .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-images {
           display: none;
           width: 50%; }
-          .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-images img {
+          .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-images img {
             width: 100%;
             height: auto; }
-        .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-mots-clefs {
+        .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-mots-clefs {
           display: inline-flex;
           margin-top: 2rem; }
-          .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-mots-clefs::after {
+          .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-mots-clefs::after {
             content: url("../images/pictos/noun_Arrow_3771902.svg");
             align-self: end; }
-          .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-mots-clefs .field__item {
+          .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-mots-clefs .field__item {
             background: #09398b;
             margin-right: 1rem;
             padding-left: 0.3rem;
             padding-right: 0.3rem; }
-            .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-mots-clefs .field__item a {
+            .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-mots-clefs .field__item a {
               color: white;
               font-weight: 800;
               vertical-align: middle; }
-        .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource ul.links.inline {
+        .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource ul.links.inline {
           display: none; }
 
-.path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--top .block-region-top {
+.page-node-type-ressource .layout__region--top .block-region-top {
   margin-top: 2rem;
   margin-left: 13%; }
-  .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-ressource {
+  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-ressource {
     color: #009ee3;
     text-transform: uppercase;
     font-weight: 800; }
-  .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--top .block-region-top .block-entity-fieldnodetitle {
+  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodetitle {
     font-size: 2rem;
     font-weight: 600; }
-  .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--top .block-region-top .block-entity-fieldnodefield-edition .field--name-field-edition p {
+  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition .field--name-field-edition p {
     margin-bottom: 0; }
-  .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- .field--name-field-auteur-s- {
+  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- .field--name-field-auteur-s- {
     font-size: 1.5rem;
     font-weight: 800; }
-    .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- .field--name-field-auteur-s- p {
+    .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- .field--name-field-auteur-s- p {
       margin: 0; }
-  .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs .field--name-field-mots-clefs {
+  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs .field--name-field-mots-clefs {
     display: inline-flex;
     margin-top: 2rem; }
-    .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs .field--name-field-mots-clefs .field__item {
+    .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs .field--name-field-mots-clefs .field__item {
       background: #09398b;
       margin-right: 1rem;
       padding-left: 0.3rem;
@@ -1337,20 +1337,20 @@ a {
       font-weight: 800;
       vertical-align: middle; }
 
-.path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--first {
+.page-node-type-ressource .layout__region--first {
   margin-top: 3rem;
   position: relative; }
-  .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--first .block-region-first {
+  .page-node-type-ressource .layout__region--first .block-region-first {
     display: flex;
     justify-content: end;
     position: sticky;
     top: 7rem; }
-    .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--first .block-region-first .block-entity-fieldnodefield-textes {
+    .page-node-type-ressource .layout__region--first .block-region-first .block-entity-fieldnodefield-textes {
       display: flex;
       width: 50%;
       background-color: white;
       padding-right: 2rem; }
-      .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre {
+      .page-node-type-ressource .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre {
         display: flex;
         font-size: 1rem;
         font-weight: 1000;
@@ -1358,63 +1358,63 @@ a {
         border-bottom: 1px solid #009ee3;
         padding-bottom: 0.5rem;
         padding-right: 1rem; }
-        .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre:hover {
+        .page-node-type-ressource .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre:hover {
           text-decoration: underline; }
 
-.path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--second {
+.page-node-type-ressource .layout__region--second {
   margin-top: 3rem; }
-  .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--second .block-entity-fieldnodefield-textes {
+  .page-node-type-ressource .layout__region--second .block-entity-fieldnodefield-textes {
     background-color: white; }
-    .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--second .block-entity-fieldnodefield-textes .field--name-field-titre {
+    .page-node-type-ressource .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; }
-    .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--second .block-entity-fieldnodefield-textes h4 {
+    .page-node-type-ressource .layout__region--second .block-entity-fieldnodefield-textes h4 {
       text-transform: none !important; }
-      .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--second .block-entity-fieldnodefield-textes h4 img {
+      .page-node-type-ressource .layout__region--second .block-entity-fieldnodefield-textes h4 img {
         width: 100%;
         height: auto; }
-    .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--second .block-entity-fieldnodefield-textes .field--type-text-long {
+    .page-node-type-ressource .layout__region--second .block-entity-fieldnodefield-textes .field--type-text-long {
       padding-right: 2rem; }
-    .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--second .block-entity-fieldnodefield-textes p {
+    .page-node-type-ressource .layout__region--second .block-entity-fieldnodefield-textes p {
       margin-top: 0; }
 
-.path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--third {
+.page-node-type-ressource .layout__region--third {
   margin-top: 3rem; }
-  .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--third .block-region-third {
+  .page-node-type-ressource .layout__region--third .block-region-third {
     display: flex;
     flex-direction: column;
     width: 70%; }
-    .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers {
+    .page-node-type-ressource .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-ressource #block-contenudelapageprincipale .layout__region--third .block-region-third .field--name-field-fichiers {
+    .page-node-type-ressource .layout__region--third .block-region-third .field--name-field-fichiers {
       min-height: 4rem;
       background: white;
       color: #009ee3;
       padding-left: 1rem;
       padding-top: 1rem;
       margin-bottom: 1rem; }
-      .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--third .block-region-third .field--name-field-fichiers span:nth-of-type(2) {
+      .page-node-type-ressource .layout__region--third .block-region-third .field--name-field-fichiers span:nth-of-type(2) {
         display: none; }
-      .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf {
+      .page-node-type-ressource .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf {
         height: inherit;
         margin: auto; }
-        .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf ::before {
+        .page-node-type-ressource .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: 50px;
           height: auto;
           padding-right: 1rem; }
-        .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf a {
+        .page-node-type-ressource .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-ressource #block-contenudelapageprincipale .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item {
+    .page-node-type-ressource .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;
@@ -1424,26 +1424,26 @@ a {
       padding-left: 1rem;
       padding-top: 1rem;
       margin-bottom: 1rem; }
-    .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a {
+    .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a {
       display: inline-flex;
       align-items: center;
       color: #009ee3;
       font-weight: 800; }
-      .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a::before {
+      .page-node-type-ressource .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: 50px;
         height: auto;
         padding-right: 1rem; }
-      .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a svg.ext {
+      .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a svg.ext {
         display: none; }
-    .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--third .block-region-third .block-entity-fieldnodefield-ress {
+    .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress {
       margin-top: 3rem; }
-      .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .field__label {
+      .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .field__label {
         font-size: 0.8rem;
         color: black;
         font-weight: 900;
         margin-bottom: 1rem; }
-      .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource {
+      .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource {
         display: flex;
         flex-direction: column;
         border: 2px solid #009ee3;
@@ -1451,35 +1451,35 @@ a {
         height: fit-content;
         margin-bottom: 1rem;
         background-color: white; }
-        .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource:first-of-type {
+        .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource:first-of-type {
           border-top: 1px solid #009ee3;
           padding-top: 1rem; }
-          .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource:first-of-type::after {
+          .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource:first-of-type::after {
             content: url("../images/pictos/noun_Arrow_3771902.svg");
             align-self: end; }
-        .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-title h2 {
+        .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-title h2 {
           margin: 0; }
-        .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-title a {
+        .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-title a {
           color: black;
           font-size: 1.4rem;
           font-weight: 600; }
-        .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-auteur-s- {
+        .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-auteur-s- {
           font-weight: 800; }
-          .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-auteur-s- p {
+          .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-auteur-s- p {
             margin: 0; }
-          .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-auteur-s- .field__label {
+          .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-auteur-s- .field__label {
             display: none; }
-        .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-edition p {
+        .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-edition p {
           margin: 0; }
-        .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-edition .field__label {
+        .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-edition .field__label {
           display: none; }
-        .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-images {
+        .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-images {
           display: none;
           width: 50%; }
-          .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-images img {
+          .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-images img {
             width: 100%;
             height: auto; }
-        .path-node.page-node-type-ressource #block-contenudelapageprincipale .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-type-de-ressource {
+        .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-field-type-de-ressource {
           display: inline-flex;
           margin-top: 2rem;
           background: #09398b;
@@ -1490,23 +1490,125 @@ a {
           font-weight: 800;
           vertical-align: middle; }
 
-.node-type-offre_de_service {
-  display: flex; }
-  .node-type-offre_de_service .field--type-text-with-summary {
-    flex: 0 1 50%; }
+.offresdeservices .layout-content .region-content #block-contenudelapageprincipale span {
+  padding-top: 3rem;
+  padding-bottom: 3rem;
+  vertical-align: middle; }
+  .offresdeservices .layout-content .region-content #block-contenudelapageprincipale span h2 {
+    margin: 0;
+    padding-top: 2rem;
+    height: 4rem;
+    color: white;
+    font-family: "Source Code Pro";
+    text-transform: uppercase;
+    background: #009ee3;
+    padding-left: 13%; }
 
-.node-id-40 {
-  background: url("../images/pictos/carre-contour-bleu_programme.svg");
+.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content {
+  background: url("../images/pictos/carre-contour-bleu_gouvernance.svg");
   background-repeat: no-repeat;
-  background-position-y: 7rem;
+  background-position-y: 20vh;
   max-width: 100vw;
   background-size: contain; }
-  .node-id-40 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
-    display: none;
-    height: inherit; }
-  .node-id-40 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
-    background-color: white !important;
-    color: #009ee3; }
+  .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block {
+    margin: 2rem; }
+    .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .field--name-field-introduction {
+      width: 65%;
+      margin: auto;
+      background: white; }
+  .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-display-id-block_1 {
+    width: 65%;
+    margin: auto; }
+  .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content {
+    display: flex;
+    flex-wrap: wrap;
+    margin-top: 3rem; }
+    .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row {
+      width: 50%; }
+      .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service {
+        border: 2px solid #009ee3;
+        padding: 1rem;
+        height: fit-content;
+        margin-bottom: 1rem;
+        background-color: white;
+        margin-right: 1rem;
+        height: 200px; }
+        .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type {
+          display: grid;
+          grid-template-columns: 1fr auto 1fr;
+          grid-template-rows: repeat(6 auto); }
+          .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-type-de-protagoniste {
+            grid-column: 1 / span 3;
+            grid-row: 1;
+            margin-bottom: 1rem;
+            text-transform: uppercase;
+            font-weight: 800;
+            font-size: 00.8rem; }
+          .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-photo {
+            grid-column: 1;
+            grid-row: 2 / span 6;
+            margin-right: 1rem;
+            max-height: 170px; }
+            .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-photo img {
+              max-width: 100%;
+              object-fit: cover;
+              height: auto;
+              max-height: 95%; }
+          .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-prenom {
+            grid-column: 2;
+            grid-row: 2;
+            padding-right: 0.5rem;
+            text-transform: uppercase;
+            font-weight: 800;
+            font-size: 1rem; }
+          .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-nom {
+            grid-column: 3;
+            grid-row: 2;
+            text-transform: uppercase;
+            font-weight: 800;
+            font-size: 1rem; }
+          .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-structure {
+            grid-column: 2 / span 3;
+            grid-row: 3;
+            text-transform: uppercase;
+            font-weight: 800;
+            font-size: 0.8rem; }
+          .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-title {
+            grid-column: 2 / span 3;
+            grid-row: 4;
+            font-size: 1.3rem; }
+            .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-title a {
+              color: black; }
+          .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-localisation {
+            grid-column: 2 / span 3;
+            grid-row: 5;
+            text-transform: uppercase;
+            font-weight: 800;
+            font-size: 00.8rem; }
+          .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-date-de-proposition {
+            display: inline-flex;
+            grid-column: 2 / span 3;
+            grid-row: 6;
+            font-size: 0.8rem;
+            padding-top: 1rem;
+            justify-content: space-between;
+            align-items: center; }
+            .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-date-de-proposition::after {
+              content: url("../images/pictos/noun_Arrow_3771902.svg");
+              align-self: end; }
+
+.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale span {
+  padding-top: 3rem;
+  padding-bottom: 3rem;
+  vertical-align: middle; }
+  .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale span h2 {
+    margin: 0;
+    padding-top: 2rem;
+    height: 4rem;
+    color: white;
+    font-family: "Source Code Pro";
+    text-transform: uppercase;
+    background: #009ee3; }
 
 /*partials*/
 .layout-container {

web/themes/custom/eql/scss/pages/_annuaire-de-recherche.scss

@@ -1,31 +0,0 @@
-.node-id-40{
-
-    background: url('../images/pictos/carre-contour-bleu_programme.svg');
-    background-repeat: no-repeat;
-    background-position-y: 7rem;
-    max-width: 100vw;
-    background-size: contain;
-    .layout__region--top{               //bandeau titre page static
-
-        .block-region-top{
-            .block-entity-fieldnodefield-images{
-                display: none;
-                height: inherit;
-        
-            }
-            .block-entity-fieldnodetitle{
-                
-                .field--name-title{
-                    background-color: $white !important;
-                    color: $blue-light;
-
-                }
-            }
-        }
-    
-    }
-
-
-
-}
-

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

@@ -0,0 +1,26 @@
+.path-ressources.annuairederecherche{
+    .layout-content{
+        .region-content{
+            
+            #block-contenudelapageprincipale{
+                span{
+                    padding-top: 3rem;
+                    padding-bottom: 3rem;
+                    vertical-align: middle;
+                    h2{
+                        margin: 0;
+                        padding-top: 2rem;
+                        height: 4rem;
+                        color: $white;
+                        font-family: "Source Code Pro";
+                        text-transform: uppercase;
+                        background: $blue-light; 
+                        // padding-left: 13%;
+                       
+                    }
+                }
+
+            }
+        }    
+    }
+}

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

@@ -1,4 +1,4 @@
-.path-ressources{
+.path-ressources.basededonnees{
     .layout-content{
         .region-content{
             

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

@@ -1,16 +0,0 @@
-
-
-.page-node-type-offre-de-service{
-    
-}
-.node-type-offre_de_service{
-
-    display: flex;
-
-
-    .field--type-text-with-summary{
-        flex: 0 1 50%;
-
-    }
-    
-}

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

@@ -0,0 +1,177 @@
+
+.path-ressources{
+
+} 
+.offresdeservices{
+    .layout-content{
+        .region-content{
+            
+            #block-contenudelapageprincipale{
+                span{
+                    padding-top: 3rem;
+                    padding-bottom: 3rem;
+                    vertical-align: middle;
+                    h2{
+                        margin: 0;
+                        padding-top: 2rem;
+                        height: 4rem;
+                        color: $white;
+                        font-family: "Source Code Pro";
+                        text-transform: uppercase;
+                        background: $blue-light; 
+                        padding-left: 13%;
+                       
+                    }
+                }
+                .layout--onecol{
+                    .block-region-content{
+                        background: url('../images/pictos/carre-contour-bleu_gouvernance.svg');
+                        background-repeat: no-repeat;
+                        background-position-y: 20vh;
+                        max-width: 100vw;
+                        background-size: contain;
+
+
+                        // texte présentation
+                        .block-config-pages-block{
+                            margin: 2rem;
+                            .field--name-field-introduction{
+                                width: 65%;
+                                margin: auto;
+                                background: $white;
+                            }
+                        }
+                        .block-views-blockoffres-de--block-1{
+                            .view-display-id-block_1{
+                                width: 65%;
+                                margin: auto;
+                            }
+
+                            // bandeau filtes
+                            .view-filters{
+                                
+                            }
+
+                            // grille offres
+                            .view-content{
+                                display: flex;
+                                flex-wrap: wrap;
+                                margin-top: 3rem;
+
+                                .views-row{
+                                    width: 50%;
+                                    .node-type-offre_de_service{
+                                        // display: flex;
+                                        // flex-direction: column;
+                                       
+                                        border: 2px solid $blue-light;
+                                        padding: 1rem;
+                                        height: fit-content;
+                                        margin-bottom: 1rem;
+                                        background-color: $white;
+                                        margin-right: 1rem;
+                                        height: 200px;
+                                        div:first-of-type{
+                                            display: grid;
+                                            grid-template-columns: 1fr auto 1fr;
+                                            grid-template-rows: repeat(6 auto);
+                                            .field--name-field-type-de-protagoniste{
+                                                grid-column: 1 / span 3;
+                                                grid-row: 1;
+                                                margin-bottom: 1rem;
+                                                text-transform: uppercase;
+                                                font-weight: 800;
+                                                font-size: 00.8rem;
+                                            }
+                                            .field--name-field-photo{
+                                                grid-column: 1;
+                                                grid-row: 2 / span 6;
+                                                margin-right: 1rem;
+                                                max-height: 170px;
+                                            
+                                               
+                                                img{
+                                                    max-width: 100%;
+                                                    object-fit: cover;
+                                                    height: auto;
+                                                    max-height: 95%;
+                                                }
+                                            }
+                                            .field--name-field-prenom{
+                                                grid-column: 2;
+                                                grid-row: 2;
+                                                padding-right: 0.5rem;
+                                                text-transform: uppercase;
+                                                font-weight: 800;
+                                                font-size: 1rem;
+                                              
+                                            }
+                                            .field--name-field-nom{
+                                                grid-column: 3;
+                                                grid-row: 2;
+                                                text-transform: uppercase;
+                                                font-weight: 800;
+                                                font-size: 1rem;
+                                               
+                                            }
+                                            .field--name-field-structure{
+                                                grid-column: 2 / span 3;
+                                                grid-row: 3;
+                                                text-transform: uppercase;
+                                                font-weight: 800;
+                                                font-size: 0.8rem;
+                                            }
+                                            .field--name-title{
+                                                grid-column: 2 / span 3;
+                                                grid-row: 4;
+                                                font-size: 1.3rem;
+                                                
+                                                a{
+                                                    color: $black;
+                                                }
+
+                                                
+                                            }
+                                            .field--name-field-localisation{
+                                                grid-column: 2 / span 3;
+                                                grid-row: 5;
+                                                text-transform: uppercase;
+                                                font-weight: 800;
+                                                font-size: 00.8rem;
+
+                                                
+                                            }
+                                            .field--name-field-date-de-proposition{
+                                                display: inline-flex;
+                                                grid-column: 2 / span 3;
+                                                grid-row: 6;
+                                                font-size: 0.8rem;
+                                                padding-top: 1rem;
+                                                justify-content: space-between;
+                                                align-items: center;
+                                                &::after{
+                                                    content: url("../images/pictos/noun_Arrow_3771902.svg");
+                                                    align-self: end;
+                                                }
+
+                                            }
+                                        }
+                                        
+                                        
+                                    }
+                                }
+
+                            }
+                        }
+                     
+                            
+                        
+
+
+                    }
+
+                }
+            }
+        }
+    }
+}

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

@@ -1,7 +1,7 @@
 
-.path-node.page-node-type-ressource{
+.page-node-type-ressource{
 
-    #block-contenudelapageprincipale{
+    // #block-contenudelapageprincipale{
         .layout__region--top{
 
             .block-region-top{
@@ -278,5 +278,5 @@
             
         
         }
-    }
+    // }
 }    

web/themes/custom/eql/scss/styles.scss

@@ -31,8 +31,9 @@
 @import "pages/_mentions-legales";
 @import "pages/_basededonnees";
 @import "pages/_ressource";
-@import "pages/_offreDeService";
-@import "pages/_annuaire-de-recherche";
+@import "pages/_offresdeservices";
+@import "pages/_offre";
+@import "pages/_annuairederecherche";
 
 
 /*partials*/

web/themes/custom/eql/templates/layout/html--ressources--annuairederecherche.html.twig

@@ -0,0 +1,56 @@
+{#
+/**
+ * @file
+ * Theme override for the basic structure of a single Drupal page.
+ *
+ * Variables:
+ * - logged_in: A flag indicating if user is logged in.
+ * - root_path: The root path of the current page (e.g., node, admin, user).
+ * - node_type: The content type for the current node, if the page is a node.
+ * - head_title: List of text elements that make up the head_title variable.
+ *   May contain one or more of the following:
+ *   - title: The title of the page.
+ *   - name: The name of the site.
+ *   - slogan: The slogan of the site.
+ * - page_top: Initial rendered markup. This should be printed before 'page'.
+ * - page: The rendered page markup.
+ * - page_bottom: Closing rendered markup. This variable should be printed after
+ *   'page'.
+ * - db_offline: A flag indicating if the database is offline.
+ * - placeholder_token: The token for generating head, css, js and js-bottom
+ *   placeholders.
+ *
+ * @see template_preprocess_html()
+ */
+#}
+{%
+  set body_classes = [
+    logged_in ? 'user-logged-in',
+    not root_path ? 'path-frontpage' : 'path-' ~ root_path|clean_class,
+    node_type ? 'page-node-type-' ~ node_type|clean_class,
+    db_offline ? 'db-offline',
+    'annuairederecherche',
+  ]
+%}
+<!DOCTYPE html>
+<html{{ html_attributes }}>
+  <head>
+    <head-placeholder token="{{ placeholder_token }}">
+    <title>{{ head_title|safe_join(' | ') }}</title>
+    <css-placeholder token="{{ placeholder_token }}">
+    <js-placeholder token="{{ placeholder_token }}">
+  </head>
+  <body{{ attributes.addClass(body_classes) }}>
+    {#
+      Keyboard navigation/accessibility link to main content section in
+      page.html.twig.
+    #}
+    <a href="#main-content" class="visually-hidden focusable skip-link">
+      {{ 'Skip to main content'|t }}
+    </a>
+    {{ page_top }}
+    {{ page }}
+    {{ page_bottom }}
+    <js-bottom-placeholder token="{{ placeholder_token }}">
+  </body>
+</html>

web/themes/custom/eql/templates/layout/html--ressources--bdd.html.twig

@@ -0,0 +1,56 @@
+{#
+/**
+ * @file
+ * Theme override for the basic structure of a single Drupal page.
+ *
+ * Variables:
+ * - logged_in: A flag indicating if user is logged in.
+ * - root_path: The root path of the current page (e.g., node, admin, user).
+ * - node_type: The content type for the current node, if the page is a node.
+ * - head_title: List of text elements that make up the head_title variable.
+ *   May contain one or more of the following:
+ *   - title: The title of the page.
+ *   - name: The name of the site.
+ *   - slogan: The slogan of the site.
+ * - page_top: Initial rendered markup. This should be printed before 'page'.
+ * - page: The rendered page markup.
+ * - page_bottom: Closing rendered markup. This variable should be printed after
+ *   'page'.
+ * - db_offline: A flag indicating if the database is offline.
+ * - placeholder_token: The token for generating head, css, js and js-bottom
+ *   placeholders.
+ *
+ * @see template_preprocess_html()
+ */
+#}
+{%
+  set body_classes = [
+    logged_in ? 'user-logged-in',
+    not root_path ? 'path-frontpage' : 'path-' ~ root_path|clean_class,
+    node_type ? 'page-node-type-' ~ node_type|clean_class,
+    db_offline ? 'db-offline',
+    'basededonnees',
+  ]
+%}
+<!DOCTYPE html>
+<html{{ html_attributes }}>
+  <head>
+    <head-placeholder token="{{ placeholder_token }}">
+    <title>{{ head_title|safe_join(' | ') }}</title>
+    <css-placeholder token="{{ placeholder_token }}">
+    <js-placeholder token="{{ placeholder_token }}">
+  </head>
+  <body{{ attributes.addClass(body_classes) }}>
+    {#
+      Keyboard navigation/accessibility link to main content section in
+      page.html.twig.
+    #}
+    <a href="#main-content" class="visually-hidden focusable skip-link">
+      {{ 'Skip to main content'|t }}
+    </a>
+    {{ page_top }}
+    {{ page }}
+    {{ page_bottom }}
+    <js-bottom-placeholder token="{{ placeholder_token }}">
+  </body>
+</html>

web/themes/custom/eql/templates/layout/html--ressources--offresdeservice.html.twig

@@ -0,0 +1,56 @@
+{#
+/**
+ * @file
+ * Theme override for the basic structure of a single Drupal page.
+ *
+ * Variables:
+ * - logged_in: A flag indicating if user is logged in.
+ * - root_path: The root path of the current page (e.g., node, admin, user).
+ * - node_type: The content type for the current node, if the page is a node.
+ * - head_title: List of text elements that make up the head_title variable.
+ *   May contain one or more of the following:
+ *   - title: The title of the page.
+ *   - name: The name of the site.
+ *   - slogan: The slogan of the site.
+ * - page_top: Initial rendered markup. This should be printed before 'page'.
+ * - page: The rendered page markup.
+ * - page_bottom: Closing rendered markup. This variable should be printed after
+ *   'page'.
+ * - db_offline: A flag indicating if the database is offline.
+ * - placeholder_token: The token for generating head, css, js and js-bottom
+ *   placeholders.
+ *
+ * @see template_preprocess_html()
+ */
+#}
+{%
+  set body_classes = [
+    logged_in ? 'user-logged-in',
+    not root_path ? 'path-frontpage' : 'path-' ~ root_path|clean_class,
+    node_type ? 'page-node-type-' ~ node_type|clean_class,
+    db_offline ? 'db-offline',
+    'offresdeservices',
+  ]
+%}
+<!DOCTYPE html>
+<html{{ html_attributes }}>
+  <head>
+    <head-placeholder token="{{ placeholder_token }}">
+    <title>{{ head_title|safe_join(' | ') }}</title>
+    <css-placeholder token="{{ placeholder_token }}">
+    <js-placeholder token="{{ placeholder_token }}">
+  </head>
+  <body{{ attributes.addClass(body_classes) }}>
+    {#
+      Keyboard navigation/accessibility link to main content section in
+      page.html.twig.
+    #}
+    <a href="#main-content" class="visually-hidden focusable skip-link">
+      {{ 'Skip to main content'|t }}
+    </a>
+    {{ page_top }}
+    {{ page }}
+    {{ page_bottom }}
+    <js-bottom-placeholder token="{{ placeholder_token }}">
+  </body>
+</html>