diff --git a/Bootstrap_new/css/style_office.css b/Bootstrap_new/css/style_office.css
index e8ce839..c338955 100644
--- a/Bootstrap_new/css/style_office.css
+++ b/Bootstrap_new/css/style_office.css
@@ -124,6 +124,52 @@ body {
padding: 0 24px;
}
+/* 1. Réduction de l'espace global du bouton */
+#userDropdownBtn {
+ gap: 8px; /* Contrôle l'espace entre avatar, texte et flèche */
+}
+
+/* 2. Réduction des textes */
+.user-name {
+ font-size: 0.85rem !important; /* Un peu plus petit */
+ margin-bottom: -2px; /* Rapproche le nom du rôle */
+}
+
+.user-role {
+ font-size: 0.75rem !important;
+ opacity: 0.8;
+}
+
+/* 3. Réduction de l'avatar */
+.user-avatar {
+ width: 32px !important; /* Au lieu de 36 ou 40 */
+ height: 32px !important;
+ font-size: 0.8rem; /* Initiales plus petites */
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+/* 4. Rapprochement de la flèche */
+.user-arrow {
+ font-size: 0.7rem;
+ margin-left: 4px !important; /* Espace réduit avec le texte */
+}
+
+/* 5. Densité du menu déroulant (Dropdown) */
+.dropdown-menu {
+ padding: 0.25rem 0; /* Moins d'espace en haut et en bas du menu */
+}
+
+.dropdown-item {
+ padding: 0.4rem 1rem; /* Items plus serrés */
+ font-size: 0.85rem;
+}
+
+.dropdown-header {
+ padding: 0.5rem 1rem;
+}
+
.logo-container {
display: flex;
align-items: center;
diff --git a/Vue/gabarit.php b/Vue/gabarit.php
index 8c4f123..421fd00 100755
--- a/Vue/gabarit.php
+++ b/Vue/gabarit.php
@@ -126,7 +126,7 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
-
+