diff --git a/js/main.js b/js/main.js
index d59f4e4..874dae2 100644
--- a/js/main.js
+++ b/js/main.js
@@ -1,4 +1,28 @@
 document.addEventListener('DOMContentLoaded', function() {
+    // Détection de l'état de connexion
+    function updateOnlineStatus() {
+        const offlineIndicator = document.querySelector('.offline-indicator');
+        
+        if (!navigator.onLine) {
+            if (!offlineIndicator) {
+                const indicator = document.createElement('div');
+                indicator.className = 'offline-indicator show';
+                indicator.textContent = 'Mode hors ligne - Fonctionnalités limitées';
+                document.body.insertBefore(indicator, document.body.firstChild);
+            }
+        } else {
+            if (offlineIndicator) {
+                offlineIndicator.remove();
+            }
+        }
+    }
+    
+    // Écouter les changements de connexion
+    window.addEventListener('online', updateOnlineStatus);
+    window.addEventListener('offline', updateOnlineStatus);
+    
+    // Vérifier l'état initial
+    updateOnlineStatus();
     // Gestion du menu mobile
     const mobileMenuToggle = document.querySelector('.mobile-menu-toggle');
     const mobileMenu = document.querySelector('.mobile-menu');