From c16a4f088748a4c5dbcbee104f1a9e2a897673b6 Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Thu, 2 Apr 2026 17:03:38 +0000
Subject: [PATCH] daze

---
 Bootstrap_new/css/theme-modern.css | 87 ++++++++++++++++--------------
 1 file changed, 46 insertions(+), 41 deletions(-)

diff --git a/Bootstrap_new/css/theme-modern.css b/Bootstrap_new/css/theme-modern.css
index 0aecb14a..ddae5799 100644
--- a/Bootstrap_new/css/theme-modern.css
+++ b/Bootstrap_new/css/theme-modern.css
@@ -310,29 +310,29 @@ h1, h2, h3, h4, h5, h6, .fw-bold, .fw-semibold {
     transition: all var(--transition-fast);
 }
 
-.sidebar-nav > .nav-item > .nav-link:hover,
-.sidebar-nav > .nav-item > .nav-link.active {
+.sidebar-nav > .nav-item > .nav-link:hover{
   background: rgba(255,255,255,0.10);
   color: white;
 }
 
+/* État Actif (Parent) */
+.sidebar-nav > .nav-item > .nav-link.active,
+.sidebar-nav > .nav-item > .nav-link[aria-expanded="true"] {
+    background: rgba(255, 255, 255, 0.08);
+    color: #FFFFFF;
+}
+
 .sidebar-nav > .nav-item > .nav-link i:first-child {
-  font-size: 1.1rem;
-  width: 22px;
-  text-align: center;
-  flex-shrink: 0;
-  opacity: 0.85;
+    font-size: 1.1rem;
+    width: 20px;
+    text-align: center;
+    opacity: 0.9;
 }
 
 .sidebar-nav > .nav-item > .nav-link span {
-  font-family: 'Syne', sans-serif;
-  font-size: 0.8rem;
-  letter-spacing: 0.01em;
-  flex: 1;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+    font-family: 'Syne', sans-serif;
+    font-weight: 600;
+    letter-spacing: 0.02em;
 }
 
 /* Active item : blanc brillant */
@@ -355,43 +355,48 @@ h1, h2, h3, h4, h5, h6, .fw-bold, .fw-semibold {
 
 /* Sub-menu (Level 1) */
 .sidebar-nav .nav-content {
-  list-style: none;
-  padding: 4px 0 4px 32px;
-  margin: 0;
-  background: rgba(0,0,0,0.18);
-  border-radius: var(--radius-sm);
-  margin-bottom: 2px;
+    list-style: none;
+    padding: 5px 0 5px 15px; /* Indentation réduite */
+    margin: 4px 0;
+    border-left: 1px solid rgba(255, 255, 255, 0.1); /* Ligne de guide verticale */
+    margin-left: 22px; 
 }
 
 .sidebar-nav .nav-content li { margin-bottom: 1px; }
 
 .sidebar-nav .nav-content li a {
-  display: block;
-  padding: 7px 10px;
-  border-radius: var(--radius-sm);
-  color: rgba(255,255,255,0.55);
-  font-size: 0.78rem;
-  text-decoration: none;
-  transition: all var(--transition-fast);
-  border-left: 2px solid transparent;
-  position: relative;
+    display: flex;
+    align-items: center;
+    padding: 8px 12px;
+    border-radius: var(--radius-sm);
+    color: rgba(255, 255, 255, 0.5);
+    font-size: 12px;
+    text-decoration: none;
+    transition: all var(--transition-fast);
 }
 
 .sidebar-nav .nav-content li a:hover {
-  color: white;
-  background: rgba(255,255,255,0.07);
-  border-left-color: rgba(255,255,255,0.5);
-  padding-left: 14px;
+    color: #FFFFFF;
+    background: rgba(255, 255, 255, 0.05);
 }
 
-/* Sous-menu actif : fond blanc translucide + bordure blanche */
+/* Sous-menu actif : Barre verticale discrète */
 .sidebar-nav .nav-content li a.active-submenu {
-  color: #ffffff;
-  background: rgba(255,255,255,0.12);
-  border-left-color: #ffffff;
-  font-weight: 600;
-  padding-left: 10px;
-  width: 100% !important;
+    color: #FFFFFF;
+    background: rgba(255, 255, 255, 0.1);
+    font-weight: 600;
+    position: relative;
+}
+
+.sidebar-nav .nav-content li a.active-submenu::before {
+    content: '';
+    position: absolute;
+    left: -16px; /* S'aligne sur la bordure gauche du nav-content */
+    top: 20%;
+    height: 60%;
+    width: 3px;
+    background: #FFFFFF;
+    border-radius: 0 2px 2px 0;
 }
 
 .sidebar-nav .nav-content li a.active-submenu::after {