diff --git a/Vue/Recherche/index.php b/Vue/Recherche/index.php
index b6b9b25e..babb1a34 100755
--- a/Vue/Recherche/index.php
+++ b/Vue/Recherche/index.php
@@ -5,19 +5,23 @@
 <div class="page-content">
     <form id="frmrecherche" name="frmrecherche" method="post" action="Recherche/index/">
         
-        <div class="card shadow-sm border-0 mb-4" style="border-radius: var(--radius-md); background: #ffffff;">
-            <div class="card-header d-flex align-items-center justify-content-between mb-4 bg-white p-3 shadow-sm border-start border-primary border-4" style="border-radius: var(--radius-md);">
+        <div class="header-section mb-5">
+            <div class="d-flex align-items-center justify-content-between bg-white p-3 shadow-sm border-start border-primary border-4" style="border-radius: var(--radius-md);">
                 <div class="d-flex align-items-center">
                     <div class="icon-shape bg-primary-ghost text-primary rounded-circle me-3" style="width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;">
                         <i class="fas fa-search fs-4"></i>
                     </div>
                     <div>
-                        <h4 class="mb-0 fw-bold titre-page text-uppercase"><?= _("Recherche Assuré") ?></h4>
+                        <h4 id="titre-page" class="mb-0 fw-bold text-uppercase"><?= _("Recherche Assuré") ?></h4>
                         <p class="text-muted small mb-0"><?= _("Retrouvez un bénéficiaire par son numéro, son nom ou ses coordonnées") ?></p>
                     </div>
                 </div>
             </div>
-            <div class="card-body pt-0">
+            <hr class="header-divider mt-4">
+        </div>
+
+        <div class="card shadow-sm border-0 mb-4" style="border-radius: var(--radius-md); background: #ffffff;">
+            <div class="card-body">
                 <div class="row g-3">
                     <div class="col-md-6 col-lg-3">
                         <label class="form-label small fw-bold text-dark mb-1"><?= _("Numéro Bénéficiaire") ?></label>
@@ -112,8 +116,6 @@
                                     $idBeneficiaire = $this->nettoyer($beneficiaire['id']);
                                     $numeroBeneficiaire = $this->nettoyer($beneficiaire['numeroBeneficiaire']);
                                     $etatCode = $this->nettoyer($beneficiaire['codeEtatBeneficiaire']);
-                                    
-                                    // Style des badges d'état
                                     $statusBadge = ($etatCode == 'ACTIF') ? 'badge-success-ghost' : 'badge-secondary-ghost';
                                 ?>
                                     <tr class="beneficiaire-row"