diff --git a/Js/fonctions.js b/Js/fonctions.js
index 646f4405..3945f3ea 100755
--- a/Js/fonctions.js
+++ b/Js/fonctions.js
@@ -62188,34 +62188,45 @@ function afficherMasquerGarantiesBaremeLienParente() {
 
 function afficherMasquerActeBareme()
 {
-	masquerActe = $("#masquerActe").val();
+	// 1. Récupérer l'état actuel
+	var masquerActe = $("#masquerActe").val();
+	if (masquerActe == undefined) { masquerActe = "1"; }
 	
-	if(masquerActe == undefined){
-		masquerActe = "1";
-	}
+	// 2. Cibler les éléments
+    var divMasquer = $('#div_acte_masquer');
+    var icone = $("#span_acte");
 	
-	if(masquerActe=="1"){
-		$('#div_acte_masquer').hide();
-		$("#masquerActe").val("0");
-		$("#span_acte").text("[+]");
-		
-	}else{
-		$('#div_acte_masquer').show();
-		$("#masquerActe").val("1");
-		actualiser_bareme_acte();
+	if (masquerActe == "1") {
+        // --- ACTION : FERMER ---
+        divMasquer.hide();
+        $("#masquerActe").val("0");
+        
+        // On remet le chevron vers le BAS (Fermé)
+        icone.attr('class', 'fas fa-chevron-down text-muted');
+        
+    } else {
+        // --- ACTION : OUVRIR ---
+        divMasquer.show();
+        $("#masquerActe").val("1");
+        
+        actualiser_bareme_acte();
 		intit_saisie_actebareme();
-		$("#span_acte").text("[-]");
-		
-		$("#masquerGarantie").val("1");
+        
+        // On met le chevron vers le HAUT (Ouvert)
+        icone.attr('class', 'fas fa-chevron-up text-primary'); 
+
+        // --- ACCORDÉON : FERMER LES AUTRES ---
+        $("#masquerGarantie").val("1");
 		$("#masquerGarantieLienParente").val("1");
 		$("#masquerActeLienParente").val("1");
-		
-		afficherMasquerGarantiesBareme();
+        
+        afficherMasquerGarantiesBareme();
 		afficherMasquerGarantiesBaremeLienParente();
 		afficherMasquerActeBaremeLienParente();
-	}
-	
-	afficheNombreLigneBareme('actesbaremepriseencharge');
+    }
+
+    // 3. Update compteur
+    afficheNombreLigneBareme('actesbaremepriseencharge');
 }
 
 function afficherMasquerActeBaremeLienParente()
diff --git a/Vue/Ajaxactesgarantiebareme/index.php b/Vue/Ajaxactesgarantiebareme/index.php
index df3b399d..73b7d2c2 100755
--- a/Vue/Ajaxactesgarantiebareme/index.php
+++ b/Vue/Ajaxactesgarantiebareme/index.php
@@ -360,35 +360,203 @@
 
                 <div class="card border-0 shadow-sm mb-4 rounded-3">
                     <div class="card-header bg-white py-3 cursor-pointer d-flex justify-content-between align-items-center" onclick="afficherMasquerActeBareme();">
-                        <span class="fw-bold text-dark small text-uppercase">3. <?= _("Exceptions par Acte Médical") ?> <span id="actesbaremepriseencharge" class="ms-2 badge bg-light text-primary border fw-normal"></span></span>
+                        <span class="fw-bold text-dark small text-uppercase fs-5">
+                            3. <?= _("Exceptions par Acte Médical") ?> 
+                            <span id="actesbaremepriseencharge" class="ms-2 badge bg-light text-primary border fs-6"></span>
+                        </span>
                         <i id="span_acte" class="fas fa-chevron-down text-muted"></i>
                     </div>
                     <input type="hidden" id="masquerActe" value="1">
-                    <div id="div_acte_masquer" class="card-body border-top bg-white" style="display:none;">
-                        <div id="div_maxdateeffetactebareme"></div>
-                        <div class="p-4 mb-3 rounded-3 bg-light border-dashed">
-                            <div class="row g-2 mb-3">
-                                <div class="col-12">
-                                    <label class="lbl-erp required"><?= _("Sélection de l'Acte") ?></label>
-                                    <?php if($codeGarantie != "HOS"): ?>
-                                        <select class="form-select selectpicker" data-live-search="true" id="codeActe" name="codeActe"><?= liste_options($actesadd,"",false) ?></select>
-                                    <?php else: ?>
-                                        <div class="input-group"><span class="input-group-text bg-white border-0"><i class="fas fa-search"></i></span><input id="searchInputActe" name="searchInputActe" class="form-control border-0" type="text" placeholder="<?= _("Rechercher un acte...") ?>" onkeyup="affichelisteactes(this.value, 'acte');"></div><input type="hidden" id="codeActe">
-                                    <?php endif; ?>
+
+                    <div id="div_acte_masquer" class="bg-light p-3 rounded shadow-sm border mt-3">
+                        <div id="div_maxdateeffetactebareme" class="sr-only"></div>
+
+                        <h6 class="text-uppercase fw-bold text-dark mb-3 small d-flex align-items-center">
+                            <span class="badge bg-dark me-2">µ</span>
+                            <?= _("Configuration Spécifique par Acte") ?>
+                        </h6>
+
+                        <div class="card border-0 shadow-sm mb-3">
+                            <div class="card-body p-2 bg-primary bg-opacity-10 rounded-top">
+                                <div class="row align-items-center">
+                                    <div class="col-md-2 text-center fw-bold small text-uppercase text-primary">
+                                        <i class="fas fa-notes-medical me-1"></i> <?= _("Acte") ?>
+                                    </div>
+                                    <div class="col-md-10">
+                                        <?php if($codeGarantie != "HOS"): ?>
+                                            <select class="form-select form-select-sm selectpicker border-primary" data-live-search="true" id="codeActe" name="codeActe" required autofocus>
+                                                <?= liste_options($actesadd, "", false) ?>
+                                            </select>
+                                        <?php else: ?>
+                                            <div class="position-relative">
+                                                <input id="searchInputActe" name="searchInputActe" class="form-control form-control-sm border-primary" type="text" 
+                                                    placeholder="<?= _("Rechercher et sélectionner un acte ici...") ?>" autofocus
+                                                    onkeyup="javascript:affichelisteactes(this.value, 'acte');">
+                                                <input class="sr-only" type="text" id="codeActe" name="codeActe">
+                                                <div id="div_selection_acte" class="position-absolute w-100 shadow-sm" style="z-index: 1000;"></div>
+                                            </div>
+                                        <?php endif; ?>
+                                    </div>
                                 </div>
                             </div>
-                            <div class="row g-2 align-items-end border-top pt-3">
-                                <div class="col-md-2"><label class="lbl-erp"><?= _("Plafond Acte") ?></label><input type="text" class="form-control text-end fw-bold" id="plafondActe" name="plafondActe" onblur="formatMonetaire(this);"></div>
-                                <div class="col-md-2"><label class="lbl-erp"><?= _("Part Patient %") ?></label><input type="number" class="form-control text-center" id="ticketModerateurActe" name="ticketModerateurActe" value="0"></div>
-                                <div class="col-md-2"><label class="lbl-erp"><?= _("Forfait TM") ?></label><input type="text" class="form-control text-end" id="forfaitTmActe" name="forfaitTmActe" onblur="formatMonetaire(this);" value="0"></div>
-                                <div class="col-md-2"><label class="lbl-erp"><?= _("Âge Min") ?></label><input type="number" class="form-control" id="ageMinimumActe" name="ageMinimumActe" value="0"></div>
-                                <div class="col-md-2"><label class="lbl-erp"><?= _("Âge Max") ?></label><input type="number" class="form-control" id="ageMaximumActe" name="ageMaximumActe" value="200"></div>
-                                <div class="col-md-2"><button type="button" class="btn btn-dark w-100 fw-bold shadow-sm" id="btn_actebareme" onclick="ajouter_acte_college();"><?= _("Valider") ?></button></div>
+                        </div>
+
+                        <div class="row g-3">
+                            <div class="col-md-3">
+                                <div class="card h-100 border-0 shadow-sm">
+                                    <div class="card-header bg-white py-2 small fw-bold text-primary border-bottom">
+                                        <i class="fas fa-calendar-check me-1"></i> <?= _("Période d'Effet") ?>
+                                    </div>
+                                    <div class="card-body p-2">
+                                        <label class="form-label small mb-0 fw-bold required"><?= _("Date d'effet") ?></label>
+                                        <input type="text" id="dateEffetActe" name="dateEffetActe" 
+                                            class="form-control form-control-sm text-center datepicker border-primary-subtle" required>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="col-md-4">
+                                <div class="card h-100 border-0 shadow-sm">
+                                    <div class="card-header bg-white py-2 small fw-bold text-info border-bottom">
+                                        <i class="fas fa-users me-1"></i> <?= _("Limites Adhérent") ?>
+                                    </div>
+                                    <div class="card-body p-2">
+                                        <div class="row g-2">
+                                            <div class="col-6">
+                                                <label class="form-label small mb-0"><?= _("Plafond") ?></label>
+                                                <input type="text" id="forfaitPlafondActeAdherent" name="forfaitPlafondActeAdherent" 
+                                                    class="form-control form-control-sm text-end fw-bold" value="0" 
+                                                    onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);">
+                                            </div>
+                                            <div class="col-6">
+                                                <label class="form-label small mb-0"><?= _("Périodicité") ?></label>
+                                                <select class="form-select form-select-sm" id="codePeriodicitePlafondActeAdherent" name="codePeriodicitePlafondActeAdherent">
+                                                    <?= liste_options($periodicite,'',true) ?>
+                                                </select>
+                                            </div>
+                                            <div class="col-6">
+                                                <label class="form-label small mb-0"><?= _("Nb Transac.") ?></label>
+                                                <input type="text" id="nbreTransactionActeAdherent" name="nbreTransactionActeAdherent" 
+                                                    class="form-control form-control-sm text-center" value="0" onkeyup="controle_numerique(this);">
+                                            </div>
+                                            <div class="col-6">
+                                                <label class="form-label small mb-0"><?= _("Périodicité") ?></label>
+                                                <select class="form-select form-select-sm" id="codePeriodiciteActeAdherent" name="codePeriodiciteActeAdherent">
+                                                    <?= liste_options($periodiciteFiltre,'',true) ?>
+                                                </select>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="col-md-5">
+                                <div class="card h-100 border-0 shadow-sm">
+                                    <div class="card-header bg-white py-2 small fw-bold text-secondary border-bottom">
+                                        <i class="fas fa-user me-1"></i> <?= _("Limites Bénéficiaire") ?>
+                                    </div>
+                                    <div class="card-body p-2">
+                                        <div class="row g-2">
+                                            <div class="col-md-3 col-6">
+                                                <label class="form-label small mb-0"><?= _("Plafond") ?></label>
+                                                <input type="text" id="forfaitPlafondActe" name="forfaitPlafondActe" 
+                                                    class="form-control form-control-sm text-end fw-bold" value="0" 
+                                                    onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);">
+                                            </div>
+                                            <div class="col-md-3 col-6">
+                                                <label class="form-label small mb-0"><?= _("Périodicité") ?></label>
+                                                <select class="form-select form-select-sm" id="codePeriodicitePlafondActe" name="codePeriodicitePlafondActe">
+                                                    <?= liste_options($periodicite,'',true) ?>
+                                                </select>
+                                            </div>
+                                            <div class="col-md-3 col-6">
+                                                <label class="form-label small mb-0"><?= _("Nb Trans.") ?></label>
+                                                <input type="text" id="nbreTransactionActe" name="nbreTransactionActe" 
+                                                    class="form-control form-control-sm text-center" value="0" onkeyup="controle_numerique(this);">
+                                            </div>
+                                            <div class="col-md-3 col-6">
+                                                <label class="form-label small mb-0"><?= _("Périodicité") ?></label>
+                                                <select class="form-select form-select-sm" id="codePeriodiciteActe" name="codePeriodiciteActe">
+                                                    <?= liste_options($periodiciteFiltre,'',true) ?>
+                                                </select>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="col-md-8">
+                                <div class="card border-0 shadow-sm h-100">
+                                    <div class="card-header bg-white py-2 small fw-bold text-warning border-bottom">
+                                        <i class="fas fa-calculator me-1"></i> <?= _("Paramètres de Calcul") ?>
+                                    </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="codeTypeRemboursementActe" name="codeTypeRemboursementActe" required>
+                                                    <?= liste_options($typeremboursement,"RDTP",true) ?>
+                                                </select>
+                                            </div>
+                                            <div class="col-md-2 col-6">
+                                                <label class="form-label small mb-0"><?= _("Carence (M)") ?></label>
+                                                <input type="text" id="delaiCarenceActe" name="delaiCarenceActe" 
+                                                    class="form-control form-control-sm text-center" value="0" onkeyup="controle_numerique(this);">
+                                            </div>
+                                            <div class="col-md-2 col-6">
+                                                <label class="form-label small mb-0 text-danger"><?= _("Taux TM %") ?></label>
+                                                <input type="text" id="ticketModerateurActe" name="ticketModerateurActe" 
+                                                    class="form-control form-control-sm text-center fw-bold bg-danger-subtle" 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="forfaitTmActe" name="forfaitTmActe" 
+                                                    class="form-control form-control-sm text-end" value="0" 
+                                                    onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);">
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="col-md-4">
+                                <div class="card border-0 shadow-sm h-100">
+                                    <div class="card-header bg-dark text-white py-2 small fw-bold border-bottom text-center">
+                                        <i class="fas fa-user-check me-1"></i> <?= _("Âges & Statut") ?>
+                                    </div>
+                                    <div class="card-body p-2">
+                                        <div class="row g-2">
+                                            <div class="col-6">
+                                                <label class="form-label small mb-0"><?= _("Min") ?></label>
+                                                <input type="number" id="ageMinimumActe" name="ageMinimumActe" class="form-control form-control-sm text-center" value="0">
+                                            </div>
+                                            <div class="col-6">
+                                                <label class="form-label small mb-0"><?= _("Max") ?></label>
+                                                <input type="number" id="ageMaximumActe" name="ageMaximumActe" class="form-control form-control-sm text-center" value="0">
+                                            </div>
+                                            <div class="col-12">
+                                                <label class="form-label small mb-0 fw-bold"><?= _("Statut Actif") ?></label>
+                                                <select class="form-select form-select-sm fw-bold border-danger" id="actifActe" name="actifActe" required>
+                                                    <?= liste_options($actifFamilleActe,"") ?>
+                                                </select>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="col-12 mt-3 text-center">
+                                <button id="btn_acte" name="btn_acte" type="button" 
+                                        class="btn btn-primary px-5 py-2 fw-bold shadow-sm" 
+                                        onclick="javascript:validiteDateEffetActeBareme();">
+                                    <i class="fas fa-plus-circle me-2"></i><?= _("VALIDER ET INSÉRER LA RÈGLE PAR ACTE") ?>
+                                </button>
                             </div>
                         </div>
-                        <div id="div_liste_actebareme_college"></div>
+
+                        <div id="div_actes_bareme" class="mt-4 shadow-sm rounded overflow-hidden">
+                            </div>
                     </div>
-                </div>
 
                 <div class="card border-0 shadow-sm mb-4 rounded-3 border-start border-danger border-4">
                     <div class="card-header bg-white py-3 cursor-pointer d-flex justify-content-between align-items-center" onclick="afficherMasquerActeBaremeLienParente();">