diff --git a/css/styleMenu.css b/css/styleMenu.css
index 8ec2459c40e8ed2a08dff76e0982598c4c3cafce..f6f77f5e34448ccdba4a0917eccb73a6e2a4ff1f 100644
--- a/css/styleMenu.css
+++ b/css/styleMenu.css
@@ -128,4 +128,20 @@ body {
 .list-group a {
     color: white !important;
     text-decoration: none;
-}
\ No newline at end of file
+}
+
+/* Largeur de la sidebar quand elle est ouverte sur mobile */
+@media (max-width: 991px) {
+    .sidebar {
+        width: 250px; /* Définit une largeur plus grande pour la sidebar sur mobile */
+    }
+
+    .sidebar.collapse.show {
+        width: 250px; /* Assure que la sidebar a la bonne largeur quand elle est visible */
+    }
+}
+
+/* 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 */
+}