diff --git a/Vue/Ajaxdemanderemboursement/index.php b/Vue/Ajaxdemanderemboursement/index.php
index e2f5c0b..ccd69e3 100755
--- a/Vue/Ajaxdemanderemboursement/index.php
+++ b/Vue/Ajaxdemanderemboursement/index.php
@@ -1,72 +1,87 @@
-<div class="card shadow-sm">
-	<?php if (empty($demandes)): ?>
-	<div class="alert alert-info text-center">
-		<small>
-			<i class="bi bi-info-circle me-2"></i>
-			<?= _("Aucune demande trouvée pour ce filtre") ?>
-		</small>
-	</div>
+<div class="card shadow-sm border-0">
+    <?php if (empty($demandes)): ?>
+        <div class="alert alert-light text-center m-3 border">
+            <i class="fas fa-search me-2 text-muted"></i>
+            <span class="text-secondary"><?= _("Aucune demande ne correspond à vos critères.") ?></span>
+        </div>
     <?php else: ?>
-	<div class="card-header bg-light py-2 d-flex justify-content-between align-items-center">
-		<h5 class="mb-0 text-dark">
-			<i class="fas fa-list me-2"></i>
-			<span ><?= _("Liste des demandes")?></span>
-			<span class="badge bg-primary view-end"><?= format_N(count($demandes)).' '._("demande(s)") ?> </span>
-		</h5>
-	</div>
-	
-	<div class="d-none d-md-block">
-		<div class="card-body p-0">
-			<table class="table table-striped table-hover mb-0" style="font-size:9pt; white-space:nowrap;">
-				<thead class="table-dark">
-					<tr>
-						<th class="text-center"><?= _("N° Demande") ?></th>
-						<th class="text-center">Date</th>
-						<th class="text-center"><?= _("Adhérent") ?></th>
-						<th class="text-center"><?= _("Bénéficiaire") ?></th>
-						<th class="text-center"><?= _("Etat") ?></th>
-						<th ><?= _("Motif") ?></th>
-						<th ><?= _("Action") ?></th>
-					</tr>
-				</thead>
-				<tbody>
-					<?php foreach ($demandes as $v):
-						$idDemande = $this->nettoyer($v['id']);
-						$numeroDemandeRemboursement = $this->nettoyer($v['numeroDemandeRemboursement']);
-						$dateSysteme = $this->nettoyer($v['dateSysteme']);
-						$codeStatutPaiement = $v['codeStatutPaiement'];
-					?>
-					<tr>
-						<td class="text-center">
-							<button class="btn btn-sm btn-outline-info w-100" 
-									onClick="javascript:selectionner_remboursement('<?= $idDemande ?>');">
-								<?= $numeroDemandeRemboursement ?>
-							</button>
-						</td>
-						<td class="text-center"><?= dateheureLang($dateSysteme, $_SESSION['lang']) ?></td>
-						<td class="text-center"><?= $this->nettoyer($v['adherent'])." (".$this->nettoyer($v['numeroAdherent']).")" ?></td>
-						<td class="text-center"><?= $this->nettoyer($v['beneficiaire'])." (".$this->nettoyer($v['numeroBeneficiaire']).")" ?></td>
-						<td class="text-center">
-							<?php if($codeStatutPaiement == "1"):?>
-								<span class="badge bg-success"><?= _("Validée")?></span>
-							<?php elseif($codeStatutPaiement == "2"): ?>
-								<span class="badge bg-warning text-dark"><?= _("En attente")?></span>
-							<?php else: ?>
-								<span class="badge bg-danger"><?= _("Refusée")?></span>
-							<?php endif; ?>
-						</td>
-						<td><?= $this->nettoyer($v['motifReponseDemandeRemboursement']) ?></td>
-						<td class="text-center">
-							<button class="btn btn-sm btn-outline-primary w-100" 
-									onClick="javascript:valider_remboursement('<?= $idDemande ?>');">
-								<?= _("Valider") ?>
-							</button>
-						</td>
-					</tr>
-					<?php endforeach; ?>
-				</tbody>
-			</table>
-		</div>
-	</div>
-	<?php endif; ?>
+        <div class="card-header bg-white py-3 d-flex justify-content-between align-items-center">
+            <h6 class="mb-0 fw-bold text-primary">
+                <i class="fas fa-list-ul me-2"></i><?= _("Résultats de la recherche") ?>
+            </h6>
+            <span class="badge rounded-pill bg-primary px-3">
+                <?= count($demandes) ?> <?= _("demande(s) trouvée(s)") ?>
+            </span>
+        </div>
+        
+        <div class="table-responsive">
+            <table class="table table-hover align-middle mb-0" style="font-size:8.5pt;">
+                <thead class="table-light border-bottom">
+                    <tr>
+                        <th class="text-center px-3" width="120"><?= _("N° Demande") ?></th>
+                        <th><?= _("Date & Heure") ?></th>
+                        <th><?= _("Adhérent / Bénéficiaire") ?></th>
+                        <th class="text-center"><?= _("État") ?></th>
+                        <th width="20%"><?= _("Motif / Commentaire") ?></th>
+                        <th class="text-center"><?= _("Actions") ?></th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <?php foreach ($demandes as $v):
+                        $idDemande = $this->nettoyer($v['id']);
+                        $statusPaiement = $v['codeStatutPaiement'];
+                    ?>
+                    <tr>
+                        <td class="text-center px-3">
+                            <button class="btn btn-sm btn-light border fw-bold w-100 text-primary shadow-sm" 
+                                    onClick="selectionner_remboursement('<?= $idDemande ?>');">
+                                <?= $this->nettoyer($v['numeroDemandeRemboursement']) ?>
+                            </button>
+                        </td>
+                        <td class="text-muted">
+                            <i class="far fa-clock me-1"></i>
+                            <?= dateheureLang($v['dateSysteme'], $_SESSION['lang']) ?>
+                        </td>
+                        <td>
+                            <div class="fw-bold text-dark"><?= $this->nettoyer($v['beneficiaire']) ?></div>
+                            <div class="small text-muted">
+                                <i class="fas fa-user-shield me-1"></i> <?= $this->nettoyer($v['adherent']) ?> (<?= $v['numeroAdherent'] ?>)
+                            </div>
+                        </td>
+                        <td class="text-center">
+                            <?php if($statusPaiement == "1"): ?>
+                                <span class="badge bg-success-subtle text-success border border-success-subtle rounded-pill px-3">
+                                    <i class="fas fa-check-circle me-1"></i><?= _("Validée") ?>
+                                </span>
+                            <?php elseif($statusPaiement == "2"): ?>
+                                <span class="badge bg-warning-subtle text-warning-emphasis border border-warning-subtle rounded-pill px-3">
+                                    <i class="fas fa-hourglass-half me-1"></i><?= _("En attente") ?>
+                                </span>
+                            <?php else: ?>
+                                <span class="badge bg-danger-subtle text-danger border border-danger-subtle rounded-pill px-3">
+                                    <i class="fas fa-times-circle me-1"></i><?= _("Refusée") ?>
+                                </span>
+                            <?php endif; ?>
+                        </td>
+                        <td class="text-truncate" style="max-width: 200px;" title="<?= $this->nettoyer($v['motifReponseDemandeRemboursement']) ?>">
+                            <small class="text-muted italic"><?= $v['motifReponseDemandeRemboursement'] ?: '-' ?></small>
+                        </td>
+                        <td class="text-center">
+                            <div class="btn-group shadow-sm">
+                                <button class="btn btn-sm btn-primary" title="<?= _("Valider") ?>" 
+                                        onClick="valider_remboursement('<?= $idDemande ?>');">
+                                    <i class="fas fa-check"></i>
+                                </button>
+                                <button class="btn btn-sm btn-outline-secondary" title="<?= _("Détails") ?>"
+                                        onClick="selectionner_remboursement('<?= $idDemande ?>');">
+                                    <i class="fas fa-eye"></i>
+                                </button>
+                            </div>
+                        </td>
+                    </tr>
+                    <?php endforeach; ?>
+                </tbody>
+            </table>
+        </div>
+    <?php endif; ?>
 </div>
\ No newline at end of file