diff --git a/Vue/Creerbeneficiaire/index.php b/Vue/Creerbeneficiaire/index.php
index 88e3140..e124f38 100644
--- a/Vue/Creerbeneficiaire/index.php
+++ b/Vue/Creerbeneficiaire/index.php
@@ -1,258 +1,201 @@
 <?php $this->titre = "INTER-SANTE - Ajout Adhérent"; ?>
 
-<form method="post" action="Creerbeneficiaire/ajouter">
-	<INPUT class="sr-only" TYPE="text" id="idPolice" name="idPolice" value="<?= $_SESSION['idPolice_C'] ?>">
-	<INPUT class="sr-only" TYPE="text" id="numeroPolice" name="numeroPolice" value="<?= $_SESSION['numeroPolice_C'] ?>">
-	<INPUT class="sr-only" TYPE="text" id="idAdherent" name="idAdherent" value="<?= $_SESSION['idAdherent_C'] ?>">
-	<INPUT class="sr-only" TYPE="text" id="numeroAdherent" name="numeroAdherent" value="<?= $_SESSION['numeroAdherent_C'] ?>">
+<div id="div_adherent" class="container-fluid py-1 animate__animated animate__fadeIn">
 
-	<INPUT class="sr-only" TYPE="text" id="genreAdherent" NAME="genreAdherent" value="<?= $this->nettoyer($adherent['sexe']) ?>">
-	<INPUT class="sr-only" TYPE="text" id="sexeConjoint" NAME="sexeConjoint" value="">
+    <form method="post" action="Creerbeneficiaire/ajouter" class="shadow-sm bg-white rounded p-4 border">
+        <div class="d-none">
+            <input type="text" id="idPolice" name="idPolice" value="<?= $_SESSION['idPolice_C'] ?>">
+            <input type="text" id="numeroPolice" name="numeroPolice" value="<?= $_SESSION['numeroPolice_C'] ?>">
+            <input type="text" id="idAdherent" name="idAdherent" value="<?= $_SESSION['idAdherent_C'] ?>">
+            <input type="text" id="numeroAdherent" name="numeroAdherent" value="<?= $_SESSION['numeroAdherent_C'] ?>">
+            <input type="text" id="genreAdherent" name="genreAdherent" value="<?= $this->nettoyer($adherent['sexe']) ?>">
+            <input type="text" id="sexeConjoint" name="sexeConjoint" value="">
+        </div>
 
-	<fieldset>
-		<legend> <?= _("Informations sur le Bénéficiaire") ?> </legend>
-		
-		<table class="table table-responsive table-condensed" style='font-size:10pt;'>
-			<tbody>	
-				<tr> 
-					<td width="10%"> <?= _("Avenant") ?> </td>
-					<td>
-						<SELECT style='font-size:10pt;' class="form-control" id="idAvenant" NAME="idAvenant" required autofocus onChange="changer_avenant_incorporation_beneficiaire();">
-							<?php liste_options($avenant,""); ?>						
-						</SELECT>	
-					</td>
+        <div class="border-bottom pb-2 mb-4">
+            <h2 class="h4 text-primary"><i class="fa-solid fa-user-plus me-2"></i><?= _("Nouveau Bénéficiaire") ?></h2>
+            <p class="text-muted small"><?= _("Adhérent Principal : ") ?> <strong><?= $_SESSION['numeroAdherent_C'] ?></strong></p>
+        </div>
 
-					<td width="10%" align="center"> <?= _("Entrée") ?> </td>
-					<td>
-						<div id="div_date_avenant">
-							<INPUT  style='font-size:10pt;'  class="form-control datepicker" TYPE="text" id="dateEntree" NAME="dateEntree" value="<?= dateLang($_SESSION['dateAvenant_C']) ?>" required
-							onChange="prorater_prime_beneficiaire();">
-						</div>
-					</td>
-					
-				</tr>
+        <div class="row g-3">
+            <div class="col-md-6 border-end px-4">
+                <h5 class="mb-3 text-secondary small text-uppercase fw-bold"><?= _("Paramètres d'inclusion") ?></h5>
+                
+                <div class="mb-3">
+                    <label class="form-label small fw-bold"><?= _("Avenant") ?></label>
+                    <select class="form-select form-select-sm shadow-sm border-primary" id="idAvenant" name="idAvenant" required autofocus onChange="changer_avenant_incorporation_beneficiaire();">
+                        <?php liste_options($avenant,""); ?>
+                    </select>
+                </div>
 
-				<tr> 
+                <div class="mb-3">
+                    <label class="form-label small fw-bold"><?= _("Date d'Entrée") ?></label>
+                    <div id="div_date_avenant">
+                        <input class="form-control form-control-sm datepicker" type="text" id="dateEntree" name="dateEntree" value="<?= dateLang($_SESSION['dateAvenant_C']) ?>" required onChange="prorater_prime_beneficiaire();">
+                    </div>
+                </div>
 
-					<td> <?= _("Nom Bénéf") ?> </td>
-					<td><INPUT style='font-size:10pt;' class="form-control" TYPE="text" id="nomBeneficiaire" NAME="nomBeneficiaire" value="<?= $adherent['nom'] ?>" required  style="font-size:10pt; text-transform: uppercase;"></td>
+                <div class="mb-3">
+                    <label class="form-label small fw-bold"><?= _("Option de Prorata") ?></label>
+                    <select class="form-select form-select-sm" id="prorata" name="prorata" required onChange="prorater_prime_beneficiaire();">
+                        <?php liste_options($ouinonprorata,"1",true); ?>
+                    </select>
+                </div>
+            </div>
 
-					<td align="center"> <?= _("Prénoms") ?> </td>
-					<td><INPUT style='font-size:10pt;' class="form-control" TYPE="text" id="prenomsBeneficiaire" NAME="prenomsBeneficiaire" required></td>
+            <div class="col-md-6 px-4">
+                <h5 class="mb-3 text-secondary small text-uppercase fw-bold"><?= _("État Civil") ?></h5>
+                
+                <div class="row g-2 mb-3">
+                    <div class="col-md-5">
+                        <label class="form-label small fw-bold"><?= _("Nom") ?></label>
+                        <input class="form-control form-control-sm fw-bold shadow-sm" type="text" id="nomBeneficiaire" name="nomBeneficiaire" value="<?= $adherent['nom'] ?>" required style="text-transform: uppercase;">
+                    </div>
+                    <div class="col-md-7">
+                        <label class="form-label small fw-bold"><?= _("Prénoms") ?></label>
+                        <input class="form-control form-control-sm shadow-sm" type="text" id="prenomsBeneficiaire" name="prenomsBeneficiaire" required>
+                    </div>
+                </div>
 
-				</tr>
+                <div class="row g-2 mb-3">
+                    <div class="col-md-6">
+                        <label class="form-label small fw-bold"><?= _("Lien Parenté") ?></label>
+                        <select class="form-select form-select-sm" id="codeLienParente" name="codeLienParente" required onChange="filtrergenreconjoint();">
+                            <?php liste_options($lienparente,""); ?>
+                        </select>
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label small fw-bold"><?= _("Sexe") ?></label>
+                        <select class="form-select form-select-sm" id="sexe" name="sexe" required>
+                            <?php liste_options($sexe,""); ?>
+                        </select>
+                    </div>
+                </div>
 
-				<tr> 
-					<td> <?= _("Lien Parenté") ?> </td>
-					<td>
-						<SELECT class="form-control" id="codeLienParente" NAME="codeLienParente" required style='font-size:10pt;' onChange="filtrergenreconjoint();" >
-							<?php liste_options($lienparente,""); ?>						
-						</SELECT>						
-					</td>
+                <div class="row g-2 mb-3">
+                    <div class="col-md-6">
+                        <label class="form-label small fw-bold"><?= _("Date de Naissance") ?></label>
+                        <input class="form-control form-control-sm datepicker" type="text" id="dateNaissance" name="dateNaissance" required onchange="controle_age($('#dateNaissance').datepicker('getDate'), $('#codeLienParente').val())">
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label small fw-bold invisible">Age</label>
+                        <input class="form-control form-control-sm border-0 fw-bold text-danger text-center bg-light" type="text" id="agepersonne" name="agepersonne" value="Age : 0" readonly>
+                    </div>
+                </div>
+            </div>
 
-					<td align="center"> Sex </td>
-					<td>
-						<SELECT class="form-control" id="sexe" NAME="sexe" required style='font-size:10pt;' >
-							<?php liste_options($sexe,""); ?>						
-						</SELECT>						
-					</td>
+            <hr class="my-4">
 
-				</tr>
-					<td> <?= _("Naissance") ?> </td>
-					<td>
-						<INPUT class="form-control datepicker" TYPE="text" id="dateNaissance" NAME="dateNaissance" required
-						onchange="controle_age($('#dateNaissance').datepicker('getDate'), $('#codeLienParente').val())" style='font-size:10pt;' >
-					</td>
-				
-					<td align="center"> <?= _("Nat Pièce") ?> </td>
-					<td>
-						<SELECT class="form-control" id="codeNaturePiece" NAME="codeNaturePiece" required style='font-size:10pt;' 
-						onChange="javascript:controler_piece_beneficiaire();" >
-							<?php liste_options($naturepiece,""); ?>						
-						</SELECT>	
-					</td>
-					
-				</tr>
-				
-				<tr> 
-					<td> <?= _("No Pièce") ?> </td>
-					<td>
-						<INPUT class="form-control" TYPE="text" id="numeroPiece" NAME="numeroPiece" style='font-size:10pt;' 
-						onblur="javascript:controler_piece_beneficiaire();" required autocomplete="off" >
-					</td>
+            <div class="col-md-12">
+                <div class="row g-3">
+                    <div class="col-md-3">
+                        <label class="form-label small fw-bold"><?= _("Nature Pièce") ?></label>
+                        <select class="form-select form-select-sm" id="codeNaturePiece" name="codeNaturePiece" required onChange="javascript:controler_piece_beneficiaire();">
+                            <?php liste_options($naturepiece,""); ?>
+                        </select>
+                    </div>
+                    <div class="col-md-3">
+                        <label class="form-label small fw-bold"><?= _("N° Pièce") ?></label>
+                        <input class="form-control form-control-sm" type="text" id="numeroPiece" name="numeroPiece" onblur="javascript:controler_piece_beneficiaire();" required autocomplete="off">
+                        <div id="div_controle_piece" class="mt-1 small"></div>
+                    </div>
+                    <div class="col-md-3">
+                        <label class="form-label small fw-bold"><?= _("Groupe Sanguin") ?></label>
+                        <select class="form-select form-select-sm" id="codeGroupeSanguin" name="codeGroupeSanguin" required>
+                            <?php liste_options($groupesanguin,""); ?>
+                        </select>
+                    </div>
+                    <div class="col-md-3">
+                        <label class="form-label small fw-bold"><?= _("Téléphone") ?></label>
+                        <input class="form-control form-control-sm" type="tel" id="telephonePortable" name="telephonePortable" autocomplete="off">
+                    </div>
+                </div>
+            </div>
+        </div>
 
-					<td align="center"> <?= _("Groupe Sang") ?> </td>
-					<td>
-						<SELECT class="form-control" id="codeGroupeSanguin" NAME="codeGroupeSanguin" required style='font-size:10pt;' >
-							<?php liste_options($groupesanguin,""); ?>						
-						</SELECT>						
-					</td>
-				</tr>			
-				
-				<tr>
-					<td colspan="4" style="height:8px; background-color:white;">
-						<div id="div_controle_piece"></div>
-					</td>
-				</tr>
+        <div class="card mt-4 border-primary">
+            <div class="card-body bg-light">
+                <div class="row align-items-center">
+                    <div class="col-md-4">
+                        <div class="input-group">
+                            <span class="input-group-text small fw-bold bg-white text-primary">
+                                <?= (isset($_SESSION['composanteprime']['Carte'])) ? _($_SESSION['composanteprime']['Carte']) : _("Frais Carte") ?>
+                            </span>
+                            <input class="form-control fw-bold" id="fraisCarte" name="fraisCarte" type="text" value="<?=$beneficiaire_temp['fraisCarte']?>" onChange="prorater_prime_beneficiaire();">
+                        </div>
+                    </div>
+                    <div class="col-md-4 text-center">
+                        <button type="button" class="btn btn-info w-75 shadow-sm" onClick="prorater_prime_beneficiaire();">
+                            <i class="fa-solid fa-calculator me-2"></i><?= _("Calculer la prime") ?>
+                        </button>
+                    </div>
+                    <div class="col-md-4 text-end">
+                        <button type="submit" class="btn btn-primary btn-lg w-100 shadow">
+                            <i class="fa-solid fa-floppy-disk me-2"></i><?= _("ENREGISTRER LE BÉNÉFICIAIRE") ?>
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </div>
 
-				<tr> 
-					<td> <?= _("Tél Port") ?> </td>
-					<td><INPUT class="form-control" TYPE="tel" id="telephonePortable" NAME="telephonePortable" style='font-size:10pt;'  autocomplete="off" ></td>					
+        <div id="div_prime" class="mt-5">
+            <div class="table-responsive rounded shadow-sm">
+                <table class="table table-hover table-sm align-middle mb-0">
+                    <thead class="table-dark">
+                        <tr>
+                            <th class="ps-3 py-3"><?= _("Nature du Décompte") ?></th>
+                            <th class="text-center"><?= _("Primes Annuelles") ?></th>
+                            <th class="text-center text-warning"><?= _("Primes Proratées") ?></th>
+                        </tr>
+                    </thead>
+                    <tbody class="table-group-divider">
+                        <tr>
+                            <td class="ps-3"><?= _("Prime de Base") ?></td>
+                            <td class="text-center"><?= format_N($this->nettoyer($beneficiaire_temp['primeBeneficiaire_an']))?></td>
+                            <td class="text-center fw-bold"><?= format_N($this->nettoyer($beneficiaire_temp['primeBeneficiaire']))?></td>
+                        </tr>
+                        <tr>
+                            <td class="ps-3"><?= _("Complément frais funéraires") ?></td>
+                            <td class="text-center"><?= format_N($this->nettoyer($beneficiaire_temp['primeCplFuneraire_an']))?></td>
+                            <td class="text-center fw-bold"><?= format_N($this->nettoyer($beneficiaire_temp['primeCplFuneraire']))?></td>
+                        </tr>
+                        <tr>
+                            <td class="ps-3"><?= _("Garanties Optionnelles") ?></td>
+                            <td class="text-center"><?= format_N($this->nettoyer($beneficiaire_temp['surprimeOption_an']))?></td>
+                            <td class="text-center fw-bold"><?= format_N($this->nettoyer($beneficiaire_temp['surprimeOption']))?></td>
+                        </tr>
+                        <tr class="table-info">
+                            <td class="ps-3 fw-bold text-uppercase small"><?= _("Total Prime Nette") ?></td>
+                            <td class="text-center fw-bold"><?= format_N($this->nettoyer($beneficiaire_temp['primeHt_an'])) ?></td>
+                            <td class="text-center fw-bold text-primary"><?= format_N($this->nettoyer($beneficiaire_temp['primeHt'])) ?></td>
+                        </tr>
+                        <tr>
+                            <td class="ps-3"><?= (isset($_SESSION['composanteprime']['Taxes'])) ? _($_SESSION['composanteprime']['Taxes']) : _("Taxes") ?></td>
+                            <td class="text-center"><?= format_N($this->nettoyer($beneficiaire_temp['taxe_an'])) ?></td>
+                            <td class="text-center"><?= format_N($this->nettoyer($beneficiaire_temp['taxe'])) ?></td>
+                        </tr>
+                        <tr>
+                            <td class="ps-3"><?= (isset($_SESSION['composanteprime']['Cartes'])) ? _($_SESSION['composanteprime']['Cartes']) : _("Cartes") ?></td>
+                            <td class="text-center"><?= format_N($this->nettoyer($beneficiaire_temp['fraisCarte_an'])) ?></td>
+                            <td class="text-center"><?= format_N($this->nettoyer($beneficiaire_temp['fraisCarte'])) ?></td>
+                        </tr>
+                    </tbody>
+                    <tfoot class="table-primary border-top border-dark">
+                        <tr class="fs-5">
+                            <td class="ps-3 fw-bold text-uppercase"><?= _("Prime TTC à payer") ?></td>
+                            <td class="text-center fw-bold"><?= format_N($this->nettoyer($beneficiaire_temp['primeTtc_an'])) ?></td>
+                            <td class="text-center fw-bold text-danger"><?= format_N($this->nettoyer($beneficiaire_temp['primeTtc'])) ?></td>
+                        </tr>
+                    </tfoot>
+                </table>
+            </div>
+        </div>
+    </form>
 
-					<td align="center"> <?= _("Prorata Prime?") ?> </td>
-					<td>
-						<SELECT class="form-control" id="prorata" NAME="prorata" required onChange="prorater_prime_beneficiaire();" style='font-size:10pt;' >
-							<?php liste_options($ouinonprorata,"1",true); ?>						
-						</SELECT>
-					</td>
-				</tr>			
-				
-				<tr> 
-					<td>
-						<?php
-							if(isset($_SESSION['composanteprime']['Carte']))
-							{
-								echo _($_SESSION['composanteprime']['Carte']);
-							}
-							else
-							{
-								echo _("Carte");
-							}
-						?> 
-					</td>
-					
-					<td > <INPUT style='font-size:10pt;' class="form-control" id="fraisCarte" NAME="fraisCarte" TYPE="text" value="<?=$beneficiaire_temp['fraisCarte']?>" onChange="prorater_prime_beneficiaire();"> </td>
-				
-					<td><input style="font-size:10pt; text-align:center;color:red;" class="form-control" type="text" id="agepersonne" name="agepersonne" value="Age : 0" readonly ></td>
-					<td align='center'> <input style='font-size:10pt;'  class = "form-control btn btn-info" type="button" value="<?= _("Calculer la prime") ?>" onClick="prorater_prime_beneficiaire();"> </td>					
-				</tr>			
-				
-				<tr> 
-					<td></td>
-					
-					<td colspan="3" ><input style='font-size:10pt;' class = "form-control btn btn-primary" type="submit" value="<?= _("Enregistrer") ?>" /></td>										
-				</tr>			
-			</tbody>
-		</table>	
-	</fieldset>
-
-<div id="div_prime">	
-		<table class="table table-responsive table-condensed" style='font-size:9pt; text-align:center'>
-			<thead>
-				<tr>
-					<th style='text-align:center'> <?= _("Décompte de primes") ?> </th>
-					<th style='text-align:center'> <?= _("Primes Annuelles") ?> </th>
-					<th style='text-align:center'> <?= _("Primes proratées") ?> </th>
-				</tr>
-			</thead>
-		
-			<tfoot>
-				<tr>
-					<td align='center'> <?= _("Prime TTC") ?> </td>
-					<td align='center'> <?= format_N($this->nettoyer($beneficiaire_temp['primeTtc_an'])) ?></td>
-					<td align='center'> <?= format_N($this->nettoyer($beneficiaire_temp['primeTtc'])) ?></td>
-				</tr>
-
-				<tr style='color:blue;'>
-					<td align='center'> <?= _("Prime Nette Statisque") ?> </td>
-					<td align='center'> <?= format_N($this->nettoyer($beneficiaire_temp['primeNetteStat_an'])) ?></td>
-					<td align='center'> <?= format_N($this->nettoyer($beneficiaire_temp['primeNetteStat'])) ?></td>
-				</tr>
-			</tfoot>
-		
-			<tbody>	
-
-				<tr> 
-					<td> <?= _("Prime de Base") ?> </td>
-					<td> <?= format_N($this->nettoyer($beneficiaire_temp['primeBeneficiaire_an']))?> </td>
-					<td> <?= format_N($this->nettoyer($beneficiaire_temp['primeBeneficiaire']))?> </td>
-				</tr>
-			
-				<tr> 
-					<td> <?= _("Cpl frais funéraires") ?> </td>
-					<td> <?= format_N($this->nettoyer($beneficiaire_temp['primeCplFuneraire_an']))?> </td>
-					<td> <?= format_N($this->nettoyer($beneficiaire_temp['primeCplFuneraire']))?> </td>
-				</tr>
-
-				<tr> 
-					<td> <?= _("Garanties Optionnelles") ?> </td>
-					<td> <?= format_N($this->nettoyer($beneficiaire_temp['surprimeOption_an']))?> </td>
-					<td> <?= format_N($this->nettoyer($beneficiaire_temp['surprimeOption']))?> </td>
-				</tr>
-
-				<tr> 
-					<td> <?= _("Rachat Ticket Modérateur") ?> </td>
-					<td> <?= format_N($this->nettoyer($beneficiaire_temp['surprimeTm_an']))?> </td>
-					<td> <?= format_N($this->nettoyer($beneficiaire_temp['surprimeTm']))?> </td>
-				</tr>
-					
-				<tr> 
-					<td> <?= _("Surprimes Diverses") ?> </td>
-					<td> <?= format_N($this->nettoyer($beneficiaire_temp['surprimeAnt_an']))?> </td>
-					<td> <?= format_N($this->nettoyer($beneficiaire_temp['surprimeAnt']))?> </td>
-				</tr>
-
-				<tr> 
-					<td> <?= _("Prime Nette de commission") ?> </td>
-					<td> <?= format_N($this->nettoyer($beneficiaire_temp['primeNette_an'])) ?></td>
-					<td> <?= format_N($this->nettoyer($beneficiaire_temp['primeNette'])) ?> </td>
-				</tr>
-				
-				<tr> 
-					<td> <?= _("Commission Courtage") ?> </td>
-					<td> <?= format_N($this->nettoyer($beneficiaire_temp['commission_an'])) ?></td>
-					<td> <?= format_N($this->nettoyer($beneficiaire_temp['commission'])) ?></td>
-				</tr>
-
-
-				<tr> 
-					<td> <?= _("Commission Commerciaux") ?> </td>
-					<td> <?= format_N($this->nettoyer($beneficiaire_temp['commissionAutre_an'])) ?></td>
-					<td> <?= format_N($this->nettoyer($beneficiaire_temp['commissionAutre'])) ?></td>
-				</tr>
-
-				<tr> 
-					<td> <?= _("Accessoires") ?> </td>
-					<td> <?= format_N($this->nettoyer($beneficiaire_temp['accessoire_an'])) ?></td>
-					<td> <?= format_N($this->nettoyer($beneficiaire_temp['accessoire'])) ?> </td>
-				</tr>
-
-				<tr> 
-					<td> <?= _("Prime Nette") ?> </td>
-					<td> <?= format_N($this->nettoyer($beneficiaire_temp['primeHt_an'])) ?></td>
-					<td> <?= format_N($this->nettoyer($beneficiaire_temp['primeHt'])) ?> </td>
-				</tr>
-
-				<tr> 
-					<td> <?= (isset($_SESSION['composanteprime']['Taxes'])) ? _($_SESSION['composanteprime']['Taxes']) : _("Taxes") ?> </td>
-					<td> <?= format_N($this->nettoyer($beneficiaire_temp['taxe_an'])) ?></td>
-					<td> <?= format_N($this->nettoyer($beneficiaire_temp['taxe'])) ?> </td>
-				</tr>
-				
-				<tr> 
-					<td>
-						<?php
-							if(isset($_SESSION['composanteprime']['Cartes']))
-							{
-								echo _($_SESSION['composanteprime']['Cartes']);
-							}
-							else
-							{
-								echo _("Cartes");
-							}
-						?> 				
-					</td>
-					<td> <?= format_N($this->nettoyer($beneficiaire_temp['fraisCarte_an'])) ?></td>
-					<td> <?= format_N($this->nettoyer($beneficiaire_temp['fraisCarte'])) ?></td>
-				</tr>
-			</tbody>
-		</table>	
-</div>				
-	
-</form> 
-
-<?php if (isset($msgErreur)): ?>
-	<div class="alert alert-danger" style="height:30px; padding:5px;" >
-	  <H4><?= $msgErreur ?></H4>
-	</div>	
-<?php endif; ?>
+    <?php if (isset($msgErreur)): ?>
+        <div class="alert alert-danger d-flex align-items-center mt-3 shadow-sm" role="alert">
+            <i class="fa-solid fa-triangle-exclamation me-3 fa-2x"></i>
+            <div><h5 class="alert-heading mb-0"><?= $msgErreur ?></h5></div>
+        </div>
+    <?php endif; ?>
+</div>
\ No newline at end of file