diff --git a/Vue/Prestataireparlot/index.php b/Vue/Prestataireparlot/index.php
index abf6e02a..4d5fd82c 100755
--- a/Vue/Prestataireparlot/index.php
+++ b/Vue/Prestataireparlot/index.php
@@ -1,80 +1,146 @@
 <?php 
-	$this->titre = "INTER SANTE - Prestataire"; 
-	
-	$codeReseau  = $this->nettoyer($reseau['codeReseau']);
-	$idReseau    = $this->nettoyer($reseau['id']);
-	$nomReseau   = $this->nettoyer($reseau['libelle']);
-	
-	if (est_anglophone()){
-		
-		$libbouton = "Check all";
-	}else{
-		$libbouton = "Cocher tous";
-	}
-
+    $codeReseau  = $this->nettoyer($reseau['codeReseau']);
+    $idReseau    = $this->nettoyer($reseau['id']);
+    $nomReseau   = $this->nettoyer($reseau['libelle']);
+    
+    $isAnglais = est_anglophone();
+    $libbouton = $isAnglais ? "Check all" : "Cocher tous";
 ?>
 
-<legend> <?= _("AJOUTER PAR LOT DES PRESTATAIRES AU =>")." ".$nomReseau." (".$codeReseau.")";  ?> </legend>
+<div class="page-content animate__animated animate__fadeIn">
+    <div class="header-section mb-4">
+        <div class="d-flex align-items-center justify-content-between bg-white p-3 shadow-sm border-start border-primary border-4" style="border-radius: var(--radius-md);">
+            <div class="d-flex align-items-center">
+                <div class="icon-shape bg-primary-ghost text-primary rounded-circle me-3" style="width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;">
+                    <i class="fas fa-boxes fs-4"></i>
+                </div>
+                <div>
+                    <h4 id="titre-page" class="mb-0 fw-bold text-uppercase"><?= _("Ajout par lot de prestataires") ?></h4>
+                    <p class="text-muted small mb-0">
+                        <?= _("Cible :") ?> <span class="fw-bold text-primary"><?= $nomReseau ?></span> (<?= $codeReseau ?>)
+                    </p>
+                </div>
+            </div>
+            <div class="d-flex gap-2">
+                <button class="btn btn-light rounded-pill px-3 fw-bold shadow-xs border btn-sm" onclick="retour_liste_reseaus();">
+                    <i class="fas fa-arrow-left me-1"></i> <?= _("Retour") ?>
+                </button>
+            </div>
+        </div>
+    </div>
 
-<input class="sr-only" type="text" id="codeReseau" name="codeReseau" value="<?= $codeReseau ?>" >
-<input class="sr-only" type="text" id="idReseau" name="idReseau" value="<?= $idReseau ?>" >
-<input class="sr-only" type="text" id="nomReseau" name="nomReseau" value="<?= $nomReseau ?>" >
+    <input type="hidden" id="codeReseau" name="codeReseau" value="<?= $codeReseau ?>">
+    <input type="hidden" id="idReseau" name="idReseau" value="<?= $idReseau ?>">
+    <input type="hidden" id="nomReseau" name="nomReseau" value="<?= $nomReseau ?>">
 
-<table class="table table-responsive table-condensed" style='font-size:10pt;'>
-	<tbody>	
-		<tr> 
-			<td width="6%" > <?= _("Catégorie") ?> </td>
-			<td width="15%">
-				<select class="form-select" id="categoriePresataire" NAME="categoriePresataire" style='font-size:10pt;'>
-					<?php liste_options_consultation($categorie, ""); ?>						
-				</SELECT>
-			</td>
-			
-			<td width="8%" align="center"> <?= _("Prestataire") ?> </td>
-			<td width="35%" > <INPUT style='font-size:10pt;' class="form-control" type="text" id="libelle" name="libelle" onkeypress="javascript:ctrlkeypress_lite_prestataire(event);" > </td>
-			
-			<td width="6%" align="center"> Type </td>
-			<td >
-				<select class="form-select" id="codeTypePrestataire" NAME="codeTypePrestataire" style='font-size:10pt;'>
-					<?php liste_options_consultation($typeprestataire, ""); ?>						
-				</SELECT>
-			</td>
-			
-			<td> <input class="form-control" style="text-align: center; font-size:10pt;" type="text" id="nbligne" name="nbligne" value="Lignes Filtrées: 0" readonly> </td>
-		</tr>	
+    <div class="card border-0 shadow-sm mb-4">
+        <div class="card-header bg-white py-3 border-bottom border-2">
+            <h6 class="mb-0 fw-bold text-muted text-uppercase small"><i class="fas fa-filter me-2"></i><?= _("Critères de sélection") ?></h6>
+        </div>
+        <div class="card-body bg-light-subtle">
+            <form id="form_filtre_lot">
+                <div class="row g-3">
+                    <div class="col-md-3">
+                        <label class="form-label small fw-bold text-muted"><?= _("Catégorie") ?></label>
+                        <select class="selectpicker form-control border-2" id="categoriePresataire" name="categoriePresataire" data-live-search="true">
+                            <?php liste_options_consultation($categorie, ""); ?>
+                        </select>
+                    </div>
 
-		<tr> 
-			<td > <?= _("Pays") ?> </td>
-			<td width="15%">
-				<SELECT onChange="ajaxListerVilleConsultation();" class="form-select" id="codePays" NAME="codePays" style='font-size:10pt;'>
-					<?php liste_options_consultation($pays, ""); ?>
-				</SELECT>
-			</td>
-			
-			<td width="8%" align="center"> <?= (isset($_SESSION['affichagedynamique']['District / Région'])) ? _($_SESSION['affichagedynamique']['District / Région']) : _("District / Région") ?> </td>
-			<td width="35%" >
-				<div id="listeville">
-					<SELECT onChange="ajaxListerLocaliteConsultation();"  class="form-select" id="codeVille" NAME="codeVille" style='font-size:10pt;'>
-						<?php liste_options_consultation($ville, ""); ?>						
-					</SELECT>
-				</div>
-			</td>
-			
-			<td width="6%" align="center"> <?= (isset($_SESSION['affichagedynamique']['Commune'])) ? _($_SESSION['affichagedynamique']['Commune']) : _("Commune") ?> </td>
-			<td>
-				<div id="listelocalite">
-					<select class="form-select" id="codeLocalite" NAME="codeLocalite" style='font-size:10pt;'>
-						<?php liste_options_consultation($listelocalite, "" ); ?>						
-					</SELECT>
-				</div>
-			</td>
-			
-			<td>  <button style='font-size:10pt;' type="button" class="form-control btn btn-primary" onclick="javascript:afficher_lite_prestataire_lot();"> <?= _("Filtrer...") ?> </button> </td>
-		</tr>
-	</tbody>
-</table>	
+                    <div class="col-md-5">
+                        <label class="form-label small fw-bold text-muted"><?= _("Nom du Prestataire") ?></label>
+                        <div class="input-group">
+                            <span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-hospital text-muted"></i></span>
+                            <input class="form-control border-2 border-start-0 shadow-none fw-bold" type="text" id="libelle" name="libelle" onkeypress="ctrlkeypress_lite_prestataire(event);" placeholder="<?= _("Saisir un nom...") ?>">
+                        </div>
+                    </div>
 
+                    <div class="col-md-4">
+                        <label class="form-label small fw-bold text-muted"><?= _("Type") ?></label>
+                        <select class="selectpicker form-control border-2" id="codeTypePrestataire" name="codeTypePrestataire" data-live-search="true">
+                            <?php liste_options_consultation($typeprestataire, ""); ?>
+                        </select>
+                    </div>
 
-<div id="div_liste_prestataire">	
-			
+                    <div class="col-md-3">
+                        <label class="form-label small fw-bold text-muted"><?= _("Pays") ?></label>
+                        <select class="selectpicker form-control border-2" id="codePays" name="codePays" data-live-search="true" onchange="ajaxListerVilleConsultation();">
+                            <?php liste_options_consultation($pays, ""); ?>
+                        </select>
+                    </div>
+
+                    <div class="col-md-4">
+                        <label class="form-label small fw-bold text-muted"><?= (isset($_SESSION['affichagedynamique']['District / Région'])) ? _($_SESSION['affichagedynamique']['District / Région']) : _("District / Région") ?></label>
+                        <div id="listeville">
+                            <select class="selectpicker form-control border-2" id="codeVille" name="codeVille" data-live-search="true" onchange="ajaxListerLocaliteConsultation();">
+                                <?php liste_options_consultation($ville, ""); ?>
+                            </select>
+                        </div>
+                    </div>
+
+                    <div class="col-md-3">
+                        <label class="form-label small fw-bold text-muted"><?= (isset($_SESSION['affichagedynamique']['Commune'])) ? _($_SESSION['affichagedynamique']['Commune']) : _("Commune") ?></label>
+                        <div id="listelocalite">
+                            <select class="selectpicker form-control border-2" id="codeLocalite" name="codeLocalite" data-live-search="true">
+                                <?php liste_options_consultation($listelocalite, "" ); ?>
+                            </select>
+                        </div>
+                    </div>
+
+                    <div class="col-md-2 d-flex align-items-end">
+                        <button type="button" class="btn btn-primary w-100 fw-bold shadow-sm py-2" onclick="afficher_lite_prestataire_lot();">
+                            <i class="fas fa-search me-1"></i> <?= _("Filtrer") ?>
+                        </button>
+                    </div>
+                </div>
+            </form>
+        </div>
+        <div class="card-footer bg-white border-top-0 py-3">
+            <div class="d-flex justify-content-between align-items-center">
+                <span class="badge bg-primary-ghost text-primary px-3 py-2 rounded-pill">
+                    <i class="fas fa-stream me-2"></i><span id="nbligne_text"><?= _("Lignes Filtrées: 0") ?></span>
+                </span>
+                <input type="hidden" id="nbligne" name="nbligne" value="0">
+            </div>
+        </div>
+    </div>
+
+    <div id="div_liste_prestataire" class="animate__animated animate__fadeInUp">
+        <div class="text-center p-5 text-muted bg-white rounded shadow-sm border">
+            <i class="fas fa-mouse-pointer fa-3x mb-3 opacity-25"></i>
+            <p><?= _("Utilisez les filtres ci-dessus pour afficher les prestataires disponibles.") ?></p>
+        </div>
+    </div>
 </div>
+
+<style>
+    /* Alignement SelectPicker avec le style Neutral Pro */
+    .bootstrap-select .btn.dropdown-toggle {
+        padding-top: 0.5rem !important;
+        padding-bottom: 0.5rem !important;
+        height: 42px !important; /* Hauteur harmonisée pour ce formulaire */
+        font-size: 9.5pt !important;
+        border-width: 2px !important;
+        background-color: #fff !important;
+    }
+    
+    .bootstrap-select .filter-option { display: flex; align-items: center; font-weight: 600; }
+    
+    .bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
+    .card-header { background-color: #f8f9fa; }
+</style>
+
+<script>
+    $(document).ready(function() {
+        // Initialisation de tes SelectPickers via ta fonction robuste
+        actualiserSelectPicker('.selectpicker');
+    });
+
+    /**
+     * Surcharge pour mettre à jour le texte du badge compteur
+     */
+    function updateLotCounter(val) {
+        $("#nbligne").val(val);
+        $("#nbligne_text").text("<?= _('Lignes Filtrées: ') ?>" + val);
+    }
+</script>
\ No newline at end of file