diff --git a/Vue/Consulterproduit/index.php b/Vue/Consulterproduit/index.php
index 1f1eb6c8..217a570a 100755
--- a/Vue/Consulterproduit/index.php
+++ b/Vue/Consulterproduit/index.php
@@ -1,269 +1,188 @@
-<?php $this->titre = "INTER SANTE - Consultation Produit"; 
-
-	$codeModecalculPrime = $produit['codeModecalculPrime'];
+<?php 
+    $this->titre = "INTER SANTE - Consultation Produit"; 
+    $codeModecalculPrime = $produit['codeModecalculPrime'];
 ?>
 
-<input class="sr-only" type="text" id="idProduit" name="idProduit" value="<?= $this->nettoyer($produit['idProduit']) ?>" >
+<div class="page-content animate__animated animate__fadeIn">
+    <div class="header-section mb-4">
+        <div class="d-flex align-items-center bg-white p-3 shadow-sm border-start border-primary border-4" style="border-radius: var(--radius-md);">
+            <div class="icon-shape bg-primary-ghost text-primary rounded-circle me-3" style="width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;">
+                <i class="fas fa-box fs-4"></i>
+            </div>
+            <div class="flex-grow-1">
+                <h4 id="titre-page" class="mb-0 fw-bold text-uppercase"><?= $this->nettoyer($produit['libelle']) ?></h4>
+                <p class="text-muted small mb-0"><?= _("Code Produit :") ?> <span class="badge bg-light text-primary border"><?= $this->nettoyer($produit['codeProduit']) ?></span></p>
+            </div>
+            <div class="text-end">
+                <button class="btn btn-light rounded-pill px-4 fw-bold shadow-xs border" onClick="retour_liste_produits();">
+                    <i class="fas fa-arrow-left me-2"></i><?= _("Retour à la liste") ?>
+                </button>
+            </div>
+        </div>
+    </div>
 
-<legend> <?= _("Consulter Produit") ?> </legend>
+    <input type="hidden" id="idProduit" name="idProduit" value="<?= $this->nettoyer($produit['idProduit']) ?>">
 
-<table class="table table-responsive table-condensed" style="font-size:10pt;">
-	<tbody>	
-		<tr> 
-			<td width="5%"> Code </td>
-			<td width="15%"><INPUT class="form-control" TYPE="text" id="codeProduit" NAME="codeProduit" value="<?= $this->nettoyer($produit['codeProduit']) ?>" disabled></td>
+    <div class="card border-0 shadow-sm mb-4">
+        <div class="card-header bg-white py-3">
+            <h6 class="mb-0 fw-bold text-primary text-uppercase small"><i class="fas fa-info-circle me-2"></i><?= _("Configuration Générale") ?></h6>
+        </div>
+        <div class="card-body p-4">
+            <div class="row g-4">
+                <div class="col-md-3">
+                    <label class="form-label small text-muted fw-bold text-uppercase"><?= _("État du Produit") ?></label>
+                    <input class="form-control bg-light border-0 fw-bold" value="<?= $this->nettoyer($produit['codeEtatProduit']) ?>" disabled>
+                </div>
+                <div class="col-md-5">
+                    <label class="form-label small text-muted fw-bold text-uppercase"><?= _("Garant") ?></label>
+                    <?php if (!empty($produit['codeGcAssureur'])): ?>
+                        <select class="form-control bg-light border-0 fw-bold" disabled>
+                            <?php liste_options($garant,$this->nettoyer($produit['codeGcAssureur']),false); ?>
+                        </select>
+                    <?php else: ?>
+                        <input class="form-control bg-light border-0" value="---" disabled>
+                    <?php endif; ?>
+                </div>
+                <div class="col-md-4">
+                    <label class="form-label small text-muted fw-bold text-uppercase"><?= _("Mode de Calcul Prime") ?></label>
+                    <input class="form-control bg-light border-0 fw-bold text-primary" value="<?= $this->nettoyer($produit['codeModecalculPrime']) ?>" disabled>
+                </div>
+                <div class="col-md-4">
+                    <label class="form-label small text-muted fw-bold text-uppercase"><?= _("Plafond Famille") ?></label>
+                    <div class="h5 fw-bold mb-0 text-dark"><?= format_N($this->nettoyer($produit['plafondAdherent'])) ?></div>
+                </div>
+            </div>
+        </div>
+    </div>
 
-			<td width="8%" align="center"> <?= _("Nom") ?> </td>
-			<td ><INPUT style="font-size:10pt;" class="form-control majuscule" TYPE="text" id="libelle" NAME="libelle" value="<?= $this->nettoyer($produit['libelle']) ?>" disabled></td>
-		
-			<td align="center" > <?= _("Plafond Famille") ?> </td>
-			<td ><INPUT style="font-size:10pt;" class="form-control" TYPE="text" id="plafondAdherent" NAME="plafondAdherent" disabled onfocus="javascript:formatNumerique(this);" 
-			onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);" value="<?= format_N($this->nettoyer($produit['plafondAdherent'])) ?>"></td>
-		</tr>
-		
-		<tr>
-			<td >  <?= _("Etat") ?> </td>
-			<td  >
-				<SELECT style="font-size:10pt;" class="form-select" id="codeEtatProduit" NAME="codeEtatProduit" disabled>
-					<?php liste_options($etatproduit,$this->nettoyer($produit['codeEtatProduit']),false); ?>						
-				</SELECT>	
-			</td>
-			
-			<td align="center"> <?= _("Garant") ?> </td>
-			<td width="45%">
-				<SELECT style="font-size:10pt;" class="form-select" id="codeGcAssureur" NAME="codeGcAssureur" disabled>
-					<?php liste_options($garant,$this->nettoyer($produit['codeGcAssureur']),false); ?>						
-				</SELECT>	
-			</td>
-			
-			<td align="center">  <?= _("Mode Calcul Prime") ?> </td>
-			<td  width="16%">
-				<SELECT style="font-size:10pt; height:30px;" class="form-select" id="codeModecalculPrime" NAME="codeModecalculPrime" disabled>
-					<?php liste_options($calculprime,$this->nettoyer($produit['codeModecalculPrime']),false); ?>						
-				</SELECT>	
-			</td>
-		</tr>
-	</tbody>
-</table>
+    <div class="card border-0 shadow-sm mb-4">
+        <div class="card-header bg-light py-3">
+            <h6 class="mb-0 fw-bold text-muted text-uppercase small"><i class="fas fa-calculator me-2"></i><?= _("Détails de la Tarification") ?></h6>
+        </div>
+        <div class="card-body p-4">
+            
+            <?php if($codeModecalculPrime=="TA"): ?>
+                <div class="row align-items-center mb-4 p-3 bg-primary-ghost rounded">
+                    <div class="col-md-3">
+                        <label class="small text-muted fw-bold text-uppercase"><?= _("Type Tranche d'Âge") ?></label>
+                    </div>
+                    <div class="col-md-6">
+                        <select class="form-control bg-white border-0 fw-bold shadow-sm" disabled>
+                            <?php liste_options($typesTranches,$this->nettoyer($produit['codeEnteteTrancheAge'])); ?>
+                        </select>
+                    </div>
+                </div>
 
+                <div class="row g-4">
+                    <div class="col-lg-8">
+                        <div class="table-responsive border rounded">
+                            <table class="table table-hover align-middle mb-0">
+                                <thead class="bg-light small fw-bold text-muted text-uppercase">
+                                    <tr>
+                                        <th class="py-3 ps-3"><?= _("Lien Parenté") ?></th>
+                                        <th class="text-center"><?= _("Plafond") ?></th>
+                                        <th class="text-center"><?= _("Max/Famille") ?></th>
+                                        <th class="text-center"><?= _("Supp.") ?></th>
+                                        <th class="text-end pe-3"><?= _("Surprime") ?></th>
+                                    </tr>
+                                </thead>
+                                <tbody class="small">
+                                    <?php $i = 0; foreach ($primeLienParente as $v): 
+                                        $lien = est_anglophone() ? $this->nettoyer($v['lienparenteEng']) : $this->nettoyer($v['lienparente']);
+                                        $codeLien = $this->nettoyer($v['codeLienParente']);
+                                    ?>
+                                    <tr>
+                                        <td class="ps-3 fw-bold"><?= $lien ?></td>
+                                        <td class="text-center"><?= format_N($v['plafondBeneficiaire']) ?></td>
+                                        <td class="text-center"><?= $v['nbreParFamille'] ?></td>
+                                        <td class="text-center">
+                                            <span class="badge rounded-pill <?= ($v['autoriserSupplement'] == 1) ? 'bg-success-light text-success' : 'bg-light text-muted' ?>">
+                                                <?= ($v['autoriserSupplement'] == 1) ? _("OUI") : _("NON") ?>
+                                            </span>
+                                        </td>
+                                        <td class="text-end pe-3 fw-bold text-primary"><?= format_N($v['primeSupplementaire']) ?></td>
+                                    </tr>
+                                    <?php endforeach; ?>
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
 
-<div id="div_modeprime" style="margin-bottom:10px;">
-	<?php if($codeModecalculPrime=="TA"): ?>
-	<table class="table table-responsive table-condensed">
-		<tbody>	
-			<tr> 
-				<td width="10%" class="required"><?= _("Type Tranche Âge")?></td>
-				<td >
-					<select class="form-select" id="codeEnteteTrancheAge" NAME="codeEnteteTrancheAge" onChange="javascript:trancheage();" style="font-size:12pt;" disabled>
-						<?php liste_options($typesTranches,$this->nettoyer($produit['codeEnteteTrancheAge'])); ?>						
-					</SELECT>
-				</td>
-			</tr>
-		</tbody>
-	</table>
-	
-	<div id="div_trancheage" class="row">	
-		<div id="div_prime_lien" class="col-8">
-			<table id="tab_prime_categorie" class="table table-striped table-bordered table-hover table-condensed table-responsive" style="font-size:11pt; margin-top:5px;">
-				<thead>
-				  <tr>
-					<th style='text-align:center '> <?= _("Lien Parenté") ?> </th>
-					<th style='text-align:center'> <?= _("Plafond") ?> </th>
-					<th style='text-align:center'> <?= _("Maximum par Famille") ?> </th>
-					<th style='text-align:center'> <?= _("Autoriser Plus?") ?> </th>
-					<th style='text-align:center'> <?= _("Surprime") ?> </th>
-				  </tr>
-				</thead>
+                    <div class="col-lg-4">
+                        <div class="table-responsive border rounded">
+                            <table class="table table-hover align-middle mb-0">
+                                <thead class="bg-light small fw-bold text-muted text-uppercase">
+                                    <tr>
+                                        <th class="py-3 ps-3"><?= _("Âge") ?></th>
+                                        <th class="py-3 text-end pe-3"><?= _("Prime") ?></th>
+                                    </tr>
+                                </thead>
+                                <tbody class="small">
+                                    <?php foreach ($primeTrancheage as $v): 
+                                        $libAge = est_anglophone() ? $this->nettoyer($v['libelleTrancheAgeEng']) : $this->nettoyer($v['libelleTrancheAge']);
+                                    ?>
+                                    <tr>
+                                        <td class="ps-3"><?= $libAge ?></td>
+                                        <td class="text-end pe-3 fw-bold text-primary"><?= format_N($v['prime']) ?></td>
+                                    </tr>
+                                    <?php endforeach; ?>
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
 
-				<tbody>
-					<?php
-						$i = 0;
-						foreach ($primeLienParente as $v):
-						$idPrime=$this->nettoyer($v['id']);
-						$codeLienParente=$this->nettoyer($v['codeLienParente']);
-						$lienparente = $this->nettoyer($v['lienparente']);
-						
-						if (est_anglophone()){
-							$lienparente = $this->nettoyer($v['lienparenteEng']);
-						}
-						
-						++$i;
-					?>
-					<tr valign="top">
-						<td width="20%"><?= $lienparente ?></td>
-						
-						<td align='center'>
-							<INPUT class="form-control text-center" TYPE="text" id="tabPlafond<?=$i;?>" value="<?= format_N($v['plafondBeneficiaire']);  ?>" 
-							disabled>
-						</td>
-						
-						<?php if($codeLienParente!="A"):?>
-						
-						<td align='center'>
-							<INPUT class="form-control text-center" TYPE="text" id="tabnbreParFamille<?=$i;?>" value="<?= $v['nbreParFamille'];  ?>" 
-							disabled>
-						</td>
-						
-						<td align='center'>
-							<select class="form-select text-center" id="tabAutoriser<?=$i;?>" disabled>
-								<?php liste_options($ouinonautoriser, $this->nettoyer($v['autoriserSupplement']), false); ?>						
-							</SELECT>
-						</td>
-						
-						<td align='center'>
-							<INPUT class="form-control text-center" TYPE="text" id="tabprimeSupplementaire<?=$i;?>" value="<?= format_N($v['primeSupplementaire']);  ?>" 
-							disabled>
-						</td>
-						<?php else:?>
-						
-						<td align='center'>
-							<INPUT class="form-control text-center" TYPE="text" value="<?= $v['nbreParFamille']; ?>" disabled>
-						</td>
-						
-						<td align='center'>
-							<select class="form-select text-center" disabled>
-								<?php liste_options($ouinonautoriser, $this->nettoyer($v['autoriserSupplement']), false); ?>						
-							</SELECT>
-						
-						</td>
-						
-						<td align='center'>
-							<INPUT class="form-control text-center" TYPE="text" id="tabprimeSupplementaire<?=++$i;?>" 
-							value="<?= format_N($v['primeSupplementaire']);  ?>" disabled>
-						</td>
-						
-						<?php endif;?>
-						
-					</tr>
-					<?php endforeach; ?>
-				</tbody>
-			</table>
-		</div>
-		
-		<div id="div_prime_trancheage" class="col-4">
-			<table class="table table-striped table-bordered table-hover table-condensed table-responsive" style="font-size:11pt; margin-top:5px;" >
-				<thead>
-					<tr>
-						<th style="text-align:center" > <?= _("Tranche Âge") ?> </th>
-						<th style="text-align:center" > <?= _("Prime de Base") ?> </th>
-					</tr>
-				</thead>
-				<tbody>
-					<?php 
-					$i=0;
-					foreach ($primeTrancheage as $v):
-						$idPrime = $this->nettoyer($v['id']);
-						
-						$libelle = $this->nettoyer($v['libelleTrancheAge']);
-						
-						if (est_anglophone()){
-							$libelle = $this->nettoyer($v['libelleTrancheAgeEng']);
-						}
-						
-						$i++;
-					?>
-					<tr  valign="top">
-						<td style="text-align:center" width="50%"> <?= $libelle ?>  </td>
-						<td style='text-align:center' >
-							<INPUT style='text-align:center; font-size:10pt;' class="form-control text-center" TYPE="text" id="prime<?=$i;?>" value="<?= format_N($this->nettoyer($v['prime']));  ?>" 
-							disabled>
-						</td>
-					</tr>
-					<?php endforeach; ?>
-				</tbody>
-			</table>
-		</div>
-	</div>
-	<?php else: ?>	
-	<div id="div_prime_lienparente" class="col-12">			
-		<table id="tab_prime_categorie" class="table table-striped table-bordered table-hover table-condensed table-responsive" style="font-size:10pt;">
-		<thead>
-		  <tr>
-			<th style='text-align:center '> <?= _("Lien Parenté") ?> </th>
-			<th style='text-align:center;'> <?= _("Prime de Base") ?> </th>
-			
-			<th style='text-align:center'> <?= _("Plafond") ?> </th>
-			
-			<th style='text-align:center'> <?= _("Autoriser Suppléments?") ?> </th>
-			
-			<th style='text-align:center'> <?= _("Maximum par famille") ?> </th>
-			<th style='text-align:center'> <?= _("Surprime") ?> </th>
-		  </tr>
-		</thead>
+            <?php else: ?>
+                <div class="table-responsive border rounded">
+                    <table class="table table-hover align-middle mb-0">
+                        <thead class="bg-light small fw-bold text-muted text-uppercase">
+                            <tr>
+                                <th class="py-3 ps-3"><?= _("Lien Parenté") ?></th>
+                                <th class="text-center"><?= _("Prime Base") ?></th>
+                                <th class="text-center"><?= _("Plafond") ?></th>
+                                <th class="text-center"><?= _("Autoriser Supp.") ?></th>
+                                <th class="text-center"><?= _("Max/Famille") ?></th>
+                                <th class="text-end pe-3"><?= _("Surprime") ?></th>
+                            </tr>
+                        </thead>
+                        <tbody class="small">
+                            <?php foreach ($primeLienParente as $v): 
+                                $lien = est_anglophone() ? $this->nettoyer($v['lienparenteEng']) : $this->nettoyer($v['lienparente']);
+                            ?>
+                            <tr>
+                                <td class="ps-3 fw-bold"><?= $lien ?></td>
+                                <td class="text-center text-primary fw-bold"><?= format_N($v['prime']) ?></td>
+                                <td class="text-center"><?= format_N($v['plafondBeneficiaire']) ?></td>
+                                <td class="text-center">
+                                    <span class="badge rounded-pill <?= ($v['autoriserSupplement'] == 1) ? 'bg-success-light text-success' : 'bg-light text-muted' ?>">
+                                        <?= ($v['autoriserSupplement'] == 1) ? _("OUI") : _("NON") ?>
+                                    </span>
+                                </td>
+                                <td class="text-center"><?= $v['nbreParFamille'] ?></td>
+                                <td class="text-end pe-3 fw-bold"><?= format_N($v['primeSupplementaire']) ?></td>
+                            </tr>
+                            <?php endforeach; ?>
+                        </tbody>
+                    </table>
+                </div>
+            <?php endif; ?>
+        </div>
+    </div>
 
-		<tbody>
-			<?php
-				$i = 0;
-				foreach ($primeLienParente as $v):
-				$idPrime=$this->nettoyer($v['id']);
-				$codeLienParente=$this->nettoyer($v['codeLienParente']);
-				$lienparente = $this->nettoyer($v['lienparente']);
-				
-				if (est_anglophone()){
-					$lienparente = $this->nettoyer($v['lienparenteEng']);
-				}
-				
-				++$i;
-			?>
-			<tr valign="top">
-				<td width="20%"><?= $lienparente ?></td>
-				
-				<td align='center'>
-					<INPUT class="form-control text-center" id="tabPrime<?=$i;?>" TYPE="text" value="<?= format_N($this->nettoyer($v['prime']));  ?>"
-					disabled>
-				</td>
-
-				<td align='center'>
-					<INPUT class="form-control text-center" TYPE="text" id="tabPlafond<?=$i;?>" value="<?= format_N($v['plafondBeneficiaire']);  ?>" 
-					disabled>
-				</td>
-				
-				<?php if($codeLienParente!="A"):?>
-				<td align='center'>
-					<select class="form-select text-center" id="tabAutoriser<?=$i;?>" disabled>
-						<?php liste_options($ouinonautoriser, $this->nettoyer($v['autoriserSupplement']), false); ?>						
-					</SELECT>
-				</td>
-				
-				<td align='center'>
-					<INPUT class="form-control text-center" TYPE="text" id="tabnbreParFamille<?=$i;?>" value="<?= $v['nbreParFamille'];  ?>" 
-					disabled>
-				</td>
-				
-				<td align='center'>
-					<INPUT class="form-control text-center" TYPE="text" id="tabprimeSupplementaire<?=$i;?>" value="<?= format_N($v['primeSupplementaire']);  ?>" 
-					disabled>
-				</td>
-				<?php else:?>
-				<td align='center'>
-					<select class="form-select text-center" disabled>
-						<?php liste_options($ouinonautoriser, $this->nettoyer($v['autoriserSupplement']), false); ?>						
-					</SELECT>
-				</td>
-				
-				<td align='center'>
-					<INPUT class="form-control text-center" TYPE="text" value="<?= $v['nbreParFamille']; ?>" disabled>
-				</td>
-				
-				<td align='center'>
-					<INPUT class="form-control text-center" TYPE="text" id="tabprimeSupplementaire<?=++$i;?>" 
-					value="<?= format_N($v['primeSupplementaire']);  ?>" disabled>
-				</td>
-				
-				<?php endif;?>
-				
-			</tr>
-			<?php endforeach; ?>
-		</tbody>
-	</table>
-	</div>
-	<?php endif; ?>
+    <div class="card border-0 shadow-sm mb-5">
+        <div class="card-body p-3 text-center bg-light">
+            <button class="btn btn-primary rounded-pill px-5 fw-bold shadow-sm" onClick="retour_liste_produits();">
+                <?= _("Fermer la consultation") ?>
+            </button>
+        </div>
+    </div>
 </div>
 
-<table class="table table-responsive table-condensed table-bordered" style="font-size:12pt;">
-	<tbody>					
-		<tr style='background-color:white'> 
-			<td  > <input class = "form-control btn btn-primary" type="button" value="<?= _("Fermer") ?>" onClick="javascript:retour_liste_produits();" style='font-size:10pt;' > </td>
-		</tr>
-	</tbody>
-</table>
\ No newline at end of file
+<style>
+    .bg-primary-ghost { background-color: rgba(33, 46, 83, 0.05); }
+    .bg-success-light { background-color: rgba(25, 135, 84, 0.1); }
+    .form-control:disabled { opacity: 1; cursor: default; }
+    /* Suppression flèche select en disabled */
+    select.form-control:disabled { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
+    .table thead th { border-top: none; }
+</style>
\ No newline at end of file