diff --git a/Vue/Ajaxactesgarantiebareme/index.php b/Vue/Ajaxactesgarantiebareme/index.php
index 50a1dc7a..6c0fe5ae 100755
--- a/Vue/Ajaxactesgarantiebareme/index.php
+++ b/Vue/Ajaxactesgarantiebareme/index.php
@@ -41,74 +41,169 @@
 						<i id="span_bareme" class="fas fa-chevron-down text-muted"></i>
 					</div>
                     <input type="hidden" id="masquerGarantie" value="1">
-                    <div id="div_garanties_masquer" class="card-body border-top bg-white" style="display:none;">
-                        <div class="p-4 mb-3 rounded-3 bg-light border-dashed">
-                            
-                            <div class="row g-2 mb-3">
-                                <div class="col-md-2">
-                                    <label class="lbl-erp required"><?= _("Date Effet") ?></label>
-                                    <input type="text" class="form-control datepicker text-center fw-bold border-primary" id="dateEffetFamilleActe" name="dateEffetFamilleActe" required>
-                                </div>
-                                <div class="col-md-3">
-                                    <label class="lbl-erp"><?= _("Plafond Famille (Global)") ?></label>
-                                    <input type="text" class="form-control text-end fw-bold" id="plafondFamilleActe" name="plafondFamilleActe" onblur="formatMonetaire(this);">
-                                </div>
-                                <div class="col-md-2">
-                                    <label class="lbl-erp"><?= _("Périodicité Famille") ?></label>
-                                    <select class="form-select" id="periodicitePlafondFamilleActe" name="periodicitePlafondFamilleActe"><?= liste_options($periodicite,"",true) ?></select>
-                                </div>
-                                <div class="col-md-2">
-                                    <label class="lbl-erp"><?= _("Nbre Actes Fam.") ?></label>
-                                    <input type="number" class="form-control" id="nombreActesFamilleActe" name="nombreActesFamilleActe" value="0">
-                                </div>
-                                <div class="col-md-3">
-                                    <label class="lbl-erp"><?= _("Périod. Nbre Fam.") ?></label>
-                                    <select class="form-select" id="periodiciteNombreActesFamilleActe" name="periodiciteNombreActesFamilleActe"><?= liste_options($periodicite,"",true) ?></select>
+                    <div id="div_garanties_masquer" class="bg-light p-3 rounded shadow-sm border">
+                        <h6 class="text-uppercase fw-bold text-secondary mb-3 small">
+                            <i class="fas fa-layer-group me-2"></i><?= _("Particularités sur Garantie") ?>
+                        </h6>
+
+                        <div class="row g-3">
+                            <div class="col-md-2">
+                                <div class="card h-100 border-primary-subtle">
+                                    <div class="card-header bg-primary-subtle py-1 text-center small fw-bold">
+                                        <?= _("Application") ?>
+                                    </div>
+                                    <div class="card-body p-2">
+                                        <label class="form-label small mb-1 required fw-bold"><?= _("Date d'effet") ?></label>
+                                        <input type="text" id="dateEffetGarantie" name="dateEffetGarantie" 
+                                            class="form-control form-control-sm text-center datepicker border-primary" 
+                                            onChange="javascript:controleDateEffetGarantieBareme();" required>
+                                    </div>
                                 </div>
                             </div>
 
-                            <div class="row g-2 mb-3 border-top pt-3">
-                                <div class="col-md-3">
-                                    <label class="lbl-erp"><?= _("Plafond par Individu") ?></label>
-                                    <input type="text" class="form-control text-end" id="plafondBeneficiaireFamilleActe" name="plafondBeneficiaireFamilleActe" onblur="formatMonetaire(this);">
-                                </div>
-                                <div class="col-md-2">
-                                    <label class="lbl-erp"><?= _("Périodicité Indiv.") ?></label>
-                                    <select class="form-select" id="periodicitePlafondBeneficiaireFamilleActe" name="periodicitePlafondBeneficiaireFamilleActe"><?= liste_options($periodicite,"",true) ?></select>
-                                </div>
-                                <div class="col-md-2">
-                                    <label class="lbl-erp"><?= _("Part Patient (%)") ?></label>
-                                    <input type="number" class="form-control text-center text-danger fw-bold" id="ticketModerateurFamilleActe" name="ticketModerateurFamilleActe" value="0">
-                                </div>
-                                <div class="col-md-2">
-                                    <label class="lbl-erp"><?= _("Forfait TM") ?></label>
-                                    <input type="text" class="form-control text-end" id="forfaitTmGarantie" name="forfaitTmGarantie" onblur="formatMonetaire(this);" value="0">
-                                </div>
-                                <div class="col-md-3">
-                                    <label class="lbl-erp"><?= _("Carence (Mois)") ?></label>
-                                    <input type="number" class="form-control" id="delaiCarenceFamilleActe" name="delaiCarenceFamilleActe" value="0">
+                            <div class="col-md-5">
+                                <div class="card h-100 border-info-subtle">
+                                    <div class="card-header bg-info-subtle py-1 text-center small fw-bold">
+                                        <?= _("Limites Famille (Adhérent)") ?>
+                                    </div>
+                                    <div class="card-body p-2">
+                                        <div class="row g-2">
+                                            <div class="col-md-4">
+                                                <label class="form-label small mb-0"><?= _("Plafond") ?></label>
+                                                <input type="text" id="forfaitPlafondGarantieAdherent" name="forfaitPlafondGarantieAdherent" 
+                                                    class="form-control form-control-sm text-center fw-bold" value="0" 
+                                                    onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);">
+                                            </div>
+                                            <div class="col-md-4">
+                                                <label class="form-label small mb-0"><?= _("Période Plafond") ?></label>
+                                                <select class="form-select form-select-sm" id="codePeriodicitePlafondGarantieAdherent" name="codePeriodicitePlafondGarantieAdherent">
+                                                    <?= liste_options($periodicite,'',true) ?>
+                                                </select>
+                                            </div>
+                                            <div class="col-md-2">
+                                                <label class="form-label small mb-0"><?= _("Nb Trans") ?></label>
+                                                <input type="text" id="nbreTransactionGarantieAdherent" name="nbreTransactionGarantieAdherent" 
+                                                    class="form-control form-control-sm text-center" value="0" onkeyup="controle_numerique(this);">
+                                            </div>
+                                            <div class="col-md-2">
+                                                <label class="form-label small mb-0"><?= _("Période") ?></label>
+                                                <select class="form-select form-select-sm px-1" id="codePeriodiciteGarantieAdherent" name="codePeriodiciteGarantieAdherent">
+                                                    <?= liste_options($periodiciteFiltre,'',true) ?>
+                                                </select>
+                                            </div>
+                                        </div>
+                                    </div>
                                 </div>
                             </div>
 
-                            <div class="row g-2 align-items-end border-top pt-3">
-                                <div class="col-md-3">
-                                    <label class="lbl-erp"><?= _("Âge Minimum") ?></label>
-                                    <input type="number" class="form-control" id="ageMinimumFamilleActe" name="ageMinimumFamilleActe" value="0">
+                            <div class="col-md-5">
+                                <div class="card h-100 border-warning-subtle">
+                                    <div class="card-header bg-warning-subtle py-1 text-center small fw-bold">
+                                        <?= _("Limites par Bénéficiaire") ?>
+                                    </div>
+                                    <div class="card-body p-2">
+                                        <div class="row g-2">
+                                            <div class="col-md-4">
+                                                <label class="form-label small mb-0"><?= _("Plafond") ?></label>
+                                                <input type="text" id="forfaitPlafondGarantie" name="forfaitPlafondGarantie" 
+                                                    class="form-control form-control-sm text-center fw-bold" value="0" 
+                                                    onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);">
+                                            </div>
+                                            <div class="col-md-4">
+                                                <label class="form-label small mb-0"><?= _("Période Plafond") ?></label>
+                                                <select class="form-select form-select-sm" id="codePeriodicitePlafondGarantie" name="codePeriodicitePlafondGarantie">
+                                                    <?= liste_options($periodicite,'',true) ?>
+                                                </select>
+                                            </div>
+                                            <div class="col-md-2">
+                                                <label class="form-label small mb-0"><?= _("Nb Trans") ?></label>
+                                                <input type="text" id="nbreTransactionGarantie" name="nbreTransactionGarantie" 
+                                                    class="form-control form-control-sm text-center" value="0" onkeyup="controle_numerique(this);">
+                                            </div>
+                                            <div class="col-md-2">
+                                                <label class="form-label small mb-0"><?= _("Période") ?></label>
+                                                <select class="form-select form-select-sm px-1" id="codePeriodiciteGarantie" name="codePeriodiciteGarantie">
+                                                    <?= liste_options($periodiciteFiltre,'',true) ?>
+                                                </select>
+                                            </div>
+                                        </div>
+                                    </div>
                                 </div>
-                                <div class="col-md-3">
-                                    <label class="lbl-erp"><?= _("Âge Maximum") ?></label>
-                                    <input type="number" class="form-control" id="ageMaximumFamilleActe" name="ageMaximumFamilleActe" value="200">
+                            </div>
+
+                            <div class="col-md-7">
+                                <div class="card border-secondary-subtle">
+                                    <div class="card-header bg-secondary-subtle py-1 small fw-bold">
+                                        <i class="fas fa-hand-holding-usd me-1"></i> <?= _("Conditions de Remboursement") ?>
+                                    </div>
+                                    <div class="card-body p-2">
+                                        <div class="row g-2">
+                                            <div class="col-md-4">
+                                                <label class="form-label small mb-0"><?= _("Type Remb.") ?></label>
+                                                <select class="form-select form-select-sm" id="codeTypeRemboursement" name="codeTypeRemboursement" required>
+                                                    <?= liste_options($typeremboursement,"RDTP",true) ?>
+                                                </select>
+                                            </div>
+                                            <div class="col-md-2">
+                                                <label class="form-label small mb-0"><?= _("Carence (m)") ?></label>
+                                                <input type="text" id="delaiCarenceFamilleActe" name="delaiCarenceFamilleActe" 
+                                                    class="form-control form-control-sm text-center" value="0" onkeyup="controle_numerique(this);">
+                                            </div>
+                                            <div class="col-md-2">
+                                                <label class="form-label small mb-0"><?= _("Taux TM %") ?></label>
+                                                <input type="text" id="ticketModerateurFamilleActe" name="ticketModerateurFamilleActe" 
+                                                    class="form-control form-control-sm text-center bg-warning-subtle fw-bold" 
+                                                    value="<?= $tmBareme ?>" onkeyup="controle_numerique(this);">
+                                            </div>
+                                            <div class="col-md-4">
+                                                <label class="form-label small mb-0"><?= _("Forfait TM") ?></label>
+                                                <input type="text" id="forfaitTmGarantie" name="forfaitTmGarantie" 
+                                                    class="form-control form-control-sm text-center" value="0" 
+                                                    onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);">
+                                            </div>
+                                        </div>
+                                    </div>
                                 </div>
-                                <div class="col-md-3">
-                                    <label class="lbl-erp"><?= _("Statut Règle") ?></label>
-                                    <select class="form-select fw-bold" id="actifFamilleActe" name="actifFamilleActe"><?= liste_options($actifFamilleActe,"1", true) ?></select>
-                                </div>
-                                <div class="col-md-3">
-                                    <button type="button" class="btn btn-dark w-100 fw-bold py-2 shadow-sm" id="btn_familleacte" onclick="ajouter_garantie_college();"><i class="fas fa-save me-2"></i><?= _("Enregistrer") ?></button>
+                            </div>
+
+                            <div class="col-md-5">
+                                <div class="card border-dark-subtle">
+                                    <div class="card-header bg-dark-subtle py-1 small fw-bold text-white">
+                                        <i class="fas fa-users-cog me-1"></i> <?= _("Âge & Statut") ?>
+                                    </div>
+                                    <div class="card-body p-2">
+                                        <div class="row g-2">
+                                            <div class="col-md-4">
+                                                <label class="form-label small mb-0"><?= _("Âge Min") ?></label>
+                                                <input type="number" id="ageMinimumFamilleActe" name="ageMinimumFamilleActe" 
+                                                    class="form-control form-control-sm text-center" value="0">
+                                            </div>
+                                            <div class="col-md-4">
+                                                <label class="form-label small mb-0"><?= _("Âge Max") ?></label>
+                                                <input type="number" id="ageMaximumFamilleActe" name="ageMaximumFamilleActe" 
+                                                    class="form-control form-control-sm text-center" value="0">
+                                            </div>
+                                            <div class="col-md-4">
+                                                <label class="form-label small mb-0 fw-bold"><?= _("Actif") ?></label>
+                                                <select class="form-select form-select-sm border-danger" id="actifFamilleActe" name="actifFamilleActe" required>
+                                                    <?= liste_options($actifFamilleActe,"", true) ?>
+                                                </select>
+                                            </div>
+                                        </div>
+                                    </div>
                                 </div>
                             </div>
+
+                            <div class="col-12 text-center mt-3">
+                                <button id="btn_familleacte" name="btn_familleacte" type="button" 
+                                        class="btn btn-primary px-5 py-2 shadow-sm fw-bold" 
+                                        onclick="javascript:inserer_bareme_garantie();">
+                                    <i class="fas fa-plus-circle me-2"></i><?= _("Insérer une nouvelle ligne dans BAREME GARANTIE") ?>
+                                </button>
+                            </div>
                         </div>
-                        <div id="div_liste_garantie_college"></div>
+
+                        <div id="div_garanties_bareme" class="mt-4"></div>
                     </div>
                 </div>