diff --git a/Vue/Ajaxmouvementassurevalider/index.php b/Vue/Ajaxmouvementassurevalider/index.php
index 4ef1c2db..0cce89d4 100644
--- a/Vue/Ajaxmouvementassurevalider/index.php
+++ b/Vue/Ajaxmouvementassurevalider/index.php
@@ -1,98 +1,94 @@
-<div class="table-responsive" style="border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
+<div class="table-responsive shadow-sm rounded border animate__animated animate__fadeIn">
     <div id="div_patienter"></div>
-    <table class="table table-hover table-striped" style="font-size: 12px; margin-bottom: 0; vertical-align: middle;">
-        <thead>
-            <tr style="background-color: #f9f9f9; color: #777;">
-                <th class="text-center" style="border-bottom: 0; padding: 12px;"><?= _("Date Effet") ?></th>
-                <th class="text-center" style="border-bottom: 0;"><?= _("Mvt") ?></th>
-                <th style="border-bottom: 0;"><?= _("Bénéficiaire / Matricule") ?></th>
-                <th style="border-bottom: 0;"><?= _("Adhérent") ?></th>
-                <th class="text-center" style="border-bottom: 0;"><?= _("Lien") ?></th>
-                <th class="text-center" style="border-bottom: 0;"><?= _("Consulter") ?></th>
-                <th class="text-center" style="border-bottom: 0;"><?= _("Saisie / Par") ?></th>
-                <th class="text-center" style="border-bottom: 0;"><?= _("Prime Ttc") ?></th>
-                <th colspan="2" class="text-center" style="border-bottom: 0;"><?= _("Choix") ?></th>
+    <table class="table table-hover align-middle mb-0 tabliste compact" style="font-size: 0.85rem;">
+        <thead class="table-light text-secondary">
+            <tr>
+                <th class="text-center border-0 py-3"><?= _("Date Effet") ?></th>
+                <th class="text-center border-0"><?= _("Mvt") ?></th>
+                <th class="border-0"><?= _("Bénéficiaire / Matricule") ?></th>
+                <th class="border-0"><?= _("Adhérent") ?></th>
+                <th class="text-center border-0"><?= _("Lien") ?></th>
+                <th class="text-center border-0"><?= _("Consulter") ?></th>
+                <th class="text-center border-0"><?= _("Saisie / Par") ?></th>
+                <th class="text-center border-0"><?= _("Prime Ttc") ?></th>
+                <th colspan="2" class="text-center border-0"><?= _("Choix") ?></th>
             </tr>
-            <tr style="background-color: #eee;">
-                <th colspan="8" style="text-align:center; padding: 5px;">
-                    <input class="btn btn-primary btn-sm btn-block" type="button" value="<?= _("Valider la sélection") ?>" onClick="valider_mouvement_rh();">
-                </th>
-                <th style="text-align:center; padding: 5px;">
-                    <input class="btn btn-info btn-sm" type="button" value="V" onClick="selectionner_mouvement_rh_tout('1');" style="width: 30px;">
-                </th>
-                <th style="text-align:center; padding: 5px;">
-                    <input class="btn btn-danger btn-sm" type="button" value="X" onClick="selectionner_mouvement_rh_tout('0');" style="width: 30px;">
-                </th>
+            <tr>
+                <th colspan="8" style='text-align:center'> <input class = "form-control btn btn-primary" type="button" value="<?= _("Valider la sélection") ?>" onClick="valider_mouvement_rh();"> </td>
+                <th style='text-align:center'> <input class = "form-control btn btn-info" type="button" value="V" onClick="selectionner_mouvement_rh_tout('1');"> </td>
+                <th style='text-align:center'> <input class = "form-control btn btn-danger" type="button" value="X" onClick="selectionner_mouvement_rh_tout('0');"> </td>
             </tr>
+
         </thead>
         
         <tbody>
             <?php foreach ($mouvementassures as $mvt):
                 $choix = $this->nettoyer($mvt['choix']);
                 $idMvtTemp = $this->nettoyer($mvt['id']);
-                $sensMvt = $mvt['sensMouvement'];
+                $sensMvt = $mvt['sensMouvement']; // On suppose que '0' = Entrée, '1' = Sortie
                 $libelleSensMouvement = est_anglophone() ? $mvt['libelleSensMouvementEng'] : $mvt['libelleSensMouvement'];
-                $nombreGed = $mvt['nombreGed'];
+
+                $nombreGed      = $mvt['nombreGed'];
                 $idBeneficiaire = $mvt['idBeneficiaire'];
-            ?>
+		   ?>
             <tr>
-                <td class="text-center" style="vertical-align: middle;">
-                    <strong><?= dateLang($this->nettoyer($mvt['dateEffet']), $_SESSION['lang']) ?></strong>
+                <td class="text-center fw-bold text-dark">
+                    <?= dateLang($this->nettoyer($mvt['dateEffet']), $_SESSION['lang']) ?>
                 </td>
-                <td class="text-center" style="vertical-align: middle;">
+                <td class="text-center">
                     <?php if ($sensMvt == '1'): // Entrée ?>
-                        <span class="label label-success" style="padding: 4px 8px; border-radius: 10px; display: inline-block;">
-                            <span class="glyphicon glyphicon-import" style="margin-right: 3px;"></span> <?= $libelleSensMouvement ?>
+                        <span class="badge rounded-pill border border-success-subtle px-3" style="background-color:green !important; color: white !important;">
+                            <i class="fas fa-sign-in-alt me-1"></i> <?= $libelleSensMouvement ?>
                         </span>
                     <?php else: // Sortie ?>
-                        <span class="label label-danger" style="padding: 4px 8px; border-radius: 10px; display: inline-block;">
-                            <span class="glyphicon glyphicon-export" style="margin-right: 3px;"></span> <?= $libelleSensMouvement ?>
+                        <span class="badge rounded-pill border border-danger-subtle px-3" style="background-color:red !important; color: white !important;">
+                            <i class="fas fa-sign-out-alt me-1"></i> <?= $libelleSensMouvement ?>
                         </span>
                     <?php endif; ?>
                 </td>
 
-                <td style="vertical-align: middle;">
-                    <div style="font-weight: bold; text-transform: uppercase; color: #333;"><?= $this->nettoyer($mvt['beneficiaire']) ?></div>
-                    <div style="color: #777; font-size: 10px;">
-                        <span class="glyphicon glyphicon-credit-card" style="margin-right: 3px;"></span><?= $this->nettoyer($mvt['numeroBeneficiaire']) ?>
-                    </div>
+                <td>
+                    <div class="fw-bold text-uppercase"><?= $this->nettoyer($mvt['beneficiaire']) ?></div>
+                    <div class="text-muted x-small"><i class="fas fa-id-card me-1"></i><?= $this->nettoyer($mvt['numeroBeneficiaire']) ?></div>
                 </td>
 
-                <td style="vertical-align: middle; font-size: 11px;">
-                    <span class="glyphicon glyphicon-briefcase" style="color: #999; margin-right: 3px;"></span> <?= $this->nettoyer($mvt['adherent']) ?>
+                <td class="small">
+                    <i class="fas fa-user-tie text-secondary me-1"></i> <?= $this->nettoyer($mvt['adherent']) ?>
                 </td>
 
-                <td class="text-center" style="vertical-align: middle;">
-                    <span class="label label-default" style="color: #555; background-color: #fff; border: 1px solid #ccc;"><?= $this->nettoyer($mvt['codeLienParente']) ?></span>
+                <td class="text-center">
+                    <span class="badge bg-light text-secondary border"><?= $this->nettoyer($mvt['codeLienParente']) ?></span>
                 </td>
 
-                <td class="text-center" style="vertical-align: middle;">
+                <td class="text-center">
                     <?php if ($nombreGed > '0'): ?>
-                        <button class="btn btn-primary btn-xs" onClick="javascript:consulter_ged_assure_mvt('<?= $idBeneficiaire ?>');">
+                        <button class="btn btn-primary btn-sm me-1" 
+                                onClick="javascript:consulter_ged_assure_mvt('<?= $idBeneficiaire ?>');">
                             <?= _("Consulter") ?>
                         </button>
-                    <?php else: ?>
-                        <span style="color: #ccc;">-</span>
+                    <?php else: // Sortie ?>
+                        <span class="text-muted opacity-50 small">-</span>
                     <?php endif; ?>
                 </td>
 
-                <td class="text-center" style="vertical-align: middle;">
-                    <div style="font-size: 10px;"><?= dateheureLang($this->nettoyer($mvt['dateSysteme'])) ?></div>
-                    <div style="font-size: 9px; color: #777; font-weight: bold;"><?= $this->nettoyer($mvt['codeUtilisateur']) ?></div>
+                <td class="text-center">
+                    <div class="small"><?= dateheureLang($this->nettoyer($mvt['dateSysteme'])) ?></div>
+                    <div class="x-small text-muted fw-bold"><?= $this->nettoyer($mvt['codeUtilisateur']) ?></div>
                 </td>
 
-                <td class="text-center" style="vertical-align: middle;">
-                    <span class="label label-default" style="color: #555; background-color: #fff; border: 1px solid #ccc;"><?= format_N($this->nettoyer($mvt['primeTtc'])) ?></span>
+                <td class="text-center">
+                    <span class="badge bg-light text-secondary border"><?= format_N($this->nettoyer($mvt['primeTtc'])) ?></span>
                 </td>
 
-                <td colspan="2" class="text-center" style="vertical-align: middle;">
+                <td colspan="2" class="text-center">
                     <?php if ($nombreGed > '0'): ?>
-                        <input type="checkbox" 
-                               <?= ($choix == '1') ? 'checked' : '' ?> 
-                               value="<?= $choix ?>" 
-                               onClick="javascript:this.value=(this.value=='1'?'0':'1');selectionner_mouvement_rh(<?= $idMvtTemp ?>, this.value);">
+                        <?php if($choix=='1'): ?>
+                            <input type="checkbox" checked value="<?php echo $choix ; ?>"  onClick="javascript:if(this.value=='1'){this.value='0'}else{this.value='1'};selectionner_mouvement_rh(<?= $idMvtTemp ?>, this.value);">
+                        <?php else: ?>
+                            <input type="checkbox" value="<?php echo $choix ; ?>"  onClick="javascript:if(this.value=='1'){this.value='0'}else{this.value='1'};selectionner_mouvement_rh(<?= $idMvtTemp ?>, this.value);">
+                        <?php endif; ?>
                     <?php else: ?>
-                        <span style="color: #ccc;">-</span>
+                        <span class="text-muted opacity-50 small">-</span>
                     <?php endif; ?>
                 </td>
             </tr>   
@@ -101,25 +97,12 @@
     </table>
 </div>
 
-<div id="div_ged" class="modal fade" tabindex="-1" role="dialog"></div>
+
+<div id="div_ged" class="modal fade"></div>
 
 <style>
-    /* Simulation des comportements de la version précédente en BS3 */
-    .table > tbody > tr > td {
-        vertical-align: middle !important;
-        border-top: 1px solid #f2f2f2;
-    }
-    
-    .label-default {
-        font-weight: normal;
-        font-family: sans-serif;
-    }
-
-    /* Animation simple */
-    .table-responsive {
-        animation: fadeIn 0.4s ease;
-    }
-    @keyframes fadeIn {
-        from { opacity: 0; } to { opacity: 1; }
-    }
+    .x-small { font-size: 0.7rem; }
+    .italic { font-style: italic; }
+    .bg-success-subtle { background-color: #d1e7dd; }
+    .bg-danger-subtle { background-color: #f8d7da; }
 </style>
\ No newline at end of file