test responsive

css/styleMenu.css

@@ -26,6 +26,7 @@ body {
     display: flex;
     flex-direction: column;
     align-items: center;
+    transition: width 0.3s ease;
 }
 
 .sidebar h3 {
@@ -130,18 +131,12 @@ body {
     text-decoration: none;
 }
 
-/* Largeur de la sidebar quand elle est ouverte sur mobile */
 @media (max-width: 991px) {
     .sidebar {
-        width: 2050px; /* Définit une largeur plus grande pour la sidebar sur mobile */
+        width: 0; /* Cache la sidebar par défaut sur mobile */
     }
 
     .sidebar.collapse.show {
-        width: 250px; /* Assure que la sidebar a la bonne largeur quand elle est visible */
+        width: 250px; /* Définit la largeur de la sidebar ouverte sur mobile */
     }
 }
-
-/* Optionnel: Ajout d'un effet de transition pour rendre l'animation plus fluide */
-.sidebar {
-    transition: width 0.3s ease; /* Effet de transition pour l'agrandissement */
-}

menu.jsp

@@ -79,6 +79,7 @@
     </div>
 
 
+
     <div class="main-content d-flex flex-column bg-image"
          style="min-height: 100vh; background-image: url('images/login-bg.png'); background-size: cover; background-position: center;">
         <%