actu si 2 dates sur une ligne

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

@@ -537,14 +537,18 @@ a {
           object-fit: cover;
           width: 100%;
           padding-bottom: 1rem; }
-        .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite time {
-          font-size: 0.9rem;
-          font-weight: 800;
-          padding-right: 1rem;
-          width: fit-content; }
-          .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite time:after {
-            padding-left: 0.5rem;
+        .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-date {
+          display: flex;
+          flex-direction: row-reverse;
+          justify-content: flex-end; }
+          .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-date:not(:last-child):after {
+            padding-right: 1rem;
             content: "|"; }
+          .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-date time {
+            font-size: 0.9rem;
+            font-weight: 800;
+            padding-right: 1rem;
+            width: fit-content; }
         .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field:not(.field--name-field-images) {
           width: 100%; }
         .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite h2 {
@@ -711,11 +715,19 @@ a {
         font-size: 3rem;
         font-weight: 500; }
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date {
-      grid-column: 2;
+      grid-column: 2 / span 3;
       text-transform: uppercase;
       color: #09398b;
       font-size: 1.2rem;
       font-weight: 800; }
+      .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;
+        justify-content: flex-start; }
+        .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:not(:last-child):after {
+          padding-right: 1rem;
+          padding-left: 1rem;
+          content: "|"; }
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
       grid-column-start: 5;
       grid-column-end: 9; }
@@ -989,14 +1001,18 @@ a {
           .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-images::after {
             display: block;
             content: url('data:image/svg+xml,<svg width="160" height="40" xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" x2="80" y1="20" y2="20" stroke-linecap="cube" stroke="rgb(9,57,139)" stroke-width="5"/></svg>'); }
-          .path-actualites .block-region-content .block-views .node-type-actualite div:first-child time {
-            font-size: 0.9rem;
-            font-weight: 800;
-            padding-right: 1rem;
-            width: fit-content; }
-            .path-actualites .block-region-content .block-views .node-type-actualite div:first-child time:after {
-              padding-left: 0.5rem;
+          .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-date {
+            display: flex;
+            flex-direction: row-reverse;
+            justify-content: flex-end; }
+            .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-date:not(:last-child):after {
+              padding-right: 1rem;
               content: "|"; }
+            .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-date time {
+              font-size: 0.9rem;
+              font-weight: 800;
+              padding-right: 1rem;
+              width: fit-content; }
           .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field:not(.field--name-field-images) {
             width: 100%; }
           .path-actualites .block-region-content .block-views .node-type-actualite div:first-child h2 {
@@ -2006,7 +2022,8 @@ a {
         color: #009ee3; }
       #header-top .region-header-top-left ul ul {
         display: flex;
-        flex-direction: column; }
+        flex-direction: column;
+        display: none; }
         #header-top .region-header-top-left ul ul .is-active {
           color: #009ee3; }
       #header-top .region-header-top-left ul li {
@@ -2014,26 +2031,18 @@ a {
         flex-direction: column;
         background-color: white;
         padding-bottom: 0.8rem;
-        min-width: 30%; }
+        min-width: 30%;
+        align-items: center; }
+        #header-top .region-header-top-left ul li .menuOpen {
+          display: flex; }
         #header-top .region-header-top-left ul li a {
           color: black; }
         #header-top .region-header-top-left ul li .is-active {
           color: #009ee3; }
         #header-top .region-header-top-left ul li :hover {
           color: #009ee3; }
-    #header-top .region-header-top-left ul ul {
-      display: none; }
-    #header-top .region-header-top-left :hover ul ul {
-      display: flex;
-      justify-content: space-between;
-      padding: 1rem;
-      background-color: white; }
-      #header-top .region-header-top-left :hover ul ul .is-active {
-        color: #009ee3; }
-      #header-top .region-header-top-left :hover ul ul a {
-        color: black; }
-        #header-top .region-header-top-left :hover ul ul a:hover {
-          color: #009ee3; }
+      #header-top .region-header-top-left ul:hover ul {
+        display: block; }
   #header-top #block-socialnetwork-2 {
     position: relative;
     top: -33px;

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

@@ -14,8 +14,6 @@ function toggleMenu(event) {
 
 
 // faq reponse open 
-// Attention ouvre toutes les question en même temps
-
 
 var answers = document.getElementsByClassName("field--name-field-reponse");
 var questions = document.getElementsByClassName("field--name-field-question");

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

@@ -30,11 +30,22 @@
                     }
                 }
                 .block-entity-fieldnodefield-date{
-                    grid-column: 2;
+                    grid-column: 2 / span 3;
                     text-transform: uppercase;
                     color: $blue-dark;
                     font-size: 1.2rem;
                     font-weight: 800;
+                    .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: "|";
+                        }
+                    }
+                        
     
                 }
                 .block-entity-fieldnodefield-images{

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

@@ -264,14 +264,27 @@
                                 padding-bottom: 1rem;
                             }
                         }
-                        time{ 
-                            font-size: 0.9rem;
-                            font-weight: 800;
-                            padding-right: 1rem;
-                            width: fit-content;
-                            &:after{ 
-                                padding-left: 0.5rem;
-                                content: "|";}
+                       
+                        .field--name-field-date{
+                            display: flex;
+                            flex-direction: row-reverse;
+                            justify-content: flex-end;
+                            &:not(:last-child):after{ 
+                                padding-right: 1rem;
+                                content: "|";
+                            }
+                            time{ 
+                                font-size: 0.9rem;
+                                font-weight: 800;
+                                padding-right: 1rem;
+                                width: fit-content;
+                                // :not(:last-child):after{ 
+                                //     padding-left: 0.5rem;
+                                //     content: "|";
+                                // }
+                              
+    
+                            }
                         }
                         
                         .field:not(.field--name-field-images){

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

@@ -57,15 +57,28 @@
                             content:url('data:image/svg+xml,<svg width="160" height="40" xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" x2="80" y1="20" y2="20" stroke-linecap="cube" stroke="rgb(9,57,139)" stroke-width="5"/></svg>');
                         }
                     }
-                    time{ 
-                        font-size: 0.9rem;
-                        font-weight: 800;
-                        padding-right: 1rem;
-                        width: fit-content;
-                        &:after{ 
-                            padding-left: 0.5rem;
-                            content: "|";}
+                    .field--name-field-date{
+                        display: flex;
+                        flex-direction: row-reverse;
+                        justify-content: flex-end;
+                        &:not(:last-child):after{ 
+                            padding-right: 1rem;
+                            content: "|";
+                        }
+                        time{ 
+                            font-size: 0.9rem;
+                            font-weight: 800;
+                            padding-right: 1rem;
+                            width: fit-content;
+                            // :not(:last-child):after{ 
+                            //     padding-left: 0.5rem;
+                            //     content: "|";
+                            // }
+                          
+
+                        }
                     }
+
                     .field:not(.field--name-field-images){
                         width: 100%;
                     }

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

@@ -81,7 +81,7 @@
             background-color: white;
             width: 100%;
             padding: 1rem;
-           
+
             .is-active{
                 color:$blue-light;
             }
@@ -90,6 +90,7 @@
                 flex-direction: column;
                 // padding: 1rem;
                 // padding: 0.5rem;
+                display: none;
                 .is-active{
                     color:$blue-light;
                 }
@@ -101,6 +102,10 @@
                 padding-bottom: 0.8rem;
                 // align-items: center;
                 min-width: 30%;
+                align-items: center;
+                .menuOpen{
+                    display: flex;
+                }
                 a {
                     color: $black;
                     // text-align: center;
@@ -113,32 +118,75 @@
                     color: $blue-light;
                 }
             }
+            &:hover{
+                ul{
+                    display: block;
+                } 
+            }
         }
 
-        ul ul {
-            display: none;
-        }
+        // ul ul {
+        //     display: none;
+        // }
 
-        :hover ul{
-            ul{
-                display: flex;
-                justify-content: space-between;
-                padding: 1rem;
-                background-color: white;
+        // :hover ul{
+        //     ul{
+        //         display: flex;
+        //         justify-content: space-between;
+        //         padding: 1rem;
+        //         background-color: white;
                 
-                .is-active{
-                    color:$blue-light;
-                } 
+        //         .is-active{
+        //             color:$blue-light;
+        //         } 
 
-                a{
-                    color: $black;
-                    &:hover{
-                        color: $blue-light;
-                    } 
-                }
-            }
-        }
+        //         a{
+        //             color: $black;
+        //             &:hover{
+        //                 color: $blue-light;
+        //             } 
+        //         }
+        //     }
+        // }
+
+    //     :hover div:first-of-type{
+    //         .menuOpen ul{
+    //             display: flex;
+    //             justify-content: space-between;
+    //             padding: 1rem;
+    //             background-color: white;
+                
+    //             .is-active{
+    //                 color:$blue-light;
+    //             } 
+
+    //             a{
+    //                 color: $black;
+    //                 &:hover{
+    //                     color: $blue-light;
+    //                 } 
+    //             }
+    //         }
+    //     }
+    //     :hover ul div:nth-of-type(2){
+    //         .menuOpen ul{
+    //             display: flex;
+    //             justify-content: space-between;
+    //             padding: 1rem;
+    //             background-color: white;
+                
+    //             .is-active{
+    //                 color:$blue-light;
+    //             } 
 
+    //             a{
+    //                 color: $black;
+    //                 &:hover{
+    //                     color: $blue-light;
+    //                 } 
+    //             }
+    //         }
+    //     }
     } 
 
     // reseaux sociaux