bandeau bleu entête

web/profiles/d8-starterkit-profile

@@ -1 +1 @@
-Subproject commit 9b46db9c56faf2cbc965ea1b76ce5345e7f46c0f
+Subproject commit 6fe8986494069c7e9bf019cbe98d8f2c7d5166d0

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

@@ -817,9 +817,22 @@ a {
   padding-bottom: 4rem; }
   .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top {
     display: grid;
-    grid-template-columns: 1fr repeat(8, 1fr) 1fr;
-    padding-top: 2rem; }
+    grid-template-columns: 1fr repeat(8, 1fr) 1fr; }
+    .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-block-contentacfaf4e3-d7d0-42a6-a2a6-3c6ccd0e9344 {
+      grid-column: 1 / span 10;
+      width: 100%;
+      font-family: 'Source Code Pro';
+      font-size: 1.5rem;
+      font-weight: 800;
+      color: white;
+      background-color: #009ee3;
+      text-transform: uppercase;
+      padding-left: 13%;
+      padding-top: 1rem;
+      padding-bottom: 0.5rem;
+      vertical-align: middle; }
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-actu-type {
+      padding-top: 2rem;
       grid-column: 2; }
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle {
       grid-column: 2 /span 7;
@@ -1578,23 +1591,49 @@ 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 ul.links.inline {
             display: none; }
 
-.page-node-type-ressource .layout__region--top .block-region-top {
+.page-node-type-ressource .layout__region--top .block-region-top .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640 {
+  width: 100%;
+  font-family: 'Source Code Pro';
+  font-size: 1.5rem;
+  font-weight: 800;
+  color: white;
+  background-color: #009ee3;
+  text-transform: uppercase;
+  padding-left: 13%;
+  padding-top: 1rem;
+  padding-bottom: 0.5rem;
+  vertical-align: middle; }
+
+.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-ressource {
   margin-top: 2rem;
+  margin-left: 13%;
+  color: #009ee3;
+  text-transform: uppercase;
+  font-weight: 800; }
+
+.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodetitle {
+  margin-left: 13%;
+  font-size: 2rem;
+  font-weight: 600; }
+
+.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition {
   margin-left: 13%; }
-  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-ressource {
-    color: #009ee3;
-    text-transform: uppercase;
-    font-weight: 800; }
-  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodetitle {
-    font-size: 2rem;
-    font-weight: 600; }
   .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition .field--name-field-edition p {
     margin-bottom: 0; }
+
+.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- {
+  margin-left: 13%; }
   .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; }
     .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- .field--name-field-auteur-s- p {
       margin: 0; }
+
+.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-parution {
+  margin-left: 13%; }
+
+.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs {
+  margin-left: 13%; }
   .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; }

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

@@ -52,7 +52,13 @@ function rotateFleche(event) {
 }
 
 
+// block collection reste bleu quand actif
+// idée: lorsque la div description du parent collection est en vue, appliquer 
+// la classe .activ{background-color:$blue-dark}
 
+// var descriptionCollection = document.getElementsByClassName("views-field-description__value")
+
+// var
 // /////////////////
 //// ancre dans texte
 // document.querySelector('.paragraph--view-mode--textes-toc').click( function() {

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

@@ -15,9 +15,25 @@
                 // position: relative;
                 display: grid;
                 grid-template-columns: 1fr repeat(8, 1fr) 1fr;
-                padding-top: 2rem;
+
+
+                .block-block-contentacfaf4e3-d7d0-42a6-a2a6-3c6ccd0e9344{
+                    grid-column: 1 / span 10;
+                    width: 100%;
+                    font-family: 'Source Code Pro';
+                    font-size: 1.5rem;
+                    font-weight: 800;
+                    color: $white;
+                    background-color: $blue-light;
+                    text-transform: uppercase;
+                    padding-left: 13%;
+                    padding-top: 1rem;
+                    padding-bottom: 0.5rem;
+                    vertical-align: middle;
+                }
                 
                 .block-entity-fieldnodefield-actu-type{
+                    padding-top: 2rem;
                     grid-column: 2;
                 }
             

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

@@ -5,19 +5,36 @@
         .layout__region--top{
 
             .block-region-top{
-                margin-top: 2rem;
-                margin-left: 13%;
+                .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640{
+                    width: 100%;
+                    font-family: 'Source Code Pro';
+                    font-size: 1.5rem;
+                    font-weight: 800;
+                    color: $white;
+                    background-color: $blue-light;
+                    text-transform: uppercase;
+                    padding-left: 13%;
+                    padding-top: 1rem;
+                    padding-bottom: 0.5rem;
+                    vertical-align: middle;
+    
+                }
+
                 .block-entity-fieldnodefield-type-de-ressource{
+                    margin-top: 2rem;
+                    margin-left: 13%;
                     color: $blue-light;
                     text-transform: uppercase;
                     font-weight: 800;
 
                 }
                 .block-entity-fieldnodetitle{
+                    margin-left: 13%;
                     font-size: 2rem;
                     font-weight: 600;
                 }
                 .block-entity-fieldnodefield-edition{
+                    margin-left: 13%;
                     .field--name-field-edition{
                         p{
                             margin-bottom: 0;
@@ -26,6 +43,7 @@
 
                 }
                 .block-entity-fieldnodefield-auteur-s-{
+                    margin-left: 13%;
                     .field--name-field-auteur-s-{
                         font-size: 1.5rem;
                         font-weight: 800;
@@ -34,7 +52,12 @@
                         }
                     }
                 }    
+
+                .block-entity-fieldnodefield-date-de-parution{
+                    margin-left: 13%;
+                }
                 .block-entity-fieldnodefield-mots-clefs{
+                    margin-left: 13%;
                     .field--name-field-mots-clefs{
                         display: inline-flex;
                         margin-top: 2rem;