diff --git a/Bootstrap_new/css/style_office.css b/Bootstrap_new/css/style_office.css
index c47d9ad..7a6a5a5 100644
--- a/Bootstrap_new/css/style_office.css
+++ b/Bootstrap_new/css/style_office.css
@@ -975,7 +975,8 @@ li i { margin-right:10px; color:#007bff; }
 #div_texte_cp .card,
 #div_emission .card,
 #div_colleges_police .card,
-#div_ajout_adherent .card{
+#div_ajout_adherent .card,
+#div_liste_adherent .card{
     border: 1px solid var(--office-border);
     border-radius: 2px; /* Office style is more rectangular */
 }
@@ -984,7 +985,8 @@ li i { margin-right:10px; color:#007bff; }
 #div_texte_cp .card-header,
 #div_emission .card-header,
 #div_colleges_police .card-header,
-#div_ajout_adherent .card-header{
+#div_ajout_adherent .card-header,
+#div_liste_adherent .card-header{
     border-bottom: 1px solid var(--office-border) !important;
     background-color: white;
     color: var(--office-dark);
diff --git a/Vue/Listeadherent/index.php b/Vue/Listeadherent/index.php
index d1516e8..633fdf1 100644
--- a/Vue/Listeadherent/index.php
+++ b/Vue/Listeadherent/index.php
@@ -7,15 +7,15 @@
 <div id="div_liste_adherent" class="container-fluid py-4 animate__animated animate__fadeIn">
     
 <h1 class="text-primary"><i class="fas fa-users me-2"></i></i> <?= _('Gestion des Adhérents') ?></h1>
+    <div class="card-header d-flex justify-content-between align-items-center py-3">
+        <h4 class="fw-bold text-secondary mb-0">
+            <?= _("POLICE") ?> : <span class="badge bg-white text-primary ms-2"><?= $this->nettoyer($_SESSION['numeroPolice_C']) ?></span>
+        </h4>
+    </div>
 
     <div class="card shadow-sm border-0 mb-4 bg-office-primary-lighter text-white">
         <div class="card-body d-flex align-items-center justify-content-between p-3">
-            <div class="d-flex align-items-center">
-                <div>
-                    <small class="opacity-75"><?= _("Police N°") ?> : <?= $this->nettoyer($_SESSION['numeroPolice_C']) ?></small>
-                </div>
-            </div>
-            <button type="button" class="btn btn-light btn-sm fw-bold shadow-sm" onclick="javascript:afficher_adherents_police();">
+            <button type="button" class="btn btn-light btn-sm fw-bold shadow-sm w-100" onclick="javascript:afficher_adherents_police();">
                 <i class="fas fa-sync-alt me-2 text-primary"></i> <?= _("Actualiser la liste") ?>
             </button>
         </div>
@@ -29,7 +29,7 @@
     <div id="div_liste_adherent" class="min-vh-50 rounded bg-white shadow-sm p-3">
         <div class="text-center py-5 text-muted">
             <i class="fas fa-spinner fa-spin fa-2x mb-3"></i>
-            <p><?= _("Chargement de la liste des adhérents...") ?></p>
+            <p><?= _("Cliquez sur le bouton au dessus pour charger la liste des adhérents...") ?></p>
         </div>
     </div>
 
diff --git a/Vue/gabarit.php b/Vue/gabarit.php
index 271e71d..0367d8a 100755
--- a/Vue/gabarit.php
+++ b/Vue/gabarit.php
@@ -119,7 +119,7 @@ $activeChildId = $menuData['child'];
         <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.03.00" rel="stylesheet">
+        <link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2026.01.03.01" rel="stylesheet">
         <link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet">
 
         <!-- ============================================