test responsive

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;
     }
 }
 
+

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>