diff --git a/css/styleMenu.css b/css/styleMenu.css
index da87023a125b24188c839331968717b04894aaa2..06d36fed46ec32158370902e48c03a25e85d8208 100644
--- a/css/styleMenu.css
+++ b/css/styleMenu.css
@@ -145,11 +145,13 @@ body {
 }
 
 @media (max-width: 991px) {
+    /* Sidebar par défaut */
     #sidebar {
         width: 250px !important;
         height: 100% !important;
         transition: width 0.3s ease;
     }
+    /* Sidebar déployée : prend toute la fenêtre */
     #sidebar.show {
         width: 100vw !important;
         height: 100vh !important;
@@ -159,8 +161,10 @@ body {
         padding-top: 50px !important;
         z-index: 1050 !important;
     }
-    .main-content {
+    /* Quand la sidebar est déployée, on cache le main content */
+    #sidebar.show ~ .main-content {
         display: none !important;
     }
 }
 
+
diff --git a/menu.jsp b/menu.jsp
index 780543c66c03b1d59df823ccb68385146d9ab3f3..b461aaa04aaec06bcd2ea490b888504a43589015 100644
--- a/menu.jsp
+++ b/menu.jsp
@@ -14,7 +14,6 @@
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
     <link href="css/styleMenu.css" rel="stylesheet">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css">
-    <link href="css/styleMenu2.css" rel="stylesheet">
     <meta http-equiv="refresh" content="10">
     <link rel="icon" href="images/LilleConnect.png" type="image/png">
 </head>