bouton bleu ami, margin actu

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

@@ -166,140 +166,149 @@ a {
 /*
 @import "pages/partials/header_footer";
 @import "pages/home";*/
-.layout__region--top .block-entity-fieldnodetitle {
-  width: fit-content;
-  margin-left: 13%;
-  margin-top: 15vh; }
-
-.layout__region--first .block-region-first {
-  display: flex;
-  justify-content: end; }
-  .layout__region--first .block-region-first .block-entity-fieldnodefield-textes {
-    display: flex;
-    width: 50%;
-    background-color: white;
-    padding-right: 2rem; }
-    .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre {
-      display: flex;
-      font-size: 1rem;
-      font-weight: 1000;
-      color: #09398b;
-      border-bottom: 1px solid #009ee3;
-      padding-bottom: 0.5rem;
-      padding-right: 1rem; }
-      .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre:hover {
-        text-decoration: underline; }
-
-.layout__region--second .block-entity-fieldnodefield-textes {
-  background-color: white; }
-  .layout__region--second .block-entity-fieldnodefield-textes .field--name-field-titre {
-    font-size: 1.5rem;
-    font-weight: 1000;
-    font-family: 'Source Code Pro';
-    color: #09398b;
-    text-transform: uppercase; }
-  .layout__region--second .block-entity-fieldnodefield-textes h4 {
-    text-transform: none !important; }
-    .layout__region--second .block-entity-fieldnodefield-textes h4 img {
-      width: 100%;
-      height: auto; }
-  .layout__region--second .block-entity-fieldnodefield-textes .field--type-text-long {
-    padding-right: 2rem; }
-  .layout__region--second .block-entity-fieldnodefield-textes p {
-    margin-top: 0; }
-
-.layout__region--third .block-region-third {
+.path-node.page-node-type-static .layout-container {
   display: flex;
   flex-direction: column;
-  width: 70%; }
-  .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers {
-    height: fit-content;
-    border: 2px solid #009ee3;
-    background-color: white; }
-  .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; }
-    .layout__region--third .block-region-third .field--name-field-fichiers span:nth-of-type(2) {
-      display: none; }
-    .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf {
-      height: inherit;
-      margin: auto; }
-      .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; }
-      .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf a {
-        hyphens: auto;
+  flex-flow: row wrap; }
+  .path-node.page-node-type-static .layout-container header {
+    flex: 0 0 100%; }
+  .path-node.page-node-type-static .layout-container main {
+    flex: 0 0 100%; }
+    .path-node.page-node-type-static .layout-container main .layout-content .layout__region--top .block-entity-fieldnodetitle {
+      width: fit-content;
+      margin-left: 13%;
+      margin-top: 15vh; }
+    .path-node.page-node-type-static .layout-container main .layout-content .layout__region--first {
+      position: relative; }
+      .path-node.page-node-type-static .layout-container main .layout-content .layout__region--first .block-region-first {
+        display: flex;
+        justify-content: end;
+        position: sticky;
+        top: 7rem; }
+        .path-node.page-node-type-static .layout-container main .layout-content .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-static .layout-container main .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.5rem;
+            padding-right: 1rem; }
+            .path-node.page-node-type-static .layout-container main .layout-content .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre:hover {
+              text-decoration: underline; }
+    .path-node.page-node-type-static .layout-container main .layout-content .layout__region--second .block-entity-fieldnodefield-textes {
+      background-color: white; }
+      .path-node.page-node-type-static .layout-container main .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';
+        color: #09398b;
+        text-transform: uppercase; }
+      .path-node.page-node-type-static .layout-container main .layout-content .layout__region--second .block-entity-fieldnodefield-textes h4 {
+        text-transform: none !important; }
+        .path-node.page-node-type-static .layout-container main .layout-content .layout__region--second .block-entity-fieldnodefield-textes h4 img {
+          width: 100%;
+          height: auto; }
+      .path-node.page-node-type-static .layout-container main .layout-content .layout__region--second .block-entity-fieldnodefield-textes .field--type-text-long {
+        padding-right: 2rem; }
+      .path-node.page-node-type-static .layout-container main .layout-content .layout__region--second .block-entity-fieldnodefield-textes p {
+        margin-top: 0; }
+    .path-node.page-node-type-static .layout-container main .layout-content .layout__region--third .block-region-third {
+      display: flex;
+      flex-direction: column;
+      width: 70%; }
+      .path-node.page-node-type-static .layout-container main .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 main .layout-content .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-static .layout-container main .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 main .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 main .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: 50px;
+            height: auto;
+            padding-right: 1rem; }
+          .path-node.page-node-type-static .layout-container main .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 main .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: 1rem;
+        padding-top: 1rem;
+        margin-bottom: 1rem; }
+      .path-node.page-node-type-static .layout-container main .layout-content .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; }
-  .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: 1rem;
-    padding-top: 1rem;
-    margin-bottom: 1rem; }
-  .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; }
-    .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; }
-    .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a svg.ext {
-      display: none; }
-  .layout__region--third .block-region-third .block-entity-fieldnodefield-ress {
-    margin-top: 3rem; }
-    .layout__region--third .block-region-third .block-entity-fieldnodefield-ress h2 {
-      font-size: 0.8rem;
-      color: black;
-      font-weight: 900; }
-    .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; }
-      .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource:first-of-type {
-        border-top: 1px solid #009ee3;
-        padding-top: 1rem; }
-        .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: end; }
-      .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; }
-      .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- {
-        font-weight: 800; }
-        .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- p {
-          margin: 0; }
-        .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 main .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: 50px;
+          height: auto;
+          padding-right: 1rem; }
+        .path-node.page-node-type-static .layout-container main .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a svg.ext {
           display: none; }
-      .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-edition p {
-        margin: 0; }
-      .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-edition .field__label {
-        display: none; }
-      .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images {
-        width: 50%; }
-        .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 main .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress {
+        margin-top: 3rem; }
+        .path-node.page-node-type-static .layout-container main .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 main .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 main .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 main .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: end; }
+          .path-node.page-node-type-static .layout-container main .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 main .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 main .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 main .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 main .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 main .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 main .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images {
+            width: 50%; }
+            .path-node.page-node-type-static .layout-container main .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-frontpage .block-region-content {
   display: grid;
@@ -678,18 +687,18 @@ a {
         object-fit: cover; }
 
 .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first {
-  margin-top: 15rem; }
+  margin-top: 18rem; }
 
 .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second {
   flex: 0 1 50%;
-  margin-top: 15rem; }
+  margin-top: 18rem; }
   .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second {
     width: 90%; }
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodebody .panel-body #outputtext {
       overflow-y: visible !important; }
 
 .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third {
-  margin-top: 15rem; }
+  margin-top: 18rem; }
   .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third {
     width: 65%; }
 
@@ -732,6 +741,14 @@ a {
       color: #009ee3;
       background-color: white;
       text-transform: uppercase; }
+  .node-id-3 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item {
+    background: #009ee3 !important;
+    color: white !important; }
+    .node-id-3 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item a {
+      color: white !important; }
+  .node-id-3 .block-entity-fieldnodefield-liens .field--name-field-liens .field__item {
+    background: #009ee3;
+    color: white; }
   .node-id-3 .block-entity-fieldnodefield-ress {
     margin-top: 3rem; }
     .node-id-3 .block-entity-fieldnodefield-ress h2 {
@@ -1013,6 +1030,11 @@ a {
       background-color: #009ee3;
       text-transform: uppercase; }
 
+.node-type-offre_de_service {
+  display: flex; }
+  .node-type-offre_de_service .field--type-text-with-summary {
+    flex: 0 1 50%; }
+
 /*partials*/
 .layout-container {
   position: relative; }

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

@@ -56,12 +56,12 @@
             }                       
         }
         .layout__region--first{
-            margin-top: 15rem;
+            margin-top: 18rem;
         }
         .layout__region--second{ 
             // grid-row: 3; 
             flex: 0 1 50%;
-            margin-top: 15rem;
+            margin-top: 18rem;
             .block-region-second{
                 width: 90%;
                 .block-entity-fieldnodebody{
@@ -77,7 +77,7 @@
         
         .layout__region--third{
             // grid-row: 4;
-            margin-top: 15rem;
+            margin-top: 18rem;
             .block-region-third{
                width: 65%;
         

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

@@ -28,7 +28,31 @@
         }
     
     }
+    .layout__region--third{     // colone de droite fichiers et ressources liées
+        .block-region-third{
+            .block-entity-fieldnodefield-liens{
+                .field--name-field-liens{
+                    .field__item{
+                        background: $blue-light !important;
+                        color: $white !important;
+                        a{
+                            color: $white !important;
+                        }
+                    }
+                }
+            }  
+        }
+    }    
+    .block-entity-fieldnodefield-liens{
+        .field--name-field-liens{
+            .field__item{
+
+                background: $blue-light;
+                color: $white;
 
+            }
+        }
+    }        
     .block-entity-fieldnodefield-ress{
         margin-top: 3rem;        
 

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

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

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

@@ -1,215 +1,236 @@
-
-
-.layout__region--top{               //bandeau titre page static
-
-
-    .block-entity-fieldnodetitle{
-        width: fit-content;
-        margin-left: 13%;
-        margin-top: 15vh;
-    }
-    // .block-entity-fieldnodefield-images{
-    //     display: none;
-    //     height: inherit;
-
-    // }
-}
-
-.layout__region--first{             // menu ancres a gauche
-
-    .block-region-first{
-       display: flex;
-       justify-content: end;
-        .block-entity-fieldnodefield-textes{
-            display: flex;
-            width: 50%;
-            background-color: $white;
-            padding-right: 2rem;
-               
-            .field--name-field-titre{
-                display: flex;
-                font-size: 1rem;
-                font-weight: 1000;
-                color: $blue-dark;
-                border-bottom: 1px solid $blue-light;
-                padding-bottom: 0.5rem;
-                padding-right: 1rem;
-
-                &:hover{
-                    text-decoration: underline;
-                }
-            }
-        }
-    }
-}
-
-.layout__region--second{            // paragraphe texte
-    .block-entity-fieldnodefield-textes{
-
-        background-color: $white;
-        .field--name-field-titre{
-            font-size: 1.5rem;
-            font-weight: 1000;
-            font-family: 'Source Code Pro';
-            color: $blue-dark;
-            text-transform: uppercase;
-        }
-        h4{
-            text-transform: none !important;
-         
-            img{
-                width: 100%;
-                height: auto;
-            }
-        }
-        .field--type-text-long{
-            padding-right: 2rem;
-        }
-        p{
-            margin-top: 0;
-        }
-    }
-    
-}
-
-.layout__region--third{     // colone de droite fichiers et ressources liées
-    .block-region-third{
+.path-node.page-node-type-static{
+    .layout-container{
         display: flex;
         flex-direction: column;
-        width: 70%;                
-        .block-entity-fieldnodefield-fichiers{
-            height: fit-content;
-            border: 2px solid $blue-light;
-            background-color: $white;
-    
-        }         
-        .field--name-field-fichiers{
-            min-height: 4rem;
-            background: $white;
-            color: $blue-light;
-            padding-left: 1rem;
-            padding-top: 1rem;
-            margin-bottom: 1rem;
-    
-            span:nth-of-type(2){
-                display: none;
-            }
-            
-            .file--mime-application-pdf{    
-                height: inherit;      
-                margin: auto;  
-                ::before{
-                    content: url("../images/pictos/noun_Download_file_307900.svg");
-                    min-width:50px;
-                    height: auto;
-                    padding-right: 1rem;
-                }
-                a{
-                    hyphens: auto;
-                    display: inline-flex;
-                    align-items: center;
-                    color: $blue-light;
-                    font-weight: 800;
-                    // max-width: 80px ;
-                }
-            }
-    
+        flex-flow: row wrap;
+        header{
+            flex: 0 0 100%;
         }
-        .block-entity-fieldnodefield-liens{
-            .field--name-field-liens{
-                .field__item{
-                    margin: auto;  
-                    height: fit-content;
-                    border: 2px solid $blue-light;
-                    min-height: 4rem;
-                    background: $white;
-                    color: $blue-light;
-                    padding-left: 1rem;
-                    padding-top: 1rem;
-                    margin-bottom: 1rem;
-                }
-                a{
-                    display: inline-flex;
-                    align-items: center;
-                    color: $blue-light;
-                    font-weight: 800;
-                    &::before{
-                        content: url("../images/pictos/noun_External Link_674151.svg");
-                        min-width: 50px;
-                        height: auto;
-                        padding-right: 1rem;
-                    }
-                    svg.ext{
-                        display: none;
-                    }
-                }
-            }
-        
-        }
-       
-    
-        .block-entity-fieldnodefield-ress{
-            margin-top: 3rem;        
-    
-            h2{
-                font-size: 0.8rem;
-                color: $black;
-                font-weight: 900;
-            }
-    
-            .node-type-ressource{
-                display: flex;
-                flex-direction: column;
-                border: 2px solid $blue-light;
-                padding: 1rem;
+        main{
+            flex: 0 0 100%;
+            .layout-content{
+                // padding-top: 0;
+                .layout__region--top{               //bandeau titre page static
 
-                height: fit-content;
-                margin-bottom: 1rem;
-                background-color: $white;
-                &:first-of-type{
-                    border-top: 1px solid $blue-light;
-                    padding-top: 1rem;
-                    &::after{
-                        content: url("../images/pictos/noun_Arrow_3771902.svg");
-                        align-self: end;
-                    }
-                }
-                .field--name-title{
-                    a{
-                        color: $black;
-                        font-size: 1.4rem;
-                        font-weight: 600;
 
+                    .block-entity-fieldnodetitle{
+                        width: fit-content;
+                        margin-left: 13%;
+                        margin-top: 15vh;
                     }
+                    // .block-entity-fieldnodefield-images{
+                    //     display: none;
+                    //     height: inherit;
+                
+                    // }
                 }
-                .field--name-field-auteur-s-{
-                    font-weight: 800;
-                    p{
-                        margin: 0;
-                    }
-                    .field__label{
-                        display:none;
+                
+                .layout__region--first{             // menu ancres a gauche
+                    position: relative;
+                    .block-region-first{
+                       display: flex;
+                       justify-content: end;
+                       position: sticky;
+                       top: 7rem;
+                        .block-entity-fieldnodefield-textes{
+                            display: flex;
+                            width: 50%;
+                            background-color: $white;
+                            padding-right: 2rem;
+                               
+                            .field--name-field-titre{
+                                display: flex;
+                                font-size: 1rem;
+                                font-weight: 1000;
+                                color: $blue-dark;
+                                border-bottom: 1px solid $blue-light;
+                                padding-bottom: 0.5rem;
+                                padding-right: 1rem;
+                
+                                &:hover{
+                                    text-decoration: underline;
+                                }
+                            }
+                        }
                     }
                 }
-                .field--name-field-edition{
-                    p{
-                        margin: 0;
-                    }
-                    .field__label{
-                        display:none;
+                
+                .layout__region--second{            // paragraphe texte
+                    .block-entity-fieldnodefield-textes{
+                
+                        background-color: $white;
+                        .field--name-field-titre{
+                            font-size: 1.5rem;
+                            font-weight: 1000;
+                            font-family: 'Source Code Pro';
+                            color: $blue-dark;
+                            text-transform: uppercase;
+                        }
+                        h4{
+                            text-transform: none !important;
+                         
+                            img{
+                                width: 100%;
+                                height: auto;
+                            }
+                        }
+                        .field--type-text-long{
+                            padding-right: 2rem;
+                        }
+                        p{
+                            margin-top: 0;
+                        }
                     }
+                    
                 }
-                .field--name-field-images{
-                    width: 50%;
-                    img{
-                        width: 100%;
-                        height: auto;
+                
+                .layout__region--third{     // colone de droite fichiers et ressources liées
+                    .block-region-third{
+                        display: flex;
+                        flex-direction: column;
+                        width: 70%;                
+                        .block-entity-fieldnodefield-fichiers{
+                            height: fit-content;
+                            border: 2px solid $blue-light;
+                            background-color: $white;
+                    
+                        }         
+                        .field--name-field-fichiers{
+                            min-height: 4rem;
+                            background: $white;
+                            color: $blue-light;
+                            padding-left: 1rem;
+                            padding-top: 1rem;
+                            margin-bottom: 1rem;
+                    
+                            span:nth-of-type(2){
+                                display: none;
+                            }
+                            
+                            .file--mime-application-pdf{    
+                                height: inherit;      
+                                margin: auto;  
+                                ::before{
+                                    content: url("../images/pictos/noun_Download_file_307900.svg");
+                                    min-width:50px;
+                                    height: auto;
+                                    padding-right: 1rem;
+                                }
+                                a{
+                                    hyphens: auto;
+                                    display: inline-flex;
+                                    align-items: center;
+                                    color: $blue-light;
+                                    font-weight: 800;
+                                    // max-width: 80px ;
+                                }
+                            }
+                    
+                        }
+                        .block-entity-fieldnodefield-liens{
+                            .field--name-field-liens{
+                                .field__item{
+                                    margin: auto;  
+                                    height: fit-content;
+                                    border: 2px solid $blue-light;
+                                    min-height: 4rem;
+                                    background: $white;
+                                    color: $blue-light;
+                                    padding-left: 1rem;
+                                    padding-top: 1rem;
+                                    margin-bottom: 1rem;
+                                }
+                                a{
+                                    display: inline-flex;
+                                    align-items: center;
+                                    color: $blue-light;
+                                    font-weight: 800;
+                                    &::before{
+                                        content: url("../images/pictos/noun_External Link_674151.svg");
+                                        min-width: 50px;
+                                        height: auto;
+                                        padding-right: 1rem;
+                                    }
+                                    svg.ext{
+                                        display: none;
+                                    }
+                                }
+                            }
+                        
+                        }
+                       
+                    
+                        .block-entity-fieldnodefield-ress{
+                            margin-top: 3rem;        
+                    
+                            h2{
+                                font-size: 0.8rem;
+                                color: $black;
+                                font-weight: 900;
+                            }
+                    
+                            .node-type-ressource{
+                                display: flex;
+                                flex-direction: column;
+                                border: 2px solid $blue-light;
+                                padding: 1rem;
+                
+                                height: fit-content;
+                                margin-bottom: 1rem;
+                                background-color: $white;
+                                &:first-of-type{
+                                    border-top: 1px solid $blue-light;
+                                    padding-top: 1rem;
+                                    &::after{
+                                        content: url("../images/pictos/noun_Arrow_3771902.svg");
+                                        align-self: end;
+                                    }
+                                }
+                                .field--name-title{
+                                    a{
+                                        color: $black;
+                                        font-size: 1.4rem;
+                                        font-weight: 600;
+                
+                                    }
+                                }
+                                .field--name-field-auteur-s-{
+                                    font-weight: 800;
+                                    p{
+                                        margin: 0;
+                                    }
+                                    .field__label{
+                                        display:none;
+                                    }
+                                }
+                                .field--name-field-edition{
+                                    p{
+                                        margin: 0;
+                                    }
+                                    .field__label{
+                                        display:none;
+                                    }
+                                }
+                                .field--name-field-images{
+                                    width: 50%;
+                                    img{
+                                        width: 100%;
+                                        height: auto;
+                                    }
+                                }
+                            }
+                        }
+                    
                     }
+                    
+                
                 }
             }
+
+            
         }
-    
-    }
-    
 
+    }
 }
+
+  

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

@@ -29,7 +29,9 @@
 @import "pages/_contact";
 @import "pages/_faq";
 @import "pages/_mentions-legales";
-
+@import "pages/_toutesressources";
+@import "pages/_ressource";
+@import "pages/_offreDeService";
 
 /*partials*/
 @import "partials/_header";