size diapo actu

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

@@ -908,25 +908,12 @@ a {
   .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; }
-    .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-block-contente6f826c7-4a3e-479b-8e83-2245dee7f931 {
-      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-block-contente6f826c7-4a3e-479b-8e83-2245dee7f931 a {
-        color: white; }
     .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; }
+      order: 5;
+      grid-column: 2;
+      margin-top: 1rem; }
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle {
+      order: 3;
       grid-column: 2 /span 7;
       margin: 0; }
       @media (max-width: 568px) {
@@ -936,18 +923,23 @@ a {
         .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle {
           grid-column: 2 /span 9; } }
       .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
-        font-family: "Source Code Pro";
+        font-family: "Marianne";
         font-size: 2.5rem;
-        font-weight: 500; }
+        font-weight: 800;
+        line-height: 3rem; }
         @media (max-width: 810px) {
           .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
-            font-size: 1.9em; } }
+            font-size: 1.9em;
+            line-height: 2.3rem; } }
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date {
+      order: 1;
+      padding-top: 2rem;
       grid-column: 2 / span 3;
       text-transform: uppercase;
       color: #09398b;
       font-size: 1.2rem;
-      font-weight: 800; }
+      font-weight: 800;
+      margin-top: 1rem; }
       .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date .field--name-field-date {
         display: flex;
         flex-direction: row;
@@ -955,16 +947,19 @@ a {
         .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date .field--name-field-date .field__item {
           padding-right: 2 rem; }
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-lieu {
+      order: 2;
       grid-column: 2 / span 4;
       text-transform: uppercase;
       color: #09398b;
       font-size: 1.2rem;
-      font-weight: 800; }
+      font-weight: 800;
+      margin-top: 1rem; }
       .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-lieu .field--name-field-lieu {
         display: flex;
         flex-direction: row;
         justify-content: flex-start; }
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-sous-titre {
+      order: 4;
       grid-column: 2 /span 7;
       margin-top: 1rem;
       font-weight: 800; }
@@ -975,19 +970,14 @@ a {
         .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-sous-titre {
           grid-column: 2 /span 9; } }
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
-      grid-column: 5 / span 3; }
+      order: 6;
+      grid-column: 5 / span 3;
+      width: 600px; }
       .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images img {
         padding-top: 2rem;
         width: 100%;
-        max-height: 360px;
+        max-height: 400px;
         object-fit: contain; }
-      @media (max-width: 1008px) {
-        .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
-          width: 100%; }
-          .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images img {
-            padding-top: 2rem;
-            width: 100%;
-            object-fit: contain; } }
       @media (max-width: 568px) {
         .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
           grid-column: 3 /span 8; } }
@@ -1006,6 +996,8 @@ a {
         display: inline-block; }
       .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images .slick-dots > li:only-child {
         display: none; }
+      .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images .slick-dotted.slick-slider {
+        margin-bottom: 0 !important; }
 
 .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first {
   display: flex;
@@ -1098,6 +1090,10 @@ a {
       flex: 0 1 80%;
       margin: auto; } }
 
+@media (max-width: 1005px) {
+  .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third {
+    flex: 0 1 100%; } }
+
 .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third {
   display: flex;
   flex-direction: column;
@@ -1107,13 +1103,13 @@ a {
       margin: auto; } }
   .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .field__item {
     height: fit-content;
+    width: fit-content;
     border: 2px solid #009ee3;
     background-color: white;
     margin-bottom: 1rem;
     min-height: 4rem;
     color: #009ee3;
-    padding-left: 1rem;
-    padding-top: 1rem; }
+    padding: 1rem; }
     @media (max-width: 810px) {
       .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .field__item {
         width: max-content;
@@ -1136,13 +1132,13 @@ a {
       font-weight: 800; }
   .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item {
     margin: auto;
+    width: fit-content;
     height: fit-content;
     border: 2px solid #009ee3;
     min-height: 4rem;
     background: white;
     color: #009ee3;
-    padding-left: 1rem;
-    padding-top: 1rem;
+    padding: 1rem;
     margin-bottom: 1rem; }
     @media (max-width: 810px) {
       .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item {
@@ -4519,7 +4515,7 @@ a {
   color: #009ee3;
   left: 25px; }
 
-.slick-dots {
+.path-frontpage .slick-dots {
   bottom: -40px !important; }
 
 /* Slider */

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

@@ -1,3 +1,5 @@
+
+
 .path-node.page-node-type-actualite{
     .layout-container{
         overflow: unset;
@@ -7,53 +9,39 @@
     }
     
     .layout--threecol-25-50-25{
-        // display: grid;
-        // grid-template-rows: repeat(6, auto);
-    
         .layout__region--top{
-            // grid-row: 1 / span 2;
-            
-            // background-color: $background-actus;
-            // height: 40vh;
             background: linear-gradient(to bottom, $background-actus 60%, white 40%);
-            // padding-right: 1rem;
             padding-bottom: 4rem;
             .block-region-top{
-                // position: relative;
                 display: grid;
                 grid-template-columns: 1fr repeat(8, 1fr) 1fr;
 
-                    // @media (max-width: 810px){
-                    // display: flex;
-                    // flex-direction: column;
-                    // }
-                .block-block-contente6f826c7-4a3e-479b-8e83-2245dee7f931{
-                    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;
-                    a{
-                        color:white;
-                    }
-                }
+                // .block-block-contente6f826c7-4a3e-479b-8e83-2245dee7f931{
+                //     grid-column: 1 / span 10;
+                //     width: 100%;
+                //     font-family: 'Marianne';
+                //     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;
+                //     a{
+                //         color:white;
+                //     }
+                // }
                 
                 .block-entity-fieldnodefield-actu-type{
-                    padding-top: 2rem;
+                    order: 5;
                     grid-column: 2;
-                    // @media (max-width: 810px){
-                    //     margin-left: 10%;
-                    // }
+                    margin-top: 1rem;
                 }
             
                 .block-entity-fieldnodetitle{
+                    order: 3;
                     grid-column: 2 /span 7;
                     margin: 0;
                     @media (max-width: 568px){
@@ -63,55 +51,45 @@
                         grid-column: 2 /span 9;
                     }
                     .field--name-title{
-                        font-family: "Source Code Pro";
+                        font-family: "Marianne";
                         font-size: 2.5rem;
-                        font-weight: 500;
+                        font-weight: 800;
+                        line-height: 3rem;
                         @media (max-width: 810px){
-                            // width:  70%;
-                            // margin-left: 10%;
-                            // margin-right: 10%;
                             font-size: 1.9em;
-                        }   
-                       
+                            line-height: 2.3rem;
+                        }                          
                     }
-                    
-                    
                 }
 
+
                 .block-entity-fieldnodefield-date{
-                    // grid-row: 4 ;
+                    order: 1;
+                    padding-top: 2rem;
                     grid-column: 2 / span 3;
                     text-transform: uppercase;
                     color: $blue-dark;
                     font-size: 1.2rem;
                     font-weight: 800;
+                    margin-top: 1rem;
                     .field--name-field-date{
                         display: flex;
                         flex-direction: row;
                         justify-content: flex-start;
-
-                        // .field__item:not(:last-child):after{ 
-                        //     padding-right: 1rem;
-                        //     padding-left: 1rem;
-                        //     content: "|";
-                        // }
                         .field__item{
                             padding-right: 2 rem;
                         }
-                        // @media (max-width: 810px){
-                        //     margin-left: 10%;
-                        //     font-size: 1rem;
-                        // }
                     }
                     
                 }
                 .block-entity-fieldnodefield-lieu{
-                    // grid-row: 4 ;
+                    order: 2;
                     grid-column: 2 / span 4;
                     text-transform: uppercase;
                     color: $blue-dark;
                     font-size: 1.2rem;
                     font-weight: 800;
+                    margin-top: 1rem;
                     .field--name-field-lieu{
                         display: flex;
                         flex-direction: row;
@@ -129,6 +107,7 @@
                 }
 
                 .block-entity-fieldnodefield-sous-titre{
+                    order: 4;
                     grid-column: 2 /span 7;
                     margin-top: 1rem;
                     font-weight: 800;
@@ -141,23 +120,27 @@
                 }
 
                 .block-entity-fieldnodefield-images{
-                    grid-column: 5 / span 3;                   
+                    order: 6;
+                    grid-column: 5 / span 3;  
+                    width: 600px;    
+                    // background: red;             
               
                     img{
                         padding-top: 2rem;
                         width: 100%;
-                        max-height: 360px;
+                        max-height: 400px;
                         object-fit: contain;
                         
                     }
-                    @media (max-width: 1008px){
-                        width: 100%;
-                        img{
-                            padding-top: 2rem;
-                            width: 100%;
-                            object-fit: contain;
-                        }
-                    }
+                    // @media (max-width: 1008px){
+                    //     // width: 100%;
+                    //     img{
+                    //         padding-top: 2rem;
+                    //         width: 100%;
+                    //         // max-height: 400px;
+                    //         object-fit: contain;
+                    //     }
+                    // }
                     @media (max-width: 568px){
                         grid-column: 3 /span 8;
                     }
@@ -182,6 +165,10 @@
                             display: none;
                         }
                     }
+                    .slick-dotted.slick-slider {
+                        margin-bottom: 0 !important;
+
+                    }
                 }
             }                       
         }
@@ -330,6 +317,9 @@
         .layout__region--third{
             // grid-row: 4;
             // margin-top: 18rem;
+            @media (max-width: 1005px){
+                flex: 0 1 100%;
+            }
             .block-region-third{
                 display: flex;
                 flex-direction: column;
@@ -340,14 +330,15 @@
                 .field--name-field-fichiers{
                     .field__item{
                         height: fit-content;
+                        width: fit-content;
                         border: 2px solid $blue-light;
                         background-color: $white;
                         margin-bottom: 1rem; 
                         min-height: 4rem;
                         // background: $white;
                         color: $blue-light;
-                        padding-left: 1rem;
-                        padding-top: 1rem;
+                        padding: 1rem;
+                        
                         @media(max-width:810px){
                             width: max-content;
                             padding-right: 1rem;
@@ -381,13 +372,13 @@
                     .field--name-field-liens{
                         .field__item{
                             margin: auto;  
+                            width: fit-content;
                             height: fit-content;
                             border: 2px solid $blue-light;
                             min-height: 4rem;
                             background: $white;
                             color: $blue-light;
-                            padding-left: 1rem;
-                            padding-top: 1rem;
+                            padding: 1rem;
                             margin-bottom: 1rem;
                             @media(max-width:810px){
                                 width: max-content;

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

@@ -3,6 +3,8 @@
     left: 25px;
 }
 
-.slick-dots {
-    bottom: -40px !important;
-}
+.path-frontpage{
+    .slick-dots {
+        bottom: -40px !important;
+    }
+}