diff --git a/Js/fonctions.js b/Js/fonctions.js
index 5dbe2eca..afd481cd 100755
--- a/Js/fonctions.js
+++ b/Js/fonctions.js
@@ -86927,7 +86927,12 @@ function filtreproduitbareme() {
         data: { codeGcAssureur: codeGcAssureur },
         success: function(data) {
             $('#div_produit').html(data);
-            actualiserSelectPicker('#codeProduit', true);
+            if (typeof actualiserSelectPicker === 'function') {
+				actualiserSelectPicker('#codeProduit', true); // true pour donner le focus
+			} else {
+				// Fallback si la fonction n'est pas chargée
+				$('#codeProduit').selectpicker('refresh');
+			}
         }
     }); 
 }
diff --git a/Vue/Ajaxbaremeproduit/index.php b/Vue/Ajaxbaremeproduit/index.php
index 6de19ac4..c5981f5b 100755
--- a/Vue/Ajaxbaremeproduit/index.php
+++ b/Vue/Ajaxbaremeproduit/index.php
@@ -1,70 +1,58 @@
 <?php 
-
-$this->titre = "INTER SANTE - Barème de prise en charge initial"; 
-
-
-	$nbreTotal = count($baremes);
-	
-	if($nbreTotal < 10){
-		$nbreTotal = '0'.$nbreTotal;	
-	}else{
-		$nbreTotal =  format_N($nbreTotal);
-	}
+    $nbreTotal = count($baremes);
+    $displayTotal = ($nbreTotal < 10) ? '0'.$nbreTotal : format_N($nbreTotal);
 ?>
 
-<table style="margin: auto" class="table-responsive">
-	<tbody>
-		<td><input class="form-control" style="text-align: center; font-size:10pt;" type="text" id="nbreTotal" name="nbreTotal" value="Total enregistré : <?= $nbreTotal; ?>" readonly> </td>
-	</tbody>
-</table>
+<div class="d-flex justify-content-center mb-3">
+    <span class="badge bg-primary-ghost text-primary px-4 py-2 rounded-pill border shadow-sm fs-6">
+        <i class="fas fa-list-ol me-2"></i><?= _("Total enregistré :") ?> <span class="fw-bold"><?= $displayTotal; ?></span>
+    </span>
+</div>
 
-<input type="hidden" id="total" value="<?= $nbreTotal; ?>">
-	
-<table class="table table-striped table-bordered table-hover table-condensed table-responsive tabliste compact" style="font-size:10pt;">
-	<thead>
-		<tr>
-			<th style="text-align:center" > <?= _("ID") ?> </th>
-			<th style="text-align:center" > <?= _("Libellé") ?> </th>
-			<th style="text-align:center" > <?= _("Garant") ?> </th>
-			<th style="text-align:center" > <?= _("Taux") ?> </th>
-			<th style="text-align:center" > <?= _("Territoire") ?> </th>
-			<th style="text-align:center"> <?= _("Modifier") ?> </th>
-			<th style="text-align:center"> <?= _("Configurer") ?> </th>
-		</tr>
-	</thead>
-	<tbody>
-		<?php 
-			$i = 0;
-			foreach ($baremes as $v):
-			$idBaremes = $this->nettoyer($v['id']);
-			
-			$observation = $this->nettoyer($v['observationBareme']);
-			
-			if(!empty($observation)){
-				$libelle = $observation;
-			}else{
-				$libelle = $this->nettoyer($v['libelle']);
-			}
-			
-			$archiver = $this->nettoyer($v['archiver']);
-			$nbBaremeCollege = $this->nettoyer($v['nbBaremeCollege']);
-			
-			$dansCollege = ($nbBaremeCollege=="0") ? "Non" : "Oui";
-			$territoire = $this->nettoyer($v['territoire']);
-			
-			if (est_anglophone()){
-				$territoire = $this->nettoyer($v['territoireEng']);
-			}
-		?>
-			<tr  valign="top">
-				<td align="center"> <?= $idBaremes ?>  </td>
-				<td> <?= $libelle ?>  </td>
-				<td > <?= $this->nettoyer($v['garant']) ?>  </td>
-				<td align="center"> <?= $this->nettoyer($v['tauxRemboursement']) ?>  </td>
-				<td align="center"> <?= $territoire ?>  </td>
-				<td align="center" width="10%"> <input class = "form-control btn btn-primary" style="font-size:10pt;" type="button" value="<?= _("Modifier") ?>" onclick="javascript:modifier_baremepriseencharge(<?= $idBaremes ?>);"> </td>
-				<td align="center" width="10%"> <input class = "form-control btn btn-success" style="font-size:10pt;" type="button" value="<?= _("Configurer") ?>" onclick="javascript:detail_baremepriseencharge(<?= $idBaremes ?>);"> </td>
-			</tr>
-		<?php endforeach; ?>
-	</tbody>
-</table>
\ No newline at end of file
+<div class="card border-0 shadow-sm overflow-hidden">
+    <div class="table-responsive">
+        <table class="table table-hover align-middle mb-0" style="font-size: 9.5pt;">
+            <thead class="bg-light border-bottom">
+                <tr>
+                    <th class="text-center ps-3 py-3" width="80px">ID</th>
+                    <th><?= _("Libellé du Barème") ?></th>
+                    <th><?= _("Garant") ?></th>
+                    <th class="text-center"><?= _("Taux (%)") ?></th>
+                    <th class="text-center"><?= _("Territoire") ?></th>
+                    <th class="text-center py-3" width="220px"><?= _("Actions") ?></th>
+                </tr>
+            </thead>
+            <tbody>
+                <?php foreach ($baremes as $v):
+                    $id = $this->nettoyer($v['id']);
+                    $libelle = !empty($v['observationBareme']) ? $v['observationBareme'] : $v['libelle'];
+                    $territoire = est_anglophone() ? $v['territoireEng'] : $v['territoire'];
+                ?>
+                <tr>
+                    <td class="text-center"><span class="badge bg-light text-muted border"><?= $id ?></span></td>
+                    <td class="fw-bold text-dark"><?= $this->nettoyer($libelle) ?></td>
+                    <td><span class="small text-muted"><?= $this->nettoyer($v['garant']) ?></span></td>
+                    <td class="text-center">
+                        <span class="badge bg-success-light text-success fs-6 rounded-pill">
+                            <?= $this->nettoyer($v['tauxRemboursement']) ?> %
+                        </span>
+                    </td>
+                    <td class="text-center">
+                        <span class="small"><i class="fas fa-globe-africa me-1 text-muted"></i><?= $this->nettoyer($territoire) ?></span>
+                    </td>
+                    <td class="text-center">
+                        <div class="btn-group gap-2">
+                            <button class="btn btn-sm btn-outline-primary rounded-pill px-3 fw-bold" onclick="modifier_baremepriseencharge(<?= $id ?>);">
+                                <i class="fas fa-edit me-1"></i> <?= _("Modifier") ?>
+                            </button>
+                            <button class="btn btn-sm btn-success rounded-pill px-3 fw-bold" onclick="detail_baremepriseencharge(<?= $id ?>);">
+                                <i class="fas fa-cogs me-1"></i> <?= _("Configurer") ?>
+                            </button>
+                        </div>
+                    </td>
+                </tr>
+                <?php endforeach; ?>
+            </tbody>
+        </table>
+    </div>
+</div>
\ No newline at end of file
diff --git a/Vue/Ajaxfiltreproduitbareme/index.php b/Vue/Ajaxfiltreproduitbareme/index.php
index 79149176..7ae63165 100755
--- a/Vue/Ajaxfiltreproduitbareme/index.php
+++ b/Vue/Ajaxfiltreproduitbareme/index.php
@@ -1,8 +1,32 @@
 <?php 
-
-	$codeProduit = isset($_SESSION['codeProduit']) ? $_SESSION['codeProduit']:"";
+    // Récupération sécurisée du produit en session si existant
+    $codeProduit = isset($_SESSION['codeProduit']) ? $_SESSION['codeProduit'] : "";
 ?>
 
-<SELECT style="font-size:10pt; height:30px;" class="form-control selectpicker" data-live-search="true" id="codeProduit" NAME="codeProduit" required autofocus onChange="javascript:afficher_bareme_produit();">
-	<?php liste_options($produits, $codeProduit); ?>						
-</SELECT>
+<select class="selectpicker form-control border-2 shadow-none" 
+        id="codeProduit" 
+        name="codeProduit" 
+        data-live-search="true" 
+        data-container="body"
+        required 
+        onchange="afficher_bareme_produit();">
+    
+    <option value="" data-icon="fas fa-info-circle"><?= _("-- Choisir un produit --") ?></option>
+    
+    <?php liste_options($produits, $codeProduit); ?>						
+</select>
+
+<script>
+    /**
+     * On réinitialise le selectpicker immédiatement après l'injection AJAX
+     * pour appliquer les styles Neutral Pro (hauteur, police, recherche).
+     */
+    $(document).ready(function() {
+        if (typeof actualiserSelectPicker === 'function') {
+            actualiserSelectPicker('#codeProduit', true); // true pour donner le focus
+        } else {
+            // Fallback si la fonction n'est pas chargée
+            $('#codeProduit').selectpicker('refresh');
+        }
+    });
+</script>