diff --git a/Vue/Listeavenant/index.php b/Vue/Listeavenant/index.php
index dce242c..ae36a2f 100644
--- a/Vue/Listeavenant/index.php
+++ b/Vue/Listeavenant/index.php
@@ -1,15 +1,12 @@
 <div class="card shadow-sm border-0 mb-4 animate__animated animate__fadeIn">
-    <div class="card-header bg-white py-3">
+    <div class="card-header bg-white py-3 border-bottom">
         <div class="d-flex align-items-center justify-content-between">
             <h5 class="card-title mb-0 fw-bold text-dark">
-                <i class="fas fa-history me-2 text-primary"></i><?= _("Historique des Avenants") ?>
+                <i class="fas fa-list-ul me-2 text-primary"></i><?= _("Historique des Avenants") ?>
             </h5>
-            <div class="text-muted small">
+            <div class="text-muted">
                 <span class="badge bg-light text-dark border ps-2">
-                    <i class="fas fa-user-tie me-1"></i> <?= $_SESSION['nomClient_C'] ?>
-                </span>
-                <span class="badge bg-primary-subtle text-primary border border-primary-subtle ms-1">
-                    <i class="fas fa-hashtag me-1"></i> <?= $police['numeroPolice'] ?>
+                    <?= $_SESSION['nomClient_C'] ?> | <?= $police['numeroPolice'] ?>
                 </span>
             </div>
         </div>
@@ -17,16 +14,16 @@
     
     <div class="card-body p-0">
         <div class="table-responsive">
-            <table class="table table-hover align-middle mb-0" style="font-size: 0.88rem;">
-                <thead class="table-light text-muted text-uppercase small">
-                    <tr>
-                        <th class="ps-3 py-3 text-center"><?= _("N°") ?></th>
-                        <th class="text-center"><?= _("Date Effet") ?></th>
-                        <th><?= _("Mouvement") ?></th>
-                        <th><?= _("Commentaires / Motif") ?></th>
-                        <th><?= _("Auteur") ?></th>
-                        <th class="text-center"><?= _("Facturation") ?></th>
-                        <th class="text-center"><?= _("Statut RH") ?></th>
+            <table class="table table-hover align-middle mb-0" style="font-size: 0.9rem;">
+                <thead class="table-light">
+                    <tr class="text-muted small">
+                        <th class="ps-3 text-center" width="8%"><?= _("N°") ?></th>
+                        <th class="text-center" width="12%"><?= _("Effet") ?></th>
+                        <th width="20%"><?= _("Type Mouvement") ?></th>
+                        <th width="25%"><?= _("Commentaires") ?></th>
+                        <th width="15%"><?= _("Saisie par") ?></th>
+                        <th class="text-center" width="10%"><?= _("Facturé") ?></th>
+                        <th class="text-center" width="10%"><?= _("RH") ?></th>
                     </tr>
                 </thead>
                 <tbody>
@@ -35,54 +32,39 @@
                         $isFacture = ($avenant['facture'] == '1');
                         $isRH = ($avenant['ajoutClient'] == '1');
                     ?>
-                    <tr class="transition-row">
-                        <td class="text-center fw-bold text-primary ps-3">
+                    <tr>
+                        <td class="text-center fw-bold ps-3 text-secondary">
                             <?= $this->nettoyer($avenant['numeroAvenant']) ?>
                         </td>
-                        <td class="text-center fw-bold">
+                        <td class="text-center fw-bold text-dark">
                             <?= dateLang($this->nettoyer($avenant['dateEffet']), $_SESSION['lang']) ?>
                         </td>
                         <td>
                             <div class="fw-bold"><?= $libelleAvenant ?></div>
-                            <div class="x-small text-muted">
-                                <i class="far fa-clock me-1"></i><?= dateheureLang($this->nettoyer($avenant['dateSysteme'])) ?>
+                            <div class="x-small text-muted" style="font-size: 0.75rem;">
+                                <?= dateheureLang($this->nettoyer($avenant['dateSysteme'])) ?>
                             </div>
                         </td>
-                        <td>
-                            <p class="mb-0 text-truncate" style="max-width: 200px;" title="<?= $this->nettoyer($avenant['motifavenant']) ?>">
-                                <?= $this->nettoyer($avenant['motifavenant']) ?: '<span class="text-muted italic small">Aucun motif</span>' ?>
-                            </p>
+                        <td class="text-muted small italic">
+                            <?= $this->nettoyer($avenant['motifavenant']) ?: '-' ?>
                         </td>
-                        <td>
-                            <div class="d-flex align-items-center">
-                                <div class="avatar-xs me-2 bg-light-subtle text-center rounded-circle border" style="width:24px; height:24px; line-height:24px;">
-                                    <i class="fas fa-user-edit x-small text-muted"></i>
-                                </div>
-                                <?= $this->nettoyer($avenant['utilisateur']) ?>
-                            </div>
+                        <td class="small">
+                            <?= $this->nettoyer($avenant['utilisateur']) ?>
                         </td>
                         
                         <td class="text-center">
                             <?php if($isFacture): ?>
-                                <div class="d-inline-block text-center">
-                                    <span class="badge rounded-pill bg-success mb-1">
-                                        <i class="fas fa-check-circle me-1"></i><?= _("Facturé") ?>
-                                    </span>
-                                    <div class="x-small text-muted fw-bold"><?= $this->nettoyer($avenant['userFacturation']) ?></div>
-                                    <div class="x-small text-muted" style="font-size: 0.65rem;"><?= dateheureLang($this->nettoyer($avenant['dateFacturation'])) ?></div>
-                                </div>
+                                <span class="badge bg-success px-3 py-2"><?= _("OUI") ?></span>
                             <?php else: ?>
-                                <span class="badge rounded-pill bg-light text-muted border"><?= _("En attente") ?></span>
+                                <span class="badge bg-light text-muted border px-3 py-2"><?= _("NON") ?></span>
                             <?php endif; ?>
                         </td>
 
                         <td class="text-center">
                             <?php if($isRH): ?>
-                                <span class="badge bg-info-subtle text-info border border-info-subtle" title="<?= _("Transmis au client") ?>">
-                                    <i class="fas fa-sync-alt me-1"></i><?= _("Synchro") ?>
-                                </span>
+                                <span class="badge bg-primary px-3 py-2"><?= _("OUI") ?></span>
                             <?php else: ?>
-                                <i class="fas fa-minus text-light"></i>
+                                <span class="badge bg-light text-muted border px-3 py-2"><?= _("NON") ?></span>
                             <?php endif; ?>
                         </td>
                     </tr>
@@ -91,11 +73,4 @@
             </table>
         </div>
     </div>
-</div>
-
-<style>
-    .x-small { font-size: 0.75rem; }
-    .transition-row { transition: background-color 0.2s ease; }
-    .transition-row:hover { background-color: rgba(13, 110, 253, 0.03) !important; }
-    .avatar-xs { font-size: 0.65rem; }
-</style>
\ No newline at end of file
+</div>
\ No newline at end of file