diff --git a/Vue/Ajaxdetailretrait/index.php b/Vue/Ajaxdetailretrait/index.php
index 124e125..4c8fd05 100644
--- a/Vue/Ajaxdetailretrait/index.php
+++ b/Vue/Ajaxdetailretrait/index.php
@@ -1,118 +1,142 @@
 <?php 
-	$nbFactAntiDate = $this->nettoyer($avenant['nbFactAntiDate']);
+    $nbFactAntiDate = $this->nettoyer($avenant['nbFactAntiDate']);
+    $taxLabel = (isset($_SESSION['composanteprime']['Taxes'])) ? _($_SESSION['composanteprime']['Taxes']) : _("Taxes");
 ?>
 
-KANE LAZENi
+<div class="card shadow-sm border-0 mb-4 animate__animated animate__fadeIn">
+    <div class="card-body p-0">
+        <div class="table-responsive">
+            <table class="table table-borderless align-middle mb-0 text-center" style="font-size: 8.5pt;">
+                <thead class="bg-light text-muted text-uppercase" style="font-size: 7.5pt;">
+                    <tr>
+                        <th class="py-3"><?= _("P. Nette Comm") ?></th>
+                        <th class="py-3"><?= _("Comm Courtage") ?></th>
+                        <th class="py-3"><?= _("Comm Commerc") ?></th>
+                        <th class="py-3"><?= _("Accessoires") ?></th>
+                        <th class="py-3 fw-bold text-dark"><?= _("Primes Nettes") ?></th>
+                        <th class="py-3"><?= $taxLabel ?></th>
+                        <th class="py-3"><?= _("Cartes") ?></th>
+                        <th class="py-3 text-primary fw-bold"><?= _("TTC") ?></th>
+                        <th class="py-3"><?= _("P. Nette Stat") ?></th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr class="fw-bold border-bottom">
+                        <td><?= format_N($this->nettoyer($avenant['primeNette'])) ?></td>
+                        <td><?= format_N($this->nettoyer($avenant['commission'])) ?></td>
+                        <td><?= format_N($this->nettoyer($avenant['commissionAutre'])) ?></td>
+                        <td><?= format_N($this->nettoyer($avenant['accessoire'])) ?></td>
+                        <td class="bg-light-subtle"><?= format_N($this->nettoyer($avenant['primeHt'])) ?></td>
+                        <td><?= format_N($this->nettoyer($avenant['taxe'])) ?></td>
+                        <td><?= format_N($this->nettoyer($avenant['fraisCarte'])) ?></td>
+                        <td class="text-primary fs-6"><?= format_N($this->nettoyer($avenant['primeTtcInitial'])) ?></td>
+                        <td><?= format_N($this->nettoyer($avenant['primeNetteStat'])) ?></td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+        
+        <div class="bg-light p-3 d-flex flex-wrap gap-2 justify-content-center border-top">
+            <button type="button" class="btn btn-outline-info px-4 fw-bold shadow-sm rounded-pill" onclick="pop_afficher_selection_retrait();">
+                <i class="fas fa-user-plus me-2"></i><?= _("Sélectionner Assurés") ?>
+            </button>
+            <button type="button" class="btn btn-danger px-4 fw-bold shadow-sm rounded-pill text-uppercase" onclick="recapituler_retrait();">
+                <i class="fas fa-calculator me-2"></i><?= _("Récapituler") ?>
+            </button>
+            <button type="button" class="btn btn-primary px-4 fw-bold shadow-sm rounded-pill text-uppercase" onclick="enregistrer_retrait();">
+                <i class="fas fa-save me-2"></i><?= _("Enregistrer le retrait") ?>
+            </button>
+        </div>
+    </div>
+</div>
 
-<table class="table table-responsive table-condensed" style='font-size:9pt; text-align:center'>
-	<thead>
-		<tr>
-				<th  style='text-align:center'> <?= _("P NETTE DE COMM") ?> </th>
-				<th  style='text-align:center'> <?= _("COMM COURTAGE") ?> </th>
-				<th  style='text-align:center'> <?= _("COMM COMMERC") ?> </th>
-				<th  style='text-align:center'> <?= _("ACCESSOIRES") ?> </th>
-				<th  style='text-align:center'> <?= _("PRIMES NETTES") ?> </th>
-				<th  style='text-align:center'> <?= (isset($_SESSION['composanteprime']['Taxes'])) ? _($_SESSION['composanteprime']['Taxes']) : _("Taxes") ?> </th>
-				<th  style='text-align:center'> <?= _("CARTES") ?> </th>
-				<th  style='text-align:center'> <?= _("TTC") ?> </th>
-				<th  width="12%" style='text-align:center'> <?= _("P NETTE STAT") ?> </th>
-		</tr>
-	</thead>
-
-	<tbody>	
-		<tr> 
-				<td> <?= format_N($this->nettoyer($avenant['primeNette'])) ?> </td> 
-				<td> <?= format_N($this->nettoyer($avenant['commission'])) ?> </td> 
-				<td> <?= format_N($this->nettoyer($avenant['commissionAutre'])) ?> </td> 
-				<td> <?= format_N($this->nettoyer($avenant['accessoire'])) ?> </td> 
-				<td> <?= format_N($this->nettoyer($avenant['primeHt'])) ?> </td> 
-				<td> <?= format_N($this->nettoyer($avenant['taxe'])) ?> </td> 
-				<td> <?= format_N($this->nettoyer($avenant['fraisCarte'])) ?> </td> 
-				<td> <?= format_N($this->nettoyer($avenant['primeTtcInitial'])) ?> </td> 
-				<td> <?= format_N($this->nettoyer($avenant['primeNetteStat'])) ?> </td> 
-		</tr>
-		
-		<tr> 
-			<td colspan="3"> <button type="button" style='font-size:10pt;'  class="form-control btn btn-info" onclick="javascript:pop_afficher_selection_retrait();" > <?= _("Sélection des assurées à retirer...") ?> </button> </td>
-			
-			<td colspan="3"> <input style='font-size:10pt;' class = "form-control btn btn-danger" type="button" value="<?= _("Récapituler") ?>" onClick="javascript:recapituler_retrait();"> </td>
-
-			<td colspan="3"> <input style='font-size:10pt;' class = "form-control btn btn-primary" type="button" value="<?= _("Enregistrer") ?>" onClick="javascript:enregistrer_retrait();"> </td>
-		</tr>
-		
-	</tbody>
-</table>
-
-<?php if ($nbFactAntiDate>1): ?>
-	<div  class="alert alert-danger">
-		<H4> <?= "Attention, cette police possède ". $nbFactAntiDate . " factures plus anciennes que la date de retrait!" ?></H4>
-	</div>	
+<?php if ($nbFactAntiDate > 1): ?>
+    <div class="alert alert-custom-danger d-flex align-items-center animate__animated animate__headShake" role="alert">
+        <i class="fas fa-exclamation-triangle fa-2x me-3"></i>
+        <div>
+            <h5 class="alert-heading mb-1 fw-bold"><?= _("Alerte de cohérence") ?></h5>
+            <p class="mb-0"><?= sprintf(_("Attention, cette police possède %d factures plus anciennes que la date de retrait !"), $nbFactAntiDate) ?></p>
+        </div>
+    </div>
 <?php endif; ?>
 
-<legend> <?= _("DETAIL DES ASSURES A RETIRER") ?> </legend>
+<div class="d-flex align-items-center justify-content-between mb-3 mt-5">
+    <h5 class="fw-bold text-uppercase mb-0 text-secondary border-start border-4 border-info ps-3">
+        <?= _("Détail des assurés à retirer") ?>
+    </h5>
+    <input type="hidden" id="nbAliment" name="nbAliment" value="<?= $this->nettoyer($avenant['nbAliment']) ?>">
+    <span class="badge bg-info shadow-sm px-3 py-2"><?= _("Effectif") ?> : <?= $this->nettoyer($avenant['nbAliment']) ?></span>
+</div>
 
-<INPUT class="sr-only"  id="nbAliment" NAME="nbAliment" TYPE="text" value="<?= $this->nettoyer($avenant['nbAliment']) ?>" >
+<div class="card shadow-sm border-0">
+    <div class="table-responsive">
+        <table class="table table-hover align-middle mb-0" style="font-size: 8.5pt;">
+            <thead class="table-dark text-uppercase" style="font-size: 7.5pt;">
+                <tr>
+                    <th class="ps-3"><?= _("Cat") ?></th>
+                    <th><?= _("Nom & Prénoms") ?></th>
+                    <th class="text-center"><?= _("Type") ?></th>
+                    <th class="text-center"><?= _("N° Assuré") ?></th>
+                    <th class="text-center"><?= _("Entrée") ?></th>
+                    <th class="text-center"><?= _("Durée") ?></th>
+                    <th class="text-center"><?= _("S/P") ?></th>
+                    <th class="text-center bg-secondary"><?= _("P. Non Acquise") ?></th>
+                    <th class="text-center bg-info text-dark"><?= _("P. Nette Rist") ?></th>
+                    <th class="text-center bg-info text-dark"><?= $taxLabel ?></th>
+                    <th class="text-center bg-primary fw-bold"><?= _("TTC Rist") ?></th>
+                    <th class="text-center pe-3"><?= _("Action") ?></th>
+                </tr>
+            </thead>
+            <tbody>
+                <?php foreach ($beneficiaires_sel as $b): ?>
+                    <tr>
+                        <td class="ps-3 fw-bold text-muted"><?= $this->nettoyer($b['codeProduit']) ?></td>
+                        <td class="fw-bold"><?= $this->nettoyer($b['nomBeneficiaire']) ?></td>
+                        <td class="text-center"><span class="badge bg-light text-dark border"><?= $this->nettoyer($b['codeLienParente']) ?></span></td>
+                        <td class="text-center text-muted"><?= $this->nettoyer($b['numeroBeneficiaire']) ?></td>
+                        <td class="text-center"><?= dateLang($this->nettoyer($b['dateEntree']), $_SESSION['lang']) ?></td>
+                        <td class="text-center"><?= $this->nettoyer($b['duree']) ?> <small>j</small></td>
+                        <td class="text-center"><?= $this->nettoyer($b['rapportsp']) ?>%</td>
+                        <td class="text-center fw-bold text-danger"><?= format_N($this->nettoyer($b['primeNonAcquise'])) ?></td>
+                        <td class="text-center"><?= format_N($this->nettoyer($b['primeHt'])) ?></td>
+                        <td class="text-center"><?= format_N($this->nettoyer($b['taxe'])) ?></td>
+                        <td class="text-center fw-bold text-primary"><?= format_N($this->nettoyer($b['primeTtc'])) ?></td>
+                        <td class="text-center pe-3">
+                            <div class="form-check form-switch d-inline-block">
+                                <input class="form-check-input custom-switch" type="checkbox" 
+                                       <?= ($b['choix'] == '1') ? 'checked' : '' ?>
+                                       onclick="beneficiaire_a_retirer(this.checked ? '1' : '0', <?= $b['idBeneficiaire_temp'] ?>);">
+                            </div>
+                        </td>
+                    </tr>
+                <?php endforeach; ?>
+            </tbody>
+            <tfoot class="table-light fw-bold border-top-2 border-dark">
+                <tr>
+                    <td colspan="7" class="text-end text-uppercase pe-4"><?= _("Totaux cumulés") ?></td>
+                    <td class="text-center text-danger"><?= format_N($this->nettoyer($avenant['primeNonAcquise'])) ?></td>
+                    <td class="text-center text-dark"><?= format_N($this->nettoyer($avenant['primeHt'])) ?></td>
+                    <td class="text-center text-dark"><?= format_N($this->nettoyer($avenant['taxe'])) ?></td>
+                    <td class="text-center text-primary fs-6"><?= format_N($this->nettoyer($avenant['primeTtc'])) ?></td>
+                    <td></td>
+                </tr>
+            </tfoot>
+        </table>
+    </div>
+</div>
 
-<table class="table table-striped table-bordered table-hover table-condensed table-responsive" style="font-size:8pt;">
-	<thead>
-		<tr>
-		<th> <?= _("Cat") ?> </th>
-		<th> <?= _("Nom") ?> </th>
-		<th style='text-align:center'> Type </th>
-		<th style='text-align:center'> <?= _("No") ?> </th>
-		<th style='text-align:center'> <?= _("Entrée") ?> </th>
-		<th style='text-align:center'> <?= _("Durée") ?> </th>
-		<th style='text-align:center'> <?= _("Dur Rist") ?> </th>
-		<th style='text-align:center'> <?= _("Ratio") ?> </th>
-		<th style='text-align:center'> <?= _("S/P") ?> </th>
-		<th style='text-align:center'> <?= _("P Nette An") ?> </th>
-		<th style='text-align:center'> <?= _("Ttc An") ?> </th>
-		<th style='text-align:center'> <?= _("P Non Acquise") ?> </th>
-		<th style='text-align:center'> <?= _("P Nette Rist") ?> </th>
-		<th style='text-align:center'> <?= (isset($_SESSION['composanteprime']['Taxes'])) ? _($_SESSION['composanteprime']['Taxes']) : _("Taxes") ?> </th>
-		<th style='text-align:center'> <?= _("Ttc Rist") ?> </th>
-		<th width="5%" style='text-align:center'> <?= _("Choix") ?> </th>
-	</tr>
-	</thead>
-
-	<tfoot>
-		<tr>
-			<td colspan="2" style='text-align:center'> <?= _("Nbre assurés à retirer") . " : " . $this->nettoyer($avenant['nbAliment']) ?> </td>
-			<td colspan="9" style='text-align:center'> Total </td>
-			<td align='center'><?= format_N($this->nettoyer($avenant['primeNonAcquise'])) ?></td>
-			<td align='center'><?= format_N($this->nettoyer($avenant['primeHt'])) ?></td>
-			<td align='center'><?= format_N($this->nettoyer($avenant['taxe'])) ?></td>
-			<td align='center'><?= format_N($this->nettoyer($avenant['primeTtc'])) ?></td>
-			<td> </td>
-		</tr>
-	</tfoot>
-	
-	<tbody>
-		<?php foreach ($beneficiaires_sel as $beneficiaire_sel):?>
-			<tr valign="top">
-				<td align='center'><?= $this->nettoyer($beneficiaire_sel['codeProduit']) ?></td>
-				<td><?= $this->nettoyer($beneficiaire_sel['nomBeneficiaire']) ?></td>
-				<td align='center'><?= $this->nettoyer($beneficiaire_sel['codeLienParente']) ?></td>
-				<td align='center'><?= $this->nettoyer($beneficiaire_sel['numeroBeneficiaire']) ?></td>
-				<td align='center'><?= dateLang($this->nettoyer($beneficiaire_sel['dateEntree']), $_SESSION['lang']) ?></td>
-				<td align='center'><?= $this->nettoyer($beneficiaire_sel['duree']) ?></td>
-				<td align='center'><?= $this->nettoyer($beneficiaire_sel['duree_non_acquise']) ?></td>
-				<td align='center'><?= $this->nettoyer($beneficiaire_sel['ratioNonAcquise']) ?></td>	
-				<td align='center'><?= $this->nettoyer($beneficiaire_sel['rapportsp']) ?></td>	
-				<td align='center'><?= format_N($this->nettoyer($beneficiaire_sel['primeNetteStat_an'])) ?></td>
-				<td align='center'><?= format_N($this->nettoyer($beneficiaire_sel['primeTtc_an'])) ?></td>
-				<td align='center'><?= format_N($this->nettoyer($beneficiaire_sel['primeNonAcquise'])) ?></td>					
-				<td align='center'><?= format_N($this->nettoyer($beneficiaire_sel['primeHt'])) ?></td>
-				<td align='center'><?= format_N($this->nettoyer($beneficiaire_sel['taxe'])) ?></td>
-				<td align='center'><?= format_N($this->nettoyer($beneficiaire_sel['primeTtc'])) ?></td>
-				
-				<?php if($beneficiaire_sel['choix']=='1'): ?>
-				<td align='center'> <input type="checkbox" checked value="<?= $beneficiaire_sel['choix'] ?>"  onClick="javascript:if(this.value=='1'){this.value='0'}else{this.value='1'};beneficiaire_a_retirer(this.value, <?= $beneficiaire_sel['idBeneficiaire_temp'] ?>);"></td> 
-				<?php else: ?>
-				<td align='center'> <input type="checkbox" value="<?= $beneficiaire_sel['choix'] ?>"  onClick="javascript:if(this.value=='1'){this.value='0'}else{this.value='1'};beneficiaire_a_retirer(this.value, <?= $beneficiaire_sel['idBeneficiaire_temp'] ?>);"></td> 
-				<?php endif; ?>
-				
-			</tr>
-		<?php endforeach; ?>
-	</tbody>
-</table>
+<style>
+    /* Design Alertes */
+    .alert-custom-danger { background-color: #fff5f5; border-left: 5px solid #dc3545; color: #842029; box-shadow: 0 2px 10px rgba(220, 53, 69, 0.1); }
+    
+    /* Boutons et Inputs */
+    .custom-switch { cursor: pointer; width: 2.5em !important; height: 1.25em !important; }
+    .custom-switch:checked { background-color: #0d6efd; border-color: #0d6efd; }
+    
+    /* Table Styling */
+    .table-hover tbody tr:hover { background-color: rgba(13, 110, 253, 0.05); }
+    .shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; }
+    
+    /* Badge contextuel */
+    .bg-light-subtle { background-color: #f8f9fa; }
+</style>
\ No newline at end of file
diff --git a/Vue/Ficheretrait/index.php b/Vue/Ficheretrait/index.php
index 4c4f893..03bf142 100644
--- a/Vue/Ficheretrait/index.php
+++ b/Vue/Ficheretrait/index.php
@@ -1,94 +1,143 @@
 <?php 
-	$this->titre = "INTER-SANTE - Récap résiliation"; 
-	$nbFactAntiDate = $this->nettoyer($avenant['nbFactAntiDate']);
+    $this->titre = "INTER-SANTE - Récap résiliation"; 
+    $nbFactAntiDate = $this->nettoyer($avenant['nbFactAntiDate']);
 ?>
 
-<INPUT class="sr-only" id="tauxRistourne" NAME="tauxRistourne" TYPE="text"  value="<?= $this->nettoyer($avenant['tauxRistourne']) ?>" >
-<button type="button" style='font-size:10pt;'  class="sr-only" onclick="javascript:appliquer_taux_ristourne();" > </button>
-
-<button id="btn_pop" NAME="btn_pop" type="button" class="sr-only" data-bs-toggle="modal" data-bs-target="#popdetailassure"> </button>
-
-<legend> <?= _("RECAPITULATIF RETRAIT ASSURES DE LA POLICE") . " : " . $this->nettoyer($_SESSION['numeroPolice_C'])?> </legend>
-
-<table class="table table-responsive table-condensed" style='font-size:9pt; text-align:center'>
-	<thead>
-		<tr>
-			<th  width="16%" style='text-align:center'> <?= _("Date Effet Police") ?> </th>
-			<th  width="16%" style='text-align:center'> <?= _("Date Echéance Police") ?> </th>
-			<th  width="16%" style='text-align:center'> <?= _("Durée Police") ?> </th>
-			
-			<th  width="16%" style='text-align:center'> <?= _("Date Effet Avenant") ?> </th>
-			<th  width="16%" style='text-align:center'> <?= _("Date Echéance Avenant") ?> </th>
-			<th  width="20%" style='text-align:center'> <?= _("Durée Avenant") ?> </th>
-			
-		</tr>
-	</thead>
-
-	<tbody>	
-
-	<tr> 
-			<td> <?= dateLang($this->nettoyer($emission['dateEffet']), $_SESSION['lang']) ?> </td> 
-			<td> <?= dateLang($this->nettoyer($emission['dateEcheance']), $_SESSION['lang']) ?> </td> 
-			<td> <?= $this->nettoyer($emission['dureePolice']) ?> </td> 
-			
-			<td> <?= dateLang($this->nettoyer($avenant['dateEffet']), $_SESSION['lang']) ?> </td> 
-			<td> <?= dateLang($this->nettoyer($avenant['dateEcheance']), $_SESSION['lang']) ?> </td> 
-			<td> <?= $this->nettoyer($avenant['dureeAvenant']) ?> </td> 
-			
-		</tr>
-	</tbody>
-</table>	
-
-<table class="table table-responsive table-condensed"  style='font-size:9pt; text-align:center'>
-	<thead>
-		<tr>
-			<th width="20%" style='text-align:center'> <?= _("Primes Totales") ?> </th>
-			<th width="20%" style='text-align:center'> <?= _("Primes Acquises") ?> </th>
-			<th width="20%" style='text-align:center'> <?= _("Consommations") ?> </th>
-			<th width="20%" style='text-align:center'> <?= _("Rapport S/P") ?> </th>
-			<th width="20%" style='text-align:center'> TOTAL </th>
-		</tr>
-	</thead>
-
-	<tbody>	
-		<tr> 
-			<td> <?= format_N($this->nettoyer($sppolice['primestat'])) ?> </td> 
-			
-			<td> <?= format_N($this->nettoyer($sppolice['prime_acquise'])) ?> </td> 			
-
-			<td> <?= format_N($this->nettoyer($sppolice['consommation'])) ?> </td> 
-
-			<td> <?= $this->nettoyer($sppolice['rapportsp']) ?> </td> 
-			
-			<td> <?= $this->nettoyer($sppolice['tauxRistourne']) ?> </td> 
-		</tr>
-	</tbody>
-</table>	
-
-<legend> <?= _("DETAIL PRIMES A RISTOURNER") ?> </legend>
-
-<div id="div_assure_a_retirer">	
-	<?php include 'Vue/Ajaxdetailretrait/index.php';  ?>
-</div>	
-
-
-<div class="modal fade modal-office" id="popdetailassure" role="dialog" data-bs-backdrop="static" data-bs-keyboard="false">
-  <div class="modal-dialog modal-lg">
-    <div class="modal-content modal-office">
-      
-      <div class="modal-header">
-        <h5 class="modal-title" id="popdetailassureLabel"><?= _("Détail retrait") ?></h5>
-        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="<?= _("Fermer") ?>"></button>
-      </div>
-
-      <div class="modal-body">
-        <div id="div_selection_assure"></div>
-      </div>
-
-      <div class="modal-footer">
-        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><?= _("Fermer") ?></button>
-      </div>
+<input type="hidden" id="tauxRistourne" name="tauxRistourne" value="<?= $this->nettoyer($avenant['tauxRistourne']) ?>">
+<button id="btn_pop" name="btn_pop" type="button" class="visually-hidden" data-bs-toggle="modal" data-bs-target="#popdetailassure"></button>
 
+<div id="div_liste" class="container-fluid py-4 animate__animated animate__fadeIn">
+    
+    <div class="d-flex align-items-center mb-4">
+        <div class="bg-danger text-white p-3 rounded-3 shadow-sm me-3">
+            <i class="fas fa-file-contract fa-2x"></i>
+        </div>
+        <div>
+            <h4 class="mb-0 fw-bold text-uppercase"><?= _("Récapitulatif Retrait Assurés") ?></h4>
+            <p class="text-muted mb-0"><?= _("Police N°") ?> <span class="badge bg-dark fs-6"><?= $this->nettoyer($_SESSION['numeroPolice_C']) ?></span></p>
+        </div>
+    </div>
+
+    <div class="row g-4 mb-4">
+        <div class="col-md-6">
+            <div class="card border-0 shadow-sm h-100">
+                <div class="card-header bg-primary bg-opacity-10 border-0 py-3">
+                    <h6 class="card-title mb-0 fw-bold text-primary"><i class="fas fa-shield-alt me-2"></i><?= _("Informations Police") ?></h6>
+                </div>
+                <div class="card-body">
+                    <div class="row text-center">
+                        <div class="col-4 border-end">
+                            <label class="small text-muted d-block"><?= _("Effet") ?></label>
+                            <span class="fw-bold"><?= dateLang($this->nettoyer($emission['dateEffet']), $_SESSION['lang']) ?></span>
+                        </div>
+                        <div class="col-4 border-end">
+                            <label class="small text-muted d-block"><?= _("Échéance") ?></label>
+                            <span class="fw-bold"><?= dateLang($this->nettoyer($emission['dateEcheance']), $_SESSION['lang']) ?></span>
+                        </div>
+                        <div class="col-4">
+                            <label class="small text-muted d-block"><?= _("Durée") ?></label>
+                            <span class="badge bg-primary"><?= $this->nettoyer($emission['dureePolice']) ?> <?= _("Jours") ?></span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="col-md-6">
+            <div class="card border-0 shadow-sm h-100">
+                <div class="card-header bg-warning bg-opacity-10 border-0 py-3">
+                    <h6 class="card-title mb-0 fw-bold text-warning"><i class="fas fa-calendar-check me-2"></i><?= _("Informations Avenant") ?></h6>
+                </div>
+                <div class="card-body">
+                    <div class="row text-center">
+                        <div class="col-4 border-end">
+                            <label class="small text-muted d-block"><?= _("Effet") ?></label>
+                            <span class="fw-bold text-warning"><?= dateLang($this->nettoyer($avenant['dateEffet']), $_SESSION['lang']) ?></span>
+                        </div>
+                        <div class="col-4 border-end">
+                            <label class="small text-muted d-block"><?= _("Échéance") ?></label>
+                            <span class="fw-bold text-warning"><?= dateLang($this->nettoyer($avenant['dateEcheance']), $_SESSION['lang']) ?></span>
+                        </div>
+                        <div class="col-4">
+                            <label class="small text-muted d-block"><?= _("Durée") ?></label>
+                            <span class="badge bg-warning text-dark"><?= $this->nettoyer($avenant['dureeAvenant']) ?> <?= _("Jours") ?></span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="row g-3 mb-5 text-center">
+        <div class="col-md-2-4 col-sm-6">
+            <div class="p-3 bg-white rounded shadow-sm border-bottom border-4 border-primary h-100">
+                <div class="text-muted small mb-1"><?= _("Primes Totales") ?></div>
+                <div class="h5 fw-bold mb-0 text-primary"><?= format_N($this->nettoyer($sppolice['primestat'])) ?></div>
+            </div>
+        </div>
+        <div class="col-md-2-4 col-sm-6">
+            <div class="p-3 bg-white rounded shadow-sm border-bottom border-4 border-info h-100">
+                <div class="text-muted small mb-1"><?= _("Primes Acquises") ?></div>
+                <div class="h5 fw-bold mb-0 text-info"><?= format_N($this->nettoyer($sppolice['prime_acquise'])) ?></div>
+            </div>
+        </div>
+        <div class="col-md-2-4 col-sm-6">
+            <div class="p-3 bg-white rounded shadow-sm border-bottom border-4 border-danger h-100">
+                <div class="text-muted small mb-1"><?= _("Consommations") ?></div>
+                <div class="h5 fw-bold mb-0 text-danger"><?= format_N($this->nettoyer($sppolice['consommation'])) ?></div>
+            </div>
+        </div>
+        <div class="col-md-2-4 col-sm-6">
+            <div class="p-3 bg-white rounded shadow-sm border-bottom border-4 border-warning h-100">
+                <div class="text-muted small mb-1"><?= _("Rapport S/P") ?></div>
+                <div class="h5 fw-bold mb-0 text-warning"><?= $this->nettoyer($sppolice['rapportsp']) ?> %</div>
+            </div>
+        </div>
+        <div class="col-md-2-4 col-sm-12">
+            <div class="p-3 bg-dark rounded shadow-sm border-bottom border-4 border-success h-100">
+                <div class="text-white-50 small mb-1 text-uppercase fw-bold"><?= _("Total Ristourne") ?></div>
+                <div class="h4 fw-bold mb-0 text-success"><?= $this->nettoyer($sppolice['tauxRistourne']) ?></div>
+            </div>
+        </div>
+    </div>
+
+    <div class="d-flex align-items-center mb-3">
+        <hr class="flex-grow-1">
+        <span class="px-3 fw-bold text-muted text-uppercase small"><?= _("Détail des Primes à Ristourner") ?></span>
+        <hr class="flex-grow-1">
+    </div>
+
+    <div id="div_assure_a_retirer" class="bg-white rounded shadow-sm p-3"> 
+        <?php include 'Vue/Ajaxdetailretrait/index.php'; ?>
     </div>
-  </div>
 </div>
+
+<div class="modal fade" id="popdetailassure" tabindex="-1" role="dialog" data-bs-backdrop="static" data-bs-keyboard="false">
+    <div class="modal-dialog modal-lg modal-dialog-centered">
+        <div class="modal-content border-0 shadow">
+            <div class="modal-header bg-light py-3">
+                <h5 class="modal-title fw-bold" id="popdetailassureLabel">
+                    <i class="fas fa-search-plus me-2 text-primary"></i><?= _("Détail du retrait") ?>
+                </h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
+            </div>
+            <div class="modal-body p-4">
+                <div id="div_selection_assure" class="min-vh-25">
+                    </div>
+            </div>
+            <div class="modal-footer bg-light border-0">
+                <button type="button" class="btn btn-secondary px-4 rounded-pill fw-bold" data-bs-dismiss="modal"><?= _("Fermer") ?></button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<style>
+    .col-md-2-4 { flex: 0 0 auto; width: 20%; }
+    @media (max-width: 992px) { .col-md-2-4 { width: 50%; } }
+    @media (max-width: 576px) { .col-md-2-4 { width: 100%; } }
+    
+    .shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; }
+    .shadow-xs { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
+    .min-vh-25 { min-height: 150px; }
+</style>
\ No newline at end of file