diff --git a/Vue/Accueil/index.php b/Vue/Accueil/index.php
index 86b730f..0ee94b8 100644
--- a/Vue/Accueil/index.php
+++ b/Vue/Accueil/index.php
@@ -145,25 +145,6 @@
         }
     });
 
-    // Évolution des cotisations / primes
-    new Chart(document.getElementById('cotisationLine'), {
-        type: 'line',
-        data: {
-            labels: <?= json_encode($months) ?>,
-            datasets: [{
-                label: "Cotisations",
-                data: <?= json_encode($monthlyCotisations) ?>,
-                tension: 0.4,
-                fill: true
-            }]
-        },
-        options: {
-            scales: {
-                y: { beginAtZero: false }
-            }
-        }
-    });
-
     // Sinistralité
     new Chart(document.getElementById('lossRatioBar'), {
         type: 'bar',
@@ -185,5 +166,39 @@
     });
 </script>
 
-
+<script>
+	document.addEventListener('DOMContentLoaded', function() {
+        // Laisser Bootstrap gérer les accordéons - suppression du script conflictuel
+        // Bootstrap s'occupe déjà du fonctionnement des accordéons
+        
+        // Si vous voulez garder votre système personnalisé pour les grandes sections,
+        // assurez-vous qu'il ne cible pas les mêmes éléments que Bootstrap
+				
+		const sectionHeaders = document.querySelectorAll('.accordion-section .accordion-header');
+				
+		sectionHeaders.forEach(header => {
+			header.addEventListener('click', function() {
+                // Vérifier si cet accordéon est géré par Bootstrap
+                if (!this.querySelector('[data-bs-toggle="collapse"]')) {
+                    const content = this.nextElementSibling;
+                    const isCurrentlyActive = this.classList.contains('active');
+                    
+                    // Fermer toutes les sections d'abord
+                    document.querySelectorAll('.accordion-section .accordion-content').forEach(content => {
+                        content.style.display = 'none';
+                    });
+                    document.querySelectorAll('.accordion-section .accordion-header').forEach(header => {
+                        header.classList.remove('active');
+                    });
+                    
+                    // Si la section n'était pas active, l'ouvrir
+                    if (!isCurrentlyActive) {
+                        this.classList.add('active');
+                        content.style.display = 'block';
+                    }
+                }
+			});
+		});
+	});	
+</script>