diff --git a/Vue/Ajaxparametreproduitgarant/index.php b/Vue/Ajaxparametreproduitgarant/index.php
index b8d7b4c2..79825e94 100755
--- a/Vue/Ajaxparametreproduitgarant/index.php
+++ b/Vue/Ajaxparametreproduitgarant/index.php
@@ -1,126 +1,125 @@
-<?php 
-	$superUser = $_SESSION['superUser']; 	
-?>
+<?php $superUser = $_SESSION['superUser']; ?>
 
-<input class="sr-only" type="text" id="codeGcAssureur" name="codeGcAssureur" value="<?= $this->nettoyer($parametres['codeGcAssureur']) ?>" >
+<input type="hidden" id="codeGcAssureur" name="codeGcAssureur" value="<?= $this->nettoyer($parametres['codeGcAssureur']) ?>">
 
-<?php if($nbLigne == "0" && $superUser == "1"):?>
-<table class="table table-responsive table-condensed" style='font-size:10pt;'>
-	<tbody>
-		<tr>
-			<td > <?= _("Nbre Famille Estimé") ?> </td>
-			<td> 
-				<INPUT style='font-size:10pt;'  class="form-control" id="nbAdherent" NAME="nbAdherent" TYPE="text" value="<?= format_N($this->nettoyer($parametres['nbAdherent'])) ?>" 
-				onfocus="formatNumerique(this);" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);">
-			</td>
-			
-			<td align="center"> <?= _("Nbre Bénéficiaire Estimé") ?> </td>
-			<td> 
-				<INPUT style='font-size:10pt;'  class="form-control" id="nbBeneficiaire" NAME="nbBeneficiaire" TYPE="text" value="<?= format_N($this->nettoyer($parametres['nbBeneficiaire'])) ?>" 
-				onfocus="formatNumerique(this);" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);">
-			</td>
-		
-			<td align="center"> <?= _("Forfait Honoraire") ?> </td>
-			<td> 
-				<INPUT style='font-size:10pt;'  class="form-control" id="forfaitHonoraire" NAME="forfaitHonoraire" TYPE="text" value="<?= format_N($this->nettoyer($parametres['forfaitHonoraire'])) ?>" 
-				onfocus="formatNumerique(this);" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);">
-			</td>
-		</tr>	
-		
-		
-		<tr>
-			<td ><?= _("Budget") ?></td>
-			<td >
-				<INPUT  style='font-size:10pt;' class="form-control" TYPE="text" name="montantBudget" id="montantBudget" class="form-control" 
-				value="<?= format_N($this->nettoyer($parametres['montantBudget'])) ?>"  
-				onfocus="formatNumerique(this);" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);">
-			</td>
-			
-			<td align="center"><?= _("Budget Enfant Supplémentaire") ?></td>
-			<td >
-				<INPUT  style='font-size:10pt;' class="form-control" TYPE="text" name="montantBudgetEnfantSupl" id="montantBudgetEnfantSupl" class="form-control" 
-				value="<?= format_N($this->nettoyer($parametres['montantBudgetEnfantSupl'])) ?>"  
-				onfocus="formatNumerique(this);" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);">
-			</td>
-			
-			<td align="center"><?= _("Budget Conjoint Supplémentaire") ?></td>
-			<td >
-				<INPUT  style='font-size:10pt;' class="form-control" TYPE="text" name="montantBudgetConjointSupl" id="montantBudgetConjointSupl" class="form-control" 
-				value="<?= format_N($this->nettoyer($parametres['montantBudgetConjointSupl'])) ?>"  
-				onfocus="formatNumerique(this);" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);">
-			</td>
-		</tr>
-		
-		<tr>
-			<td > <?= _("Taux Frais Réel (%)") ?> </td>
-			<td> <INPUT style='font-size:10pt;'  class="form-control" id="gcTauxFraisReel" NAME="gcTauxFraisReel" TYPE="number" value="<?= $this->nettoyer($parametres['gcTauxFraisReel']) ?>" ></td>
-			
-			<td align="center"> <?= _("Taux Redressement (%)") ?> </td>
-			<td> <INPUT style='font-size:10pt;'  class="form-control" id="gcTauxRedressement" NAME="gcTauxRedressement" TYPE="number" value="<?= $this->nettoyer($parametres['gcTauxRedressement']) ?>" ></td>
-			
-			<td align="center"> <?= _("Taux Commission Gérant (%)") ?> </td>
-			<td> <INPUT style='font-size:10pt;'  class="form-control" id="gcTauxCommissionGerant" NAME="gcTauxCommissionGerant" TYPE="number" value="<?= $this->nettoyer($parametres['gcTauxCommissionGerant']) ?>" ></td>
-		</tr>	
-		
-		<tr> 
-			<td colspan="2"> <input id="btn_enreg" name="btn_enreg"  onClick="inserer_param_fact_produit();" class = "form-control btn btn-primary" type="button" value="<?= _("Enregistrer") ?>" style='font-size:10pt;' > </td>
-			<td colspan="2"></td>
-			<td colspan="2"> <input class = "form-control btn btn-warning" type="button" value="<?= _("Annuler") ?>" onClick="javascript:retour_param_fact_garant();" style='font-size:9pt;' > </td>
-		</tr>
-	</tbody>
-</table>
-<?php else:?>
-<table class="table table-responsive table-condensed" style='font-size:10pt;'>
-	<tbody>
-		
-		<tr>
-			<td > <?= _("Nbre Famille Estimé") ?> </td>
-			<td> <INPUT style='font-size:10pt;'  class="form-control" TYPE="text" value="<?= format_N($this->nettoyer($parametres['nbAdherent'])) ?>" disabled></td>
-			
-			<td align="center"> <?= _("Nbre Bénéficiaire Estimé") ?> </td>
-			<td> <INPUT style='font-size:10pt;'  class="form-control" TYPE="text" value="<?= format_N($this->nettoyer($parametres['nbBeneficiaire'])) ?>" disabled></td>
-		
-			<td align="center"> <?= _("Nbre Forfait Honoraire") ?> </td>
-			<td> <INPUT style='font-size:10pt;'  class="form-control" TYPE="text" value="<?= format_N($this->nettoyer($parametres['forfaitHonoraire'])) ?>" disabled></td>
-		</tr>	
-		
-		
-		<tr>
-			<td ><?= _("Budget") ?></td>
-			<td >
-				<INPUT  style='font-size:10pt;' class="form-control" TYPE="text" class="form-control" 
-				value="<?= format_N($this->nettoyer($parametres['montantBudget'])) ?>" disabled >
-			</td>
-			
-			<td align="center"><?= _("Budget Enfant Supplémentaire") ?></td>
-			<td >
-				<INPUT  style='font-size:10pt;' class="form-control" TYPE="text" class="form-control" 
-				value="<?= format_N($this->nettoyer($parametres['montantBudgetEnfantSupl'])) ?>" disabled >
-			</td>
-			
-			<td align="center"><?= _("Budget Conjoint Supplémentaire") ?></td>
-			<td >
-				<INPUT  style='font-size:10pt;' class="form-control" TYPE="text" class="form-control" 
-				value="<?= format_N($this->nettoyer($parametres['montantBudgetConjointSupl'])) ?>" disabled >
-			</td>
-		</tr>
-		
-		<tr>
-			<td > <?= _("Taux Frais Réel (%)") ?> </td>
-			<td> <INPUT style='font-size:10pt;'  class="form-control" TYPE="number" value="<?= $this->nettoyer($parametres['gcTauxFraisReel']) ?>" disabled></td>
-			
-			<td align="center"> <?= _("Taux Redressement (%)") ?> </td>
-			<td> <INPUT style='font-size:10pt;'  class="form-control" TYPE="number" value="<?= $this->nettoyer($parametres['gcTauxRedressement']) ?>" disabled></td>
-			
-			<td align="center"> <?= _("Taux Commission Gérant (%)") ?> </td>
-			<td> <INPUT style='font-size:10pt;'  class="form-control" TYPE="number" value="<?= $this->nettoyer($parametres['gcTauxCommissionGerant']) ?>" disabled></td>
-		</tr>	
-		
-		<tr> 
-			<td colspan="2"> <input id="btn_enreg" name="btn_enreg"  onClick="modifier_param_fact_produit('<?= $superUser ?>');" class = "form-control btn btn-primary" type="button" value="<?= _("Modifier") ?>" style='font-size:10pt;' > </td>
-			<td colspan="2"></td>
-			<td colspan="2"> <input class = "form-control btn btn-warning" type="button" value="<?= _("Annuler") ?>" onClick="javascript:retour_param_fact_garant();" style='font-size:9pt;' > </td>
-		</tr>
-	</tbody>
-</table>
-<?php endif;?>
\ No newline at end of file
+<div class="animate__animated animate__fadeIn">
+
+    <div class="d-flex justify-content-between align-items-center bg-white p-3 mb-3 shadow-sm rounded border-bottom">
+        <h6 class="mb-0 fw-bold text-muted text-uppercase small">
+            <i class="fas fa-sliders-h me-2"></i><?= _("Configuration spécifique du produit") ?>
+        </h6>
+        <div class="d-flex gap-2">
+            <button type="button" class="btn btn-light btn-sm rounded-pill px-3 border shadow-xs fw-bold" onClick="retour_param_fact_garant();">
+                <?= _("Annuler") ?>
+            </button>
+            
+            <?php if($nbLigne == "0" && $superUser == "1"): ?>
+                <button type="button" class="btn btn-primary btn-sm rounded-pill px-4 shadow-sm fw-bold" onClick="inserer_param_fact_produit();">
+                    <i class="fas fa-save me-1"></i> <?= _("Enregistrer") ?>
+                </button>
+            <?php else: ?>
+                <button type="button" class="btn btn-warning btn-sm rounded-pill px-4 shadow-sm fw-bold text-dark" onClick="modifier_param_fact_produit('<?= $superUser ?>');">
+                    <i class="fas fa-edit me-1"></i> <?= _("Modifier") ?>
+                </button>
+            <?php endif; ?>
+        </div>
+    </div>
+
+    <div class="row g-3">
+        <div class="col-md-12">
+            <div class="card border-0 shadow-sm">
+                <div class="card-body">
+                    <div class="row g-3">
+                        <div class="col-md-4">
+                            <label class="form-label small fw-bold text-muted"><?= _("Nbre Famille Estimé") ?></label>
+                            <input class="form-control border-2 <?= ($nbLigne != '0') ? 'bg-light' : '' ?>" 
+                                   id="nbAdherent" name="nbAdherent" type="text" 
+                                   value="<?= format_N($this->nettoyer($parametres['nbAdherent'])) ?>" 
+                                   <?= ($nbLigne != '0') ? 'disabled' : 'onfocus="formatNumerique(this);" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);"' ?>>
+                        </div>
+                        <div class="col-md-4">
+                            <label class="form-label small fw-bold text-muted"><?= _("Nbre Bénéficiaire Estimé") ?></label>
+                            <input class="form-control border-2 <?= ($nbLigne != '0') ? 'bg-light' : '' ?>" 
+                                   id="nbBeneficiaire" name="nbBeneficiaire" type="text" 
+                                   value="<?= format_N($this->nettoyer($parametres['nbBeneficiaire'])) ?>" 
+                                   <?= ($nbLigne != '0') ? 'disabled' : 'onfocus="formatNumerique(this);" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);"' ?>>
+                        </div>
+                        <div class="col-md-4">
+                            <label class="form-label small fw-bold text-muted"><?= _("Forfait Honoraires") ?></label>
+                            <input class="form-control border-2 <?= ($nbLigne != '0') ? 'bg-light' : '' ?>" 
+                                   id="forfaitHonoraire" name="forfaitHonoraire" type="text" 
+                                   value="<?= format_N($this->nettoyer($parametres['forfaitHonoraire'])) ?>" 
+                                   <?= ($nbLigne != '0') ? 'disabled' : 'onfocus="formatNumerique(this);" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);"' ?>>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="col-md-12">
+            <div class="card border-0 shadow-sm border-start border-4 border-info">
+                <div class="card-body">
+                    <div class="row g-3">
+                        <div class="col-md-4">
+                            <label class="form-label small fw-bold text-muted"><?= _("Budget Global") ?></label>
+                            <input class="form-control border-2 fw-bold text-primary <?= ($nbLigne != '0') ? 'bg-light' : '' ?>" 
+                                   name="montantBudget" id="montantBudget" type="text" 
+                                   value="<?= format_N($this->nettoyer($parametres['montantBudget'])) ?>" 
+                                   <?= ($nbLigne != '0') ? 'disabled' : 'onfocus="formatNumerique(this);" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);"' ?>>
+                        </div>
+                        <div class="col-md-4">
+                            <label class="form-label small fw-bold text-muted"><?= _("Budget Enfant Supp.") ?></label>
+                            <input class="form-control border-2 <?= ($nbLigne != '0') ? 'bg-light' : '' ?>" 
+                                   name="montantBudgetEnfantSupl" id="montantBudgetEnfantSupl" type="text" 
+                                   value="<?= format_N($this->nettoyer($parametres['montantBudgetEnfantSupl'])) ?>" 
+                                   <?= ($nbLigne != '0') ? 'disabled' : 'onfocus="formatNumerique(this);" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);"' ?>>
+                        </div>
+                        <div class="col-md-4">
+                            <label class="form-label small fw-bold text-muted"><?= _("Budget Conjoint Supp.") ?></label>
+                            <input class="form-control border-2 <?= ($nbLigne != '0') ? 'bg-light' : '' ?>" 
+                                   name="montantBudgetConjointSupl" id="montantBudgetConjointSupl" type="text" 
+                                   value="<?= format_N($this->nettoyer($parametres['montantBudgetConjointSupl'])) ?>" 
+                                   <?= ($nbLigne != '0') ? 'disabled' : 'onfocus="formatNumerique(this);" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);"' ?>>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="col-md-12 mb-4">
+            <div class="card border-0 shadow-sm">
+                <div class="card-body">
+                    <div class="row g-3">
+                        <div class="col-md-4">
+                            <label class="form-label small fw-bold text-muted"><?= _("Taux Frais Réels (%)") ?></label>
+                            <input class="form-control border-2 <?= ($nbLigne != '0') ? 'bg-light' : '' ?>" 
+                                   id="gcTauxFraisReel" name="gcTauxFraisReel" type="number" 
+                                   value="<?= $this->nettoyer($parametres['gcTauxFraisReel']) ?>" 
+                                   <?= ($nbLigne != '0') ? 'disabled' : '' ?>>
+                        </div>
+                        <div class="col-md-4">
+                            <label class="form-label small fw-bold text-muted"><?= _("Taux Redressement (%)") ?></label>
+                            <input class="form-control border-2 <?= ($nbLigne != '0') ? 'bg-light' : '' ?>" 
+                                   id="gcTauxRedressement" name="gcTauxRedressement" type="number" 
+                                   value="<?= $this->nettoyer($gc['gcTauxRedressement']) ?>" 
+                                   <?= ($nbLigne != '0') ? 'disabled' : '' ?>>
+                        </div>
+                        <div class="col-md-4">
+                            <label class="form-label small fw-bold text-muted"><?= _("Taux Commission Gérant (%)") ?></label>
+                            <input class="form-control border-2 <?= ($nbLigne != '0') ? 'bg-light' : '' ?>" 
+                                   id="gcTauxCommissionGerant" name="gcTauxCommissionGerant" type="number" 
+                                   value="<?= $this->nettoyer($parametres['gcTauxCommissionGerant']) ?>" 
+                                   <?= ($nbLigne != '0') ? 'disabled' : '' ?>>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<style>
+    .bg-warning-light { background-color: rgba(255, 193, 7, 0.15); }
+    .card { border-radius: 10px; }
+    .form-control:disabled { opacity: 0.8; cursor: not-allowed; }
+</style>
\ No newline at end of file