From 73310b564579f61e9707d9d7988916d22c360d5a Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Mon, 23 Mar 2026 08:31:38 +0000
Subject: [PATCH] fg

---
 Js/fonctions.js                       |   2 -
 Vue/Ajaxactesgarantiebareme/index.php | 839 ++++++--------------------
 2 files changed, 191 insertions(+), 650 deletions(-)

diff --git a/Js/fonctions.js b/Js/fonctions.js
index b1fd551c..e06dc96f 100755
--- a/Js/fonctions.js
+++ b/Js/fonctions.js
@@ -52692,8 +52692,6 @@ function retirer_une_garantiebareme(codeGarantie)
 }
 
 function afficher_actes_garantiebareme(idBaremePriseEnCharge, codeGarantie){
-	
-	
 	donnees  = 'codeGarantie='+codeGarantie;
 	donnees += '&idBaremePriseEnCharge='+idBaremePriseEnCharge;
 	
diff --git a/Vue/Ajaxactesgarantiebareme/index.php b/Vue/Ajaxactesgarantiebareme/index.php
index 45bab889..a752d62b 100755
--- a/Vue/Ajaxactesgarantiebareme/index.php
+++ b/Vue/Ajaxactesgarantiebareme/index.php
@@ -1,655 +1,198 @@
 <?php 
-	$codeGarantie 		= $this->nettoyer($garantie['codeGarantie']);
-	$garantie 			= $this->nettoyer($garantie['libelle']);
-	
-	if (est_anglophone())
-	{
-		$garantie 	= $this->nettoyer($garantie['libelleEng']);
-	}
-	
+    $idBareme     = $_SESSION['idBaremePriseEnCharge'];
+    $codeGarantie = $this->nettoyer($garantie['codeGarantie']);
+    $libelleG     = $this->nettoyer($garantie['libelle']);
+    
+    if (est_anglophone()) {
+        $libelleG = $this->nettoyer($garantie['libelleEng']);
+    }
 ?>
 
+<div class="modal-dialog modal-xl border-0" role="document">
+    <div class="modal-content shadow-lg border-0">
+        
+        <div class="modal-header bg-white border-bottom-0 pt-4 px-4">
+            <div class="d-flex align-items-center">
+                <div class="p-2 bg-light rounded-3 me-3">
+                    <i class="fas fa-layer-group text-secondary"></i>
+                </div>
+                <div>
+                    <h5 class="fw-bold mb-0 text-uppercase"><?= $libelleG; ?></h5>
+                    <span class="badge bg-light text-muted fw-normal border"><?= $codeGarantie; ?></span>
+                </div>
+            </div>
+            <button type="button" class="btn-close" data-bs-dismiss="modal" onclick="detail_baremepriseencharge(<?= $idBareme ?>);"></button>
+        </div>
 
-<div class="modal-dialog" style="max-width: 98%;" role="document">
-	<div class="modal-content">
-		<div class="modal-header">
-			<button type="button" class="close" data-bs-dismiss="modal" onclick="detail_baremepriseencharge(<?= $_SESSION['idBaremePriseEnCharge']; ?>);">&times;</button>
-			<legend class="modal-title text-center"><?= $garantie; ?></legend>
-		</div>
-		
-		<div class="modal-body">
-			<INPUT 	class="sr-only" TYPE="text" id="datejour" NAME="datejour" value="<?= datefr(date('Y/m/d')); ?>">
-			<INPUT class="sr-only" TYPE="text" id="codeGarantie" name="codeGarantie" value="<?= $codeGarantie; ?>">
-			<INPUT class="sr-only" TYPE="text" id="idBaremePriseEnCharge" name="idBaremePriseEnCharge" value="<?= $_SESSION['idBaremePriseEnCharge']; ?>">
-			
-			<hr style="border: 10px double blue; border-radius: 5px; background-color: blue;" />
-			
-			<div id="div_garanties">
-				<legend class="text-center" style="margin-bottom: 10px; background-color: #a6a6a6; font-size:13pt; font-weight: bold; color: white;">
-					<?= _("BAREME GARANTIE") ?> 
-					&nbsp 
-					<span id="garantiesbaremepriseencharge" ></span>
-					&nbsp &nbsp
-					<a href="javascript:afficherMasquerGarantiesBareme();">
-						<span id="span_garantie" title="<?= _('Cliquez sur le lien pour afficher ou masquer')?>">[-]</span>	
-					</a>
-					
-					<INPUT 	class="sr-only" TYPE="text" id="masquerGarantie" NAME="masquerGarantie" value="1">
-				</legend>	 
-				
-				<div id="div_garanties_masquer">
-					<table class="table table-bordered table-condensed table-responsive" style='font-size:9pt;'>
-						<thead style=" color: #000;">
-						<!--
-						  <tr >
-							<th colspan="16" style='text-align:center; font-size:10pt; font-weight: bold; border: 2px solid #939597;'> <?= _("PARTICULARITES SUR GARANTIE") ?> </th>
-						  </tr>
-						-->
-						  <tr >
-							<th rowspan="2" style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;' class="required"> <?= _("Effet") ?> </th>
-							<th colspan="4" style='text-align:center; border: 2px solid #939597;  background-color: #027BE3; color: white;'> <?= _("Famille") ?> </th>
-							<th colspan="4" style='text-align:center; border: 2px solid #939597;  background-color: #726a57;'> <?= _("Bénéficiaire") ?> </th>
-							<th rowspan="2" style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("Remboursement") ?> </th>
-							<!--<th rowspan="2" style='text-align:center; border: 2px solid #939597;'> <?= _("Observation") ?> </th>-->
-							<th rowspan="2" style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("Carence") ?> </th>
-							<th colspan="2" style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("TM") ?> </th>
-							<th colspan="2" style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("Age") ?> </th>
-							<th rowspan="2" style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;' class="required"> <?= _("Actif") ?> </th>
-							
-						  </tr>
-						  <tr>
-							<th  style='text-align:center; border: 2px solid #939597; background-color: #dff2ff; color: #6A645A;'> <?= _("Plafond") ?> </th>
-							<th  style='text-align:center; border: 2px solid #939597; background-color: #dff2ff; color: #6A645A;'> <?= _("Périodicité") ?> </th>
-							<th  style='text-align:center; border: 2px solid #939597; background-color: #dff2ff; color: #6A645A;'> <?= _("Nb Transac") ?> </th>
-							<th  style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("Périodicité") ?> </th>
-							<th  style='text-align:center; border: 2px solid #939597; background-color: #dff2ff; color: #6A645A;'> <?= _("Plafond") ?> </th>
-							<th  style='text-align:center; border: 2px solid #939597; background-color: #dff2ff; color: #6A645A;'> <?= _("Périodicité") ?> </th>
-							<th  style='text-align:center; border: 2px solid #939597; background-color: #dff2ff; color: #6A645A;'> <?= _("Nb Transac") ?> </th>
-							<th  style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("Périodicité") ?> </th>
-							
-							<th  style='text-align:center; border: 2px solid #939597; background-color: #dff2ff; color: #6A645A;'> <?= _("Taux") ?> </th>
-							<th  style='text-align:center; border: 2px solid #939597; background-color: #dff2ff; color: #6A645A;'> <?= _("Forfait") ?> </th>
-							
-							<th  style='text-align:center; border: 2px solid #939597; background-color: #dff2ff; color: #6A645A;'> <?= _("Min") ?> </th>
-							<th  style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("Max") ?> </th>
-							<!--<th  style='text-align:center; border: 2px solid #939597;'> <?= _("Observation") ?> </th>-->
-						  </tr>
-						</thead>
-						
-						<tbody>
-							<tr>
-								<td width="7%" style='text-align:center; border: 2px solid #939597;'>
-									<INPUT style='text-align:center; font-size:7pt; border: 2px solid #939597;' class="form-control datepicker" TYPE="text" id="dateEffetGarantie" 
-									NAME="dateEffetGarantie" value="" onChange="javascript:controleDateEffetGarantieBareme();" required >
-								</td>
-								
-								<!-- Adherent -->
-								<td width="7%" style='text-align:center; border: 2px solid #939597;'> 
-									<INPUT style='font-size:7pt; border: 2px solid #939597;' class="form-control text-center" TYPE="text" value="0" onkeyup="controle_numerique(this);" 
-									onblur="formatMonetaire(this);" id="forfaitPlafondGarantieAdherent" name="forfaitPlafondGarantieAdherent" onChange="">
-								</td>
-								<td  style='text-align:center; border: 2px solid #939597;'>
-									<select class="form-select text-center" style="font-size:7pt; border: 2px solid #939597;" id="codePeriodicitePlafondGarantieAdherent" name="codePeriodicitePlafondGarantieAdherent">
-										<?= liste_options($periodicite,'',true) ?>
-									</select>
-								</td> 
-								<td style='text-align:center; border: 2px solid #939597;'>
-									<INPUT style='font-size:7pt; border: 2px solid #939597;' class="form-control text-center" TYPE="text" value="0" onkeyup="controle_numerique(this);"
-									id="nbreTransactionGarantieAdherent" name="nbreTransactionGarantieAdherent" onChange="">
-								</td>
-								<td  style='text-align:center; border: 2px solid #939597; '>
-									<select class="form-select text-center" style="font-size:7pt; border: 2px solid #939597;" id="codePeriodiciteGarantieAdherent" name="codePeriodiciteGarantieAdherent"
-									onChange="">
-										<?= liste_options($periodiciteFiltre,'',true) ?>
-									</select>
-								</td> 
-								
-								<!-- Beneficiaire -->
-								<td width="7%" style='text-align:center; border: 2px solid #939597;'>
-									<INPUT style='font-size:7pt; border: 2px solid #939597;' class="form-control text-center" TYPE="text" value="0" onkeyup="controle_numerique(this);" 
-									onblur="formatMonetaire(this);" id="forfaitPlafondGarantie" name="forfaitPlafondGarantie" onChange="">
-								</td>
-								<td  style='text-align:center; border: 2px solid #939597;'>
-									<select class="form-select text-center" style="font-size:7pt; border: 2px solid #939597;" id="codePeriodicitePlafondGarantie" name="codePeriodicitePlafondGarantie"
-									onChange="">
-										<?= liste_options($periodicite,'',true) ?>
-									</select>
-								</td> 
-								<td style='text-align:center; border: 2px solid #939597;'>
-									<INPUT style='font-size:7pt; border: 2px solid #939597;' class="form-control text-center" TYPE="text" value="0" onkeyup="controle_numerique(this);"
-									id="nbreTransactionGarantie" name="nbreTransactionGarantie" onChange="">
-								</td>
-								<td  style='text-align:center; border: 2px solid #939597;'>
-									<select class="form-select text-center" style="font-size:7pt; border: 2px solid #939597;" id="codePeriodiciteGarantie" name="codePeriodiciteGarantie"
-									onChange="">
-										<?= liste_options($periodiciteFiltre,'',true) ?>
-									</select>
-								</td> 
-								
-								<td style='text-align:center; border: 2px solid #939597; width:9%;'>
-									<select class="form-select" style="font-size:7pt; border: 2px solid #939597;" id="codeTypeRemboursement" name="codeTypeRemboursement"
-									onChange="" required >
-										<?= liste_options($typeremboursement,"RDTP",true) ?>
-									</select>
-								</td>
-			
-								<td  style='text-align:center; border: 2px solid #939597;'>
-									<INPUT style='font-size:7pt; border: 2px solid #939597;' class="form-control text-center" TYPE="text" value="0" onkeyup="controle_numerique(this);"
-									id="delaiCarenceFamilleActe" name="delaiCarenceFamilleActe" onChange="">
-								</td>
-								<td  style='text-align:center; border: 2px solid #939597;' >
-									<INPUT style='font-size:7pt; border: 2px solid #939597;' class="form-control text-center" TYPE="text" value="<?= $tmBareme ?>" onkeyup="controle_numerique(this);"
-									id="ticketModerateurFamilleActe" name="ticketModerateurFamilleActe">
-								</td>
-								
-								<td width="7%" style='text-align:center; border: 2px solid #939597;'>
-									<INPUT style='font-size:7pt; border: 2px solid #939597;' class="form-control text-center" TYPE="text" value="0" onkeyup="controle_numerique(this);" 
-									onblur="formatMonetaire(this);" id="forfaitTmGarantie" name="forfaitTmGarantie" onChange="">
-								</td>
-								
-								<td  style='text-align:center; border: 2px solid #939597;' >
-									<INPUT style='font-size:7pt; border: 2px solid #939597;' class="form-control text-center" TYPE="number" value="0" onkeyup="controle_numerique(this);"
-									id="ageMinimumFamilleActe" name="ageMinimumFamilleActe" onChange="">
-								</td>
-								<td  style='text-align:center; border: 2px solid #939597;'>
-									<INPUT style='font-size:7pt; border: 2px solid #939597;' class="form-control text-center" TYPE="number" value="0" onkeyup="controle_numerique(this);"
-									id="ageMaximumFamilleActe" name="ageMaximumFamilleActe" onChange="">
-								</td>
-								
-								<td style='text-align:center; border: 2px solid #939597;' width="5%">
-									<select class="form-select text-center" style="font-size:7pt; border: 2px solid #939597;" id="actifFamilleActe" name="actifFamilleActe" required >
-										<?= liste_options($actifFamilleActe,"", true) ?>
-									</select>
-								</td>
+        <div class="modal-body bg-body-tertiary p-4">
+            <input type="hidden" id="datejour" name="datejour" value="<?= dateLang(date('Y/m/d'),$_SESSION['lang']); ?>">
+            <input type="hidden" id="codeGarantie" name="codeGarantie" value="<?= $codeGarantie; ?>">
+            <input type="hidden" id="idBaremePriseEnCharge" name="idBaremePriseEnCharge" value="<?= $idBareme ?>">
 
-							</tr>
-							<tr>
-								<td colspan="16">
-									<input style='font-size:12pt;' id="btn_familleacte" name="btn_familleacte" 
-									class = "form-control btn btn-primary" type="button" value="<?= _("Insérer une nouvelle ligne dans BAREME GARANTIE") ?>"
-									onclick="javascript:inserer_bareme_garantie();">
-								</td>
-							</tr>	
-								
-						</tbody>
-					</table>
-					
-					<div id="div_garanties_bareme" >
-						
-					</div>
-				</div>
-				
-				<hr style="border: 10px double blue; border-radius: 5px; background-color: blue;" />
-				<div id="div_garanties_lienparente">
-					<legend class="text-center" style="margin-bottom: 10px; background-color: #a6a6a6; font-size:13pt; font-weight: bold; color: white;">
-						<?= _("BAREME GARANTIE LIEN PARENTE") ?>
-						&nbsp 
-						<span id="garantiesbaremepriseenchargelienparente" ></span>
-						&nbsp &nbsp 
-						<a href="javascript:afficherMasquerGarantiesBaremeLienParente();">
-							<span id="span_garantie_lienparente" title="<?= _('Cliquez sur le lien pour afficher ou masquer')?>">[-]</span>	
-						</a>
-					</legend>
-					
-					<INPUT 	class="sr-only" TYPE="text" id="masquerGarantieLienParente" NAME="masquerGarantieLienParente" value="1">
-					<div id="div_maxdateeffetGarantieLienParente">
-		
-					</div>
-					<div id="div_garanties_lienparente_masquer">
-						<table class="table table-bordered table-condensed table-responsive" style="font-size:9pt;" >
-							<thead style="color: #000;">
-							<!--
-							  <tr >
-								<th colspan="13" style='text-align:center; font-size:10pt; font-weight: bold; border: 2px solid #939597;'> <?= _("PARTICULARITES SUR GARANTIE LIEN PARENTE") ?> </th>
-							  </tr>
-							-->
-							  <tr>
-								<th  rowspan="2" style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;' class="required"> <?= _("Effet") ?> </th>
-								<th  rowspan="2" style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;' class="required"> <?= _("Lien Parenté") ?> </th>
-								<th  rowspan="2" style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("Plafond") ?> </th>
-								<th  rowspan="2" style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("Périodicité") ?> </th>
-								<th  rowspan="2" style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("Nbre") ?> </th>
-								<th  rowspan="2" style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("Périodicité") ?> </th>
-								<!--<th  style='text-align:center; border: 2px solid #939597;'> <?= _("Observation") ?> </th>-->
-								<th  rowspan="2" style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("Remboursement") ?> </th>
-								<th  rowspan="2" style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("Carence") ?> </th>
-								<th  colspan="2" style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("TM") ?> </th>
-								<th  colspan="2" style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("Age") ?> </th>
-								<th  rowspan="2" style='text-align:center; border: 2px solid #939597; background-color: #dff2ff; color: #6A645A;' class="required"> <?= _("Actif") ?> </th>
-							  </tr>
-							  <tr>
-								<th  style='text-align:center; border: 2px solid #939597; background-color: #dff2ff; color: #6A645A;'> <?= _("Taux") ?> </th>
-								<th  style='text-align:center; border: 2px solid #939597; background-color: #dff2ff; color: #6A645A;'> <?= _("Forfait") ?> </th>
-								
-								<th  style='text-align:center; border: 2px solid #939597; background-color: #dff2ff; color: #6A645A;'> <?= _("Min") ?> </th>
-								<th  style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("Max") ?> </th>
-							  </tr>
-							</thead>
-							
-							<tbody>
-								<tr>
-									<td style='text-align:center; border: 2px solid #939597;'>
-										<INPUT style='text-align:center; font-size:8pt; border: 2px solid #939597;' class="form-control datepicker" TYPE="text" id="dateEffetGarantieLienParente" 
-										NAME="dateEffetGarantieLienParente" value="" required >
-									</td>
-									
-									<td  style='text-align:center; border: 2px solid #939597;'>
-										<select class="form-select text-center" style="font-size:8pt; border: 2px solid #939597;" id="codeLienParente" name="codeLienParente" required>
-											<?= liste_options($lienParente,'',true) ?>
-										</select>
-									</td> 
-									
-									<!-- Beneficiaire -->
-									<td style='text-align:center; border: 2px solid #939597;'>
-										<INPUT style='font-size:8pt; border: 2px solid #939597;' class="form-control text-center" TYPE="text" value="0" onkeyup="controle_numerique(this);" 
-										onblur="formatMonetaire(this);" id="forfaitPlafondGarantieLienParente" name="forfaitPlafondGarantieLienParente" onChange="">
-									</td>
-									<td  style='text-align:center; border: 2px solid #939597;'>
-										<select class="form-select text-center" style="font-size:8pt; border: 2px solid #939597;" id="codePeriodicitePlafondGarantieLienParente" name="codePeriodicitePlafondGarantieLienParente"
-										onChange="">
-											<?= liste_options($periodicite,'',true) ?>
-										</select>
-									</td> 
-									<td style='text-align:center; border: 2px solid #939597;'>
-										<INPUT style='font-size:8pt; border: 2px solid #939597;' class="form-control text-center" TYPE="text" value="0" onkeyup="controle_numerique(this);"
-										id="nbreTransactionGarantieLienParente" name="nbreTransactionGarantieLienParente" onChange="">
-									</td>
-									<td  style='text-align:center; border: 2px solid #939597;'>
-										<select class="form-select text-center" style="font-size:8pt; border: 2px solid #939597;" id="codePeriodiciteGarantieLienParente" name="codePeriodiciteGarantieLienParente"
-										onChange="">
-											<?= liste_options($periodiciteFiltre,'',true) ?>
-										</select>
-									</td> 
-									
-									<td style='text-align:center; border: 2px solid #939597; width:9%;'>
-										<select class="form-select" style="font-size:8pt; border: 2px solid #939597;" id="codeTypeRemboursementLienParente" name="codeTypeRemboursementLienParente"
-										onChange="" required >
-											<?= liste_options($typeremboursement,"RDTP",true) ?>
-										</select>
-									</td>
-									
-									<td  style='text-align:center; border: 2px solid #939597;'>
-										<INPUT style='font-size:8pt; border: 2px solid #939597;' class="form-control text-center" TYPE="text" value="0" onkeyup="controle_numerique(this);"
-										id="delaiCarenceFamilleActeLienParente" name="delaiCarenceFamilleActeLienParente" onChange="">
-									</td>
-									<td  style='text-align:center; border: 2px solid #939597; '>
-										<INPUT style='font-size:8pt; border: 2px solid #939597;' class="form-control text-center" TYPE="text" value="<?= $tmBareme ?>" onkeyup="controle_numerique(this);"
-										id="ticketModerateurFamilleActeLienParente" name="ticketModerateurFamilleActeLienParente" onChange="">
-									</td>
-									<td style='text-align:center; border: 2px solid #939597; '>
-										<INPUT style='font-size:8pt; border: 2px solid #939597;' class="form-control text-center" TYPE="text" value="0" onkeyup="controle_numerique(this);" 
-										onblur="formatMonetaire(this);" id="forfaitTmGarantieLienParente" name="forfaitTmGarantieLienParente" onChange="">
-									</td>
-									<td  style='text-align:center; border: 2px solid #939597;'>
-										<INPUT style='font-size:8pt; border: 2px solid #939597;' class="form-control text-center" TYPE="number" value="0" onkeyup="controle_numerique(this);"
-										id="ageMinimumFamilleActeLienParente" name="ageMinimumFamilleActeLienParente" onChange="">
-									</td>
-									<td  style='text-align:center; border: 2px solid #939597; '>
-										<INPUT style='font-size:8pt; border: 2px solid #939597;' class="form-control text-center" TYPE="number" value="0" onkeyup="controle_numerique(this);"
-										id="ageMaximumFamilleActeLienParente" name="ageMaximumFamilleActeLienParente" onChange="">
-									</td>
-									
-									<td style='text-align:center; border: 2px solid #939597;' width="5%">
-										<select class="form-select text-center" style="font-size:8pt; border: 2px solid #939597;" id="actifFamilleActeLienParente" name="actifFamilleActeLienParente"
-										onChange="" required >
-											<?= liste_options($actifFamilleActe,"") ?>
-										</select>
-									</td>
-								</tr>
-								<tr>
-									<td colspan="13">
-										<input style='font-size:12pt;' id="btn_familleacteLienParente" name="btn_familleacteLienParente" 
-										class = "form-control btn btn-primary" type="button" value="<?= _("Insérer une nouvelle ligne dans BAREME GARANTIE LIEN PARENTE") ?>" onclick="javascript:validiteDateEffetGarantieLienParente();">
-									</td>
-								</tr>	
-									
-							</tbody>
-						</table>
-						<div id="div_garanties_bareme_lienparente">
-							
-						</div>
-					</div>
-				</div>
-			</div>
-			
-			<hr style="border: 10px double blue; border-radius: 5px; background-color: blue;" />
-			<div id="div_acte">
-				<legend class="text-center" style="margin-bottom: 10px; background-color: #a6a6a6; font-size:13pt; font-weight: bold; color: white;">
-					<?= _("BAREME ACTE") ?>
-					&nbsp 
-					<span id="actesbaremepriseencharge" ></span>
-					&nbsp &nbsp 
-					<a href="javascript:afficherMasquerActeBareme();">
-						<span id="span_acte" title="<?= _('Cliquez sur le lien pour afficher ou masquer')?>">[-]</span>	
-					</a>
-				</legend>
-				
-				<INPUT 	class="sr-only" TYPE="text" id="masquerActe" NAME="masquerActe" value="1">
-				<div id="div_acte_masquer">
-					<div id="div_maxdateeffetactebareme">
-		
-					</div>
-					<table class="table table-bordered table-condensed table-responsive" style="font-size:9pt;" >
-						<thead style="color: #000;">
-						<!--
-							<tr >
-								<th colspan="16" style='text-align:center; font-size:10pt; font-weight: bold; border: 2px solid #939597;'> <?= _("PARTICULARITES SUR ACTE") ?> </th>
-							</tr>
-						-->
-							<tr>
-								<td align='center' style='font-size:9pt; font-weight:bold; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;' class="required">
-									<?= _("Acte") ?>
-								</td>
-								
-								<td colspan="15" style='border: 2px solid #939597; background-color: #dff2ff; color: #6A645A;'>
-									<?php if($codeGarantie!="HOS"): ?>
-									<SELECT style="font-size:10pt; height:30px; border: 2px solid #939597;" class="form-control selectpicker" data-live-search="true" id="codeActe" NAME="codeActe" required  autofocus 
-										onChange="">
-										<?= liste_options($actesadd,"",false) ?>						
-									</SELECT>
-									<?php else: ?>	
-									<div class="frmSearch" style="background-color: #dff2ff; color: #6A645A; border: 2px solid #939597;">
-										<input id="searchInputActe" name="searchInputActe"  style="font-size:12pt; border: 2px solid #939597;" class="form-control" type="text" placeholder="Veuillez rechercher et sélectionner un acte ici..."  autofocus
-										onkeyup="javascript:affichelisteactes(this.value, 'acte');">
-										<INPUT 	class="sr-only" TYPE="text" id="codeActe" NAME="codeActe" value="">
-										<div id="div_selection_acte">
-										</div>
-									</div>
-									<?php endif; ?>	
-								</td>
+            <div class="accordion accordion-flush" id="accConfigurationGarantie">
 
-							</tr>
-							<tr>
-								<th  rowspan="2" style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;' class="required"> <?= _("Effet") ?> </th>
-								<th  colspan="4" style='text-align:center; border: 2px solid #939597;  background-color:#027BE3; color: white;'> <?= _("Famille") ?> </th>
-								<th  colspan="4" style='text-align:center; border: 2px solid #939597;  background-color:#726a57;color:white'> <?= _("Bénéficiaire") ?> </th>
-								
-								<th rowspan="2" style='text-align:center; border: 2px solid #939597;   background-color: #dff2ff; color: #6A645A;'> <?= _("Remboursement") ?> </th>
-								
-								<th  rowspan="2" style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("Carence") ?> </th>
-								<th  colspan="2" style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("TM") ?> </th>
-								
-								<th  colspan="2" style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("Age") ?> </th>
-								<th  rowspan="2" style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;' class="required"> <?= _("Actif") ?> </th>
-							</tr>
-						  
-							<tr>
-								<th  style='text-align:center; border: 2px solid #939597; background-color: #dff2ff; color: #6A645A;'> <?= _("Plafond") ?> </th>
-								<th  style='text-align:center; border: 2px solid #939597; background-color: #dff2ff; color: #6A645A;'> <?= _("Périodicité") ?> </th>
-								<th  style='text-align:center; border: 2px solid #939597; background-color: #dff2ff; color: #6A645A;'> <?= _("Nb Transac") ?> </th>
-								<th  style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("Périodicité") ?> </th>
-								
-								<th  style='text-align:center; border: 2px solid #939597; background-color: #dff2ff; color: #6A645A;'> <?= _("Plafond") ?> </th>
-								<th  style='text-align:center; border: 2px solid #939597; background-color: #dff2ff; color: #6A645A;'> <?= _("Périodicité") ?> </th>
-								<th  style='text-align:center; border: 2px solid #939597; background-color: #dff2ff; color: #6A645A;'> <?= _("Nb Transac") ?> </th>
-								<th  style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("Périodicité") ?> </th>
-								
-								<th  style='text-align:center; border: 2px solid #939597; background-color: #dff2ff; color: #6A645A;'> <?= _("Taux") ?> </th>
-								<th  style='text-align:center; border: 2px solid #939597; background-color: #dff2ff; color: #6A645A;'> <?= _("Forfait") ?> </th>
-									
-								<th  style='text-align:center; border: 2px solid #939597; background-color: #dff2ff; color: #6A645A;'> <?= _("Min") ?> </th>
-								<th  style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("Max") ?> </th>
-							</tr>
-						</thead>
-						
-						<tbody>
-							<tr>
-								<td style='text-align:center; border: 2px solid #939597;'>
-									<INPUT style='text-align:center; font-size:8pt; border: 2px solid #939597;' class="form-control datepicker" TYPE="text" id="dateEffetActe" 
-									NAME="dateEffetActe" value="" required >
-								</td>
-								
-								<!-- Adherent -->
-								<td style='text-align:center; border: 2px solid #939597;'>
-									<INPUT style='font-size:8pt; border: 2px solid #939597;' class="form-control text-center" TYPE="text" value="0" onkeyup="controle_numerique(this);" 
-									onblur="formatMonetaire(this);" id="forfaitPlafondActeAdherent" name="forfaitPlafondActeAdherent" onChange="">
-								</td>
-								<td  style='text-align:center; border: 2px solid #939597;'>
-									<select class="form-select text-center" style="font-size:8pt; border: 2px solid #939597;" id="codePeriodicitePlafondActeAdherent" name="codePeriodicitePlafondActeAdherent"
-									onChange="">
-										<?= liste_options($periodicite,'',true) ?>
-									</select>
-								</td> 
-								<td style='text-align:center; border: 2px solid #939597;'>
-									<INPUT style='font-size:8pt; border: 2px solid #939597;' class="form-control text-center" TYPE="text" value="0" onkeyup="controle_numerique(this);"
-									id="nbreTransactionActeAdherent" name="nbreTransactionActeAdherent" onChange="">
-								</td>
-								<td  style='text-align:center; border: 2px solid #939597; '>
-									<select class="form-select text-center" style="font-size:8pt; border: 2px solid #939597;" id="codePeriodiciteActeAdherent" name="codePeriodiciteActeAdherent"
-									onChange="">
-										<?= liste_options($periodiciteFiltre,'',true) ?>
-									</select>
-								</td> 
-								
-								<!-- Beneficiaire -->
-								<td style='text-align:center; border: 2px solid #939597;'>
-									<INPUT style='font-size:8pt; border: 2px solid #939597;' class="form-control text-center" TYPE="text" value="0" onkeyup="controle_numerique(this);" 
-									onblur="formatMonetaire(this);" id="forfaitPlafondActe" name="forfaitPlafondActe" onChange="">
-								</td>
-								<td  style='text-align:center; border: 2px solid #939597;'>
-									<select class="form-select text-center" style="font-size:8pt; border: 2px solid #939597;" id="codePeriodicitePlafondActe" name="codePeriodicitePlafondActe"
-									onChange="">
-										<?= liste_options($periodicite,'',true) ?>
-									</select>
-								</td> 
-								<td style='text-align:center; border: 2px solid #939597;'>
-									<INPUT style='font-size:8pt; border: 2px solid #939597;' class="form-control text-center" TYPE="text" value="0" onkeyup="controle_numerique(this);"
-									id="nbreTransactionActe" name="nbreTransactionActe" onChange="">
-								</td>
-								
-								<td  style='text-align:center; border: 2px solid #939597; '>
-									<select class="form-select text-center" style="font-size:8pt; border: 2px solid #939597;" id="codePeriodiciteActe" name="codePeriodiciteActe"
-									onChange="">
-										<?= liste_options($periodiciteFiltre,'',true) ?>
-									</select>
-								</td> 
+                <div class="card border-0 shadow-sm mb-3 rounded-3">
+                    <div class="card-header bg-white py-3 cursor-pointer d-flex justify-content-between align-items-center" onclick="afficherMasquerGarantiesBareme();">
+                        <span class="fw-bold text-dark small text-uppercase tracking-wider">
+                            1. <?= _("Plafond Standard de la Famille") ?>
+                            <span id="garantiesbaremepriseencharge" class="ms-2 badge bg-light text-primary border fw-normal"></span>
+                        </span>
+                        <i id="span_garantie" class="fas fa-chevron-down text-muted small"></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-3 mb-4 rounded-3 bg-light border-dashed border-1">
+                            <div class="row g-2">
+                                <div class="col-md-2">
+                                    <label class="form-label text-muted small fw-bold text-uppercase"><?= _("Date Effet") ?></label>
+                                    <input type="text" class="form-control border-0 shadow-sm datepicker text-center fw-bold" id="dateEffetFamilleActe">
+                                </div>
+                                <div class="col-md-2">
+                                    <label class="form-label text-muted small fw-bold text-uppercase"><?= _("Plafond") ?></label>
+                                    <input type="text" class="form-control border-0 shadow-sm text-end fw-bold" id="plafondFamilleActe" onblur="formatMonetaire(this);">
+                                </div>
+                                <div class="col-md-2">
+                                    <label class="form-label text-muted small fw-bold text-uppercase"><?= _("Fréquence") ?></label>
+                                    <select class="form-select border-0 shadow-sm" id="periodicitePlafondFamilleActe">
+                                        <?= liste_options($periodicite,"", true) ?>
+                                    </select>
+                                </div>
+                                <div class="col-md-2">
+                                    <label class="form-label text-muted small fw-bold text-uppercase"><?= _("Part Patient (%)") ?></label>
+                                    <input type="number" class="form-control border-0 shadow-sm text-center fw-bold" id="ticketModerateurFamilleActe" value="0">
+                                </div>
+                                <div class="col-md-2">
+                                    <label class="form-label text-muted small fw-bold text-uppercase"><?= _("Carence (Mois)") ?></label>
+                                    <input type="number" class="form-control border-0 shadow-sm text-center" id="delaiCarenceFamilleActe" value="0">
+                                </div>
+                                <div class="col-md-2 d-flex align-items-end">
+                                    <button type="button" class="btn btn-dark w-100 fw-bold" onclick="ajouter_garantie_college();">
+                                        <i class="fas fa-plus-circle"></i>
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                        <div id="div_liste_garantie_college" class="table-responsive small"></div>
+                    </div>
+                </div>
 
-								<td style='text-align:center; border: 2px solid #939597;  width:9%;'>
-									<select class="form-select" style="font-size:7pt; border: 2px solid #939597;" id="codeTypeRemboursementActe" name="codeTypeRemboursementActe"
-									onChange="" required >
-										<?= liste_options($typeremboursement,"RDTP",true) ?>
-									</select>
-								</td>
-								
-								<td  style='text-align:center; border: 2px solid #939597; '>
-									<INPUT style='font-size:8pt; border: 2px solid #939597;' class="form-control text-center" TYPE="text" value="0" onkeyup="controle_numerique(this);"
-									id="delaiCarenceActe" name="delaiCarenceActe" onChange="">
-								</td>
-								<td  style='text-align:center; border: 2px solid #939597; '>
-									<INPUT style='font-size:8pt; border: 2px solid #939597;' class="form-control text-center" TYPE="text" value="<?= $tmBareme ?>" onkeyup="controle_numerique(this);"
-									id="ticketModerateurActe" name="ticketModerateurActe" onChange="">
-								</td>
-								<td style='text-align:center; border: 2px solid #939597;'>
-									<INPUT style='font-size:8pt; border: 2px solid #939597;' class="form-control text-center" TYPE="text" value="0" onkeyup="controle_numerique(this);" 
-									onblur="formatMonetaire(this);" id="forfaitTmActe" name="forfaitTmActe" onChange="">
-								</td>
-								<td style='text-align:center; border: 2px solid #939597;'>
-									<INPUT style='font-size:8pt; border: 2px solid #939597;' class="form-control text-center" TYPE="number" value="0" onkeyup="controle_numerique(this);"
-									id="ageMinimumActe" name="ageMinimumActe" onChange="">
-								</td>
-								<td  style='text-align:center; border: 2px solid #939597; '>
-									<INPUT style='font-size:8pt; border: 2px solid #939597;' class="form-control text-center" TYPE="number" value="0" onkeyup="controle_numerique(this);"
-									id="ageMaximumActe" name="ageMaximumActe" onChange="">
-								</td>
-								
-								<td style='text-align:center; border: 2px solid #939597;' width="5%">
-									<select class="form-select text-center" style="font-size:8pt; border: 2px solid #939597;" id="actifActe" name="actifActe"
-									onChange="" required >
-										<?= liste_options($actifFamilleActe,"") ?>
-									</select>
-								</td>
-							</tr>
-							<tr>
-								<td colspan="16">
-									<input style='font-size:12pt;' id="btn_acte" name="btn_acte" onclick="javascript:validiteDateEffetActeBareme();"
-									class = "form-control btn btn-primary" type="button" value="<?= _("Insérer une nouvelle ligne dans BAREME ACTE") ?>">
-								</td>
-							</tr>
-						</tbody>
-					</table>
-					
-					<div id="div_actes_bareme">
-						
-					</div>
-				</div>
-				<hr style="border: 10px double blue; border-radius: 5px; background-color: blue;" />
-				<div id="div_actes_bareme_lienparente" >	
-					<legend class="text-center" style="margin-bottom: 10px; background-color: #a6a6a6; font-size:13pt; font-weight: bold; color: white;">
-						<?= _("BAREME ACTE LIEN PARENTE") ?>
-						&nbsp 
-						<span id="actesbaremepriseenchargelienparente" ></span>
-						&nbsp &nbsp 
-						<a href="javascript:afficherMasquerActeBaremeLienParente();">
-							<span id="span_acte_lienparente" title="<?= _('Cliquez sur le lien pour afficher ou masquer')?>">[-]</span>	
-						</a>
-					</legend>
-					
-					<INPUT 	class="sr-only" TYPE="text" id="masquerActeLienParente" NAME="masquerActeLienParente" value="1">
-					<div id="div_maxdateeffetactebaremelienparente">
-			
-					</div>
-					<div id="div_acte_lienparente_masquer">
-						<table class="table table-bordered table-condensed table-responsive" style="font-size:9pt;" >
-							<thead style="color: #000;">
-							<!--
-							 <tr >
-								<th colspan="13" style='text-align:center; font-size:10pt; font-weight: bold; border: 2px solid #939597;'> <?= _("PARTICULARITES SUR ACTE LIEN PARENTE") ?> </th>
-							 </tr>
-							-->
-							 <tr>
-								<td style='font-size:9pt;font-weight:bold; text-align:center; border: 2px solid #939597; background-color: #dff2ff; color: #6A645A;' class="required">
-									<?= _("Acte") ?>
-								</td>
-								<td colspan="12" style='border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'>
-									<?php if($codeGarantie!="HOS"): ?>
-									<SELECT style="font-size:10pt; height:30px; border: 2px solid #939597;" class="form-control selectpicker" data-live-search="true" id="codeActeLienParente" NAME="codeActeLienParente" required  autofocus 
-										onChange="" >
-										<?= liste_options($actesadd,"",false) ?>						
-									</SELECT>
-									<?php else: ?>	
-									<div class="frmSearch" style="background-color: #dff2ff; color: #6A645A; border: 2px solid #939597;">
-										<input id="searchInputLienparente" name="searchInputLienparente" style="font-size:12pt; border: 2px solid #939597;" class="form-control" type="text" placeholder="Veuillez rechercher et sélectionner un acte ici..."  autofocus 
-										onkeyup="javascript:affichelisteactes(this.value,'lienparente');">
-										<INPUT 	class="sr-only" TYPE="text" id="codeActeLienParente" NAME="codeActeLienParente" value="">	
-										<div id="div_selection_lienparente">
-										</div>
-									</div>
-									<?php endif; ?>	
-								</td>
-							  </tr>
-							  <tr>
-								<th  rowspan="2" style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;' class="required"> <?= _("Effet") ?> </th>
-								<th  rowspan="2" style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;' class="required"> <?= _("Lien Parenté") ?> </th>
-								<th  rowspan="2" style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("Plafond") ?> </th>
-								<th  rowspan="2" style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("Périodicité") ?> </th>
-								<th  rowspan="2" style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("Nb Transaction") ?> </th>
-								<th  rowspan="2" style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("Périodicité") ?> </th>
-								
-								<th rowspan="2" style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("Remboursement") ?> </th>
-								
-								<th  rowspan="2" style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("Carence") ?> </th>
-								<th  colspan="2" style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("TM") ?> </th>
-								<th  colspan="2" style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("Age") ?> </th>
-								<th  rowspan="2" style='text-align:center; border: 2px solid #939597; background-color: #dff2ff; color: #6A645A;' class="required"> <?= _("Actif") ?> </th>
-							  </tr>
-							  <tr>
-								<th  style='text-align:center; border: 2px solid #939597; background-color: #dff2ff; color: #6A645A;'> <?= _("Taux") ?> </th>
-								<th  style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("Forfait") ?> </th>
-							  
-								<th  style='text-align:center; border: 2px solid #939597; background-color: #dff2ff; color: #6A645A;'> <?= _("Min") ?> </th>
-								<th  style='text-align:center; border: 2px solid #939597;  background-color: #dff2ff; color: #6A645A;'> <?= _("Max") ?> </th>
-							  </tr>
-							</thead>
-							
-							<tbody>
-								<tr>
-									<td align='center' style='border: 2px solid #939597;'>
-										<INPUT style='text-align:center; font-size:8pt; border: 2px solid #939597;' class="form-control datepicker" TYPE="text" id="dateEffetActeLienParente" 
-										NAME="dateEffetActeLienParente" value="" required >
-									</td>
-									
-									<td  align='center' style='border: 2px solid #939597;'>
-										<select class="form-select text-center " style="font-size:8pt; border: 2px solid #939597;" id="codeLienParenteActeLienParente" name="codeLienParenteActeLienParente"
-										onChange="" required >
-											<?= liste_options($lienParente,'',true) ?>
-										</select>
-									</td> 
-									
-						
-									<td style='border: 2px solid #939597;'>
-										<INPUT style='font-size:8pt; border: 2px solid #939597;' class="form-control text-center" TYPE="text" value="0" onkeyup="controle_numerique(this);" 
-										onblur="formatMonetaire(this);" id="forfaitPlafondActeLienParente" name="forfaitPlafondActeLienParente" onChange="">
-									</td>
-									<td  align='center' style=''>
-										<select class="form-select text-center" style="font-size:8pt; border: 2px solid #939597;" id="codePeriodicitePlafondActeLienParente" name="codePeriodicitePlafondActeLienParente"
-										onChange="">
-											<?= liste_options($periodicite,'',true) ?>
-										</select>
-									</td> 
-									<td align='center' style='font-size:8pt; border: 2px solid #939597;'>
-										<INPUT style='font-size:8pt; border: 2px solid #939597;' class="form-control text-center" TYPE="text" value="0" onkeyup="controle_numerique(this);"
-										id="nbreTransactionActeLienParente" name="nbreTransactionActeLienParente" onChange="">
-									</td>
-									<td  align='center' style='font-size:8pt; border: 2px solid #939597;'>
-										<select class="form-select text-center" style="font-size:8pt; border: 2px solid #939597;" id="codePeriodiciteActeLienParente" name="codePeriodiciteActeLienParente"
-										onChange="">
-											<?= liste_options($periodiciteFiltre,'',true) ?>
-										</select>
-									</td> 
-									
-									<td style='text-align:center; border: 2px solid #939597; width:9%;'>
-										<select class="form-select" style="font-size:7pt; border: 2px solid #939597;" id="codeTypeRemboursementActeLienParente" name="codeTypeRemboursementActeLienParente"
-										onChange="" required >
-											<?= liste_options($typeremboursement,"RDTP",true) ?>
-										</select>
-									</td>
-									
-									<td  align='center' style='border: 2px solid #939597;'>
-										<INPUT style='font-size:8pt; border: 2px solid #939597;' class="form-control text-center" TYPE="text" value="0" onkeyup="controle_numerique(this);"
-										id="delaiCarenceActeLienParente" name="delaiCarenceActeLienParente" onChange="">
-									</td>
-									<td  align='center' style='border: 2px solid #939597;'>
-										<INPUT style='font-size:8pt; border: 2px solid #939597;' class="form-control text-center" TYPE="text" value="<?= $tmBareme ?>" onkeyup="controle_numerique(this);"
-										id="ticketModerateurActeLienParente" name="ticketModerateurActeLienParente" onChange="">
-									</td>
-									<td style='border: 2px solid #939597;'>
-										<INPUT style='font-size:8pt; border: 2px solid #939597;' class="form-control text-center" TYPE="text" value="0" onkeyup="controle_numerique(this);" 
-										onblur="formatMonetaire(this);" id="forfaitTmActeLienParente" name="forfaitTmActeLienParente" onChange="">
-									</td>
-									<td  align='center' style="border: 2px solid #939597;">
-										<INPUT style='font-size:8pt; border: 2px solid #939597;' class="form-control text-center" TYPE="number" value="0" onkeyup="controle_numerique(this);"
-										id="ageMinimumActeLienParente" name="ageMinimumActeLienParente" onChange="">
-									</td>
-									<td  align='center' style='border: 2px solid #939597;'>
-										<INPUT style='font-size:8pt; border: 2px solid #939597;' class="form-control text-center" TYPE="number" value="0" onkeyup="controle_numerique(this);"
-										id="ageMaximumActeLienParente" name="ageMaximumActeLienParente" onChange="">
-									</td>
-									
-									<td align='center' width="5%" style='border: 2px solid #939597;'>
-										<select class="form-select text-center" style="font-size:8pt; border: 2px solid #939597;" id="actifActeLienParente" name="actifActeLienParente"
-										onChange="" required >
-											<?= liste_options($actifFamilleActe,"") ?>
-										</select>
-									</td>
-								</tr>
-								<tr>
-									<td colspan="15">
-										<input style='font-size:12pt;' id="btn_actelienparente" name="btn_actelienparente" onclick="javascript:validiteDateEffetActeBaremeLienParente();"
-										class = "form-control btn btn-primary" type="button" value="<?= _("Insérer une nouvelle ligne dans BAREME ACTE LIEN PARENTE") ?>">
-									</td>
-								</tr>		
-							</tbody>
-						</table>
-						<div id="div_actes_lienparente">
-						
-						</div>
-					</div>
-					<hr style="border: 10px double blue; border-radius: 5px; background-color: blue;" />
-				</div>
-			</div>
-		</div>
-		<div class="modal-footer">
-			<button type="button" id="btn-fermer-modal" class="btn btn-default" data-bs-dismiss="modal" onclick="detail_baremepriseencharge(<?= $_SESSION['idBaremePriseEnCharge']; ?>);">Fermer</button>
-		</div>
-	</div>
-</div>
\ No newline at end of file
+                <div class="card border-0 shadow-sm mb-3 rounded-3">
+                    <div class="card-header bg-white py-3 cursor-pointer d-flex justify-content-between align-items-center" onclick="afficherMasquerGarantiesBaremeLienParente();">
+                        <span class="fw-bold text-dark small text-uppercase tracking-wider">
+                            2. <?= _("Spécificités par Profil (Parenté)") ?>
+                            <span id="garantiesbaremepriseenchargelienparente" class="ms-2 badge bg-light text-primary border fw-normal"></span>
+                        </span>
+                        <i id="span_garantie_lienparente" class="fas fa-chevron-down text-muted small"></i>
+                    </div>
+                    <input type="hidden" id="masquerGarantieLienParente" value="1">
+                    <div id="div_garanties_lienparente_masquer" class="card-body border-top bg-white" style="display:none;">
+                        <div class="p-3 mb-4 rounded-3 bg-light border-dashed border-1">
+                            <div class="row g-2">
+                                <div class="col-md-3">
+                                    <label class="form-label text-muted small fw-bold text-uppercase"><?= _("Profil") ?></label>
+                                    <select class="form-select border-0 shadow-sm fw-bold" id="codeLienParente">
+                                        <?= liste_options($liens, "", true) ?>
+                                    </select>
+                                </div>
+                                <div class="col-md-3">
+                                    <label class="form-label text-muted small fw-bold text-uppercase"><?= _("Plafond Spécifique") ?></label>
+                                    <input type="text" class="form-control border-0 shadow-sm text-end fw-bold" id="plafondGarantieLienParente" onblur="formatMonetaire(this);">
+                                </div>
+                                <div class="col-md-2">
+                                    <label class="form-label text-muted small fw-bold text-uppercase"><?= _("Périodicité") ?></label>
+                                    <select class="form-select border-0 shadow-sm" id="periodicitePlafondGarantieLienParente">
+                                        <?= liste_options($periodicite,"", true) ?>
+                                    </select>
+                                </div>
+                                <div class="col-md-4 d-flex align-items-end">
+                                    <button type="button" class="btn btn-dark w-100 fw-bold py-2" onclick="ajouter_garantie_lienparente_college();">
+                                        <i class="fas fa-save me-2"></i> <?= _("Enregistrer") ?>
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                        <div id="div_liste_garantie_lienparente_college"></div>
+                    </div>
+                </div>
+
+                <div class="card border-0 shadow-sm mb-3 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 tracking-wider">
+                            3. <?= _("Exceptions par Acte Médical") ?>
+                            <span id="actesbaremepriseencharge" class="ms-2 badge bg-light text-primary border fw-normal"></span>
+                        </span>
+                        <i id="span_acte" class="fas fa-chevron-down text-muted small"></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-3 mb-4 rounded-3 bg-light border-dashed border-1">
+                            <div class="row g-3">
+                                <div class="col-12">
+                                    <label class="form-label text-muted small fw-bold text-uppercase"><?= _("Rechercher l'acte") ?></label>
+                                    <?php if($codeGarantie != "HOS"): ?>
+                                        <select class="form-select selectpicker border-0 shadow-sm" data-live-search="true" id="codeActe">
+                                            <?= liste_options($actesadd,"",false) ?>
+                                        </select>
+                                    <?php else: ?>
+                                        <div class="input-group shadow-sm">
+                                            <span class="input-group-text bg-white border-0"><i class="fas fa-search text-muted"></i></span>
+                                            <input id="searchInputActe" class="form-control border-0" type="text" placeholder="<?= _("Saisir un acte hospitalier...") ?>" onkeyup="affichelisteactes(this.value, 'acte');">
+                                        </div>
+                                        <input type="hidden" id="codeActe">
+                                    <?php endif; ?>
+                                </div>
+                                <div class="col-md-3">
+                                    <label class="form-label text-muted small fw-bold text-uppercase"><?= _("Part Patient (%)") ?></label>
+                                    <input type="number" class="form-control border-0 shadow-sm text-center fw-bold" id="ticketModerateurActe" value="0">
+                                </div>
+                                <div class="col-md-9 d-flex align-items-end">
+                                    <button type="button" class="btn btn-dark w-100 fw-bold py-2" onclick="ajouter_acte_college();">
+                                        <?= _("Appliquer l'exception sur cet acte") ?>
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                        <div id="div_liste_actebareme_college"></div>
+                    </div>
+                </div>
+
+                <div class="card border-0 shadow-sm mb-3 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();">
+                        <span class="fw-bold text-danger small text-uppercase tracking-wider">
+                            4. <?= _("Précisions Acte & Profil (Priorité Max)") ?>
+                            <span id="actesbaremepriseenchargelienparente" class="ms-2 badge bg-danger-light text-danger border border-danger-subtle fw-normal"></span>
+                        </span>
+                        <i id="span_acte_lienparente" class="fas fa-chevron-down text-muted small"></i>
+                    </div>
+                    <input type="hidden" id="masquerActeLienParente" value="1">
+                    <div id="div_acte_lienparente_masquer" class="card-body border-top bg-white" style="display:none;">
+                        <div id="div_maxdateeffetactebaremelienparente"></div>
+                        <div id="div_liste_actebaremelienparente_college"></div>
+                    </div>
+                </div>
+
+            </div>
+        </div>
+
+        <div class="modal-footer bg-light border-0 py-3 px-4">
+            <button type="button" class="btn btn-secondary rounded-pill px-4 fw-bold" data-bs-dismiss="modal" onclick="detail_baremepriseencharge(<?= $idBareme ?>);"><?= _("Fermer le centre de configuration") ?></button>
+        </div>
+    </div>
+</div>
+
+<style>
+    .bg-body-tertiary { background-color: #f8f9fa !important; }
+    .bg-danger-light { background-color: rgba(220, 53, 69, 0.05); }
+    .tracking-wider { letter-spacing: 0.05em; }
+    .border-dashed { border: 1px dashed #dee2e6 !important; }
+    .cursor-pointer { cursor: pointer; }
+    /* SelectPicker Clean SaaS */
+    .bootstrap-select .btn { 
+        background-color: #fff !important; 
+        border: 0 !important; 
+        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; 
+        font-weight: 600 !important; 
+        height: 40px !important;
+    }
+</style>
\ No newline at end of file