From 51b54623baa943aa50123b78adf436d93423f831 Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Tue, 20 Jan 2026 14:44:56 +0000
Subject: [PATCH] fr

---
 Bootstrap_new/css/style_office.css | 30 +++++++++++++++++++++---------
 Vue/gabarit.php                    | 25 ++++++++++++++-----------
 2 files changed, 35 insertions(+), 20 deletions(-)

diff --git a/Bootstrap_new/css/style_office.css b/Bootstrap_new/css/style_office.css
index a33ef71..2ca9a4c 100644
--- a/Bootstrap_new/css/style_office.css
+++ b/Bootstrap_new/css/style_office.css
@@ -72,17 +72,29 @@ 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);
+/* Nettoyage du bouton dropdown */
+.user-menu.dropdown-toggle {
+    display: flex;
+    align-items: center;
+    outline: none;
+    box-shadow: none !important;
 }
 
-/* Optionnel : pour que le curseur change sur tout le bloc utilisateur */
-.user-menu {
-    cursor: pointer;
+/* Supprimer la petite flèche par défaut de Bootstrap si elle vous gêne */
+.user-menu.dropdown-toggle::after {
+    display: none; 
+}
+
+/* S'assurer que le menu dropdown passe devant tout */
+.dropdown-menu {
+    z-index: 2000 !important;
+    min-width: 220px;
+    border: 1px solid rgba(0,0,0,0.1);
+}
+
+/* Positionnement quand le header est fixed */
+.dropdown-menu[data-bs-popper] {
+    margin-top: 15px !important;
 }
 
 .header-content {
diff --git a/Vue/gabarit.php b/Vue/gabarit.php
index 5c0af66..25f095a 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.20.00" rel="stylesheet">
+        <link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2026.01.20.01" rel="stylesheet">
         <link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet">
 
         <!-- Charts -->
@@ -264,30 +264,33 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
                     
                     <!-- User Menu -->
                     <div class="dropdown">
-                        <div class="user-menu dropdown-toggle" 
-                            data-bs-toggle="dropdown" 
-                            data-bs-display="static"
-                            aria-expanded="false">
+                        <button class="user-menu dropdown-toggle border-0 bg-transparent p-0" 
+                                type="button" 
+                                data-bs-toggle="dropdown" 
+                                aria-expanded="false">
                             
                             <div class="user-avatar">
                                 <?= $_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">
+                            
+                            <div class="user-info text-start ms-2">
+                                <div class="user-name fw-bold" style="line-height: 1.2;">
+                                    <?= $_SESSION['utilisateur_C'] ?? _('Utilisateur') ?>
+                                </div>
+                                <div class="user-role text-primary small">
                                     <i class="fas fa-building-user"></i>
                                     <?= $_SESSION['nomClient_C'] ?? _('Client') ?>
                                 </div>
                             </div>
-                        </div>
+                        </button>
 
-                        <ul class="dropdown-menu dropdown-menu-end">
+                        <ul class="dropdown-menu dropdown-menu-end shadow-sm">
                             <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>
+                                    <div class="fw-bold text-dark"><?= $_SESSION['utilisateur_C'] ?? _('Utilisateur') ?></div>
                                     <small class="text-muted"><?= $_SESSION['nomClient_C'] ?? _('Client') ?></small>
                                 </div>
                             </li>