diff --git a/Vue/gabarit.php b/Vue/gabarit.php
index 559a424..d935cf2 100755
--- a/Vue/gabarit.php
+++ b/Vue/gabarit.php
@@ -278,24 +278,44 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
                     </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" 
+                            aria-expanded="false" 
+                            role="button"
+                            style="cursor: pointer;">
+                            
+                            <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>
+
+                        <div class="dropdown-menu dropdown-menu-end shadow">
+                            <div 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>
+                            </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>
+                        </div>
                     </div>
                 </div>
             </div>