diff --git a/Vue/Mouvementassure/index.php b/Vue/Mouvementassure/index.php
index c643d59..1230c49 100644
--- a/Vue/Mouvementassure/index.php
+++ b/Vue/Mouvementassure/index.php
@@ -1,55 +1,58 @@
 <?php $this->titre = "Intersanté - Mouvements sur les assurés"; ?>
 
-<div id="div_liste_adherent" class="container-fluid py-1 animate__animated animate__fadeIn">
+<div id="div_liste_adherent" class="container-fluid py-3 animate__animated animate__fadeIn">
     
-	<h1 class="text-primary"><i class="fas fa-exchange-alt me-2"></i></i> <?= _("Entrées & Sorties des Assurés") ?></h1>
+    <div class="d-flex justify-content-between align-items-center mb-3">
+        <h2 class="text-primary fw-bold mb-0">
+            <i class="fas fa-exchange-alt me-2"></i><?= _("Entrées & Sorties des Assurés") ?>
+        </h2>
+        <div class="text-muted small">
+            <i class="fas fa-info-circle me-1"></i><?= _("Gestion des mouvements de police") ?>
+        </div>
+    </div>
 
     <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-3">
-                    <label class="form-label small fw-bold text-uppercase"><?= _("Saisie Client") ?></label>
-                    <select class="form-select fw-bold" id="ajoutClient" name="ajoutClient">
-                        <?php liste_options_consultation($mvt_ajoutClient, ""); ?>
-                    </select>
+        <div class="card-body bg-light p-4">
+            <div class="row g-3">
+                <div class="col-lg-3 col-md-6">
+                    <label class="form-label small fw-bold text-muted text-uppercase"><?= _("Saisie Client") ?></label>
+                    <div class="input-group">
+                        <span class="input-group-text bg-white"><i class="fas fa-building text-primary"></i></span>
+                        <select class="form-select fw-bold" id="ajoutClient" name="ajoutClient">
+                            <?php liste_options_consultation($mvt_ajoutClient, ""); ?>
+                        </select>
+                    </div>
                 </div>
 
-                <div class="col-md-5">
-                    <label class="form-label small fw-bold text-uppercase"><?= _("Période de recherche") ?></label>
-                    <div class="input-group">
-                        <span class="input-group-text bg-white small"><?= _("Du") ?></span>
+                <div class="col-lg-5 col-md-6">
+                    <label class="form-label small fw-bold text-muted text-uppercase"><?= _("Période de recherche") ?></label>
+                    <div class="input-group shadow-sm">
+                        <span class="input-group-text bg-white small fw-bold"><?= _("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>
+                        <span class="input-group-text bg-white small fw-bold"><?= _("au") ?></span>
                         <input type="text" id="fin" name="fin" 
                                class="form-control datepicker text-center fw-bold" 
                                value="<?= dateCouranteLang($_SESSION['lang']) ?>" required>
                     </div>
                 </div>
 
-            </div>
-
-
-            <div class="row g-3 align-items-end">
-                <div class="col-md-2">
-                    <label class="form-label small fw-bold text-uppercase"><?= _("Sens / État") ?></label>
-                    <select class="form-select fw-bold border-info-subtle" id="codeSensMouvement" name="codeSensMouvement">
+                <div class="col-lg-2 col-md-6">
+                    <label class="form-label small fw-bold text-muted text-uppercase"><?= _("Mouvement") ?></label>
+                    <select class="form-select fw-bold border-info-subtle shadow-sm" id="codeSensMouvement" name="codeSensMouvement">
                         <?php liste_options_consultation($sensmouvement, ""); ?>
                     </select>
                 </div>
 
-                <div class="col-md-3">
-                    <label class="form-label small fw-bold text-uppercase"><?= _("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-2">
-                    <div class="d-grid 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>
+                <div class="col-lg-2 col-md-6">
+                    <label class="form-label small fw-bold text-muted text-uppercase"><?= _("Validation") ?></label>
+                    <div class="d-flex gap-2">
+                        <select class="form-select fw-bold shadow-sm" id="valide" name="valide">
+                            <?php liste_options_consultation($mvt_valide, ""); ?>
+                        </select>
+                        <button type="button" class="btn btn-primary px-3 shadow-sm" onclick="liste_mouvemements_assures();" title="<?= _('Actualiser') ?>">
+                            <i class="fas fa-sync-alt"></i>
                         </button>
                     </div>
                 </div>
@@ -57,10 +60,16 @@
         </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 id="div_mvt" class="min-vh-50 rounded bg-white p-3 shadow-sm border position-relative">
+        <div class="text-center py-5">
+            <div class="mb-3">
+                <span class="fa-stack fa-3x opacity-25">
+                    <i class="fas fa-folder-open fa-stack-1x"></i>
+                    <i class="fas fa-search fa-stack-2x text-primary"></i>
+                </span>
+            </div>
+            <h4 class="text-secondary"><?= _("Prêt pour la recherche") ?></h4>
+            <p class="text-muted small italic"><?= _("Sélectionnez vos critères et cliquez sur le bouton d'actualisation") ?></p>
         </div>
     </div>
 </div>
@@ -68,6 +77,17 @@
 <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; }
+    .form-select, .form-control { border-radius: 8px; border: 1px solid #dee2e6; }
+    .input-group-text { border-radius: 8px; border: 1px solid #dee2e6; color: #495057; }
+    .card { border-radius: 12px; }
+    .italic { font-style: italic; }
+    
+    /* Animation pour le chargement Ajax */
+    .loading-overlay {
+        background: rgba(255,255,255,0.7);
+        position: absolute;
+        top: 0; left: 0; right: 0; bottom: 0;
+        display: flex; align-items: center; justify-content: center;
+        z-index: 10;
+    }
 </style>
\ No newline at end of file