diff --git a/css/styleMenu.css b/css/styleMenu.css
index 29e8af39a3ebceb58fe0b4fee8d97c0efeba6007..75b376a625a4f31987ded6eef76859f90c81645a 100644
--- a/css/styleMenu.css
+++ b/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 */
-}
diff --git a/menu.jsp b/menu.jsp
index 04b3320df0ebb5cdf12b677c7dcc990429e58ca0..9ba34cd12cb1c2b803c50d511697180b4f3e4e57 100644
--- a/menu.jsp
+++ b/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;">
         <%