diff --git a/Vue/Modifierbeneficiaire/index.php b/Vue/Modifierbeneficiaire/index.php
index 2588652..add92ea 100644
--- a/Vue/Modifierbeneficiaire/index.php
+++ b/Vue/Modifierbeneficiaire/index.php
@@ -1,141 +1,149 @@
 <?php $this->titre = "INTER-SANTE - Modification Bénéficiaire"; ?>
 
-<div id="div_adherent" class="container-fluid py-1 animate__animated animate__fadeIn">
-	<h1 class="text-primary">
-		<i class="fas fa-user-edit me-2"></i>
-		<?= _('Modifier le bénéficiaire') ?>:
-		<span class="badge bg-white text-primary ms-1"><?= $beneficiaire['numeroBeneficiaire'] ?></span>
-	</h1>
-
-    <div class="card-header d-flex justify-content-between align-items-center py-1">
-        <h5 class="mb-0 fw-bold">
-            <?= _("POLICE") ?> : <span class="text-secondary"><?= $this->nettoyer($_SESSION['numeroPolice_C']) ?></span>
-            <span class="ms-3 badge bg-primary text-light small fw-normal">ID: <?= $this->nettoyer($_SESSION['idPolice_C']) ?></span>
-        </h5>
+<div id="div_adherent" class="container-fluid py-3 animate__animated animate__fadeIn">
+    
+    <div class="card border-0 shadow-sm mb-4">
+        <div class="card-header bg-dark text-white p-3 border-0 d-flex justify-content-between align-items-center" style="border-radius: 12px;">
+            <h4 class="mb-0">
+                <i class="fas fa-user-edit me-2 text-primary"></i>
+                <?= _('Modifier le bénéficiaire') ?> : 
+                <span class="badge bg-primary ms-2"><?= $beneficiaire['numeroBeneficiaire'] ?></span>
+            </h4>
+            <div class="text-end">
+                <small class="text-uppercase opacity-75 d-block" style="font-size: 7pt; letter-spacing: 1px;"><?= _("POLICE") ?></small>
+                <span class="fw-bold"><?= $this->nettoyer($_SESSION['numeroPolice_C']) ?></span>
+            </div>
+        </div>
     </div>
 
-    <div class="flex-grow-1 px-lg-4 my-3 my-lg-0" style="max-width: 600px;">
-        <?php if($nombreGed > 0): ?>
-            <div class="alert alert-success d-flex align-items-center m-0 py-2 px-3 border-0 shadow-sm" style="border-radius: 12px; background-color: #e8f5e9;">
-                <i class="fas fa-check-circle fa-2x text-success me-3"></i>
-                <div class="flex-grow-1">
-                    <h6 class="mb-0 fw-bold small text-success">
-                        <?= est_anglophone() ? 'Verified Folder' : 'Dossier Vérifié'; ?>
-                    </h6>
-                    <small class="d-block text-dark opacity-75" style="font-size: 8.5pt;">
-                        <?= est_anglophone() ? 'Identity documents are up to date.' : 'Les documents d’identité sont à jour.'; ?>
-                    </small>
+    <div class="row mb-4 justify-content-center">
+        <div class="col-md-8 col-lg-6">
+            <?php if($nombreGed > 0): ?>
+                <div class="alert alert-success d-flex align-items-center py-2 px-3 border-0 shadow-sm" style="border-radius: 12px; background-color: #e8f5e9;">
+                    <i class="fas fa-check-circle fa-2x text-success me-3"></i>
+                    <div class="flex-grow-1">
+                        <h6 class="mb-0 fw-bold small text-success"><?= est_anglophone() ? 'Verified Folder' : 'Dossier Vérifié'; ?></h6>
+                        <small class="text-dark opacity-75" style="font-size: 8.5pt;"><?= est_anglophone() ? 'Identity documents are up to date.' : 'Les documents d’identité sont à jour.'; ?></small>
+                    </div>
+                    <a href="Gedbeneficiaireprod/" class="btn btn-success btn-sm rounded-pill px-3 ms-2">
+                        <i class="fas fa-folder-open me-2"></i><?= _("GED") ?>
+                    </a>
                 </div>
-                <a href="Gedbeneficiaireprod/" class="btn btn-success btn-sm rounded-pill px-3 ms-2">
-                    <i class="fas fa-folder-open me-2"></i><?= _("Consulter la GED") ?>
-                </a>
-            </div>
-        <?php else: ?>
-            <div class="alert alert-danger d-flex align-items-center m-0 py-2 px-3 border-0 shadow-sm animate__animated animate__pulse animate__infinite" style="border-radius: 12px; background-color: #ffebee;">
-                <i class="fas fa-exclamation-circle fa-2x text-danger me-3"></i>
-                <div class="flex-grow-1">
-                    <h6 class="mb-0 fw-bold small text-danger">
-                        <?= est_anglophone() ? 'Incomplete File' : 'Dossier Incomplet'; ?>
-                    </h6>
-                    <small class="d-block text-dark fw-bold" style="font-size: 8.5pt;">
-                        <?= est_anglophone() ? 'Missing ID documents.' : 'Pièces d’identité manquantes.'; ?>
-                    </small>
+            <?php else: ?>
+                <div class="alert alert-danger d-flex align-items-center py-2 px-3 border-0 shadow-sm animate__animated animate__pulse animate__infinite" style="border-radius: 12px; background-color: #ffebee;">
+                    <i class="fas fa-exclamation-triangle fa-2x text-danger me-3"></i>
+                    <div class="flex-grow-1">
+                        <h6 class="mb-0 fw-bold small text-danger"><?= est_anglophone() ? 'Incomplete File' : 'Dossier Incomplet'; ?></h6>
+                        <small class="text-dark fw-bold" style="font-size: 8.5pt;"><?= est_anglophone() ? 'Missing ID documents.' : 'Pièces d’identité manquantes.'; ?></small>
+                    </div>
+                    <a href="Gedbeneficiaireprod/" class="btn btn-danger btn-sm rounded-pill px-3 ms-2 shadow-sm">
+                        <i class="fas fa-upload me-2"></i><?= _("Ouvrir la GED") ?>
+                    </a>
                 </div>
-                <a href="Gedbeneficiaireprod/" class="btn btn-danger btn-sm rounded-pill px-3 ms-2 shadow-sm">
-                    <i class="fas fa-upload me-2"></i><?= _("Ouvrir la GED") ?>
-                </a>
-            </div>
-        <?php endif; ?>
+            <?php endif; ?>
+        </div>
     </div>
 
     <form method="post" action="Modifierbeneficiaire/modifier/<?=$beneficiaire['id']?>/">
         
-        <input type="hidden" id="idPolice" name="idPolice" value="<?= $_SESSION['idPolice_C'] ?>">
-        <input type="hidden" id="numeroPolice" name="numeroPolice" value="<?= $_SESSION['numeroPolice_C'] ?>">
-        <input type="hidden" id="idAdherent" name="idAdherent" value="<?= $_SESSION['idAdherent_C'] ?>">
-        <input type="hidden" id="numeroAdherent" name="numeroAdherent" value="<?= $_SESSION['numeroAdherent_C'] ?>">
-        <input type="hidden" id="codeProduit" name="codeProduit" value="<?= $adherent['codeProduit'] ?>">
+        <input type="hidden" name="idPolice" value="<?= $_SESSION['idPolice_C'] ?>">
+        <input type="hidden" name="numeroPolice" value="<?= $_SESSION['numeroPolice_C'] ?>">
+        <input type="hidden" name="idAdherent" value="<?= $_SESSION['idAdherent_C'] ?>">
+        <input type="hidden" name="numeroAdherent" value="<?= $_SESSION['numeroAdherent_C'] ?>">
+        <input type="hidden" name="codeProduit" value="<?= $adherent['codeProduit'] ?>">
 
-        <div class="card shadow-sm border-0">
-            
+        <div class="card shadow-sm border-0" style="border-radius: 15px;">
             <div class="card-body p-4">
-                <h6 class="text-muted text-uppercase small fw-bold mb-3 border-bottom pb-2"><?= _("Référence Adhérent") ?></h6>
-                <div class="row g-3 mb-4 bg-light p-3 rounded">
+                
+                <div class="row g-3 mb-4 bg-light p-3 rounded-3 border">
                     <div class="col-md-6">
-                        <label class="form-label small text-muted mb-0"><?= _("Nom & Prénoms Adhérent") ?></label>
-                        <div class="fw-bold"><?= $adherent['nom'] ?> <?= $adherent['prenoms'] ?></div>
+                        <label class="form-label small text-muted text-uppercase fw-bold mb-1"><?= _("Adhérent Principal") ?></label>
+                        <div class="h6 mb-0 text-primary fw-bold"><i class="fas fa-user-tie me-2"></i><?= $adherent['nom'] ?> <?= $adherent['prenoms'] ?></div>
                     </div>
-                    <div class="col-md-6 border-start">
-                        <label class="form-label small text-muted mb-0"><?= _("Collège / Produit") ?></label>
-                        <div class="fw-bold"><?= $adherent['libelleCollege'] ?></div>
+                    <div class="col-md-6 border-start ps-4">
+                        <label class="form-label small text-muted text-uppercase fw-bold mb-1"><?= _("Collège / Produit") ?></label>
+                        <div class="h6 mb-0 text-dark fw-bold"><i class="fas fa-shield-alt me-2 text-secondary"></i><?= $adherent['libelleCollege'] ?></div>
                     </div>
                 </div>
 
-                <h6 class="text-muted text-uppercase small fw-bold mb-3 border-bottom pb-2"><?= _("Données du Bénéficiaire") ?></h6>
+                <h6 class="text-primary text-uppercase small fw-bold mb-4 border-bottom pb-2">
+                    <i class="fas fa-info-circle me-2"></i><?= _("Informations Personnelles") ?>
+                </h6>
+
                 <div class="row g-3">
                     <div class="col-md-6">
                         <label class="form-label fw-bold small"><?= _("Date d'Entrée") ?> <span class="text-danger">*</span></label>
-                        <input class="form-control datepicker" type="text" id="dateEntree" name="dateEntree" value="<?= dateLang($this->nettoyer($beneficiaire['dateEntree'])) ?>" required>
+                        <div class="input-group">
+                            <span class="input-group-text bg-white"><i class="fas fa-calendar-check text-primary"></i></span>
+                            <input class="form-control datepicker fw-bold" type="text" id="dateEntree" name="dateEntree" value="<?= dateLang($this->nettoyer($beneficiaire['dateEntree'])) ?>" required>
+                        </div>
                     </div>
                     <div class="col-md-6">
                         <label class="form-label fw-bold small"><?= _("Date de Naissance") ?> <span class="text-danger">*</span></label>
-                        <input class="form-control datepicker" type="text" id="dateNaissance" name="dateNaissance" value="<?= dateLang($this->nettoyer($beneficiaire['dateNaissance'])) ?>" required>
+                        <div class="input-group">
+                            <span class="input-group-text bg-white"><i class="fas fa-birthday-cake text-danger"></i></span>
+                            <input class="form-control datepicker fw-bold" type="text" id="dateNaissance" name="dateNaissance" value="<?= dateLang($this->nettoyer($beneficiaire['dateNaissance'])) ?>" required>
+                        </div>
                     </div>
 
                     <div class="col-md-6">
                         <label class="form-label fw-bold small"><?= _("Nom") ?> <span class="text-danger">*</span></label>
-                        <input class="form-control text-uppercase" type="text" id="nomBeneficiaire" name="nomBeneficiaire" value="<?= $beneficiaire['nomBeneficiaire'] ?>" required>
+                        <input class="form-control text-uppercase fw-bold border-primary" type="text" id="nomBeneficiaire" name="nomBeneficiaire" value="<?= $beneficiaire['nomBeneficiaire'] ?>" required>
                     </div>
                     <div class="col-md-6">
                         <label class="form-label fw-bold small"><?= _("Prénoms") ?> <span class="text-danger">*</span></label>
-                        <input class="form-control" type="text" id="prenomsBeneficiaire" name="prenomsBeneficiaire" value="<?= $beneficiaire['prenomsBeneficiaire'] ?>" required autofocus>
+                        <input class="form-control fw-bold border-primary" type="text" id="prenomsBeneficiaire" name="prenomsBeneficiaire" value="<?= $beneficiaire['prenomsBeneficiaire'] ?>" required autofocus>
                     </div>
 
                     <div class="col-md-4">
                         <label class="form-label fw-bold small"><?= _("Lien Parenté") ?></label>
-                        <select class="form-select" id="codeLienParente" name="codeLienParente">
+                        <select class="form-select bg-light fw-bold" id="codeLienParente" name="codeLienParente">
                             <?php liste_options($lienparente,$beneficiaire['codeLienParente'],true); ?>
                         </select>
                     </div>
                     <div class="col-md-4">
                         <label class="form-label fw-bold small"><?= _("Sexe") ?></label>
-                        <select class="form-select" id="sexe" name="sexe">
+                        <select class="form-select bg-light fw-bold" id="sexe" name="sexe">
                             <?php liste_options($sexe,$beneficiaire['sexe'],true); ?>
                         </select>
                     </div>
                     <div class="col-md-4">
                         <label class="form-label fw-bold small"><?= _("Groupe Sanguin") ?></label>
-                        <select class="form-select" id="codeGroupeSanguin" name="codeGroupeSanguin">
+                        <select class="form-select bg-light fw-bold" id="codeGroupeSanguin" name="codeGroupeSanguin">
                             <?php liste_options($groupesanguin,$beneficiaire['codeGroupeSanguin'],true); ?>
                         </select>
                     </div>
 
+                    <h6 class="text-primary text-uppercase small fw-bold mt-5 mb-3 border-bottom pb-2">
+                        <i class="fas fa-id-card me-2"></i><?= _("Documents & Contact") ?>
+                    </h6>
+
                     <div class="col-md-4">
                         <label class="form-label fw-bold small"><?= _("Nature Pièce") ?></label>
-                        <select class="form-select" id="codeNaturePiece" name="codeNaturePiece">
+                        <select class="form-select border-info" id="codeNaturePiece" name="codeNaturePiece">
                             <?php liste_options($naturepiece,$beneficiaire['codeNaturePiece'],true); ?>
                         </select>
                     </div>
                     <div class="col-md-4">
                         <label class="form-label fw-bold small"><?= _("N° Pièce") ?></label>
-                        <input class="form-control" type="text" id="numeroPiece" name="numeroPiece" value="<?=$beneficiaire['numeroPiece']?>">
+                        <input class="form-control border-info" type="text" id="numeroPiece" name="numeroPiece" value="<?=$beneficiaire['numeroPiece']?>">
                     </div>
                     <div class="col-md-4">
                         <label class="form-label fw-bold small"><?= _("Téléphone Portable") ?></label>
                         <div class="input-group">
-                            <span class="input-group-text"><i class="fas fa-phone"></i></span>
-                            <input class="form-control" type="tel" id="telephonePortable" name="telephonePortable" value="<?= $beneficiaire['telephonePortable'] ?>">
+                            <span class="input-group-text bg-info text-white"><i class="fas fa-phone"></i></span>
+                            <input class="form-control fw-bold border-info" type="tel" id="telephonePortable" name="telephonePortable" value="<?= $beneficiaire['telephonePortable'] ?>" placeholder="00000000">
                         </div>
                     </div>
                 </div>
 
                 <div class="row mt-5">
                     <div class="col-12 text-end">
-                        <hr>
-                        <a href="javascript:history.back()" class="btn btn-outline-secondary me-2">
-                            <i class="fas fa-times me-2"></i><?= _("Annuler") ?>
+                        <hr class="opacity-25">
+                        <a href="javascript:history.back()" class="btn btn-light border px-4 me-2">
+                            <i class="fas fa-arrow-left me-2 text-muted"></i><?= _("Retour") ?>
                         </a>
-                        <button type="submit" class="btn btn-primary px-5 shadow-sm">
+                        <button type="submit" class="btn btn-primary px-5 shadow-sm fw-bold">
                             <i class="fas fa-save me-2"></i><?= _("Enregistrer les modifications") ?>
                         </button>
                     </div>
@@ -143,4 +151,12 @@
             </div>
         </div>
     </form>
-</div>
\ No newline at end of file
+</div>
+
+<style>
+    .form-control:focus, .form-select:focus {
+        border-color: #0d6efd;
+        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.1);
+    }
+    input.text-uppercase { text-transform: uppercase; }
+</style>
\ No newline at end of file