css form faq

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

@@ -197,7 +197,7 @@ a {
   position: relative; }
   .path-node.page-node-type-static .layout-container .layout-content .layout__region--first .block-region-first {
     display: flex;
-    justify-content: end;
+    justify-content: flex-end;
     position: sticky;
     top: 7rem; }
     .path-node.page-node-type-static .layout-container .layout-content .layout__region--first .block-region-first .block-entity-fieldnodefield-textes {
@@ -314,7 +314,7 @@ a {
         padding-top: 1rem; }
         .path-node.page-node-type-static .layout-container .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; }
+          align-self: flex-end; }
       .path-node.page-node-type-static .layout-container .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;
@@ -477,7 +477,7 @@ a {
     grid-area: presentation;
     grid-column: 3 /span 4;
     grid-row: 1;
-    align-self: end;
+    align-self: flex-end;
     margin-bottom: 2.5rem;
     max-width: 25%;
     min-width: fit-content; }
@@ -509,7 +509,7 @@ a {
     grid-row: 1;
     background-color: #009ee3;
     height: fit-content;
-    align-self: end; }
+    align-self: flex-end; }
     .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien {
       text-align: center; }
       .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien:before {
@@ -538,7 +538,7 @@ a {
     grid-row: 1;
     height: fit-content;
     display: flex;
-    justify-self: end;
+    justify-self: flex-end;
     width: 50%;
     margin-top: 3rem; }
     .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body {
@@ -632,7 +632,7 @@ a {
     max-width: 50%;
     min-width: fit-content;
     margin-bottom: 2rem;
-    align-self: end; }
+    align-self: flex-end; }
     @media (max-width: 479px) {
       .path-frontpage .block-region-content .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 {
         grid-column: 3 / span 6; } }
@@ -801,10 +801,10 @@ a {
   margin-top: 18rem; }
   .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first {
     display: flex;
-    justify-content: end; }
+    justify-content: flex-end; }
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first .block-entity-fieldnodefield-textes {
       display: flex;
-      justify-content: end;
+      justify-content: flex-end;
       width: 50%;
       background-color: white;
       padding-right: 2rem; }
@@ -926,7 +926,7 @@ a {
           padding-top: 1rem; }
           .path-node.page-node-type-actualite .layout--threecol-25-50-25 .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; }
+            align-self: flex-end; }
         .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-title a {
           color: black;
           font-size: 1.4rem;
@@ -1006,7 +1006,7 @@ a {
         padding-top: 1rem; }
         .node-id-3 .block-entity-fieldnodefield-ress .node-type-ressource:first-of-type::after {
           content: url("../images/pictos/noun_Arrow_3771902.svg");
-          align-self: end; }
+          align-self: flex-end; }
       .node-id-3 .block-entity-fieldnodefield-ress .node-type-ressource .field--name-title a {
         color: black;
         font-size: 1.4rem;
@@ -1223,11 +1223,12 @@ a {
           font-family: 'Source Code Pro';
           font-weight: 500;
           color: #09398b;
-          font-size: 1.5rem; }
+          font-size: 1.3rem; }
           .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-question p:after {
             display: inline-flex;
             content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  rotate="-45" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
-            justify-self: flex-end; }
+            justify-self: flex-end;
+            float: right; }
         .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-reponse {
           display: none; }
         .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .opened {
@@ -1507,7 +1508,7 @@ a {
   position: relative; }
   .page-node-type-ressource .layout__region--first .block-region-first {
     display: flex;
-    justify-content: end;
+    justify-content: flex-end;
     position: sticky;
     top: 7rem; }
     .page-node-type-ressource .layout__region--first .block-region-first .block-entity-fieldnodefield-textes {
@@ -1621,7 +1622,7 @@ a {
           padding-top: 1rem; }
           .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource:first-of-type::after {
             content: url("../images/pictos/noun_Arrow_3771902.svg");
-            align-self: end; }
+            align-self: flex-end; }
         .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-title h2 {
           margin: 0; }
         .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-title a {
@@ -1809,7 +1810,7 @@ a {
                 align-items: center; }
                 .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-date-de-proposition::after {
                   content: url("../images/pictos/noun_Arrow_3771902.svg");
-                  align-self: end; }
+                  align-self: flex-end; }
 
 .page-node-type-offre-de-service {
   background: url("../images/pictos/carre-contour-bleu-offre.svg");
@@ -2002,7 +2003,7 @@ a {
             padding-top: 1rem; }
             .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource:first-of-type::after {
               content: url("../images/pictos/noun_Arrow_3771902.svg");
-              align-self: end; }
+              align-self: flex-end; }
           .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-title h2 {
             margin: 0; }
           .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource .field--name-title a {
@@ -2066,39 +2067,35 @@ a {
       margin-bottom: 4rem; }
     .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ {
       margin-bottom: 3rem; }
-      .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div {
-        display: grid;
-        grid-template-columns: auto auto;
-        grid-template-rows: auto auto auto; }
-        .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-logo {
-          grid-column: 1;
-          grid-row: 1 /span 3;
-          margin-right: 1rem;
-          max-height: 8rem; }
-          .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-logo a {
-            height: 8rem;
-            width: 8rem; }
-            .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-logo a img {
-              height: 100%;
-              width: 100%;
-              object-fit: contain; }
-        .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-title {
-          grid-column: 2;
-          font-weight: 800;
-          background-color: white; }
-        .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-body {
-          background-color: white;
-          grid-column: 2; }
-          .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-body p {
-            margin: 0; }
-        .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-lien {
-          background-color: white;
-          grid-column: 2; }
-          .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-lien a {
-            color: black;
-            text-decoration: underline; }
-            .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-lien a svg {
-              display: none; }
+      .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-logo {
+        grid-column: 1;
+        grid-row: 1 /span 3;
+        margin-right: 1rem;
+        max-height: 8rem; }
+        .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-logo a {
+          height: 8rem;
+          width: 8rem; }
+          .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-logo a img {
+            height: 100%;
+            width: 100%;
+            object-fit: contain; }
+      .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-title {
+        grid-column: 2;
+        font-weight: 800;
+        background-color: white; }
+      .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-body {
+        background-color: white;
+        grid-column: 2; }
+        .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-body p {
+          margin: 0; }
+      .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-lien {
+        background-color: white;
+        grid-column: 2; }
+        .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-lien a {
+          color: black;
+          text-decoration: underline; }
+          .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-lien a svg {
+            display: none; }
 
 .path-webform .region-content {
   margin-left: 13%;

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

@@ -16,6 +16,7 @@ function toggleMenu(event) {
 // faq reponse open 
 
 var answers = document.getElementsByClassName("field--name-field-reponse");
+var fichiers = document.getElementsByClassName("field--name-field-fichiers");
 var questions = document.getElementsByClassName("field--name-field-question");
 
 for (let i = 0; i < questions.length; i++) {
@@ -34,7 +35,12 @@ function toggleFaq(event) {
   let answer = this.parentNode.querySelector('.field--name-field-reponse');
   // console.log(answer); 
   answer.classList.add('opened');
-  
+  // for (let i = 0; i < fichiers.length; i++) {
+  //   fichiers[i].classList.remove('opened');  
+  // }
+  // let fichier = this.parentNode.querySelector('.field--name-field-fichiers');
+  // console.log(fichier); 
+  // fichier.classList.add('opened');
 }
 
 

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

@@ -16,7 +16,6 @@
                 padding-top: 2rem;
                 
                 .block-entity-fieldnodefield-actu-type{
-    
                     grid-column: 2;
                 }
             
@@ -71,10 +70,10 @@
 
             .block-region-first{
                 display: flex;
-                justify-content: end;
+                justify-content: flex-end;
                 .block-entity-fieldnodefield-textes{
                     display: flex;
-                    justify-content: end;
+                    justify-content: flex-end;
                     width: 50%;
                     background-color: $white;
                     padding-right: 2rem;
@@ -259,7 +258,7 @@
                             padding-top: 1rem;
                             &::after{
                                 content: url("../images/pictos/noun_Arrow_3771902.svg");
-                                align-self: end;
+                                align-self: flex-end;
                             }
                         }
                         .field--name-title{

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

@@ -68,7 +68,7 @@
                 padding-top: 1rem;
                 &::after{
                     content: url("../images/pictos/noun_Arrow_3771902.svg");
-                    align-self: end;
+                    align-self: flex-end;
                 }
             }
             .field--name-title{

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

@@ -40,9 +40,9 @@
                             .node-type-partenaires_logo_footer_{
                                 margin-bottom: 3rem;
                                 div{
-                                    display: grid;
-                                    grid-template-columns: auto auto;
-                                    grid-template-rows: auto auto auto;
+                                    // display: grid;
+                                    // grid-template-columns: auto auto;
+                                    // grid-template-rows: auto auto auto;
                                    
                                     
                                     .field--name-field-logo{

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

@@ -89,13 +89,16 @@
                                 font-family: 'Source Code Pro' ;
                                 font-weight: 500 ;
                                 color: $blue-dark ;
-                                font-size: 1.5rem;
+                                font-size: 1.3rem;
                                 &:after{
                                     display:inline-flex;
                                     content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  rotate="-45" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
                                     justify-self: flex-end;
+                                    float: right;
+                                
                                 }
-                            }  
+                            }
+                           
                         }
                 
                         .field--name-field-reponse{

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

@@ -194,14 +194,14 @@
             grid-area: presentation;
             grid-column: 3 /span 4;
             grid-row: 1;
-            align-self: end;
+            align-self: flex-end;
             margin-bottom: 2.5rem;
             max-width: 25%;
             min-width: fit-content;
         
             .field--type-link {
                 grid-column: 3;
-                // justify-self: end;
+                // justify-self: flex-end;
                 position: relative;
                 // max-width: 70%;
                 // min-width: fit-content;
@@ -240,7 +240,7 @@
             grid-row: 1;
             background-color: $blue-light;
             height: fit-content;
-            align-self: end;
+            align-self: flex-end;
             .field--name-field-lien{
                 &:before{
                     margin-top: 1rem;
@@ -277,7 +277,7 @@
             grid-row: 1;
             height: fit-content;
             display: flex;
-            justify-self: end;
+            justify-self: flex-end;
             width: 50%;
             margin-top: 3rem;
             .field--name-body{
@@ -402,7 +402,7 @@
             max-width: 50%;
             min-width: fit-content;
             margin-bottom: 2rem; 
-            align-self: end; 
+            align-self: flex-end; 
             @media (max-width: 479px){ 
                 grid-column: 3 / span 6; 
             }

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

@@ -250,7 +250,7 @@
                                 padding-top: 1rem;
                                 &::after{
                                     content: url("../images/pictos/noun_Arrow_3771902.svg");
-                                    align-self: end;
+                                    align-self: flex-end;
                                 }
                             }
                             .field--name-title{

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

@@ -194,7 +194,7 @@
                                                 align-items: center;
                                                 &::after{
                                                     content: url("../images/pictos/noun_Arrow_3771902.svg");
-                                                    align-self: end;
+                                                    align-self: flex-end;
                                                 }
 
                                             }

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

@@ -61,7 +61,7 @@
             position: relative;
             .block-region-first{
                display: flex;
-               justify-content: end;
+               justify-content: flex-end;
                position: sticky;
                top: 7rem;
                 .block-entity-fieldnodefield-textes{
@@ -218,7 +218,7 @@
                                 padding-top: 1rem;
                                 &::after{
                                     content: url("../images/pictos/noun_Arrow_3771902.svg");
-                                    align-self: end;
+                                    align-self: flex-end;
                                 }
                             }
                             .field--name-title{

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

@@ -36,7 +36,7 @@
                     position: relative;
                     .block-region-first{
                        display: flex;
-                       justify-content: end;
+                       justify-content: flex-end;
                        position: sticky;
                        top: 7rem;
                         .block-entity-fieldnodefield-textes{
@@ -199,7 +199,7 @@
                                     padding-top: 1rem;
                                     &::after{
                                         content: url("../images/pictos/noun_Arrow_3771902.svg");
-                                        align-self: end;
+                                        align-self: flex-end;
                                     }
                                 }
                                 .field--name-title{