diff --git a/Bootstrap_new/css/theme-modern.css b/Bootstrap_new/css/theme-modern.css
index e9d3c788..05124a32 100644
--- a/Bootstrap_new/css/theme-modern.css
+++ b/Bootstrap_new/css/theme-modern.css
@@ -457,12 +457,11 @@ h1, h2, h3, h4, h5, h6, .fw-bold, .fw-semibold {
    ============================================================ */
   
 #main {
-    margin-left: var(--sidebar-width);
-    padding-top: calc(var(--header-height) + 1rem);
-    min-height: 100vh;
-    transition: margin-left var(--transition-base);
-    padding-bottom: 2rem;
-    background: var(--bg-base);
+  margin-left: var(--sidebar-width);
+  padding-top: calc(var(--header-height) + 16px);
+  min-height: 100vh;
+  transition: margin-left var(--transition-slow);
+  padding-bottom: 32px;
 }
 
 @media (max-width: 1199px) {
@@ -471,18 +470,18 @@ h1, h2, h3, h4, h5, h6, .fw-bold, .fw-semibold {
   #sidebar.sidebar-open { transform: translateX(0); }
 }
 
-/* --- NAVIGATION PAR ONGLETS (Ancien Scrollmenu) --- */
+/* Scroll Menu */
 .scrollmenu {
-    display: flex;
-    gap: 24px;
-    overflow-x: auto;
-    padding: 0 1.5rem;
-    background: var(--bg-surface);
-    border-bottom: 1px solid var(--border-light);
-    margin: -1rem -2rem 1.5rem -2rem; /* Aligné sur les bords du container */
-    scrollbar-width: none;
+  display: flex;
+  gap: 4px;
+  overflow-x: auto;
+  padding: 8px 16px;
+  background: var(--bg-surface);
+  border-radius: var(--radius-md);
+  box-shadow: var(--shadow-xs);
+  margin: 0 1px 16px;
+  scrollbar-width: none;
 }
-
 .scrollmenu::-webkit-scrollbar { display: none; }
 
 .scrollmenu a {