diff --git a/web/themes/custom/eql/scripts/main.js b/web/themes/custom/eql/scripts/main.js
index 1710bb1..988480b 100644
--- a/web/themes/custom/eql/scripts/main.js
+++ b/web/themes/custom/eql/scripts/main.js
@@ -25,7 +25,18 @@ for (let i = 0; i < questions.length; i++) {
   question.addEventListener("click", toggleFaq);
 }
 function toggleFaq(event) {
-  question.nextElementSibling.classList.toggle('opened');
+  console.log(event, this);
+  // fermé tout
+  for (let i = 0; i < answers.length; i++) {
+    answers[i].classList.remove('opened');  
+  }
+  // la réponse correspndante a la question clické
+  //           | this c'est l'élément sur le quel on a clické
+  //           |    |le parent |la réponse dans le parent
+  let answer = this.parentNode.querySelector('.field--name-field-reponse');
+  // console.log(answer); 
+  answer.classList.add('opened');
+  
 }
 
 
diff --git a/web/themes/custom/eql/scss/pages/_offreDeService.scss b/web/themes/custom/eql/scss/pages/_offreDeService.scss
index e69de29..82a94a9 100644
--- a/web/themes/custom/eql/scss/pages/_offreDeService.scss
+++ b/web/themes/custom/eql/scss/pages/_offreDeService.scss
@@ -0,0 +1,6 @@
+
+
+.node-type-offre_de_service{
+    display: grid;
+    
+}
\ No newline at end of file