diff --git a/Vue/Mouvementassure/index.php b/Vue/Mouvementassure/index.php
index bcf8c26..7fae860 100644
--- a/Vue/Mouvementassure/index.php
+++ b/Vue/Mouvementassure/index.php
@@ -1,35 +1,71 @@
-<?php 
-	$this->titre = "Intersanté - Mouvements sur les assurés"; 
-?>
+<?php $this->titre = "Intersanté - Mouvements sur les assurés"; ?>
 
-<input class="form-control" style="text-align: center; font-size:10pt;" type="text" id="nbligne" name="nbligne" value="ENTREES SORTIE DES ASSURES" readonly>
-<table class="table table-responsive table-condensed" style='font-size:10pt;'>
-	<tbody>	
-		<tr> 
-			<td width="10%"> Période du </td>
-			<td width="15%"> <INPUT style='text-align:center; font-size:10pt;' class="form-control datepicker" TYPE="text" id="debut" NAME="debut" value="<?= $_SESSION['dUneSemaineAvantFr_C'] ?>" required </td>
+<div class="container-fluid py-3 animate__animated animate__fadeIn">
+    <div class="d-flex align-items-center mb-4 p-3 bg-white rounded shadow-sm border-start border-primary border-4">
+        <i class="fas fa-exchange-alt fa-2x text-primary me-3"></i>
+        <h4 class="mb-0 fw-bold text-uppercase text-secondary" style="letter-spacing: 1px;">
+            <?= _("Entrées & Sorties des Assurés") ?>
+        </h4>
+    </div>
 
-			<td  width="5%" align="center"> au </td>
-			<td width="15%"> <INPUT style='text-align:center; font-size:10pt;'  class="form-control datepicker" TYPE="text" id="fin" NAME="fin" value="<?= dateCouranteLang($_SESSION['lang']) ?>" required> </td>
-			
-			<td  width="5%" align="center"> Etat</td>
-			<td>
-				<SELECT class="form-control" id="codeSensMouvement" NAME="codeSensMouvement" style='font-size:10pt;'>
-					<?php liste_options_consultation($sensmouvement, ""); ?>
-				</SELECT>
-			</td>
+    <div class="card shadow-sm border-0 mb-4">
+        <div class="card-body bg-light">
+            <div class="row g-3 align-items-end">
+                
+                <div class="col-md-4">
+                    <label class="form-label small fw-bold text-muted"><?= _("Période de recherche") ?></label>
+                    <div class="input-group">
+                        <span class="input-group-text bg-white small"><?= _("Du") ?></span>
+                        <input type="text" id="debut" name="debut" 
+                               class="form-control datepicker text-center fw-bold" 
+                               value="<?= $_SESSION['dUneSemaineAvantFr_C'] ?>" required>
+                        <span class="input-group-text bg-white small"><?= _("au") ?></span>
+                        <input type="text" id="fin" name="fin" 
+                               class="form-control datepicker text-center fw-bold" 
+                               value="<?= dateCouranteLang($_SESSION['lang']) ?>" required>
+                    </div>
+                </div>
 
-			<td align="center"> <?= _("Validé?") ?> </td>
-			<td>
-				<SELECT style="font-size:10pt;" class="form-control" id="valide" NAME="valide"  >
-					<?php liste_options_consultation($mvt_valide, ""); ?>						
-				</SELECT>						
-			</td>
-			
-			<td> </td>
-			<td>  <button style='font-size:10pt;' type="button" class="form-control btn btn-primary" onclick="javascript:liste_mouvemements_assures();">Actualiser...</button> </td>
-		</tr>
-	</tbody>
-</table>	
+                <div class="col-md-2">
+                    <label class="form-label small fw-bold text-muted"><?= _("Sens / État") ?></label>
+                    <select class="form-select fw-bold border-info-subtle" id="codeSensMouvement" name="codeSensMouvement">
+                        <?php liste_options_consultation($sensmouvement, ""); ?>
+                    </select>
+                </div>
 
-<div id="div_mvt">	</div>	
+                <div class="col-md-2">
+                    <label class="form-label small fw-bold text-muted"><?= _("Statut Validation") ?></label>
+                    <select class="form-select fw-bold" id="valide" name="valide">
+                        <?php liste_options_consultation($mvt_valide, ""); ?>
+                    </select>
+                </div>
+
+                <div class="col-md-4">
+                    <div class="d-grid gap-2 d-md-flex justify-content-md-end">
+                        <button type="button" class="btn btn-primary px-4 shadow-sm fw-bold" onclick="liste_mouvemements_assures();">
+                            <i class="fas fa-sync-alt me-2"></i><?= _("Actualiser") ?>
+                        </button>
+                        <button type="button" class="btn btn-outline-success shadow-sm" onclick="exportMouvements();" title="Exporter en Excel">
+                            <i class="fas fa-file-excel"></i>
+                        </button>
+                    </div>
+                </div>
+
+            </div>
+        </div>
+    </div>
+
+    <div id="div_mvt" class="min-vh-50 rounded bg-white p-2 shadow-sm border">
+        <div class="text-center py-5 text-muted">
+            <i class="fas fa-search fa-3x mb-3 opacity-25"></i>
+            <p class="fs-5"><?= _("Cliquez sur 'Actualiser' pour charger les mouvements") ?></p>
+        </div>
+    </div>
+</div>
+
+<style>
+    .min-vh-50 { min-height: 50vh; }
+    .datepicker { cursor: pointer !important; background-color: #fff !important; }
+    .form-select, .form-control { border-radius: 6px; }
+    .input-group-text { border-radius: 6px; color: #6c757d; }
+</style>
\ No newline at end of file