gd

Bootstrap_new/css/theme-modern.css

@@ -25,11 +25,13 @@ body {
 }
 
 /* Modernisation du Scrollmenu de body_main */
+/* Style des pilules de navigation (Niveau 3) */
 .scrollmenu {
-    overflow: auto;
     white-space: nowrap;
-    padding: 10px 0;
-    scrollbar-width: none; /* Firefox */
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    gap: 10px;
+    border: 1px solid rgba(0,0,0,0.05);
 }
 .scrollmenu::-webkit-scrollbar { display: none; } /* Chrome */
 .scrollmenu a {
@@ -50,6 +52,27 @@ body {
     color: white;
 }
 
+.nav-pill-link {
+    padding: 8px 20px;
+    border-radius: 50px;
+    text-decoration: none;
+    color: var(--primary);
+    font-size: 0.85rem;
+    font-weight: 600;
+    transition: all 0.3s ease;
+}
+
+.nav-pill-link.active {
+    background: var(--accent);
+    color: white !important;
+    box-shadow: 0 4px 12px var(--accent-glow);
+}
+
+.nav-pill-link:hover:not(.active) {
+    background: #f0f4f8;
+    color: var(--accent);
+}
+
 /* Barre de contexte latérale */
 .sidenav {
     height: 100%;