diff --git a/Bootstrap_new/css/theme-modern.css b/Bootstrap_new/css/theme-modern.css
index 14a8ca9c..e0a94a53 100644
--- a/Bootstrap_new/css/theme-modern.css
+++ b/Bootstrap_new/css/theme-modern.css
@@ -1386,10 +1386,6 @@ select[class*="selectpicker"],
 .bg-light-ghost {background-color: rgba(255, 255, 255, 0.12); color: #212529; border: 1px solid rgba(0, 0, 0, 0.05);}
 .bg-dark-ghost {background-color: rgba(0, 0, 0, 0.25); color: #f8f9fa; border: 1px solid rgba(255, 255, 255, 0.1);}
 
-
-
-
-
 /* Navigation Pills Modernes */
 .nav-pills .nav-link { color: #64748b; padding: 10px 20px; transition: 0.3s; border: none; background: none; }
 .nav-pills .nav-link.active { background-color: #212e53 !important; color: white !important; box-shadow: var(--shadow-md); }
diff --git a/Js/fonctions.js b/Js/fonctions.js
index 40726d10..52dc28fe 100755
--- a/Js/fonctions.js
+++ b/Js/fonctions.js
@@ -47766,7 +47766,8 @@ function fermeFormulaire() {
     afficheBoutons(0);
 
 	// Nettoie les menus orphelins du body
-	$('.selectpicker').selectpicker('destroy'); 
+	//frmbaremegarant
+	//$('.selectpicker').selectpicker('destroy'); 
 }
 
 // Affiche le formulaire d'ajout de données
diff --git a/Vue/Ajaxajouterbaremeaccessoiregarant/index.php b/Vue/Ajaxajouterbaremeaccessoiregarant/index.php
index f360fc90..cd3f65e6 100755
--- a/Vue/Ajaxajouterbaremeaccessoiregarant/index.php
+++ b/Vue/Ajaxajouterbaremeaccessoiregarant/index.php
@@ -1,39 +1,89 @@
-<form id="formData">
-<legend id="titre_formData"><?= _("Ajouter des données") ?></legend>
-<table class="table table-responsive table-condensed">
-	<tbody>	
-        <tr> 	
-			<td width="10%" align="center" class="required"><?= _("Type Contrat") ?></td>
-			<td>
-				<select class="form-select text-center" id="codeTypeContrat" NAME="codeTypeContrat" required AUTOCOMPLETE="OFF" onchange="javascript:affiche_prime_min_garant();">
-					<?php liste_options($typecontrat,"", false); ?>						
-				</SELECT>						
-			</td>
-			
-			<td width="8%" align="center" ><?= _("Prime Mini") ?></td>
-			<td width="20%" >
-				<div id="div_prime_mini">
-					<INPUT class="form-control text-center" TYPE="text" value="0" disabled>
-				</div>
-			</td>
-            
-			<td width="8%" align="center" class="required"><?= _("Forfait") ?></td>
-            <td width="20%"><INPUT class="form-control text-center" TYPE="text" value="0" id="accessoireForfait" NAME="accessoireForfait" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);"></td>
-			
-		</tr>
-        <tr>
-			<td width="10%" align="center" class="required"><?= _("Application") ?></td>
-			<td>
-				<select class="form-select text-center" id="codeApplication" NAME="codeApplication" required AUTOCOMPLETE="OFF" onchange="javascript:affiche_prime_min_garant();">
-					<?php liste_options($application,"", false); ?>						
-				</SELECT>						
-			</td>
-			<td width="8%" align="center" class="required"><?= _("Prime Maxi") ?></td>
-            <td width="20%"><INPUT class="form-control text-center" TYPE="text" value="0" id="primeMax" NAME="primeMax" required AUTOCOMPLETE="OFF" onkeyup="controle_numerique(this);" 
-			onblur="formatMonetaire(this);" onchange="controle_primeMax();"></td>
-			<td width="8%" align="center"><?= _("Taux") ?></td>
-            <td width="20%"><INPUT class="form-control text-center" TYPE="number" min="0" value="0" step="0.01" id="tauxAccessoire" NAME="tauxAccessoire" onBlur="controle_numerique(this);"></td>	
-        </tr>
-	</tbody>
-</table>
-</form>	
\ No newline at end of file
+<div class="card border-0 shadow-sm mb-4 border-start border-primary border-4 animate__animated animate__fadeIn">
+    <div class="card-header bg-white py-3">
+        <h6 class="card-title mb-0 fw-bold text-primary text-uppercase small">
+            <i class="fas fa-plus-circle me-2"></i><?= _("Ajouter des données") ?>
+        </h6>
+    </div>
+    <div class="card-body p-4">
+        <form id="formData">
+            <div class="row g-3 mb-3">
+                <div class="col-md-4">
+                    <label class="form-label small fw-bold text-muted text-uppercase required"><?= _("Type Contrat") ?></label>
+                    <div class="input-group">
+                        <span class="input-group-text bg-light text-primary"><i class="fas fa-file-contract"></i></span>
+                        <select class="form-select selectpicker" id="codeTypeContrat" name="codeTypeContrat" required autocomplete="off" onchange="javascript:affiche_prime_min_garant();">
+                            <?php liste_options($typecontrat, "", false); ?>
+                        </select>
+                    </div>
+                </div>
+
+                <div class="col-md-4">
+                    <label class="form-label small fw-bold text-muted text-uppercase"><?= _("Prime Mini") ?></label>
+                    <div id="div_prime_mini">
+                        <div class="input-group">
+                            <span class="input-group-text bg-light"><i class="fas fa-arrow-down text-muted"></i></span>
+                            <input class="form-control text-center bg-light fw-bold" type="text" value="0" disabled>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="col-md-4">
+                    <label class="form-label small fw-bold text-muted text-uppercase required"><?= _("Forfait") ?></label>
+                    <div class="input-group">
+                        <span class="input-group-text bg-light text-success"><i class="fas fa-money-bill-wave"></i></span>
+                        <input class="form-control text-center fw-bold" type="text" value="0" id="accessoireForfait" name="accessoireForfait" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);">
+                    </div>
+                </div>
+            </div>
+
+            <div class="row g-3">
+                <div class="col-md-4">
+                    <label class="form-label small fw-bold text-muted text-uppercase required"><?= _("Application") ?></label>
+                    <div class="input-group">
+                        <span class="input-group-text bg-light text-primary"><i class="fas fa-cog"></i></span>
+                        <select class="form-select selectpicker" id="codeApplication" name="codeApplication" required autocomplete="off" onchange="javascript:affiche_prime_min_garant();">
+                            <?php liste_options($application, "", false); ?>
+                        </select>
+                    </div>
+                </div>
+
+                <div class="col-md-4">
+                    <label class="form-label small fw-bold text-muted text-uppercase required"><?= _("Prime Maxi") ?></label>
+                    <div class="input-group">
+                        <span class="input-group-text bg-light text-primary"><i class="fas fa-arrow-up"></i></span>
+                        <input class="form-control text-center fw-bold text-primary" type="text" value="0" id="primeMax" name="primeMax" required autocomplete="off" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);" onchange="controle_primeMax();">
+                    </div>
+                </div>
+
+                <div class="col-md-4">
+                    <label class="form-label small fw-bold text-muted text-uppercase"><?= _("Taux (%)") ?></label>
+                    <div class="input-group">
+                        <span class="input-group-text bg-light text-info"><i class="fas fa-percentage"></i></span>
+                        <input class="form-control text-center fw-bold" type="number" min="0" value="0" step="0.01" id="tauxAccessoire" name="tauxAccessoire" onBlur="controle_numerique(this);">
+                    </div>
+                </div>
+            </div>
+        </form>
+    </div>
+</div>
+
+<style>
+    /* Style pour les labels obligatoires */
+    .form-label.required::after {
+        content: " *";
+        color: #dc3545;
+        font-weight: bold;
+    }
+    
+    /* Harmonisation des hauteurs des input-groups */
+    .input-group-text {
+        min-width: 45px;
+        justify-content: center;
+        border-color: #dee2e6;
+    }
+    
+    .form-control:focus, .form-select:focus {
+        border-color: #0d6efd;
+        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.1);
+    }
+</style>
\ No newline at end of file