background bandeau

web/themes/custom/eql/dist/assets/css/bundle.css

@@ -5507,19 +5507,21 @@ svg.ext {
   flex-direction: row;
   flex-wrap: wrap;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row-wrapper {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide h3 {
+  text-transform: uppercase;
+}
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide h3 a {
+  color: rgb(9, 57, 139) !important;
+}
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper {
   display: flex;
   flex-direction: row;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content h3 {
-  text-transform: uppercase;
-  color: rgb(9, 57, 139);
-}
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .views-row {
   width: 25%;
   flex: 0 0 25%;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .views-row .node-type-ressource {
   display: flex;
   flex-direction: column;
   border: 2px solid rgb(0, 158, 227);
@@ -5527,102 +5529,102 @@ svg.ext {
   margin-bottom: 1rem;
   padding: 1rem;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .ext {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .views-row .node-type-ressource .ext {
   color: black;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource svg.ext {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .views-row .node-type-ressource svg.ext {
   display: none;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD {
   background-color: rgba(0, 158, 227, 0.2);
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource.type-de-ressource-Paroles-de-lauréats {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .views-row .node-type-ressource.type-de-ressource-Paroles-de-lauréats {
   background-color: rgba(0, 158, 227, 0.2);
 }
 @media (max-width: 479px) {
-  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource {
+  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .views-row .node-type-ressource {
     margin-left: 0;
   }
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource:hover {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .views-row .node-type-ressource:hover {
   background-color: rgba(0, 0, 0, 0.15);
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-type-de-ressource {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .views-row .node-type-ressource .field--name-field-type-de-ressource {
   text-transform: uppercase;
   line-height: 1.1rem;
   margin-top: 0.5rem;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-type-de-ressource a {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .views-row .node-type-ressource .field--name-field-type-de-ressource a {
   color: rgb(0, 158, 227);
   font-weight: 900;
   font-size: 0.8rem;
   pointer-events: none;
   cursor: default;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-title {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .views-row .node-type-ressource .field--name-title {
   margin-top: 0.5rem;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-title h2 {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .views-row .node-type-ressource .field--name-title h2 {
   margin: 0;
   line-height: 1rem;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-title h2 a {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .views-row .node-type-ressource .field--name-title h2 a {
   color: rgb(0, 0, 0);
   font-size: 1rem;
   font-weight: 900;
   font-style: italic;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-auteur-s- {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .views-row .node-type-ressource .field--name-field-auteur-s- {
   margin-top: 0.5rem;
   font-weight: 800;
   line-height: 1.1rem;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-auteur-s- p {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .views-row .node-type-ressource .field--name-field-auteur-s- p {
   margin: 0;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-auteur-s- .field__label {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .views-row .node-type-ressource .field--name-field-auteur-s- .field__label {
   display: none;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-sous-titre {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .views-row .node-type-ressource .field--name-field-sous-titre {
   margin-top: 0.5rem;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-edition {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .views-row .node-type-ressource .field--name-field-edition {
   margin-top: 0.5rem;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-edition p {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .views-row .node-type-ressource .field--name-field-edition p {
   margin: 0;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-edition .field__label {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .views-row .node-type-ressource .field--name-field-edition .field__label {
   display: none;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-images {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .views-row .node-type-ressource .field--name-field-images {
   width: fit-content;
   border: 1px solid #a3a3a3;
   height: 100px;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-images .field__item {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .views-row .node-type-ressource .field--name-field-images .field__item {
   height: 100px;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-images img {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .views-row .node-type-ressource .field--name-field-images img {
   height: 100%;
   width: auto;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-date-de-parution {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .views-row .node-type-ressource .field--name-field-date-de-parution {
   margin-top: 0.3rem;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-mots-clefs {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .views-row .node-type-ressource .field--name-field-mots-clefs {
   display: flex;
   margin-top: 1rem;
   flex-direction: row;
   flex-wrap: wrap;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-mots-clefs .field__item {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .views-row .node-type-ressource .field--name-field-mots-clefs .field__item {
   margin-right: 0.5rem;
   padding-left: 0.3rem;
   padding-right: 0.3rem;
   font-size: 0.7rem;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-mots-clefs .field__item a {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .views-row .node-type-ressource .field--name-field-mots-clefs .field__item a {
   background: rgb(9, 57, 139);
   color: rgb(255, 255, 255);
   font-weight: 800;
@@ -5633,17 +5635,20 @@ svg.ext {
   pointer-events: none;
   cursor: default;
 }
-.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource ul.links.inline {
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .views-row .node-type-ressource ul.links.inline {
   display: none;
 }
 @media (max-width: 810px) {
-  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content {
+  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper {
     flex-direction: column;
   }
-  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row {
+  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide .views-row-wrapper .views-row {
     width: 100%;
   }
 }
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-ressource-slide:has(.type-publication-issue-du-programme-eqld) {
+  background-color: rgba(0, 158, 227, 0.2);
+}
 
 /*partials*/
 .layout-container {

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

@@ -187,151 +187,160 @@
                                         display: flex;
                                         flex-direction: row;
                                         flex-wrap: wrap;
-                                        .views-row-wrapper{
-                                            display: flex;
-                                            flex-direction: row;
-                                        }
-                                        h3{
-                                            text-transform: uppercase;
-                                            color: rgb(9, 57, 139);
-                                        }
-                                        .views-row{
-                                            width: 25%;
-                                            flex: 0 0 25%;  
-                                                                                
-                                            .node-type-ressource{
-                                                display: flex;
-                                                flex-direction: column;
-                                                border: 2px solid $blue-light;
-                                                margin-left: 1rem;
-                                                margin-bottom: 1rem ;
-                                                padding: 1rem;  
-                                                .ext{
-                                                    color: black;
-                                                }
-                                                svg.ext{
-                                                    display: none;
-                                                }
-                                                &.type-de-ressource-Publication-issue-du-programme-EQLD{
-                                                    background-color: $background-actus;
-                                                }
-                                                &.type-de-ressource-Paroles-de-lauréats{
-                                                    background-color: $background-actus;
-                                                }
-                                                @media (max-width: 479px) {
-                                                    margin-left: 0;                                                
-                                                }
-                                                &:hover{
-                                                    background-color: $black15;    
-                                                }                                      
-                                                
-                                                .field--name-field-type-de-ressource{
-                                                    text-transform: uppercase;
-                                                    line-height: 1.1rem;
-                                                    margin-top: 0.5rem;                                              
-                                                    a{
-                                                        color: $blue-light;
-                                                        font-weight: 900;
-                                                        font-size: 0.8rem;
-                                                        pointer-events: none;
-                                                        cursor: default;
-                                                    }
-                                                }
-                                                .field--name-title{
-                                                    margin-top: 0.5rem;
+                                        .view-type-ressource-slide{
 
-                                                    h2{
-                                                        margin: 0;
-                                                        line-height: 1rem;
-                                                        a{
-                                                            color: $black;
-                                                            font-size: 1rem;
-                                                            font-weight: 900;
-                                                            font-style: italic;
+                                            h3{
+                                                text-transform: uppercase;
+                                                a{color: rgb(9, 57, 139) !important;}
+                                            }
+                                            .views-row-wrapper{
+                                                display: flex;
+                                                flex-direction: row;
+                                                .views-row{
+                                                    width: 25%;
+                                                    flex: 0 0 25%;  
+                                                                                        
+                                                    .node-type-ressource{
+                                                        display: flex;
+                                                        flex-direction: column;
+                                                        border: 2px solid $blue-light;
+                                                        margin-left: 1rem;
+                                                        margin-bottom: 1rem ;
+                                                        padding: 1rem;  
+                                                        .ext{
+                                                            color: black;
                                                         }
-                
-                                                    }
-                                                }
-                                                .field--name-field-auteur-s-{
-                                                    margin-top: 0.5rem;
-                                                    font-weight: 800;
-                                                    line-height: 1.1rem;
-                                                    p{
-                                                        margin: 0;
+                                                        svg.ext{
+                                                            display: none;
+                                                        }
+                                                        &.type-de-ressource-Publication-issue-du-programme-EQLD{
+                                                            background-color: $background-actus;
+                                                        }
+                                                        &.type-de-ressource-Paroles-de-lauréats{
+                                                            background-color: $background-actus;
+                                                        }
+                                                        @media (max-width: 479px) {
+                                                            margin-left: 0;                                                
+                                                        }
+                                                        &:hover{
+                                                            background-color: $black15;    
+                                                        }                                      
                                                         
-                                                    }
-                                                    .field__label{
-                                                        display:none;
-                                                    }
-                                                }
-                                                .field--name-field-sous-titre{
-                                                    margin-top: 0.5rem;
-                                                }
-                                                .field--name-field-edition{
-                                                    margin-top: 0.5rem;
-                                                    p{
-                                                        margin: 0;
-                                                    }
-                                                    .field__label{
-                                                        display:none;
-                                                    }
-                                                }
-                                                .field--name-field-images{
-                                                    // display: none;
-                                                    // width: 30%;
-                                                    width: fit-content;
-                                                    border: 1px solid #a3a3a3;
-                                                    height: 100px;
-                                                    .field__item{
-                                                        height: 100px;
-                                                    }
-                                                    img{
-                                                        height: 100%;
-                                                        width: auto;
-                                                        // width: 100%;
-                                                        // height: auto;
-                                                    }
-                                                }
-                                                .field--name-field-date-de-parution{
-                                                    margin-top: 0.3rem;
-                                                }
-                                                .field--name-field-mots-clefs{
-                                                    display: flex;
-                                                    margin-top: 1rem;
-                                                    flex-direction: row;
-                                                    flex-wrap: wrap;
-                                                
-                                                    .field__item{
-                                                        margin-right: 0.5rem;
-                                                        padding-left: 0.3rem;
-                                                        padding-right: 0.3rem;
-                                                        font-size: 0.7rem;
-                                                    
-                                                        a{
-                                                            background: $blue-dark;
-                                                            color: $white;
+                                                        .field--name-field-type-de-ressource{
+                                                            text-transform: uppercase;
+                                                            line-height: 1.1rem;
+                                                            margin-top: 0.5rem;                                              
+                                                            a{
+                                                                color: $blue-light;
+                                                                font-weight: 900;
+                                                                font-size: 0.8rem;
+                                                                pointer-events: none;
+                                                                cursor: default;
+                                                            }
+                                                        }
+                                                        .field--name-title{
+                                                            margin-top: 0.5rem;
+        
+                                                            h2{
+                                                                margin: 0;
+                                                                line-height: 1rem;
+                                                                a{
+                                                                    color: $black;
+                                                                    font-size: 1rem;
+                                                                    font-weight: 900;
+                                                                    font-style: italic;
+                                                                }
+                        
+                                                            }
+                                                        }
+                                                        .field--name-field-auteur-s-{
+                                                            margin-top: 0.5rem;
                                                             font-weight: 800;
-                                                            vertical-align: super;
-                                                            padding-left: 0.1rem;
-                                                            padding-right: 0.1rem;
-                                                            display: inline-flex;
-                                                            pointer-events: none;
-                                                            cursor: default;
+                                                            line-height: 1.1rem;
+                                                            p{
+                                                                margin: 0;
+                                                                
+                                                            }
+                                                            .field__label{
+                                                                display:none;
+                                                            }
+                                                        }
+                                                        .field--name-field-sous-titre{
+                                                            margin-top: 0.5rem;
+                                                        }
+                                                        .field--name-field-edition{
+                                                            margin-top: 0.5rem;
+                                                            p{
+                                                                margin: 0;
+                                                            }
+                                                            .field__label{
+                                                                display:none;
+                                                            }
+                                                        }
+                                                        .field--name-field-images{
+                                                            // display: none;
+                                                            // width: 30%;
+                                                            width: fit-content;
+                                                            border: 1px solid #a3a3a3;
+                                                            height: 100px;
+                                                            .field__item{
+                                                                height: 100px;
+                                                            }
+                                                            img{
+                                                                height: 100%;
+                                                                width: auto;
+                                                                // width: 100%;
+                                                                // height: auto;
+                                                            }
+                                                        }
+                                                        .field--name-field-date-de-parution{
+                                                            margin-top: 0.3rem;
+                                                        }
+                                                        .field--name-field-mots-clefs{
+                                                            display: flex;
+                                                            margin-top: 1rem;
+                                                            flex-direction: row;
+                                                            flex-wrap: wrap;
+                                                        
+                                                            .field__item{
+                                                                margin-right: 0.5rem;
+                                                                padding-left: 0.3rem;
+                                                                padding-right: 0.3rem;
+                                                                font-size: 0.7rem;
+                                                            
+                                                                a{
+                                                                    background: $blue-dark;
+                                                                    color: $white;
+                                                                    font-weight: 800;
+                                                                    vertical-align: super;
+                                                                    padding-left: 0.1rem;
+                                                                    padding-right: 0.1rem;
+                                                                    display: inline-flex;
+                                                                    pointer-events: none;
+                                                                    cursor: default;
+                                                                }
+                                                            }
+                                                        }
+                                                        ul.links.inline{
+                                                            display: none;
                                                         }
                                                     }
-                                                }
-                                                ul.links.inline{
-                                                    display: none;
-                                                }
-                                            }
-                                            
-                                        } 
-                                        @media (max-width: 810px){
-                                            flex-direction: column;
-                                            .views-row{
-                                                width: 100%;
+                                                    
+                                                } 
+                                                @media (max-width: 810px){
+                                                    flex-direction: column;
+                                                    .views-row{
+                                                        width: 100%;
+                                                    }
+                                                } 
                                             }
-                                        }  
+                                        }
+
+                                        .view-type-ressource-slide:has(.type-publication-issue-du-programme-eqld){
+                                            background-color: $background-actus;
+                                        }
+                                        
+                                         
                                         
                                     }
                                 }

web/themes/custom/eql/templates/views-view-unformatted.html.twig

@@ -21,7 +21,7 @@
   default_row_class ? 'views-row-wrapper',
   ]
 %}
-
+<div class="view-type-ressource-slide">
 {% if title %}
   <h3>{{ title }}</h3>
 {% endif %}
@@ -42,4 +42,5 @@
     {# <button class="slick-next slick-arrow" aria-label="Next" type="button" style="">Next</button> #}
 
 {% endfor %}
+</div>
 </div>