diff --git a/Bootstrap_new/css/style_office.css b/Bootstrap_new/css/style_office.css
index a7e6c30..d92ee98 100644
--- a/Bootstrap_new/css/style_office.css
+++ b/Bootstrap_new/css/style_office.css
@@ -320,6 +320,28 @@ body {
     font-size: 16px;
 }
 
+/* Style général de la scrollbar */
+.nav-bar > .nav-tabs::-webkit-scrollbar {
+    height: 10px; /* épaisseur de la barre horizontale */
+}
+
+/* Couleur de la piste (fond de la scrollbar) */
+.nav-bar > .nav-tabs::-webkit-scrollbar-track {
+    background: #f1f1f1;
+    border-radius: 8px;
+}
+
+/* Couleur et style du curseur (thumb) */
+.nav-bar > .nav-tabs::-webkit-scrollbar-thumb {
+    background: var(--office-common);
+    border-radius: 8px;
+}
+
+/* Effet au survol */
+.nav-bar > .nav-tabs::-webkit-scrollbar-thumb:hover {
+    background: #97999B;
+}
+
 /* Content card */
 .content-card {
     background: var(--office-card);
diff --git a/Vue/gabarit.php b/Vue/gabarit.php
index f8d03c8..5477d4a 100755
--- a/Vue/gabarit.php
+++ b/Vue/gabarit.php
@@ -123,7 +123,7 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
         <link rel="manifest" href="<?= $racineWeb ?>manifest.json">
         
         <!-- 4. VOS STYLES PERSONNALISÉS (en dernier pour qu'ils dominent) -->
-        <link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2026.01.04.01" rel="stylesheet">
+        <link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2026.01.05.00" rel="stylesheet">
         <link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet">
 
         <!-- ============================================
@@ -209,9 +209,7 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
         <header class="app-header">
             <div class="header-content">
                 <div class="logo-container">
-                    <button class="header-btn toggle-sidebar-btn" aria-label="Basculer la sidebar" onclick="appUX.toggleSidebar()">
-                        <i class="bi bi-list"></i>
-                    </button>
+                    <i id="btn_sidebar" class="bi bi-list toggle-sidebar-btn d-lg-inline-block"></i>
                     
                     <a href="Accueil" class="app-logo">
                         <img src="/Bootstrap_new/images/new/favicon.png" alt="INTER-SANTE" width="36" height="36">