diff --git a/index.html b/index.html
index b3c2e78..2c027bc 100644
--- a/index.html
+++ b/index.html
@@ -440,16 +440,34 @@
     </div>
   </footer>
 
-  <script>
-    function switchTab(tabName, btn) {
-      // Désactiver tous les onglets et panels
-      document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));
-      document.querySelectorAll('.tab-panel').forEach(p => p.classList.remove('active'));
+  
 
-      // Activer l'onglet cliqué
+
+  <script>
+    function updateTabCounts() {
+      // Compter les app-card dans chaque panel et mettre à jour les badges
+      document.querySelectorAll('.tab-btn').forEach(function(btn) {
+        var onclick = btn.getAttribute('onclick') || '';
+        var match = onclick.match(/switchTab\('(\w+)'/);
+        if (!match) return;
+        var panelId = 'panel-' + match[1];
+        var panel = document.getElementById(panelId);
+        if (!panel) return;
+        var count = panel.querySelectorAll('.app-card').length;
+        var badge = btn.querySelector('.tab-count');
+        if (badge) badge.textContent = count;
+      });
+    }
+
+    function switchTab(tabName, btn) {
+      document.querySelectorAll('.tab-btn').forEach(function(b) { b.classList.remove('active'); });
+      document.querySelectorAll('.tab-panel').forEach(function(p) { p.classList.remove('active'); });
       btn.classList.add('active');
       document.getElementById('panel-' + tabName).classList.add('active');
     }
+
+    // Mise à jour au chargement
+    document.addEventListener('DOMContentLoaded', updateTabCounts);
   </script>
 
 </body>