diff --git a/Vue/Fichebeneficiaire/index.php b/Vue/Fichebeneficiaire/index.php
index 97ed6eb..d159bbd 100755
--- a/Vue/Fichebeneficiaire/index.php
+++ b/Vue/Fichebeneficiaire/index.php
@@ -158,129 +158,142 @@
         </div>
         
         <div class="card-body p-4">
-    <div class="row g-4">
-        <div class="col-12 col-lg-3 border-end-lg text-center">
-            <div class="position-relative mb-3">
-                <?php if ($beneficiaire['faceRegistered'] == "1"): ?>
-                    <img src="<?= $photoAssureCrypte ?>" 
-                         class="img-thumbnail rounded-circle shadow-sm hover-zoom" 
-                         style="width: 150px; height: 150px; object-fit: cover; cursor:pointer;" 
-                         data-bs-toggle="modal" data-bs-target="#pop_photo"
-                         alt="Photo">
-                <?php else: ?>
-                    <div class="avatar-placeholder rounded-circle bg-light border d-flex align-items-center justify-content-center mx-auto mb-3">
-                        <i class="fas fa-user fa-4x text-secondary"></i>
-                    </div>
+			<div class="row g-4">
+				<div class="col-12 col-lg-3 border-end-lg text-center">
+					<div class="position-relative mb-3">
+						<div class="avatar-circle mx-auto shadow-sm border d-flex align-items-center justify-content-center bg-light">
+							<?php if ($beneficiaire['faceRegistered'] == "1"): ?>
+								<img src="<?= $photoAssureCrypte ?>" 
+									class="img-fluid" 
+									data-bs-toggle="modal" 
+									data-bs-target="#pop_photo"
+									alt="Photo du bénéficiaire">
+							<?php else: ?>
+								<i class="fas fa-user fa-3x text-secondary"></i>
+							<?php endif; ?>
+						</div>
 
-                    <?php if ($faceRegistered != "1" && $_SESSION['assureAjoutPhoto'] == "1"): ?>
-                        <div class="btn-group btn-group-sm w-100 mb-3" role="group">
-                            <input type="radio" class="btn-check" name="photo_choice" id="radio_cam" checked onchange="togglePhotoSource('cam')">
-                            <label class="btn btn-outline-primary" for="radio_cam"><i class="fas fa-camera"></i></label>
+						<div class="mt-3">
+							<span class="badge rounded-pill <?= $estcouvert ? 'bg-success' : 'bg-danger' ?> px-3 py-2">
+								<i class="fas <?= $estcouvert ? 'fa-check-circle' : 'fa-times-circle' ?> me-1"></i>
+								<?= $estcouvert ? $etatbeneficiaire : _("Non couvert") ?>
+							</span>
+						</div>
+					</div>
 
-                            <input type="radio" class="btn-check" name="photo_choice" id="radio_file" onchange="togglePhotoSource('file')">
-                            <label class="btn btn-outline-primary" for="radio_file"><i class="fas fa-folder-open"></i></label>
-                        </div>
+					<?php if ($beneficiaire['faceRegistered'] != "1" && $_SESSION['assureAjoutPhoto'] == "1"): ?>
+						<div class="mt-4">
+							<div class="btn-group btn-group-sm w-100 mb-3" role="group">
+								<input type="radio" class="btn-check" name="photo_choice" id="radio_cam" checked onchange="togglePhotoSource('cam')">
+								<label class="btn btn-outline-primary" for="radio_cam"><i class="fas fa-camera me-1"></i><?= _("Appareil") ?></label>
 
-                        <div id="area_prendre_photo" class="photo-zone">
-                            <button class="btn btn-primary w-100 py-2 fw-bold shadow-sm" type="button" onClick="ebene_init_photo_face();">
-                                <i class="fas fa-video me-2"></i><?= _("Capturer") ?>
-                            </button>
-                            <button class="d-none" id="btn_pop_save_face" data-bs-toggle="modal" data-bs-target="#pop_rec_faciale"></button>
-                        </div>
+								<input type="radio" class="btn-check" name="photo_choice" id="radio_file" onchange="togglePhotoSource('file')">
+								<label class="btn btn-outline-primary" for="radio_file"><i class="fas fa-folder-open me-1"></i><?= _("Fichier") ?></label>
+							</div>
 
-                        <div id="area_choisir_photo" class="photo-zone d-none">
-                            <form enctype="multipart/form-data" action="Fichebeneficiaire/<?= $_SESSION['idBeneficiaire_C'] ?>/" method="post">
-                                <input class="form-control form-control-sm mb-2" name="fichier_upload" type="file" accept="image/*" id="input_file_hidden" onchange="this.form.submit()">
-                                <button type="submit" name="submit" class="btn btn-success w-100"><i class="fas fa-upload me-2"></i><?= _("Envoyer") ?></button>
-                            </form>
-                        </div>
-                    <?php endif; ?>
-                <?php endif; ?>
-            </div>
-            
-            <div class="mt-2">
-                <span class="badge rounded-pill <?= $estcouvert ? 'bg-success' : 'bg-danger' ?> px-3 py-2">
-                    <i class="fas <?= $estcouvert ? 'fa-check-circle' : 'fa-times-circle' ?> me-1"></i>
-                    <?= $estcouvert ? $etatbeneficiaire : _("Non couvert") ?>
-                </span>
-            </div>
-        </div>
+							<div id="area_prendre_photo" class="photo-zone">
+								<button class="btn btn-primary w-100 py-2 fw-bold" type="button" onClick="ebene_init_photo_face();">
+									<i class="fas fa-video me-2"></i><?= _("Lancer") ?>
+								</button>
+								<button class="d-none" id="btn_pop_save_face" data-bs-toggle="modal" data-bs-target="#pop_rec_faciale"></button>
+							</div>
 
-        <div class="col-12 col-lg-9">
-            <div class="d-flex justify-content-between align-items-start mb-3 border-bottom pb-2">
-                <div>
-                    <h2 class="h4 text-dark mb-0 fw-bold"><?= $beneficiaire['nomBeneficiaire'] . ' ' . $beneficiaire['prenomsBeneficiaire'] ?></h2>
-                    <small class="text-muted text-uppercase fw-semibold"><?= _("N° Adhérent") ?> : <?= $beneficiaire['numeroAdherent'] ?></small>
-                </div>
-                <div class="text-end">
-                    <span class="d-block text-muted small"><?= _("Âge actuel") ?></span>
-                    <span class="fw-bold"><?= $this->nettoyer($beneficiaire['age']) ?> <?= _("an(s)") ?></span>
-                </div>
-            </div>
+							<div id="area_choisir_photo" class="photo-zone d-none">
+								<form enctype="multipart/form-data" action="Fichebeneficiaire/<?= $_SESSION['idBeneficiaire_C'] ?>/" method="post">
+									<input class="form-control form-control-sm mb-2" name="fichier_upload" type="file" accept="image/*" onchange="this.form.submit()">
+									<button type="submit" name="submit" class="btn btn-success w-100 btn-sm"><i class="fas fa-upload me-2"></i><?= _("Envoyer") ?></button>
+								</form>
+							</div>
+						</div>
+					<?php endif; ?>
+				</div>
 
-            <div class="row g-3">
-                <div class="col-md-6">
-                    <div class="info-group mb-3">
-                        <label class="text-muted small mb-1"><i class="fas fa-calendar-alt me-1"></i> <?= _("Date de Naissance") ?></label>
-                        <p class="mb-0 fw-medium"><?= dateLang($this->nettoyer($beneficiaire['dateNaissance'])) ?></p>
-                    </div>
-                    <div class="info-group mb-3">
-                        <label class="text-muted small mb-1"><i class="fas fa-users me-1"></i> <?= _("Lien Parenté") ?></label>
-                        <p class="mb-0 fw-medium"><?= $lienparente ?></p>
-                    </div>
-                    <div class="info-group">
-                        <label class="text-muted small mb-1"><i class="fas fa-venus-mars me-1"></i> <?= _("Genre") ?></label>
-                        <p class="mb-0 fw-medium"><?= $sexe ?></p>
-                    </div>
-                </div>
+				<div class="col-12 col-lg-9">
+					<div class="d-flex justify-content-between align-items-start mb-3 border-bottom pb-2">
+						<div>
+							<h2 class="h4 text-primary mb-0 fw-bold"><?= $beneficiaire['nomBeneficiaire'] . ' ' . $beneficiaire['prenomsBeneficiaire'] ?></h2>
+							<small class="text-muted fw-semibold"><?= _("N° Adhérent") ?> : <?= $beneficiaire['numeroAdherent'] ?></small>
+						</div>
+						<div class="text-end">
+							<span class="d-block text-muted small"><?= _("Âge") ?></span>
+							<span class="badge bg-light text-dark border fw-bold"><?= $this->nettoyer($beneficiaire['age']) ?> ans</span>
+						</div>
+					</div>
 
-                <div class="col-md-6">
-                    <?php if($codeLienParente == "A"): ?>
-                        <div class="mb-3">
-                            <div class="d-flex justify-content-between align-items-center mb-1">
-                                <label class="text-muted small"><i class="fas fa-mobile-alt me-1"></i> <?= _("Mobile") ?></label>
-                                <div class="form-check form-switch small">
-                                    <input class="form-check-input" type="checkbox" id="ignorerFormat">
-                                    <label class="form-check-label text-muted" for="ignorerFormat"><?= _("Format libre") ?></label>
-                                </div>
-                            </div>
-                            <input type="tel" class="form-control" id="telephonePortable" 
-                                   pattern="^250[0-9]{9,}$" value="<?= $beneficiaire['telephonePortable'] ?>"
-                                   onchange="maj_mobile_beneficiaire();">
-                        </div>
-                        <div class="mb-3">
-                            <label class="text-muted small mb-1"><i class="fas fa-envelope me-1"></i> <?= _("Email") ?></label>
-                            <input type="email" class="form-control" id="emailBeneficiaire" 
-                                   value="<?= $beneficiaire['emailBeneficiaire'] ?>"
-                                   onchange="maj_email_beneficiaire();">
-                        </div>
-                    <?php else: ?>
-                        <div class="info-group mb-3">
-                            <label class="text-muted small mb-1"><i class="fas fa-mobile-alt me-1"></i> <?= _("Mobile") ?></label>
-                            <p class="mb-0 fw-medium"><?= $beneficiaire['telephonePortable'] ?: '-' ?></p>
-                        </div>
-                        <div class="info-group">
-                            <label class="text-muted small mb-1"><i class="fas fa-envelope me-1"></i> <?= _("Email") ?></label>
-                            <p class="mb-0 fw-medium text-break"><?= $beneficiaire['emailBeneficiaire'] ?: '-' ?></p>
-                        </div>
-                    <?php endif; ?>
-                </div>
-            </div>
-        </div>
+					<div class="row g-3">
+						<div class="col-md-6">
+							<div class="info-box p-2 rounded bg-light-subtle">
+								<label class="text-muted small d-block mb-1"><i class="fas fa-calendar-alt me-1 text-primary"></i> <?= _("Né(e) le") ?></label>
+								<span class="fw-medium"><?= dateLang($this->nettoyer($beneficiaire['dateNaissance'])) ?></span>
+							</div>
+							<div class="info-box p-2 rounded mt-2">
+								<label class="text-muted small d-block mb-1"><i class="fas fa-users me-1 text-primary"></i> <?= _("Lien Parenté") ?></label>
+								<span class="fw-medium"><?= $lienparente ?></span>
+							</div>
+							<div class="info-box p-2 rounded mt-2">
+								<label class="text-muted small d-block mb-1"><i class="fas fa-venus-mars me-1 text-primary"></i> <?= _("Genre") ?></label>
+								<span class="fw-medium"><?= $sexe ?></span>
+							</div>
+						</div>
+
+						<div class="col-md-6">
+							<?php if($codeLienParente == "A"): ?>
+								<div class="mb-3">
+									<div class="d-flex justify-content-between align-items-center mb-1">
+										<label class="text-muted small"><i class="fas fa-mobile-alt me-1 text-primary"></i> <?= _("Mobile") ?></label>
+										<div class="form-check form-switch small">
+											<input class="form-check-input" type="checkbox" id="ignorerFormat">
+											<label class="form-check-label text-muted" for="ignorerFormat">Format libre</label>
+										</div>
+									</div>
+									<div class="input-group input-group-sm">
+										<span class="input-group-text"><i class="fas fa-phone-alt"></i></span>
+										<input type="tel" class="form-control" id="telephonePortable" 
+											pattern="^250[0-9]{9,}$" value="<?= $beneficiaire['telephonePortable'] ?>"
+											onchange="maj_mobile_beneficiaire();">
+									</div>
+								</div>
+								<div class="mb-3">
+									<label class="text-muted small mb-1"><i class="fas fa-envelope me-1 text-primary"></i> <?= _("E-mail") ?></label>
+									<div class="input-group input-group-sm">
+										<span class="input-group-text">@</span>
+										<input type="email" class="form-control" id="emailBeneficiaire" 
+											value="<?= $beneficiaire['emailBeneficiaire'] ?>"
+											onchange="maj_email_beneficiaire();">
+									</div>
+								</div>
+							<?php else: ?>
+								<div class="info-box p-2 rounded bg-light-subtle">
+									<label class="text-muted small d-block mb-1"><i class="fas fa-mobile-alt me-1 text-primary"></i> <?= _("Mobile") ?></label>
+									<span class="fw-medium"><?= $beneficiaire['telephonePortable'] ?: '-' ?></span>
+								</div>
+								<div class="info-box p-2 rounded mt-2">
+									<label class="text-muted small d-block mb-1"><i class="fas fa-envelope me-1 text-primary"></i> <?= _("E-mail") ?></label>
+									<span class="fw-medium text-break"><?= $beneficiaire['emailBeneficiaire'] ?: '-' ?></span>
+								</div>
+							<?php endif; ?>
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<div class="row mt-4 pt-3 border-top g-2">
+				<div class="col-sm-6 text-center text-sm-start">
+					<div class="p-2 bg-light rounded border-start border-primary border-4 shadow-sm">
+						<small class="text-muted d-block text-uppercase" style="font-size: 0.7rem;"><?= _("Souscripteur") ?></small>
+						<span class="fw-bold"><?= $beneficiaire['nomClient'] ?></span>
+					</div>
+				</div>
+				<div class="col-sm-6 text-center text-sm-end">
+					<div class="p-2 bg-light rounded border-end border-secondary border-4 shadow-sm h-100">
+						<small class="text-muted d-block text-uppercase" style="font-size: 0.7rem;"><?= _("Collège / N° Police") ?></small>
+						<span class="fw-bold"><?= $beneficiaire['libelleCollege'] ?> / <?= $beneficiaire['numeroPolice'] ?></span>
+					</div>
+				</div>
+			</div>
+		</div>
     </div>
 
-    <div class="row mt-4 pt-3 border-top bg-light rounded-3 p-2 g-2">
-        <div class="col-sm-6">
-            <small class="text-muted d-block"><?= _("Souscripteur") ?></small>
-            <span class="fw-bold text-secondary"><?= $beneficiaire['nomClient'] ?></span>
-        </div>
-        <div class="col-sm-6 text-sm-end">
-            <small class="text-muted d-block"><?= _("Collège / N° Police") ?></small>
-            <span class="fw-bold text-secondary"><?= $beneficiaire['libelleCollege'] ?> / <?= $beneficiaire['numeroPolice'] ?></span>
-        </div>
-    </div>
-</div>
-
     <!-- Section des plafonds et consommations -->
     <div class="row">
         <!-- Plafond Famille -->
@@ -1029,4 +1042,17 @@ document.addEventListener('DOMContentLoaded', function() {
             this.classList.add('is-invalid');
         }
     });
+
+	function togglePhotoSource(source) {
+		const areaCam = document.getElementById('area_prendre_photo');
+		const areaFile = document.getElementById('area_choisir_photo');
+		
+		if (source === 'cam') {
+			areaCam.classList.remove('d-none');
+			areaFile.classList.add('d-none');
+		} else {
+			areaCam.classList.add('d-none');
+			areaFile.classList.remove('d-none');
+		}
+	}
 </script>
\ No newline at end of file