test responsive

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 */
+}