diff --git "a/barre_lat\303\251rale/sidebar.html" "b/barre_lat\303\251rale/sidebar.html"
index 54335afc67a1a746b9cc65c04d9fe18bb2a195d5..40e9ed6522c40cd3314321692f0e71b5ca9d3230 100644
--- "a/barre_lat\303\251rale/sidebar.html"
+++ "b/barre_lat\303\251rale/sidebar.html"
@@ -361,9 +361,9 @@
   <div id="menu">
     <div class="block-header">
       <h3>Lexiques</h3>
-      <button class="toggle-btn"></button>
+      <button class="toggle-btn">+</button>
     </div>
-    <div id="menuContent" class="block-content">
+    <div id="menuContent" class="block-content hidden">
       <div id="lexiques">Chargement...</div>
     </div>
   </div>
@@ -374,7 +374,7 @@
       <h3>Mot sélectionné</h3>
       <button class="toggle-btn"></button>
     </div>
-    <div id="etatContent" class="block-content">
+    <div id="etatContent" class="block-content hidden">
       <p id="motSelectionne">Aucun mot sélectionné</p>
       <p id="lexiconResult"></p>
       <div id="add-to-lexiques" style="display: none;">
@@ -391,7 +391,7 @@
       <h3>Définitions</h3>
       <button class="toggle-btn"></button>
     </div>
-    <div id="definitionContent" class="block-content">
+    <div id="definitionContent" class="block-content hidden">
       <!-- Définitions des lexiques de l'utilisateur -->
       <div id="mesLexiquesContainer">
         <h4>📚 Mes lexiques</h4>
diff --git "a/barre_lat\303\251rale/sidebar.js" "b/barre_lat\303\251rale/sidebar.js"
index cca04706f3757af8d6d3b32ffd9d1254fa9c93f6..2bf81251c480693a8d575e4404186fc1f2b9a68e 100644
--- "a/barre_lat\303\251rale/sidebar.js"
+++ "b/barre_lat\303\251rale/sidebar.js"
@@ -571,5 +571,40 @@ document.addEventListener("DOMContentLoaded", async () => {
         btn.textContent = content.classList.contains("hidden") ? "+" : "–";
       }
     });
+
+    document.querySelectorAll('.block-content').forEach(block => {
+      block.classList.add('hidden');
+    });
+  
+    document.querySelectorAll('.toggle-btn').forEach(btn => {
+      // Forcer l'affichage initial à "+"
+      btn.textContent = '+';
+      btn.style.fontSize = '15px';
+  
+      // Gestion du clic sur le bouton
+      btn.addEventListener('click', (event) => {
+        event.stopPropagation();
+        const header = btn.parentElement;
+        const content = header.nextElementSibling;
+        if (content) {
+          content.classList.toggle('hidden');
+          // Mettre à jour le texte du bouton selon l'état du bloc
+          btn.textContent = content.classList.contains('hidden') ? '+' : '–';
+        }
+      });
+    });
+  });
+});
+
+document.querySelectorAll('.toggle-btn').forEach(btn => {
+  btn.addEventListener('click', function() {
+    const blockContent = this.parentElement.nextElementSibling;
+    if (blockContent.classList.contains('hidden')) {
+      blockContent.classList.remove('hidden');
+      this.textContent = '–'; // affiche le symbole pour fermer
+    } else {
+      blockContent.classList.add('hidden');
+      this.textContent = '+'; // affiche le symbole pour ouvrir
+    }
   });
 });