diff --git a/Vue/Rechercherassure/index.php b/Vue/Rechercherassure/index.php
index 78e2e27..d360b2e 100644
--- a/Vue/Rechercherassure/index.php
+++ b/Vue/Rechercherassure/index.php
@@ -1,92 +1,116 @@
-<?php 
-	// $this->titre = "INTER SANTE - "._("Rechercher assuré") ; 
-	/*
-	var_dump(
-		array(
-			"idPolice" => $_SESSION['idPolice_C'],
-		)
-	);
-	*/
-?>
+<div id="div_liste_adherent" class="container-fluid py-4 animate__animated animate__fadeIn">
+    
+	<h1 class="text-primary"><i class="fas fa-search-plus me-2"></i></i> <?= _("Critères de recherche de l'assuré") ?></h1>
 
-<form id="frmrecherche" name="frmrecherche" method="post" action="Rechercherassure/index/">
-	<fieldset>
-		
-		<legend> <?= _("Critères de recherche de l'assuré") ?> </legend>
-		
-		
-		<table class="table table-condensed table-responsive" style='font-size:8pt;'>
-			<tbody>	
-				<tr> 
-					<td> <?= _("Numéro Famille") ?> </td>
-					<td width="30%" ><INPUT class="form-control" TYPE="text" id="numeroAdherent" name="numeroAdherent" AUTOCOMPLETE="OFF"></td>
+    <div class="card shadow-sm border-0 mb-4">
+        
+        <div class="card-body bg-light-subtle">
+            <form id="frmrecherche" name="frmrecherche" method="post" action="Rechercherassure/index/">
+                <div class="row g-3">
+                    <div class="col-md-3">
+                        <label class="form-label small fw-bold text-uppercase"><?= _("Numéro Famille") ?></label>
+                        <input class="form-control border-primary-subtle" type="text" id="numeroAdherent" name="numeroAdherent" autocomplete="off" placeholder="Ex: ADH-100...">
+                    </div>
+                    <div class="col-md-3">
+                        <label class="form-label small fw-bold text-uppercase"><?= _("Numéro Bénéficiaire") ?></label>
+                        <input class="form-control border-primary-subtle" type="text" id="numeroBeneficiaire" name="numeroBeneficiaire" autofocus autocomplete="off" placeholder="Ex: B-500...">
+                    </div>
+                    
+                    <div class="col-md-3">
+                        <label class="form-label small fw-bold text-uppercase"><?= _("Nom de l'assuré") ?></label>
+                        <input class="form-control border-primary-subtle" type="text" id="nomBeneficiaire" name="nomBeneficiaire" autocomplete="off">
+                    </div>
+                    <div class="col-md-3">
+                        <label class="form-label small fw-bold text-uppercase"><?= _("Prénoms") ?></label>
+                        <input class="form-control border-primary-subtle" type="text" id="prenomsBeneficiaire" name="prenomsBeneficiaire" autocomplete="off">
+                    </div>
 
-					<td align="center"> <?= _("Numéro Bénéficiaire") ?> </td>
-					<td width="45%" ><INPUT class="form-control" TYPE="text" id="numeroBeneficiaire" name="numeroBeneficiaire" autofocus AUTOCOMPLETE="OFF"></td>
-				</tr>
-					
-				<tr> 
-					<td> <?= _("Nom") ?> </td>
-					<td><INPUT class="form-control" TYPE="text" id="nomBeneficiaire" name="nomBeneficiaire" AUTOCOMPLETE="OFF"></td>
-					
-					<td align="center"> <?= _("Prénoms") ?> </td>
-					<td><INPUT class="form-control" TYPE="text" id="prenomsBeneficiaire" name="prenomsBeneficiaire" AUTOCOMPLETE="OFF"></td>
-				</tr>
+                    <div class="col-12 text-end mt-3">
+                        <button type="submit" id="lancerrecherche" name="lancerrecherche" class="btn btn-primary px-5 shadow-sm fw-bold">
+                            <i class="fas fa-search me-2"></i><?= _("Lancer la recherche") ?>
+                        </button>
+                    </div>
+                </div>
+            </form>
+        </div>
+    </div>
 
-				<tr> 
-					<td><input id="lancerrecherche" name="lancerrecherche" class="sr-only" type="submit" value="<?= _("Rechercher") ?>" ></td>	
-				</tr>			
-			</tbody>
-		</table>
-		
-	</fieldset>
-<?php
+    <div class="d-flex align-items-center mb-3">
+        <h5 class="mb-0 fw-bold text-dark"><i class="fas fa-list me-2 text-secondary"></i><?= _("Résultats de la recherche") ?></h5>
+        <?php if (is_array($beneficiaires)): ?>
+            <span class="badge bg-secondary ms-2"><?= count($beneficiaires) ?> <?= _("résultat(s)") ?></span>
+        <?php endif; ?>
+    </div>
 
-?>
-	<h4> <?= _("Résultats de la recherche") ?> </h4>
-	
-	<?php if (is_array($beneficiaires) && count($beneficiaires) > 0): ?>
-	<table class="table table-striped table-bordered table-hover table-condensed table-responsive" style='font-size:8pt;'>
-		<thead>
-		  <tr>
-			<th width="8%" style="text-align: center"> <?= _("Numéro Bénéficiaire") ?> </th>
-			<th width="8%" style="text-align: center"> <?= _("Numéro Famille") ?> </th>
-			<th width="20%" > <?= _("Nom") ?> </th>
-			<th width="20%" > <?= _("Prénoms") ?> </th>
-			<th style="text-align: center"> <?= _("Lien parenté") ?> </th>
-			<th style="text-align: center"> <?= _("Naissance") ?> </th>
-			<th style="text-align: center"><?= _("Genre") ?></th>
-			<th style="text-align: center"> <?= _("Tél") ?> </th>
-			<th width="20%" >  <?= _("Souscripteur") ?>  </th>
-			<th> <?= _("Etat") ?> </th>
-		  </tr>
-		</thead>
-		
-		<tbody>
-			<?php foreach ($beneficiaires as $beneficiaire):
-				$idBeneficiaire=$this->nettoyer($beneficiaire['id']);
-				$numeroBeneficiaire=$this->nettoyer($beneficiaire['numeroBeneficiaire']);
-			?>
-			  <tr onclick="javascript:selectionner_beneficiaire(<?= $idBeneficiaire ?>,'<?= $numeroBeneficiaire ?>');" 
-				ondblclick="javascript:selectionner_beneficiaire(<?= $idBeneficiaire ?>,'<?= $numeroBeneficiaire ?>');afficher_beneficiaire_id();" valign="top">
-			  
-				<td align="center"> <input type="button" value="<?= $numeroBeneficiaire ?>" onClick="javascript:selectionner_beneficiaire(<?= $idBeneficiaire ?>,'<?= $numeroBeneficiaire ?>');afficher_beneficiaire_id();"> </td>
+    <?php if (is_array($beneficiaires) && count($beneficiaires) > 0): ?>
+    <div class="card shadow-sm border-0">
+        <div class="table-responsive rounded">
+            <table class="table table-hover align-middle mb-0" style="font-size: 0.88rem;">
+                <thead class="table-dark">
+                    <tr class="small">
+                        <th class="ps-3 text-center"><?= _("Bénéficiaire") ?></th>
+                        <th class="text-center"><?= _("N° Famille") ?></th>
+                        <th><?= _("Identité de l'assuré") ?></th>
+                        <th class="text-center"><?= _("Lien / Sexe") ?></th>
+                        <th class="text-center"><?= _("Naissance") ?></th>
+                        <th class="text-center"><?= _("Contact") ?></th>
+                        <th><?= _("Souscripteur (Police)") ?></th>
+                        <th class="text-center pe-3"><?= _("État") ?></th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <?php foreach ($beneficiaires as $beneficiaire):
+                        $idBeneficiaire = $this->nettoyer($beneficiaire['id']);
+                        $numeroBeneficiaire = $this->nettoyer($beneficiaire['numeroBeneficiaire']);
+                        $etat = $this->nettoyer($beneficiaire['codeEtatBeneficiaire']);
+                        $etatClass = ($etat == 'ACTIF' || $etat == '1') ? 'bg-success' : 'bg-warning text-dark';
+                    ?>
+                    <tr class="cursor-pointer" 
+                        onclick="selectionner_beneficiaire(<?= $idBeneficiaire ?>,'<?= $numeroBeneficiaire ?>');" 
+                        ondblclick="selectionner_beneficiaire(<?= $idBeneficiaire ?>,'<?= $numeroBeneficiaire ?>'); afficher_beneficiaire_id();">
+                        
+                        <td class="text-center ps-3">
+                            <span class="badge bg-light text-primary border border-primary-subtle fw-bold p-2">
+                                <?= $numeroBeneficiaire ?>
+                            </span>
+                        </td>
+                        <td class="text-center text-muted fw-bold"><?= $this->nettoyer($beneficiaire['numeroAdherent']) ?></td>
+                        <td>
+                            <div class="fw-bold text-uppercase text-dark"><?= $this->nettoyer($beneficiaire['nomBeneficiaire']) ?></div>
+                            <div class="small text-muted"><?= $this->nettoyer($beneficiaire['prenomsBeneficiaire']) ?></div>
+                        </td>
+                        <td class="text-center">
+                            <span class="badge bg-info-subtle text-info small border border-info-subtle"><?= $this->nettoyer($beneficiaire['codeLienParente']) ?></span>
+                            <div class="x-small text-muted mt-1 fw-bold"><?= $this->nettoyer($beneficiaire['sexe']) ?></div>
+                        </td>
+                        <td class="text-center"><?= dateLang($this->nettoyer($beneficiaire['dateNaissance'])) ?></td>
+                        <td class="text-center small">
+                            <i class="fas fa-phone-alt me-1 text-muted x-small"></i> <?= $this->nettoyer($beneficiaire['telephonePortable']) ?: '--' ?>
+                        </td>
+                        <td>
+                            <div class="small text-truncate" style="max-width: 150px;" title="<?= $this->nettoyer($beneficiaire['nomClient']) ?>">
+                                <i class="fas fa-briefcase me-1 text-muted"></i> <?= $this->nettoyer($beneficiaire['nomClient']) ?>
+                            </div>
+                        </td>
+                        <td class="text-center pe-3">
+                            <span class="badge <?= $etatClass ?> px-2 py-1 small"><?= $etat ?></span>
+                        </td>
+                    </tr>
+                    <?php endforeach; ?>
+                </tbody>
+            </table>
+        </div>
+    </div>
+    <?php elseif(isset($_POST['lancerrecherche'])): ?>
+        <div class="alert alert-info border-0 shadow-sm d-flex align-items-center">
+            <i class="fas fa-info-circle fa-2x me-3"></i>
+            <div><?= _("Aucun assuré ne correspond à vos critères de recherche.") ?></div>
+        </div>
+    <?php endif; ?>
+</div>
 
-				<td align="center"> <?= $this->nettoyer($beneficiaire['numeroAdherent']) ?></td>
-				
-				<td><?= $this->nettoyer($beneficiaire['nomBeneficiaire']) ?></td>
-				<td><?= $this->nettoyer($beneficiaire['prenomsBeneficiaire']) ?></td>
-				<td align="center"><?= $this->nettoyer($beneficiaire['codeLienParente']) ?></td>
-				<td align="center"><?= dateLang($this->nettoyer($beneficiaire['dateNaissance'])) ?></td>
-				<td align="center"><?= $this->nettoyer($beneficiaire['sexe']) ?></td>
-				<td align="center"><?= $this->nettoyer($beneficiaire['telephonePortable']) ?></td>
-				<td><?= $this->nettoyer($beneficiaire['nomClient']) ?></td>
-				<td align="center"><?= $this->nettoyer($beneficiaire['codeEtatBeneficiaire']) ?></td>
-			  </tr>
-			<?php endforeach; ?>
-
-		</tbody>
-	</table>
-	<?php endif; ?>
-	
-</form>
+<style>
+    .cursor-pointer { cursor: pointer; transition: all 0.2s; }
+    .cursor-pointer:hover { background-color: #f1f4f9 !important; }
+    .x-small { font-size: 0.7rem; }
+</style>
\ No newline at end of file