diff --git a/Vue/Ajaxactesgarantiebaremecollege/index.php b/Vue/Ajaxactesgarantiebaremecollege/index.php
index f106d142..f4442d7c 100755
--- a/Vue/Ajaxactesgarantiebaremecollege/index.php
+++ b/Vue/Ajaxactesgarantiebaremecollege/index.php
@@ -1,646 +1,167 @@
 <?php 
-	$codeGarantie 		= $this->nettoyer($garantie['codeGarantie']);
-	$garantie 			= $this->nettoyer($garantie['libelle']);
-	
-	if (est_anglophone())
-	{
-		$garantie 	= $this->nettoyer($garantie['libelleEng']);
-	}
-	
+    $idBareme = $_SESSION['idBaremePriseEnCharge'];
+    $codeG = $this->nettoyer($garantie['codeGarantie']);
+    $nomG  = est_anglophone() ? $this->nettoyer($garantie['libelleEng']) : $this->nettoyer($garantie['libelle']);
 ?>
 
+<div class="modal-dialog modal-xl border-0">
+    <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-sliders-h text-secondary"></i>
+                </div>
+                <div>
+                    <h5 class="fw-bold mb-0 text-uppercase"><?= $nomG; ?></h5>
+                    <span class="badge bg-light text-muted fw-normal border"><?= $codeG; ?></span>
+                </div>
+            </div>
+            <button type="button" class="btn-close" data-bs-dismiss="modal" onclick="detail_baremecollege(<?= $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_baremecollege(<?= $_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: 3px solid #000; border-radius: 5px;" />
-			<div id="div_garanties">
-				<legend class="text-center" style="margin-bottom: 10px; background-color: #a6a6a6; font-size:13pt;">
-					<?= _("Barème Garantie College") ?> 
-					&nbsp 
-					<span id="garantiesbaremepriseencharge" ></span>
-					&nbsp &nbsp
-					<a href="javascript:afficherMasquerGarantiesBaremeCollege();">
-						<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 rowspan="2" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Effet") ?> </th>
-							<th colspan="4" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff; background-color:#027BE3; color: white;'> <?= _("Famille") ?> </th>
-							<th colspan="4" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff; background-color:#726a57;'> <?= _("Bénéficiaire") ?> </th>
-							<th rowspan="2" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Remboursement") ?> </th>
-							<!--<th rowspan="2" style='text-align:center; border: 2px solid #fff;'> <?= _("Observation") ?> </th>-->
-							<th rowspan="2" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Carence") ?> </th>
-							<th colspan="2" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("TM") ?> </th>
-							<th colspan="2" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Age") ?> </th>
-							<th rowspan="2" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Actif") ?> </th>
-							
-						  </tr>
-						  <tr>
-							<th  style='text-align:center; border: 2px solid #fff; '> <?= _("Plafond") ?> </th>
-							<th  style='text-align:center; border: 2px solid #fff; '> <?= _("Périodicité") ?> </th>
-							<th  style='text-align:center; border: 2px solid #fff; '> <?= _("Nb Transac") ?> </th>
-							<th  style='text-align:center; border: 2px solid #fff;border-right: 4px solid #fff;'> <?= _("Périodicité") ?> </th>
-							<th  style='text-align:center; border: 2px solid #fff;'> <?= _("Plafond") ?> </th>
-							<th  style='text-align:center; border: 2px solid #fff;'> <?= _("Périodicité") ?> </th>
-							<th  style='text-align:center; border: 2px solid #fff;'> <?= _("Nb Transac") ?> </th>
-							<th  style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Périodicité") ?> </th>
-							
-							<th  style='text-align:center; border: 2px solid #fff; '> <?= _("Taux") ?> </th>
-							<th  style='text-align:center; border: 2px solid #fff; '> <?= _("Forfait") ?> </th>
-							
-							<th  style='text-align:center; border: 2px solid #fff;'> <?= _("Min") ?> </th>
-							<th  style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Max") ?> </th>
-							<!--<th  style='text-align:center; border: 2px solid #fff;'> <?= _("Observation") ?> </th>-->
-						  </tr>
-						</thead>
-						
-						<tbody>
-							<tr>
-								<td width="7%" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'>
-									<INPUT style='text-align:center; font-size:7pt;' class="form-control datepicker" TYPE="text" id="dateEffetGarantie" 
-									NAME="dateEffetGarantie" value="" onChange="javascript:controleDateEffetGarantieBareme();" required AUTOCOMPLETE="OFF">
-								</td>
-								
-								<!-- Adherent -->
-								<td width="7%" style='text-align:center; border: 2px solid #fff;'> 
-									<INPUT style='font-size:7pt;' 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 #fff;'>
-									<select class="form-select text-center" style="font-size:7pt;" id="codePeriodicitePlafondGarantieAdherent" name="codePeriodicitePlafondGarantieAdherent"
-									onChange="">
-										<?= liste_options($periodicite,'',true) ?>
-									</select>
-								</td> 
-								<td style='text-align:center; border: 2px solid #fff;'>
-									<INPUT style='font-size:7pt;' 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 #fff; border-right: 4px solid #fff;'>
-									<select class="form-select text-center" style="font-size:7pt;" id="codePeriodiciteGarantieAdherent" name="codePeriodiciteGarantieAdherent"
-									onChange="">
-										<?= liste_options($periodiciteFiltre,'',true) ?>
-									</select>
-								</td> 
-								
-								<!-- Beneficiaire -->
-								<td width="7%" style='text-align:center; border: 2px solid #fff;'>
-									<INPUT style='font-size:7pt;' 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 #fff;'>
-									<select class="form-select text-center" style="font-size:7pt;" id="codePeriodicitePlafondGarantie" name="codePeriodicitePlafondGarantie"
-									onChange="">
-										<?= liste_options($periodicite,'',true) ?>
-									</select>
-								</td> 
-								<td style='text-align:center; border: 2px solid #fff;'>
-									<INPUT style='font-size:7pt;' 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 #fff; border-right: 4px solid #fff;'>
-									<select class="form-select text-center" style="font-size:7pt;" id="codePeriodiciteGarantie" name="codePeriodiciteGarantie"
-									onChange="">
-										<?= liste_options($periodiciteFiltre,'',true) ?>
-									</select>
-								</td> 
-								
-								<td style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff; width:9%;'>
-									<select class="form-select" style="font-size:7pt;" id="codeTypeRemboursement" name="codeTypeRemboursement"
-									onChange="" required AUTOCOMPLETE="OFF">
-										<?= liste_options($typeremboursement,"RDTP",true) ?>
-									</select>
-								</td>
-								
-								<!--
-								<td  align='center'>
-									<select class="form-select text-center" style="font-size:8pt;" id="codeObservationFamilleActe" name="codeObservationFamilleActe"
-									onChange="">
-										<?= liste_options($observation,'',true) ?>
-									</select>
-								</td> 
-								-->
-								<td  style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'>
-									<INPUT style='font-size:7pt;' 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 #fff; border-right: 4px solid #fff;' >
-									<INPUT style='font-size:7pt;' 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 #fff;'>
-									<INPUT style='font-size:7pt;' 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 #fff;' >
-									<INPUT style='font-size:7pt;' 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 #fff; border-right: 4px solid #fff;'>
-									<INPUT style='font-size:7pt;' 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 #fff;' width="5%">
-									<select class="form-select text-center" style="font-size:7pt;" id="actifFamilleActe" name="actifFamilleActe"
-									onChange="" disabled>
-										<?= liste_options($actifGarantieOuiNon,"1", true) ?>
-									</select>
-								</td>
-							</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 barème garantie") ?>"
-									onclick="javascript:inserer_bareme_garantie_college();">
-								</td>
-							</tr>	
-								
-						</tbody>
-					</table>
-					<div id="div_garanties_bareme" >
-						
-					</div>
-				</div>
-				<hr style="border: 3px solid #000; border-radius: 5px;" />
-				<div id="div_garanties_lienparente">
-				<legend class="text-center" style="margin-bottom: 10px; background-color: #a6a6a6; font-size:13pt;">
-					<?= _("Barème Garantie Lien parenté Collège") ?>
-					&nbsp 
-					<span id="garantiesbaremepriseenchargelienparente" ></span>
-					&nbsp &nbsp 
-					<a href="javascript:afficherMasquerGarantiesBaremeLienParenteCollege();">
-						<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  rowspan="2" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Effet") ?> </th>
-							<th  rowspan="2" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Lien Parenté") ?> </th>
-							<th  rowspan="2" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Plafond") ?> </th>
-							<th  rowspan="2" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Périodicité") ?> </th>
-							<th  rowspan="2" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Nbre") ?> </th>
-							<th  rowspan="2" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Périodicité") ?> </th>
-							<!--<th  style='text-align:center; border: 2px solid #fff;'> <?= _("Observation") ?> </th>-->
-							<th  rowspan="2" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Remboursement") ?> </th>
-							<th  rowspan="2" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Carence") ?> </th>
-							<th  colspan="2" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("TM") ?> </th>
-							<th  colspan="2" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Age") ?> </th>
-							<th  rowspan="2" style='text-align:center; border: 2px solid #fff;'> <?= _("Actif") ?> </th>
-						  </tr>
-						  <tr>
-							<th  style='text-align:center; border: 2px solid #fff; '> <?= _("Taux") ?> </th>
-							<th  style='text-align:center; border: 2px solid #fff; '> <?= _("Forfait") ?> </th>
-							
-							<th  style='text-align:center; border: 2px solid #fff;'> <?= _("Min") ?> </th>
-							<th  style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Max") ?> </th>
-						  </tr>
-						</thead>
-						
-						<tbody>
-							<tr>
-								<td style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'>
-									<INPUT style='text-align:center; font-size:8pt;' class="form-control datepicker" TYPE="text" id="dateEffetGarantieLienParente" 
-									NAME="dateEffetGarantieLienParente" value="" required AUTOCOMPLETE="OFF">
-								</td>
-								
-								<td  style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'>
-									<select class="form-select text-center" style="font-size:8pt;" id="codeLienParente" name="codeLienParente"
-									onChange="" required AUTOCOMPLETE="OFF">
-										<?= liste_options($lienParente,'',true) ?>
-									</select>
-								</td> 
-								
-								<!-- Beneficiaire -->
-								<td style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'>
-									<INPUT style='font-size:8pt;' 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 #fff; border-right: 4px solid #fff;'>
-									<select class="form-select text-center" style="font-size:8pt;" id="codePeriodicitePlafondGarantieLienParente" name="codePeriodicitePlafondGarantieLienParente"
-									onChange="">
-										<?= liste_options($periodicite,'',true) ?>
-									</select>
-								</td> 
-								<td style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'>
-									<INPUT style='font-size:8pt;' 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 #fff; border-right: 4px solid #fff;'>
-									<select class="form-select text-center" style="font-size:8pt;" id="codePeriodiciteGarantieLienParente" name="codePeriodiciteGarantieLienParente"
-									onChange="">
-										<?= liste_options($periodiciteFiltre,'',true) ?>
-									</select>
-								</td> 
-								
-								<td style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff; width:9%;'>
-									<select class="form-select" style="font-size:8pt;" id="codeTypeRemboursementLienParente" name="codeTypeRemboursementLienParente"
-									onChange="" required AUTOCOMPLETE="OFF">
-										<?= liste_options($typeremboursement,"RDTP",true) ?>
-									</select>
-								</td>
-								
-								<!--
-								<td  align='center'>
-									<select class="form-select text-center" style="font-size:8pt;" id="codeObservationFamilleActeLienParente" name="codeObservationFamilleActeLienParente"
-									onChange="">
-										<?= liste_options($observation,'',true) ?>
-									</select>
-								</td> 
-								-->
-								<td  style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'>
-									<INPUT style='font-size:8pt;' 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 #fff; border-right: 4px solid #fff;'>
-									<INPUT style='font-size:8pt;' 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 #fff; border-right: 4px solid #fff;'>
-									<INPUT style='font-size:8pt;' 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 #fff;'>
-									<INPUT style='font-size:8pt;' 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 #fff; border-right: 4px solid #fff;'>
-									<INPUT style='font-size:8pt;' 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 #fff;' width="5%">
-									<select class="form-select text-center" style="font-size:8pt;" id="actifFamilleActeLienParente" name="actifFamilleActeLienParente"
-									onChange="" disabled>
-										<?= liste_options($actifGarantieLienOuiNon,"1", true) ?>
-									</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 barème garantie lien parenté") ?>" onclick="javascript:validiteDateEffetGarantieLienParenteCollege();">
-								</td>
-							</tr>	
-								
-						</tbody>
-					</table>
-					<div id="div_garanties_bareme_lienparente">
-						
-					</div>
-				</div>
-			</div>
-		</div>
-		<hr style="border: 3px solid #000; border-radius: 5px;" />
-		<div id="div_acte">
-			<legend class="text-center" style="margin-bottom: 10px; background-color: #a6a6a6; font-size:13pt;">
-				<?= _("Barème Acte Collège") ?>
-				&nbsp 
-				<span id="actesbaremepriseencharge" ></span>
-				&nbsp &nbsp 
-				<a href="javascript:afficherMasquerActeBaremeCollege();">
-					<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>
-							<td align='center' style='font-size:9pt;  color: #000; font-weight:bold; border: 2px solid #fff; border-right: 4px solid #fff;'>
-								<?= _("Acte") ?>
-							</td>
-							
-							<td colspan="15" style='border: 2px solid #fff;'>
-								<?php if($codeGarantie!="HOS"): ?>
-								<SELECT style="font-size:10pt; height:30px;" class="form-control selectpicker" data-live-search="true" id="codeActe" NAME="codeActe" required AUTOCOMPLETE="OFF" autofocus 
-									onChange="">
-									<?= liste_options($actesadd,"",false) ?>						
-								</SELECT>
-								<?php else: ?>	
-								<div class="frmSearch">
-									<input id="searchInputActe" name="searchInputActe" AUTOCOMPLETE="OFF" style="font-size:12pt;" 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="modal-body bg-body-tertiary p-4">
+            <input type="hidden" id="datejour" value="<?= datefr(date('Y/m/d')); ?>">
+            <input type="hidden" id="codeGarantie" value="<?= $codeG; ?>">
+            <input type="hidden" id="idBaremePriseEnCharge" value="<?= $idBareme ?>">
 
-					  </tr>
-					  <tr>
-						<th  rowspan="2" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Effet") ?> </th>
-						<th  colspan="4" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff; background-color:#027BE3; color: white;'> <?= _("Famille") ?> </th>
-						<th  colspan="4" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff; background-color:#726a57;'> <?= _("Bénéficiaire") ?> </th>
-						
-						<th rowspan="2" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Remboursement") ?> </th>
-						
-						<th  rowspan="2" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Carence") ?> </th>
-						<th  colspan="2" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("TM") ?> </th>
-						
-						<th  colspan="2" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Age") ?> </th>
-						<th  rowspan="2" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Actif") ?> </th>
-					  </tr>
-					  
-					  <tr>
-						<th  style='text-align:center; border: 2px solid #fff;'> <?= _("Plafond") ?> </th>
-						<th  style='text-align:center; border: 2px solid #fff;'> <?= _("Périodicité") ?> </th>
-						<th  style='text-align:center; border: 2px solid #fff;'> <?= _("Nb Transac") ?> </th>
-						<th  style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff; '> <?= _("Périodicité") ?> </th>
-						
-						<th  style='text-align:center; border: 2px solid #fff;'> <?= _("Plafond") ?> </th>
-						<th  style='text-align:center; border: 2px solid #fff;'> <?= _("Périodicité") ?> </th>
-						<th  style='text-align:center; border: 2px solid #fff;'> <?= _("Nb Transac") ?> </th>
-						<th  style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Périodicité") ?> </th>
-						
-						<th  style='text-align:center; border: 2px solid #fff; '> <?= _("Taux") ?> </th>
-						<th  style='text-align:center; border: 2px solid #fff; '> <?= _("Forfait") ?> </th>
-							
-						<th  style='text-align:center; border: 2px solid #fff;'> <?= _("Min") ?> </th>
-						<th  style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Max") ?> </th>
-					 </tr>
-					</thead>
-					
-					<tbody>
-						<tr>
-							<td style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'>
-								<INPUT style='text-align:center; font-size:8pt;' class="form-control datepicker" TYPE="text" id="dateEffetActe" 
-								NAME="dateEffetActe" value="" required AUTOCOMPLETE="OFF">
-							</td>
-							
-							<!-- Adherent -->
-							<td style='text-align:center; border: 2px solid #fff;'>
-								<INPUT style='font-size:8pt;' 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 #fff;'>
-								<select class="form-select text-center" style="font-size:8pt;" id="codePeriodicitePlafondActeAdherent" name="codePeriodicitePlafondActeAdherent"
-								onChange="">
-									<?= liste_options($periodicite,'',true) ?>
-								</select>
-							</td> 
-							<td style='text-align:center; border: 2px solid #fff;'>
-								<INPUT style='font-size:8pt;' 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 #fff; border-right: 4px solid #fff;'>
-								<select class="form-select text-center" style="font-size:8pt;" id="codePeriodiciteActeAdherent" name="codePeriodiciteActeAdherent"
-								onChange="">
-									<?= liste_options($periodiciteFiltre,'',true) ?>
-								</select>
-							</td> 
-							
-							<!-- Beneficiaire -->
-							<td style='text-align:center; border: 2px solid #fff;'>
-								<INPUT style='font-size:8pt;' 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 #fff;'>
-								<select class="form-select text-center" style="font-size:8pt;" id="codePeriodicitePlafondActe" name="codePeriodicitePlafondActe"
-								onChange="">
-									<?= liste_options($periodicite,'',true) ?>
-								</select>
-							</td> 
-							<td style='text-align:center; border: 2px solid #fff;'>
-								<INPUT style='font-size:8pt;' 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 #fff; border-right: 4px solid #fff;'>
-								<select class="form-select text-center" style="font-size:8pt;" id="codePeriodiciteActe" name="codePeriodiciteActe"
-								onChange="">
-									<?= liste_options($periodiciteFiltre,'',true) ?>
-								</select>
-							</td> 
+            <div class="accordion accordion-flush" id="accConfiguration">
 
-							<td style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff; width:9%;'>
-								<select class="form-select" style="font-size:7pt;" id="codeTypeRemboursementActe" name="codeTypeRemboursementActe"
-								onChange="" required AUTOCOMPLETE="OFF">
-									<?= liste_options($typeremboursement,"RDTP",true) ?>
-								</select>
-							</td>
-							
-							<td  style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'>
-								<INPUT style='font-size:8pt;' 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 #fff; border-right: 4px solid #fff;'>
-								<INPUT style='font-size:8pt;' 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 #fff;'>
-								<INPUT style='font-size:8pt;' 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 #fff;'>
-								<INPUT style='font-size:8pt;' 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 #fff; border-right: 4px solid #fff;'>
-								<INPUT style='font-size:8pt;' 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 #fff;' width="5%">
-								<select class="form-select text-center" style="font-size:8pt;" id="actifActe" name="actifActe"
-								onChange="" disabled>
-									<?= liste_options($actifActeOuiNon,"1", true) ?>
-								</select>
-							</td>
-						</tr>
-						<tr>
-							<td colspan="16">
-								<input style='font-size:12pt;' id="btn_acte" name="btn_acte" onclick="javascript:validiteDateEffetActeBaremeCollege();"
-								class = "form-control btn btn-primary" type="button" value="<?= _("Insérer une nouvelle ligne dans barème acte") ?>">
-							</td>
-						</tr>	
-							
-					</tbody>
-				</table>
-				<div id="div_actes_bareme">
-					
-				</div>
-			</div>
-			<hr style="border: 3px solid #000; border-radius: 5px;" />
-			<div id="div_actes_bareme_lienparente" >	
-				<legend class="text-center" style="margin-bottom: 10px; background-color: #a6a6a6; font-size:13pt;">
-					<?= _("Barème Acte Lien Parenté Collège") ?>
-					&nbsp 
-					<span id="actesbaremepriseenchargelienparente" ></span>
-					&nbsp &nbsp 
-					<a href="javascript:afficherMasquerActeBaremeLienParenteCollege();">
-						<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>
-						<td style='font-size:9pt;  color: #000; font-weight:bold; text-align:center; border: 2px solid #fff;'>
-							<?= _("Acte") ?>
-						</td>
-						<td colspan="12" style='border: 2px solid #fff; border-right: 4px solid #fff;'>
-							<?php if($codeGarantie!="HOS"): ?>
-							<SELECT style="font-size:10pt; height:30px;" class="form-control selectpicker" data-live-search="true" id="codeActeLienParente" NAME="codeActeLienParente" required AUTOCOMPLETE="OFF" autofocus 
-								onChange="" >
-								<?= liste_options($actesadd,"",false) ?>						
-							</SELECT>
-							<?php else: ?>	
-							<div class="frmSearch">
-								<input id="searchInputLienparente" name="searchInputLienparente" style="font-size:12pt;" 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 #fff; border-right: 4px solid #fff;'> <?= _("Effet") ?> </th>
-						<th  rowspan="2" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Lien Parenté") ?> </th>
-						<th  rowspan="2" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Plafond") ?> </th>
-						<th  rowspan="2" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Périodicité") ?> </th>
-						<th  rowspan="2" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Nb Transaction") ?> </th>
-						<th  rowspan="2" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Périodicité") ?> </th>
-						
-						<th rowspan="2" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Remboursement") ?> </th>
-						
-						<th  rowspan="2" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Carence") ?> </th>
-						<th  colspan="2" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("TM") ?> </th>
-						<th  colspan="2" style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Age") ?> </th>
-						<th  rowspan="2" style='text-align:center; border: 2px solid #fff;'> <?= _("Actif") ?> </th>
-					  </tr>
-					  <tr>
-						<th  style='text-align:center; border: 2px solid #fff;'> <?= _("Taux") ?> </th>
-						<th  style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Forfait") ?> </th>
-					  
-						<th  style='text-align:center; border: 2px solid #fff;'> <?= _("Min") ?> </th>
-						<th  style='text-align:center; border: 2px solid #fff; border-right: 4px solid #fff;'> <?= _("Max") ?> </th>
-					  </tr>
-					</thead>
-					
-					<tbody>
-					
-						<tr>
-							<td align='center' style='border-right: 4px solid #fff;'>
-								<INPUT style='text-align:center; font-size:8pt;' class="form-control datepicker" TYPE="text" id="dateEffetActeLienParente" 
-								NAME="dateEffetActeLienParente" value="" required AUTOCOMPLETE="OFF">
-							</td>
-							
-							<td  align='center' style='border-right: 4px solid #fff;'>
-								<select class="form-select text-center " style="font-size:8pt;" id="codeLienParenteActeLienParente" name="codeLienParenteActeLienParente"
-								onChange="" required AUTOCOMPLETE="OFF">
-									<?= liste_options($lienParente,'',true) ?>
-								</select>
-							</td> 
-							
-				
-							<td style='border-right: 4px solid #fff;'>
-								<INPUT style='font-size:8pt;' 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='border-right: 4px solid #fff;'>
-								<select class="form-select text-center" style="font-size:8pt;" id="codePeriodicitePlafondActeLienParente" name="codePeriodicitePlafondActeLienParente"
-								onChange="">
-									<?= liste_options($periodicite,'',true) ?>
-								</select>
-							</td> 
-							<td align='center' style='font-size:8pt; border-right: 4px solid #fff;'>
-								<INPUT style='font-size:8pt;' 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-right: 4px solid #fff;'>
-								<select class="form-select text-center" style="font-size:8pt; border-right: 4px solid #fff;" id="codePeriodiciteActeLienParente" name="codePeriodiciteActeLienParente"
-								onChange="">
-									<?= liste_options($periodiciteFiltre,'',true) ?>
-								</select>
-							</td> 
-							
-							<td style='text-align:center; border: 2px solid #fff; width:9%; border-right: 4px solid #fff;'>
-								<select class="form-select" style="font-size:7pt;" id="codeTypeRemboursementActeLienParente" name="codeTypeRemboursementActeLienParente"
-								onChange="" required AUTOCOMPLETE="OFF">
-									<?= liste_options($typeremboursement,"RDTP",true) ?>
-								</select>
-							</td>
-							
-							<td  align='center' style='border-right: 4px solid #fff;'>
-								<INPUT style='font-size:8pt;' class="form-control text-center" TYPE="text" value="0" onkeyup="controle_numerique(this);"
-								id="delaiCarenceActeLienParente" name="delaiCarenceActeLienParente" onChange="">
-							</td>
-							<td  align='center' style='border-right: 4px solid #fff;'>
-								<INPUT style='font-size:8pt;' class="form-control text-center" TYPE="text" value="<?= $tmBareme ?>" onkeyup="controle_numerique(this);"
-								id="ticketModerateurActeLienParente" name="ticketModerateurActeLienParente" onChange="">
-							</td>
-							<td style='border-right: 4px solid #fff;'>
-								<INPUT style='font-size:8pt;' 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' >
-								<INPUT style='font-size:8pt;' class="form-control text-center" TYPE="number" value="0" onkeyup="controle_numerique(this);"
-								id="ageMinimumActeLienParente" name="ageMinimumActeLienParente" onChange="">
-							</td>
-							<td  align='center' style='border-right: 4px solid #fff;'>
-								<INPUT style='font-size:8pt;' class="form-control text-center" TYPE="number" value="0" onkeyup="controle_numerique(this);"
-								id="ageMaximumActeLienParente" name="ageMaximumActeLienParente" onChange="">
-							</td>
-							
-							<td align='center' width="5%">
-								<select class="form-select text-center" style="font-size:8pt;" id="actifActeLienParente" name="actifActeLienParente"
-								onChange="" disabled>
-									<?= liste_options($actifActeLienOuiNon,"1", true) ?>
-								</select>
-							</td>
-						</tr>
-						<tr>
-							<td colspan="15">
-								<input style='font-size:12pt;' id="btn_actelienparente" name="btn_actelienparente" onclick="javascript:validiteDateEffetActeBaremeLienParenteCollege();"
-								class = "form-control btn btn-primary" type="button" value="<?= _("Insérer une nouvelle ligne dans barème acte lien parenté") ?>">
-							</td>
-						</tr>		
-					</tbody>
-				</table>
-				<div id="div_actes_lienparente">
-				
-				</div>
-			</div>
-			<hr style="border: 3px solid #000; border-radius: 5px;" />
-		</div>
-		
-		<div class="modal-footer">
-			<button type="button" id="btn-fermer-modal" class="btn btn-default" data-bs-dismiss="modal" onclick="detail_baremecollege(<?= $_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="afficherMasquerGarantiesBaremeCollege();">
+                        <span class="fw-bold text-dark small text-uppercase tracking-wider">
+                            1. <?= _("Standard de la Famille") ?>
+                            <span id="garantiesbaremepriseencharge" class="ms-2 badge bg-light text-primary border fw-normal"></span>
+                        </span>
+                        <span id="span_garantie" class="text-muted small"></span>
+                    </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 border-dashed">
+                            <div class="row g-3">
+                                <div class="col-md-3">
+                                    <label class="form-label text-muted small fw-bold"><?= _("DATE D'EFFET") ?></label>
+                                    <input type="text" class="form-control border-0 shadow-sm datepicker text-center" id="dateEffetGarantie">
+                                </div>
+                                <div class="col-md-3">
+                                    <label class="form-label text-muted small fw-bold"><?= _("PLAFOND GLOBAL") ?></label>
+                                    <input type="text" class="form-control border-0 shadow-sm text-end fw-bold" id="plafondGarantie" onblur="formatMonetaire(this);">
+                                </div>
+                                <div class="col-md-2">
+                                    <label class="form-label text-muted small fw-bold"><?= _("PART PATIENT (%)") ?></label>
+                                    <input type="number" class="form-control border-0 shadow-sm text-center" id="ticketModerateurGarantie" value="0">
+                                </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_college();">
+                                        <i class="fas fa-check-circle me-2"></i> <?= _("Valider la règle") ?>
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                        <div id="div_liste_garantie_college" class="table-responsive"></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="afficherMasquerGarantiesBaremeLienParenteCollege();">
+                        <span class="fw-bold text-dark small text-uppercase tracking-wider">
+                            2. <?= _("Ajustements par Profil (Parenté)") ?>
+                            <span id="garantiesbaremepriseenchargelienparente" class="ms-2 badge bg-light text-primary border fw-normal"></span>
+                        </span>
+                        <span id="span_garantie_lienparente" class="text-muted small"></span>
+                    </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 border-dashed">
+                            <div class="row g-3">
+                                <div class="col-md-4">
+                                    <label class="form-label text-muted small fw-bold"><?= _("PROFIL CONCERNÉ") ?></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"><?= _("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-5 d-flex align-items-end">
+                                    <button type="button" class="btn btn-dark w-100 fw-bold py-2" onclick="ajouter_garantie_lienparente_college();">
+                                        <?= _("Enregistrer pour ce profil") ?>
+                                    </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="afficherMasquerActeBaremeCollege();">
+                        <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>
+                        <span id="span_acte" class="text-muted small"></span>
+                    </div>
+                    <input type="hidden" id="masquerActe" value="1">
+                    <div id="div_acte_masquer" class="card-body border-top bg-white" style="display:none;">
+                        <div class="p-4 mb-4 rounded-3 bg-light border border-dashed">
+                            <div class="row g-3">
+                                <div class="col-12">
+                                    <label class="form-label text-muted small fw-bold"><?= _("SÉLECTION DE 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: ?>
+                                        <input id="searchInputActe" class="form-control border-0 shadow-sm" type="text" placeholder="<?= _("Rechercher l'acte...") ?>" onkeyup="affichelisteactes(this.value, 'acte');">
+                                        <input type="hidden" id="codeActe">
+                                    <?php endif; ?>
+                                </div>
+                                <div class="col-md-4">
+                                    <label class="form-label text-muted small fw-bold"><?= _("PLAFOND ACTE") ?></label>
+                                    <input type="text" class="form-control border-0 shadow-sm text-end fw-bold" id="plafondActe" onblur="formatMonetaire(this);">
+                                </div>
+                                <div class="col-md-8 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="afficherMasquerActeBaremeLienParenteCollege();">
+                        <span class="fw-bold text-danger small text-uppercase tracking-wider">
+                            4. <?= _("Dérogations Acte & Profil") ?>
+                            <span id="actesbaremepriseenchargelienparente" class="ms-2 badge bg-danger-light text-danger border border-danger-subtle fw-normal"></span>
+                        </span>
+                        <span id="span_acte_lienparente" class="text-muted small"></span>
+                    </div>
+                    <input type="hidden" id="masquerActeLienParente" value="1">
+                    <div id="div_actes_bareme_lienparente_masquer" class="card-body border-top bg-white" style="display:none;">
+                        <div id="div_liste_actebaremelienparente_college"></div>
+                    </div>
+                </div>
+
+            </div>
+        </div>
+
+        <div class="modal-footer bg-light border-0 py-3">
+            <button type="button" class="btn btn-secondary rounded-pill px-4 fw-bold" data-bs-dismiss="modal" onclick="detail_baremecollege(<?= $idBareme ?>);"><?= _("Fermer") ?></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-style: dashed !important; }
+    .cursor-pointer { cursor: pointer; }
+    /* Adaptation SelectPicker 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; }
+</style>
\ No newline at end of file