diff --git a/Vue/Listeimportassure/index.php b/Vue/Listeimportassure/index.php
index c73c4cf..1fde3a1 100644
--- a/Vue/Listeimportassure/index.php
+++ b/Vue/Listeimportassure/index.php
@@ -1,118 +1,151 @@
-<?php 
-	$this->titre = "INTER-SANTE - Liste Assurés Importés"; 
-?>
+<?php $this->titre = "INTER-SANTE - " . _("Validation Importation"); ?>
 
-<script type="text/javascript">
+<div id="div_liste_adherent" class="container-fluid py-1 animate__animated animate__fadeIn">
+    
+	<h1 class="text-primary"><i class="fas fa-user-check me-2"></i></i> <?= _("Importer les assurés") ?></h1>
 
-</script>
+    <div class="row g-3 mb-4">
+        <div class="col-md-4">
+            <div class="card shadow-sm border-0 bg-primary text-white">
+                <div class="card-body">
+                    <h6 class="text-white-50 small fw-bold text-uppercase"><?= _("Volume Importé") ?></h6>
+                    <div class="d-flex align-items-center">
+                        <h2 class="mb-0 fw-bold"><?= $nb_ligne_ass ?></h2>
+                        <span class="ms-2 small"><?= _("lignes totales") ?></span>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-4">
+            <div class="card shadow-sm border-0 <?= ($nb_adh > 0) ? 'bg-warning text-dark' : 'bg-success text-white' ?>">
+                <div class="card-body">
+                    <h6 class="small fw-bold text-uppercase"><?= _("Alertes Données") ?></h6>
+                    <div class="d-flex align-items-center">
+                        <h2 class="mb-0 fw-bold"><?= $nb_adh ?></h2>
+                        <span class="ms-2 small"><?= _("sans collège / catégorie") ?></span>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-4">
+            <div class="card shadow-sm border-0 bg-dark text-white">
+                <div class="card-body">
+                    <h6 class="text-white-50 small fw-bold text-uppercase"><?= _("Total TTC") ?></h6>
+                    <div class="d-flex align-items-center">
+                        <h2 class="mb-0 fw-bold"><?= format_N($dbeneficiaires_total['primeTtcTotal']) ?></h2>
+                        <span class="ms-2 small text-white-50">FCFA</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
 
-<input class="sr-only" type="text" id="nb_adh" name="nb_adh" value="<?= $nb_adh ?>">
-<input class="sr-only" type="text" id="nb_ligne_ass" name="nb_ligne_ass" value="<?= $nb_ligne_ass ?>">
+    <div class="card shadow-sm border-0 mb-4">
+        <div class="card-body p-0">
+            <div class="table-responsive">
+                <table class="table table-sm mb-0 text-center fw-bold small">
+                    <thead class="bg-light">
+                        <tr>
+                            <th class="py-2"><?= _("Total HT") ?></th>
+                            <th class="py-2 text-primary"><?= (isset($_SESSION['composanteprime']['Taxes'])) ? $_SESSION['composanteprime']['Taxes'] : _("Taxes") ?></th>
+                            <th class="py-2 text-info"><?= (isset($_SESSION['composanteprime']['Cartes'])) ? $_SESSION['composanteprime']['Cartes'] : _("Cartes") ?></th>
+                            <th class="py-2 bg-dark text-white border-dark"><?= _("TOTAL TTC") ?></th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td class="fs-5"><?= format_N($dbeneficiaires_total['primeHtTotal']) ?></td>
+                            <td class="fs-5 text-primary"><?= format_N($dbeneficiaires_total['taxeTotal']) ?></td>
+                            <td class="fs-5 text-info"><?= format_N($dbeneficiaires_total['fraisCarteTotal']) ?></td>
+                            <td class="fs-5 bg-dark text-white border-dark"><?= format_N($dbeneficiaires_total['primeTtcTotal']) ?></td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
 
-<legend>  <?=  _("Liste Assurés Importés") . " => " . _("Lignes Totales") . " => " . $nb_ligne_ass . " => " . _("Lignes sans collège") . " => " . $nb_adh ?>  </legend>
+    <div id="div_liste_assure_importe" class="card shadow-sm border-0">
+        <div class="card-header bg-white py-3 d-flex justify-content-between align-items-center">
+            <h5 class="mb-0 fw-bold text-secondary"><i class="fas fa-users me-2"></i><?= _("Détail des bénéficiaires") ?></h5>
+            <div class="btn-group">
+                <button class="btn btn-sm btn-outline-secondary" onclick="exportExcel()">Excel</button>
+                <button class="btn btn-sm btn-outline-secondary" onclick="exportPdf()">PDF</button>
+            </div>
+        </div>
+        
+        <div class="card-body p-0">
+            <?php if ($nb_ligne_ass > 0): ?>
+            <div class="table-responsive">
+                <table class="table table-hover align-middle mb-0" style="font-size: 0.82rem;">
+                    <thead class="table-light">
+                        <tr class="text-muted small">
+                            <th class="ps-3"><?= _("Cat/Collège/Produit") ?></th>
+                            <th class="text-center"><?= _("N° Fam/Adh") ?></th>
+                            <th><?= _("Identité") ?></th>
+                            <th class="text-center"><?= _("Lien/Sexe") ?></th>
+                            <th class="text-center"><?= _("Dates") ?></th>
+                            <th class="text-end"><?= _("Prime HT") ?></th>
+                            <th class="text-end"><?= _("TTC") ?></th>
+                            <th class="pe-3 text-center"><?= _("Action") ?></th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <?php foreach ($beneficiaires as $beneficiaire): 
+                            $hasError = ($beneficiaire['idCollege'] <= 0);
+                        ?>
+                        <tr class="<?= $hasError ? 'table-warning' : '' ?>">
+                            <td class="ps-3">
+                                <div class="fw-bold"><?= $this->nettoyer($beneficiaire['categorie']) ?></div>
+                                <div class="small <?= $hasError ? 'text-danger fw-bold' : 'text-muted' ?>">
+                                    <?= $this->nettoyer($beneficiaire['libelleCollege']) ?: _("Collège manquant") ?> 
+                                    <span class="mx-1">|</span> <?= $this->nettoyer($beneficiaire['codeProduit']) ?>
+                                </div>
+                            </td>
+                            <td class="text-center">
+                                <div class="badge bg-light text-dark border small fw-normal"><?= $this->nettoyer($beneficiaire['noFamille']) ?></div>
+                                <div class="x-small text-muted mt-1"><?= $this->nettoyer($beneficiaire['numeroAdherent']) ?></div>
+                            </td>
+                            <td>
+                                <div class="fw-bold text-uppercase"><?= $this->nettoyer($beneficiaire['nom']) ?></div>
+                                <div class="small text-muted"><?= $this->nettoyer($beneficiaire['prenoms']) ?></div>
+                            </td>
+                            <td class="text-center">
+                                <span class="badge bg-info-subtle text-info border border-info-subtle mb-1"><?= $this->nettoyer($beneficiaire['codeLienParente']) ?></span>
+                                <div class="fw-bold small"><?= $this->nettoyer($beneficiaire['sexe']) ?></div>
+                            </td>
+                            <td class="text-center">
+                                <div class="small text-muted"><?= _("Né le") ?> <?= dateLang($this->nettoyer($beneficiaire['dateNaissance'])) ?></div>
+                                <div class="small fw-bold text-primary"><?= _("Effet") ?> <?= dateLang($this->nettoyer($beneficiaire['dateEffet'])) ?></div>
+                            </td>
+                            <td class="text-end fw-bold"><?= format_N($this->nettoyer($beneficiaire['primeHt'])) ?></td>
+                            <td class="text-end fw-bold text-dark"><?= format_N($this->nettoyer($beneficiaire['primeTtc'])) ?></td>
+                            <td class="text-center pe-3">
+                                <button class="btn btn-sm btn-link text-primary p-0"><i class="fas fa-edit"></i></button>
+                            </td>
+                        </tr>
+                        <?php endforeach; ?>
+                    </tbody>
+                </table>
+            </div>
+            <?php else : ?>
+                <div class="text-center py-5">
+                    <i class="fas fa-folder-open fa-3x text-muted mb-3"></i>
+                    <h4 class="text-muted"><?= _("AUCUNE DONNÉE À AFFICHER") ?></h4>
+                </div>
+            <?php endif; ?>
+        </div>
+    </div>
+</div>
 
-<div id ="div_liste_assure_importe">
+<input class="sr-only" type="text" id="nb_adh" value="<?= $nb_adh ?>">
+<input class="sr-only" type="text" id="nb_ligne_ass" value="<?= $nb_ligne_ass ?>">
+<input class="sr-only" type="text" id="primeTtcTotal" value="<?= $this->nettoyer($dbeneficiaires_total['primeTtcTotal']) ?>">
 
-	<?php if ($nb_ligne_ass>'0'): ?>
-	
-		<input class="sr-only" type="text" id="primeTtcTotal" name="primeTtcTotal" value="<?= $this->nettoyer($dbeneficiaires_total['primeTtcTotal']) ?>">
+<div id="div_export_a"></div>
 
-		<table class="table table-striped table-bordered table-hover table-condensed table-responsive" style="font-size:8pt;">
-			<thead>
-
-			  <tr>
-				<td colspan="11" style='text-align:center'> <?= format_N($this->nettoyer($dbeneficiaires_total['nbLigne'])) ?> <?= _("Lignes au total") ?> </td>
-
-				<td align='center'><?= format_N($this->nettoyer($dbeneficiaires_total['primeHtTotal'])) ?></td>					
-				<td align='center'><?= format_N($this->nettoyer($dbeneficiaires_total['taxeTotal'])) ?></td>					
-				<td align='center'><?= format_N($this->nettoyer($dbeneficiaires_total['fraisCarteTotal'])) ?></td>					
-				<td align='center'><?= format_N($this->nettoyer($dbeneficiaires_total['primeTtcTotal'])) ?></td>					
-				<td align='center'><?= format_N($this->nettoyer($dbeneficiaires_total['primeNetteStatTotal'])) ?></td>					
-			  </tr>
-
-			  <tr>
-				<th colspan="3" style='text-align:center'> <?= _("Catégoerie ou Collège") ?> </th>
-				<th colspan="2" style='text-align:center'> <?= _("No Famille") ?> </th>
-				<th> <?= _("Nom") ?> </th>
-				<th> <?= _("Prénoms") ?> </th>
-				<th style='text-align:center'> <?= _("Lien Parenté") ?> </th>
-				<th style='text-align:center'>Sex</th>
-				<th style='text-align:center'> <?= _("Naissance") ?> </th>
-				<th style='text-align:center'> <?= _("Effet") ?> </th>
-				
-				<th style='text-align:center'> <?= _("Prime HT") ?> </th>
-				<th style='text-align:center'> <?= (isset($_SESSION['composanteprime']['Taxes'])) ? _($_SESSION['composanteprime']['Taxes']) : _("Taxes") ?> </th>
-				<th style='text-align:center'>
-					<?php
-						if(isset($_SESSION['composanteprime']['Cartes']))
-						{
-							echo _($_SESSION['composanteprime']['Cartes']);
-						}
-						else
-						{
-							echo _("Cartes");
-						}
-					?> 				
-				</th>
-				<th style='text-align:center'> <?= _("TTC") ?> </th>
-				<th style='text-align:center'>Stat</th>
-			  </tr>
-			</thead>
-			
-			<tfoot>
-			  <tr>
-				<td colspan="11" style='text-align:center'> <?= format_N($this->nettoyer($dbeneficiaires_total['nbLigne'])) ?> <?= _("Lignes au total") ?> </td>
-
-				<td align='center'><?= format_N($this->nettoyer($dbeneficiaires_total['primeHtTotal'])) ?></td>					
-				<td align='center'><?= format_N($this->nettoyer($dbeneficiaires_total['taxeTotal'])) ?></td>					
-				<td align='center'><?= format_N($this->nettoyer($dbeneficiaires_total['fraisCarteTotal'])) ?></td>					
-				<td align='center'><?= format_N($this->nettoyer($dbeneficiaires_total['primeTtcTotal'])) ?></td>					
-				<td align='center'><?= format_N($this->nettoyer($dbeneficiaires_total['primeNetteStatTotal'])) ?></td>					
-			  </tr>
-			</tfoot>
-			
-			<tbody>
-				<?php foreach ($beneficiaires as $beneficiaire):
-					$idBeneficiairemodel=$beneficiaire['idBeneficiairemodel'];
-					$idCollege=$beneficiaire['idCollege'];
-				?>
-					<td align='center'><?=  $this->nettoyer($beneficiaire['categorie']) ?></td>
-					
-					<?php if ($idCollege>'0'): ?>
-						<td align='center'><?=  $this->nettoyer($beneficiaire['libelleCollege']) ?></td>
-						<td align='center'><?=  $this->nettoyer($beneficiaire['codeProduit']) ?></td>
-					<?php else : ?>
-						<td align='center' style="background-color: yellow;"><?=  $this->nettoyer($beneficiaire['libelleCollege']) ?></td>
-						<td align='center' style="background-color: yellow;"><?=  $this->nettoyer($beneficiaire['codeProduit']) ?></td>
-					<?php endif; ?>
-					
-					<td align='center'><?=  $this->nettoyer($beneficiaire['numeroAdherent']) ?></td>
-					<td align='center'><?=  $this->nettoyer($beneficiaire['noFamille']) ?></td>
-					<td><?= $this->nettoyer($beneficiaire['nom']) ?></td>
-					<td><?= $this->nettoyer($beneficiaire['prenoms']) ?></td>
-					<td align='center'><?=  $this->nettoyer($beneficiaire['codeLienParente']) ?></td>
-					<td align='center'><?=  $this->nettoyer($beneficiaire['sexe']) ?></td>
-					<td align='center'><?= dateLang($this->nettoyer($beneficiaire['dateNaissance'])) ?></td>
-					<td align='center'><?= dateLang($this->nettoyer($beneficiaire['dateEffet'])) ?></td>
-					
-					<td align='center'><?= format_N($this->nettoyer($beneficiaire['primeHt'])) ?></td>					
-					<td align='center'><?= format_N($this->nettoyer($beneficiaire['taxe'])) ?></td>					
-					<td align='center'><?= format_N($this->nettoyer($beneficiaire['fraisCarte'])) ?></td>					
-					<td align='center'><?= format_N($this->nettoyer($beneficiaire['primeTtc'])) ?></td>					
-					<td align='center'><?= format_N($this->nettoyer($beneficiaire['primeNetteStat'])) ?></td>					
-				</tr>
-				<?php endforeach; ?>
-			</tbody>
-		</table>
-	
-	<?php else : ?>
-		<div  class="alert alert-danger" style="height:30px; padding:5px;" >
-		  <H4> <?= _("FICHIER IMPORTATION VIDE!") ?> </H4>
-		</div>	
-	<?php endif; ?>
-	
-</div>	
-
-<div id ="div_export_a">
-</div>	
-	
+<style>
+    .x-small { font-size: 0.7rem; }
+    .table-warning { background-color: #fff3cd !important; }
+    .table-hover tbody tr:hover { background-color: rgba(0,0,0,.03) !important; }
+</style>
\ No newline at end of file