diff --git a/Vue/Ajaxtblisterintermediaires/index.php b/Vue/Ajaxtblisterintermediaires/index.php
index 29f6e4e1..74c30fee 100755
--- a/Vue/Ajaxtblisterintermediaires/index.php
+++ b/Vue/Ajaxtblisterintermediaires/index.php
@@ -1,53 +1,68 @@
-<?php
-	$nbreTotal = count($intermediaire);
-	
-	if($nbreTotal < 10){
-		$nbreTotal = '0'.$nbreTotal;	
-	}else{
-		$nbreTotal =  format_N($nbreTotal);
-	}
-	
-?>
+<div class="card border-0 shadow-sm overflow-hidden" style="border-radius: var(--radius-md);">
+    <div class="card-header bg-white py-3 border-bottom d-flex justify-content-between align-items-center">
+        <div class="d-flex align-items-center">
+            <h6 class="mb-0 fw-bold text-uppercase text-primary small">
+                <i class="fas fa-handshake me-2"></i><?= _("Liste des Courtiers & Intermédiaires") ?>
+            </h6>
+            <span class="badge bg-primary-ghost text-primary ms-3 px-3 py-2 rounded-pill fw-bold" id="badge-total">
+                0 <?= _("Lignes") ?>
+            </span>
+        </div>
+        <div id="table-buttons" class="d-flex gap-2"></div>
+    </div>
 
-<?php $superUser = $_SESSION['superUser']; ?>
+    <div class="card-body p-0">
+        <div class="table-responsive">
+            <table id="tableLister" class="table table-hover align-middle mb-0" style="width:100%">
+                <thead class="bg-light text-muted small text-uppercase">
+                    <tr>
+                        <th class="ps-4 border-0"><?= _("Centre") ?></th>
+                        <th class="border-0 text-center"><?= _("Code") ?></th>
+                        <th class="border-0"><?= _("Raison Sociale") ?></th>
+                        <th class="border-0"><?= _("Type") ?></th>
+                        <th class="border-0"><?= _("Téléphone") ?></th>
+                        <th class="border-0 text-center pe-4"><?= _("Actions") ?></th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <?php foreach ($intermediaire as $v): 
+                        $idData = $this->nettoyer($v['id']); 
+                    ?>
+                    <tr>
+                        <td class="ps-4 fw-medium text-muted small"><?= $this->nettoyer($v['codeSociete']) ?></td>
+                        <td class="text-center">
+                            <span class="badge bg-light text-dark border fw-bold small">
+                                <?= $this->nettoyer($v['codeApporteur']) ?>
+                            </span>
+                        </td>
+                        <td class="fw-bold text-dark"><?= $this->nettoyer($v['libelle']) ?></td>
+                        <td>
+                            <span class="text-muted small text-uppercase fw-bold">
+                                <i class="fas fa-tag me-1 opacity-50"></i><?= $this->nettoyer($v['type_apporteur']) ?>
+                            </span>
+                        </td>
+                        <td class="text-muted">
+                            <i class="fas fa-phone-alt me-1 small opacity-50"></i><?= $this->nettoyer($v['telephone']) ?>
+                        </td>
+                        <td class="text-center pe-4">
+                            <button type="button" 
+                                    class="btn btn-outline-primary btn-sm px-3 rounded-pill fw-bold shadow-xs" 
+                                    onclick="formModifTableRef(<?= $idData ?>);">
+                                <i class="fas fa-edit me-1"></i> <?= _("Modifier") ?>
+                            </button>
+                        </td>
+                    </tr>
+                    <?php endforeach; ?>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
 
-<table style="margin: auto" class="table-responsive">
-	<tbody>
-		<td><input class="form-control" style="text-align: center; font-size:10pt;" type="text" id="nbreTotal" name="nbreTotal" value="<?= _("Lignes Total").": ". $nbreTotal; ?>" readonly> </td>
-	</tbody>
-</table>
-<input type="hidden" id="total" value="<?= $nbreTotal; ?>">
-<table id="tableLister" class="table table-striped table-bordered table-hover table-condensed table-responsive">
-	<thead>
-	  <tr>
-		<th class="text-center"><?= _("Centre gestion") ?></th>  
-		<th class="text-center">Code</th>
-		<th class="text-center"><?= _("Raison Sociale") ?> </th>
-		<th class="text-center">Type</th>
-		<th class="text-center"><?= _("Téléphone") ?></th>
-		
-		<th class="text-center"><?= _("Modifier") ?></th>
-		
-		
-	  </tr>
-	</thead>
-	<tbody>
-		<?php foreach ($intermediaire as $v):
-			$idData = $this->nettoyer($v['id']);	
-		?>
-		  <tr valign="top">
-			<td class="text-center" width="15%"><?= $this->nettoyer($v['codeSociete']);; ?>    
-		  	<td class="text-center" width="10%"><?= $this->nettoyer($v['codeApporteur']) ?></td>
-			<td class="text-left" width="30%"><?= $this->nettoyer($v['libelle']) ?></td>
-			<td class="text-left" width="20%"><?= $this->nettoyer($v['type_apporteur']) ?></td>
-			<td class="text-left" width="20%"><?= $this->nettoyer($v['telephone']) ?></td>
-			
-			<td class="text-center" width="10%">
-				<button style="width:100%" class ="form-control btn btn-primary" type="button" id="btn-editer" name="Modifier"
-				onclick="JAVASCRIPT:formModifTableRef(<?= $idData; ?>);" ><?= _("Modifier") ?></button>
-			</td>
-			
-		  </tr>
-		<?php endforeach; ?>
-	</tbody>
-</table>
\ No newline at end of file
+<style>
+    /* Rappel des piliers visuels Neutral Pro */
+    .bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
+    #tableLister thead th { padding-top: 15px; padding-bottom: 15px; font-size: 0.75rem; letter-spacing: 0.5px; }
+    #tableLister tbody td { border-color: #f1f4f6; height: 60px; }
+    .shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
+</style>
\ No newline at end of file