diff --git a/Vue/Nonfacturepolice/index.php b/Vue/Nonfacturepolice/index.php
index 8c09eab..35c66d1 100644
--- a/Vue/Nonfacturepolice/index.php
+++ b/Vue/Nonfacturepolice/index.php
@@ -1,58 +1,87 @@
+<div id="div_liste_adherent" class="container-fluid animate__animated animate__fadeIn">
+    
+	<h1 class="text-primary"><i class="fas fa-file-invoice-dollar me-2"></i></i> <?= _("Primes non facturées") ?></h1>
 
-<legend> <?= _("PRIMES NON FACTUREES DE LA POLICE") . " : " . $this->nettoyer($_SESSION['numeroPolice_C'])?> </legend>
+	<div class="card-header d-flex justify-content-between align-items-center py-3">
+        <h4 class="fw-bold text-secondary mb-0">
+            <?= _("POLICE") ?> : <span class="badge bg-white text-primary ms-2"><?= $this->nettoyer($_SESSION['numeroPolice_C']) ?></span>
+        </h4>
+    </div>
 
-<table class="table table-responsive table-condensed" style='font-size:10pt; text-align:center'>
-	<thead>
-		<tr>
-			<td style='text-align:center'> Total </td>
-			<td align='center'><?= format_N($this->nettoyer($ente_nonfacture['nbLignesTotal'])) ?></td>
-			<td align='center'><?= format_N($this->nettoyer($ente_nonfacture['primeHtTotal'])) ?></td>
-			<td align='center'><?= format_N($this->nettoyer($ente_nonfacture['taxeTotal'])) ?></td>
-			<td align='center'><?= format_N($this->nettoyer($ente_nonfacture['fraisCarteTotal'])) ?></td>
-			<td align='center'><?= format_N($this->nettoyer($ente_nonfacture['primeTtcTotal'])) ?></td>
-		</tr>
+    <div class="row g-3 mb-4">
+        <div class="col-md-3">
+            <div class="card shadow-sm border-0 bg-light">
+                <div class="card-body py-3">
+                    <h6 class="text-muted small fw-bold text-uppercase mb-1"><?= _("Volume Total") ?></h6>
+                    <h4 class="mb-0 fw-bold"><?= format_N($ente_nonfacture['nbLignesTotal']) ?> <span class="small fw-normal text-muted fs-6"><?= _("Lignes") ?></span></h4>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-3">
+            <div class="card shadow-sm border-0 bg-light">
+                <div class="card-body py-3">
+                    <h6 class="text-muted small fw-bold text-uppercase mb-1"><?= _("Total HT") ?></h6>
+                    <h4 class="mb-0 fw-bold text-dark"><?= format_N($ente_nonfacture['primeHtTotal']) ?></h4>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-3">
+            <div class="card shadow-sm border-0 bg-light border-start border-info border-4">
+                <div class="card-body py-3">
+                    <h6 class="text-muted small fw-bold text-uppercase mb-1"><?= _("Taxes & Frais") ?></h6>
+                    <h4 class="mb-0 fw-bold text-info"><?= format_N($ente_nonfacture['taxeTotal'] + $ente_nonfacture['fraisCarteTotal']) ?></h4>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-3">
+            <div class="card shadow-sm border-0 bg-dark text-white">
+                <div class="card-body py-3">
+                    <h6 class="text-white-50 small fw-bold text-uppercase mb-1"><?= _("Total TTC") ?></h6>
+                    <h4 class="mb-0 fw-bold"><?= format_N($ente_nonfacture['primeTtcTotal']) ?></h4>
+                </div>
+            </div>
+        </div>
+    </div>
 
-		<tr>
-			<th style='text-align:center'> <?= _("Date Effet") ?> </th>
-			<th style='text-align:center'> <?= _("Nb Lignes") ?> </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'> <?= _("Prime TTC") ?> </th>
-		</tr>
-	</thead>
+    <div class="card shadow-sm border-0 overflow-hidden">
+        <div class="table-responsive">
+            <table class="table table-hover align-middle mb-0">
+                <thead class="bg-secondary text-white">
+                    <tr>
+                        <th class="ps-3 py-3 fw-normal"><?= _("Date Effet") ?></th>
+                        <th class="text-center fw-normal"><?= _("Nb Lignes") ?></th>
+                        <th class="text-end fw-normal"><?= _("Prime HT") ?></th>
+                        <th class="text-end fw-normal"><?= (isset($_SESSION['composanteprime']['Taxes'])) ? _($_SESSION['composanteprime']['Taxes']) : _("Taxes") ?></th>
+                        <th class="text-end fw-normal">
+                            <?= (isset($_SESSION['composanteprime']['Cartes'])) ? _($_SESSION['composanteprime']['Cartes']) : _("Cartes") ?>
+                        </th>
+                        <th class="pe-3 text-end fw-bold"><?= _("Prime TTC") ?></th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <?php foreach ($nonfactures as $nonfacture): ?>
+                    <tr>
+                        <td class="ps-3 fw-bold text-primary">
+                            <i class="far fa-calendar-alt me-2 text-muted"></i>
+                            <?= dateLang($this->nettoyer($nonfacture['dateEffet'])) ?>
+                        </td>
+                        <td class="text-center">
+                            <span class="badge bg-light text-dark border"><?= format_N($nonfacture['nbLignes']) ?></span>
+                        </td>
+                        <td class="text-end fw-semibold"><?= format_N($nonfacture['primeHt']) ?></td>
+                        <td class="text-end text-muted small"><?= format_N($nonfacture['taxe']) ?></td>
+                        <td class="text-end text-muted small"><?= format_N($nonfacture['fraisCarte']) ?></td>
+                        <td class="pe-3 text-end fw-bold text-dark fs-6"><?= format_N($nonfacture['primeTtc']) ?></td>
+                    </tr>
+                    <?php endforeach; ?>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
 
-	<tfoot>
-		<tr>
-			<td style='text-align:center'> Total </td>
-			<td align='center'><?= format_N($this->nettoyer($ente_nonfacture['nbLignesTotal'])) ?></td>
-			<td align='center'><?= format_N($this->nettoyer($ente_nonfacture['primeHtTotal'])) ?></td>
-			<td align='center'><?= format_N($this->nettoyer($ente_nonfacture['taxeTotal'])) ?></td>
-			<td align='center'><?= format_N($this->nettoyer($ente_nonfacture['fraisCarteTotal'])) ?></td>
-			<td align='center'><?= format_N($this->nettoyer($ente_nonfacture['primeTtcTotal'])) ?></td>
-		</tr>
-	</tfoot>
-	<tbody>	
-		<?php foreach ($nonfactures as $nonfacture):?>
-		<tr> 
-			<td> <?= dateLang($this->nettoyer($nonfacture['dateEffet'])) ?> </td> 
-			<td> <?= format_N($this->nettoyer($nonfacture['nbLignes'])) ?> </td> 			
-			<td> <?= format_N($this->nettoyer($nonfacture['primeHt'])) ?> </td> 			
-			<td> <?= format_N($this->nettoyer($nonfacture['taxe'])) ?> </td> 			
-			<td> <?= format_N($this->nettoyer($nonfacture['fraisCarte'])) ?> </td> 			
-			<td> <?= format_N($this->nettoyer($nonfacture['primeTtc'])) ?> </td> 			
-		</tr>
-		<?php endforeach; ?>
-	</tbody>
-</table>	
+<style>
+    .bg-primary-subtle { background-color: #e7f1ff; }
+    .table thead th { font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.5px; }
+    .table tbody td { font-size: 0.9rem; border-bottom: 1px solid #f0f0f0; }
+</style>
\ No newline at end of file