From d9fc9cfcde0c7a6cd6fb724cc7eaaae2a7d35056 Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Tue, 20 Jan 2026 15:06:55 +0000
Subject: [PATCH] dr

---
 Bootstrap_new/css/style_office.css | 19 +++++++++++++++++++
 Vue/gabarit.php                    |  8 +++++---
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/Bootstrap_new/css/style_office.css b/Bootstrap_new/css/style_office.css
index 2ca9a4c..e8ce839 100644
--- a/Bootstrap_new/css/style_office.css
+++ b/Bootstrap_new/css/style_office.css
@@ -85,6 +85,25 @@ body {
     display: none; 
 }
 
+/* Style de base de la flèche */
+.user-arrow {
+    font-size: 0.8rem;
+    transition: transform 0.3s ease;
+    color: #6c757d; /* Couleur grise discrète */
+}
+
+/* Rotation automatique quand le menu est ouvert */
+#userDropdownBtn[aria-expanded="true"] .user-arrow {
+    transform: rotate(180deg);
+    color: var(--bs-primary); /* Change la couleur en bleu au clic (optionnel) */
+}
+
+/* On s'assure que le bouton reste bien aligné horizontalement */
+.user-menu {
+    display: flex;
+    align-items: center;
+}
+
 /* S'assurer que le menu dropdown passe devant tout */
 .dropdown-menu {
     z-index: 2000 !important;
diff --git a/Vue/gabarit.php b/Vue/gabarit.php
index 8c94709..6921a4f 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.02" rel="stylesheet">
+        <link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2026.01.20.03" rel="stylesheet">
         <link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet">
 
         <!-- Charts -->
@@ -264,7 +264,8 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
                     
                     <!-- User Menu -->
                     <div class="dropdown">
-                        <button id="userDropdownBtn" class="user-menu dropdown-toggle border-0 bg-transparent p-0" 
+                        <button id="userDropdownBtn" 
+                                class="user-menu dropdown-toggle border-0 bg-transparent p-0" 
                                 type="button" 
                                 data-bs-toggle="dropdown" 
                                 aria-expanded="false">
@@ -278,10 +279,11 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
                                     <?= $_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>
+
+                            <i class="bi bi-chevron-down ms-3 user-arrow"></i>
                         </button>
 
                         <ul class="dropdown-menu dropdown-menu-end shadow-sm">