diff --git a/Vue/Importassure/index.php b/Vue/Importassure/index.php
index 8f1f566..7b7775a 100644
--- a/Vue/Importassure/index.php
+++ b/Vue/Importassure/index.php
@@ -1,267 +1,79 @@
-<?php
-
-    // $this->titre = "INTER-SANTE - Import assurés";
-
-?>
-
-
-
-<div id="div_fichepolice">  
-
-
-
-    <fieldset style='font-size:10pt;'>
-
-        <legend> <?= _("Informations Police => Importation des assurés à partir d'un fichier Excel") ?> </legend>
-
-        <table class="table table-responsive table-condensed" style='font-size:10pt;'>
-
-            <tbody>
-
-
-
-                <tr>
-
-                    <td width="10%"> <?= _("Client") ?> </td>
-
-                    <td width="24%" ><INPUT style='font-size:10pt;' class="form-control" TYPE="text" id="nomClient" name="nomClient" value="<?= $_SESSION['nomClient_C'] ?>" readonly></td>
-
-
-
-                    <td width="10%" align="center"> <?= _("No Police") ?> </td>
-
-                    <td width="24%"><INPUT style='font-size:10pt;' class="form-control" TYPE="text" id="numeroPolice" NAME="numeroPolice" value="<?= $this->nettoyer($police['numeroPolice']) ?>" readonly></td>
-
-
-
-                    <td width="10%" align="center">Type</td>
-
-                    <td><INPUT style='font-size:10pt;' class="form-control" TYPE="text" id="typeContrat" NAME="typeContrat" value="<?= $this->nettoyer($police['typeContrat']) ?>" readonly></td>
-
-                </tr>
-
-               
-
-                <tr>
-
-                    <td> <?= _("Courtier") ?> </td>
-
-                    <td><INPUT style='font-size:10pt;' class="form-control" TYPE="text" id="apporteurOld" NAME="apporteurOld" value="<?= $this->nettoyer($police['apporteur']) ?>" readonly></td>
-
-
-
-                    <td align="center"> <?= _("Tx Comm(%)") ?> </td>
-
-                    <td><INPUT style='font-size:10pt;' class="form-control" TYPE="text" id="tauxCommissionOld" NAME="tauxCommissionOld" value="<?= $this->nettoyer($police['tauxCommission']) ?>" readonly></td>
-
-                   
-
-                    <td align="center"> <?= _("Rachat TM") ?> </td>
-
-                    <td>
-
-                        <?php if ($police['rachatTm']=="1"): ?>
-
-                            <INPUT class="form-control" TYPE="text" id="rachattmOld" NAME="rachattmOld" value="<?= _("Oui") ?>" readonly>
-
-                        <?php else: ?>
-
-                            <INPUT class="form-control" TYPE="text" id="rachattmOld" NAME="rachattmOld" value="<?= _("Non") ?>" readonly>
-
-                        <?php endif; ?>
-
-                    </td>
-
-                </tr>
-
-
-
-                <tr>
-
-                    <td> <?= _("Etat") ?> </td>
-
-                    <td><INPUT style='font-size:10pt;' class="form-control" TYPE="text" id="etatPolice" NAME="etatPolice" value="<?= $this->nettoyer($police['etatPolice']) ?>" readonly></td>
-
-
-
-                    <td align="center"> <?= _("Effet") ?> </td>
-
-                    <td><INPUT style='font-size:10pt;' class="form-control" id="dateEffet" NAME="dateEffet" TYPE="text" value="<?= dateLang($this->nettoyer($police['dateEffet'])) ?>" readonly></td>
-
-                   
-
-                    <td align="center"> <?= _("Echéance") ?> </td>
-
-                    <td><INPUT style='font-size:10pt;' class="form-control" TYPE="text" id="dateEcheance" NAME="dateEcheance" value="<?= dateLang($this->nettoyer($police['dateEcheance'])) ?>" readonly></td>
-
-                </tr>
-
-
-
-                <tr>
-
-                    <td> <?= _("Dernier Avenant") ?> </td>
-
-                    <td><INPUT style='font-size:10pt;' class="form-control" TYPE="text" id="typeAvenant" NAME="typeAvenant" value="<?= $this->nettoyer($police['typeAvenant']) ?>" readonly></td>
-
-                   
-
-                    <td align="center"> <?= _("No Avenant") ?> </td>
-
-                    <td><INPUT style='font-size:10pt;' class="form-control" TYPE="text" id="numeroAvenant" NAME="numeroAvenant" value="<?= $this->nettoyer($police['numeroAvenant']) ?>" readonly></td>
-
-
-
-                    <td align="center"> <?= (isset($_SESSION['composanteprime']['Taxes'])) ? _($_SESSION['composanteprime']['Taxes']) : _("Taxes") ?> (%)  </td>
-
-                    <td><INPUT style='font-size:10pt;' class="form-control" TYPE="text" id="tauxTaxe" NAME="tauxTaxe" value="<?= $this->nettoyer($police['tauxTaxe']) ?>" readonly></td>
-
-                </tr>
-
-            </tbody>
-
-        </table>    
-
-    </fieldset>
-
-</div>
-
-
-
-<legend> Actions </legend>
-
-<table class="table table-responsive table-condensed" style='font-size:10pt;' >
-
-    <tbody>
-
-        <tr>
-
-            <td> <button style='font-size:10pt;' type="button" class="form-control btn btn-primary" onclick="javascript:exporter_modele_assure();"> <?= _("1 => Obtenir Fichier Modèle") ?> </button> </td>
-
-           
-
-            <td></td>
-
-
-
-            <td> <button style='font-size:10pt;' type="button" class="form-control btn btn-primary" onclick="javascript:charger_fichier_modele_assure();"> <?= _("2 => Charger Fichier Renseigné") ?> </button> </td>
-
-
-
-            <td>
-
-                <?php if($fichierimport['etape2']=='1'): ?>
-
-                    <input id="etape2" NAME="etape2" style='width: 28px; height: 28px;' type="checkbox"  checked value="<?php echo $fichierimport['etape2'] ; ?>"  disabled >
-
-                <?php else: ?>
-
-                    <input id="etape2" NAME="etape2" style='width: 28px; height: 28px;' type="checkbox" value="<?php echo $fichierimport['etape2'] ; ?>" disabled >
-
-                <?php endif; ?>
-
-            </td>
-
-           
-
-            <td></td>
-
-
-
-            <td> <button style='font-size:10pt;' type="button" class="form-control btn btn-primary" onclick="javascript:init_importer_modele_assure();"> <?= _("3 => Choisir Avenant") ?> </button> </td>
-
-
-
-            <td>
-
-                <?php if($fichierimport['etape3']=='1'): ?>
-
-                    <input id="etape3" NAME="etape3" style='width: 28px; height: 28px;' type="checkbox"  checked value="<?php echo $fichierimport['etape3'] ; ?>"  disabled >
-
-                <?php else: ?>
-
-                    <input id="etape3" NAME="etape3" style='width: 28px; height: 28px;' type="checkbox" value="<?php echo $fichierimport['etape3'] ; ?>" disabled >
-
-                <?php endif; ?>
-
-            </td>
-
-
-
-            <td></td>
-
-           
-
-            <td> <button style='font-size:10pt;' type="button" class="form-control btn btn-primary" onclick="javascript:traiter_lignes_importees();"> <?= _("4 => Traiter Importations") ?> </button> </td>
-
-        </tr>
-
-       
-
-       
-
-    </tbody>
-
-</table>    
-
-
-
-<div id="div_exporter_liste_assures"> </div>                
-
-
-
-<div id="div_form_upload" style="display: none">
-
-    <form enctype="multipart/form-data" action="Importassure" method="post">
-
-        <table class="table table-responsive table-condensed" style='font-size:10pt;'>
-
-            <tbody>
-
-                <tr>
-
-                    <td> <?= _("Document") ?> </td>
-
-                    <td> <input style="font-size: 15px; height: 40px" class="form-control btn btn-info" name="fichier_upload" type="file" id="fichier_upload" /> </td>
-
-
-
-                    <td> </td>
-
-                    <td> <input style='font-size:10pt;' class="form-control btn btn-primary" type="submit" name="submit" value="<?= _("Envoyer") ?>" /> </td>
-
-                </tr>          
-
-
-
-            </tbody>
-
-        </table>    
-
-    </form>
-
-</div>
-
-
-
-<?php if((isset($msgErreur)) && ($msgErreur>" ")) : ?>
-
-    <INPUT style='font-size:14pt; color:green; text-align:center;' class="form-control" type="text" value="<?= $msgErreur ?>" readonly >
-
-<?php endif; ?>
-
-
-
-<INPUT style='font-size:14pt; color:green; text-align:center;' class="form-control" type="text" value="<?= _('FICHIER A UTILISER').'    =>   '.$this->nettoyer($fichierimport['nomOrigine']) ?>" readonly disabled >
-
-
-
-<input class="sr-only" type="text" id="cheminFichier" name="cheminFichier" value="<?= $this->nettoyer($fichierimport['cheminFichier']) ?>">
-
-
-
-<div id="div_erreur_excel" >    
-
-     <input class="sr-only" type="text" id="succes_impot_execl" name="succes_impot_execl" value="0">
-
+<div class="card mb-4">
+  <div class="card-header fw-bold text-secondary">
+    <i class="fas fa-tasks me-2"></i><?= _("Processus d'importation des assurés") ?>
+  </div>
+  <div class="card-body">
+
+    <!-- Progress bar -->
+    <div class="progress mb-4" style="height: 25px;">
+      <div class="progress-bar bg-primary fw-bold" role="progressbar" 
+           style="width: <?= ($fichierimport['etape3']=='1') ? '100%' : (($fichierimport['etape2']=='1') ? '50%' : '25%') ?>;" 
+           aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">
+        <?= _("Progression") ?>
+      </div>
+    </div>
+
+    <!-- Timeline steps -->
+    <div class="row g-4 text-center">
+
+      <!-- Étape 1 -->
+      <div class="col-md-3">
+        <div class="card h-100 <?= ($fichierimport['etape1']=='1') ? 'border-success' : 'border-secondary' ?>">
+          <div class="card-body">
+            <h6 class="fw-bold">1️⃣ <?= _("Obtenir Fichier Modèle") ?></h6>
+            <button type="button" class="btn btn-primary w-100 mt-2" onclick="exporter_modele_assure();">
+              <?= _("Télécharger") ?>
+            </button>
+            <span class="badge mt-2 <?= ($fichierimport['etape1']=='1') ? 'bg-success' : 'bg-secondary' ?>">
+              <?= ($fichierimport['etape1']=='1') ? _("Validée") : _("En attente") ?>
+            </span>
+          </div>
+        </div>
+      </div>
+
+      <!-- Étape 2 -->
+      <div class="col-md-3">
+        <div class="card h-100 <?= ($fichierimport['etape2']=='1') ? 'border-success' : 'border-secondary' ?>">
+          <div class="card-body">
+            <h6 class="fw-bold">2️⃣ <?= _("Charger Fichier Renseigné") ?></h6>
+            <button type="button" class="btn btn-primary w-100 mt-2" onclick="charger_fichier_modele_assure();">
+              <?= _("Uploader") ?>
+            </button>
+            <span class="badge mt-2 <?= ($fichierimport['etape2']=='1') ? 'bg-success' : 'bg-secondary' ?>">
+              <?= ($fichierimport['etape2']=='1') ? _("Validée") : _("En attente") ?>
+            </span>
+          </div>
+        </div>
+      </div>
+
+      <!-- Étape 3 -->
+      <div class="col-md-3">
+        <div class="card h-100 <?= ($fichierimport['etape3']=='1') ? 'border-success' : 'border-secondary' ?>">
+          <div class="card-body">
+            <h6 class="fw-bold">3️⃣ <?= _("Choisir Avenant") ?></h6>
+            <button type="button" class="btn btn-primary w-100 mt-2" onclick="init_importer_modele_assure();">
+              <?= _("Sélectionner") ?>
+            </button>
+            <span class="badge mt-2 <?= ($fichierimport['etape3']=='1') ? 'bg-success' : 'bg-secondary' ?>">
+              <?= ($fichierimport['etape3']=='1') ? _("Validée") : _("En attente") ?>
+            </span>
+          </div>
+        </div>
+      </div>
+
+      <!-- Étape 4 -->
+      <div class="col-md-3">
+        <div class="card h-100 border-secondary">
+          <div class="card-body">
+            <h6 class="fw-bold">4️⃣ <?= _("Traiter Importations") ?></h6>
+            <button type="button" class="btn btn-primary w-100 mt-2" onclick="traiter_lignes_importees();">
+              <?= _("Lancer") ?>
+            </button>
+            <span class="badge mt-2 bg-secondary"><?= _("En attente") ?></span>
+          </div>
+        </div>
+      </div>
+
+    </div>
+  </div>
 </div>
\ No newline at end of file