diff --git a/Vue/Recherche/index.php b/Vue/Recherche/index.php
index 73647496..a83c4502 100755
--- a/Vue/Recherche/index.php
+++ b/Vue/Recherche/index.php
@@ -1,60 +1,79 @@
-<div class="card shadow-sm mb-4">
-    <div class="card-body p-3">
-        <h5 class="card-title mb-3 text-primary fw-bold">
-            <i class="bi bi-search me-2"></i><?= _("Recherche d'un assuré") ?>
+<div class="card shadow-sm mb-4 border-0">
+    <div class="card-body p-4">
+        <h5 class="card-title mb-4 text-primary fw-bold d-flex align-items-center">
+            <i class="bi bi-person-search fs-4 me-2"></i>
+            <?= _("Critères de recherche") ?>
         </h5>
         
-        <form id="form_recherche" class="row g-2 align-items-end">
+        <form id="form_recherche" class="row g-3">
+            
+            <div class="col-md-4">
+                <label for="nom_recherche" class="form-label small fw-bold text-secondary"><?= _("Nom ou Prénom") ?></label>
+                <input type="text" class="form-control shadow-none" id="nom_recherche" name="nom_recherche" placeholder="<?= _("Saisir un nom...") ?>">
+            </div>
+
             <div class="col-md-3">
-                <label class="form-label small fw-bold text-muted"><?= _("Nom ou Prénom") ?></label>
-                <input type="text" class="form-control" id="nom_recherche" name="nom_recherche" placeholder="<?= _("Ex: DOE") ?>">
+                <label for="matricule_recherche" class="form-label small fw-bold text-secondary"><?= _("Matricule / Identifiant") ?></label>
+                <input type="text" class="form-control shadow-none" id="matricule_recherche" name="matricule_recherche">
             </div>
 
-            <div class="col-md-2">
-                <label class="form-label small fw-bold text-muted"><?= _("Matricule / ID") ?></label>
-                <input type="text" class="form-control" id="id_recherche" name="id_recherche">
-            </div>
-
-            <div class="col-md-2">
-                <label class="form-label small fw-bold text-muted"><?= _("Date de naissance") ?></label>
+            <div class="col-md-3">
+                <label for="dn_recherche" class="form-label small fw-bold text-secondary"><?= _("Date de naissance") ?></label>
                 <div class="input-group">
-                    <span class="input-group-text bg-white"><i class="bi bi-calendar3"></i></span>
-                    <input type="text" class="form-control datepicker" id="dn_recherche" name="dn_recherche">
+                    <span class="input-group-text bg-light border-end-0"><i class="bi bi-calendar-event text-muted"></i></span>
+                    <input type="text" class="form-control datepicker border-start-0 shadow-none" id="dn_recherche" name="dn_recherche">
                 </div>
             </div>
 
-            <div class="col-md-2">
-                <label class="form-label small fw-bold text-muted"><?= _("Statut") ?></label>
-                <select class="form-select select2" id="statut_recherche" name="statut_recherche">
-                    <option value="ALL"><?= _("Tous") ?></option>
-                    <option value="ACTIF"><?= _("Actifs") ?></option>
-                    <option value="RADIE"><?= _("Radiés") ?></option>
-                </select>
+            <div class="col-md-4">
+                <label for="garant_recherche" class="form-label small fw-bold text-secondary"><?= _("Garant / Société") ?></label>
+                <select class="form-select select2" id="garant_recherche" name="garant_recherche">
+                    <option value=""><?= _("Tous les garants") ?></option>
+                    </select>
             </div>
 
             <div class="col-md-3">
-                <button type="button" class="btn btn-primary w-100" onclick="lancer_recherche_assure();">
-                    <i class="bi bi-check-circle me-2"></i><?= _("Rechercher") ?>
+                <label for="statut_recherche" class="form-label small fw-bold text-secondary"><?= _("Statut dossier") ?></label>
+                <select class="form-select select2" id="statut_recherche" name="statut_recherche">
+                    <option value="ACTIF"><?= _("Assurés actifs") ?></option>
+                    <option value="RADIE"><?= _("Assurés radiés") ?></option>
+                    <option value="ALL"><?= _("Tous") ?></option>
+                </select>
+            </div>
+
+            <div class="col-md-3 d-flex align-items-end">
+                <button type="button" class="btn btn-primary w-100 fw-bold py-2 shadow-sm" onclick="lancer_recherche_assure();">
+                    <i class="bi bi-search me-2"></i> <?= _("Lancer la recherche") ?>
                 </button>
             </div>
         </form>
     </div>
 </div>
 
-<div class="card shadow-sm">
-    <div class="card-body p-0"> <div class="table-responsive">
+<div class="card shadow-sm border-0">
+    <div class="card-header bg-white py-3">
+        <h6 class="mb-0 fw-bold text-muted"><?= _("Résultats de la recherche") ?></h6>
+    </div>
+    <div class="card-body p-0">
+        <div class="table-responsive">
             <table id="table_resultats" class="table table-hover align-middle mb-0" style="width:100%">
-                <thead class="bg-light text-muted small text-uppercase">
-                    <tr>
-                        <th class="ps-3"><?= _("Identifiant") ?></th>
-                        <th><?= _("Nom & Prénom") ?></th>
-                        <th><?= _("Garant / Police") ?></th>
-                        <th><?= _("Statut") ?></th>
-                        <th class="text-end pe-3"><?= _("Actions") ?></th>
+                <thead class="table-light">
+                    <tr class="small text-uppercase text-muted">
+                        <th class="ps-4 border-0"><?= _("ID / Matricule") ?></th>
+                        <th class="border-0"><?= _("Assuré") ?></th>
+                        <th class="border-0"><?= _("Garant & Police") ?></th>
+                        <th class="border-0"><?= _("Date Naissance") ?></th>
+                        <th class="border-0"><?= _("Statut") ?></th>
+                        <th class="text-end pe-4 border-0"><?= _("Actions") ?></th>
                     </tr>
                 </thead>
                 <tbody id="body_resultats">
-                    </tbody>
+                    <tr>
+                        <td colspan="6" class="text-center py-5 text-muted">
+                            <i class="bi bi-info-circle me-2"></i> <?= _("Veuillez saisir un critère pour lancer la recherche") ?>
+                        </td>
+                    </tr>
+                </tbody>
             </table>
         </div>
     </div>