diff --git a/Bootstrap_new/css/style_office.css b/Bootstrap_new/css/style_office.css
index b670495..a33ef71 100644
--- a/Bootstrap_new/css/style_office.css
+++ b/Bootstrap_new/css/style_office.css
@@ -72,6 +72,19 @@ body {
     z-index: 1030;
 }
 
+/* Assure que le menu déroulant est au-dessus du header et de la sidebar */
+.dropdown-menu {
+    z-index: 1060 !important;
+    margin-top: 10px !important; /* Petit espace sous le header */
+    border: none;
+    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+}
+
+/* Optionnel : pour que le curseur change sur tout le bloc utilisateur */
+.user-menu {
+    cursor: pointer;
+}
+
 .header-content {
     display: flex;
     align-items: center;
diff --git a/Vue/gabarit.php b/Vue/gabarit.php
index 559a424..5c0af66 100755
--- a/Vue/gabarit.php
+++ b/Vue/gabarit.php
@@ -126,7 +126,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.19.00" rel="stylesheet">
+        <link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2026.01.20.00" rel="stylesheet">
         <link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet">
 
         <!-- Charts -->
@@ -263,39 +263,47 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
                     </div>
                     
                     <!-- User Menu -->
-                    <div class="user-menu dropdown-toggle" data-bs-toggle="dropdown" 
-                        aria-expanded="false" aria-label="Menu utilisateur">
-                        <div class="user-avatar" role="img" aria-label="Avatar utilisateur">
-                            <?= $_SESSION['userInitials_C'] ?? 'U' ?>
-                        </div>
-                        <div class="user-info">
-                            <div class="user-name"><?= $_SESSION['utilisateur_C'] ?? _('Utilisateur') ?></div>
-                            <div class="user-role text-primary fw-bold">
-                                <i class="fas fa-building-user"></i>
-                                <?= $_SESSION['nomClient_C'] ?? _('Client') ?>
-                            </div>
-                        </div>
-                    </div>
-                    
-                    <!-- User Dropdown -->
-                    <div class="dropdown-menu dropdown-menu-end">
-                        <div class="dropdown-header">
-                            <div class="user-avatar mx-auto mb-2">
+                    <div class="dropdown">
+                        <div class="user-menu dropdown-toggle" 
+                            data-bs-toggle="dropdown" 
+                            data-bs-display="static"
+                            aria-expanded="false">
+                            
+                            <div class="user-avatar">
                                 <?= $_SESSION['userInitials_C'] ?? 'U' ?>
                             </div>
-                            <div class="text-center">
-                                <div class="fw-bold"><?= $_SESSION['utilisateur_C'] ?? _('Utilisateur') ?></div>
-                                <small class="text-muted"><?= $_SESSION['nomClient_C'] ?? _('Client') ?></small>
+                            <div class="user-info">
+                                <div class="user-name"><?= $_SESSION['utilisateur_C'] ?? _('Utilisateur') ?></div>
+                                <div class="user-role text-primary fw-bold">
+                                    <i class="fas fa-building-user"></i>
+                                    <?= $_SESSION['nomClient_C'] ?? _('Client') ?>
+                                </div>
                             </div>
                         </div>
-                        <div class="dropdown-divider"></div>
-                        <a class="dropdown-item" href="javascript:change_password()">
-                            <i class="fas fa-user-circle me-2"></i> <?= _('Changer le mot de passe') ?>
-                        </a>
-                        <div class="dropdown-divider"></div>
-                        <a class="dropdown-item text-danger" href="Connexion/deconnecter">
-                            <i class="fas fa-sign-out-alt me-2"></i> <?= _('Déconnexion') ?>
-                        </a>
+
+                        <ul class="dropdown-menu dropdown-menu-end">
+                            <li class="dropdown-header">
+                                <div class="user-avatar mx-auto mb-2">
+                                    <?= $_SESSION['userInitials_C'] ?? 'U' ?>
+                                </div>
+                                <div class="text-center">
+                                    <div class="fw-bold"><?= $_SESSION['utilisateur_C'] ?? _('Utilisateur') ?></div>
+                                    <small class="text-muted"><?= $_SESSION['nomClient_C'] ?? _('Client') ?></small>
+                                </div>
+                            </li>
+                            <li><hr class="dropdown-divider"></li>
+                            <li>
+                                <a class="dropdown-item" href="javascript:change_password()">
+                                    <i class="fas fa-user-circle me-2"></i> <?= _('Changer le mot de passe') ?>
+                                </a>
+                            </li>
+                            <li><hr class="dropdown-divider"></li>
+                            <li>
+                                <a class="dropdown-item text-danger" href="Connexion/deconnecter">
+                                    <i class="fas fa-sign-out-alt me-2"></i> <?= _('Déconnexion') ?>
+                                </a>
+                            </li>
+                        </ul>
                     </div>
                 </div>
             </div>