diff --git a/Vue/Remplaceradherent/index.php b/Vue/Remplaceradherent/index.php
index 923d6d4..a242fd5 100644
--- a/Vue/Remplaceradherent/index.php
+++ b/Vue/Remplaceradherent/index.php
@@ -16,87 +16,92 @@
 <INPUT class="sr-only" TYPE="text" id="dateRetrait" 			name="dateRetrait"  value="<?=$adherent['dateRetrait']?>" >
 <INPUT class="sr-only" TYPE="text" id="ristourneRetrait" 		name="ristourneRetrait" value="<?=$adherent['ristourneRetrait']?>" >
 
-<div id="div_liste" class="card shadow-sm border-0 mb-4">
-    <div class="card-header bg-danger text-white py-2">
-        <h6 class="mb-0"><i class="fas fa-user-minus me-2"></i><?= _("Détails de la Famille Sortante") ?></h6>
-    </div>
-    <div class="card-body bg-light">
-        <div class="row g-3">
-            <div class="col-md-4">
-                <label class="form-label small text-muted mb-0"><?= _("Adhérent") ?></label>
-                <div class="fw-bold text-uppercase p-2 border rounded bg-white">
-                    <?= $this->nettoyer($adherent['nom']) ?> <?= $this->nettoyer($adherent['prenoms']) ?>
-                </div>
-            </div>
-            <div class="col-md-2 text-center">
-                <label class="form-label small text-muted mb-0"><?= _("Effet Police") ?></label>
-                <div class="p-2 border rounded bg-white small">
-                    <?= dateLang($this->nettoyer($adherent['dateEffetPolice'])) ?>
-                </div>
-            </div>
-            <div class="col-md-2 text-center">
-                <label class="form-label small text-muted mb-0"><?= _("Effet Famille") ?></label>
-                <div class="p-2 border rounded bg-white small fw-bold text-primary">
-                    <?= dateLang($this->nettoyer($adherent['dateEffetAdherent'])) ?>
-                </div>
-            </div>
-            <div class="col-md-2 text-center">
-                <label class="form-label small text-muted mb-0"><?= _("Echéance") ?></label>
-                <div class="p-2 border rounded bg-white small">
-                    <?= dateLang($this->nettoyer($adherent['dateFinPolice'])) ?>
-                </div>
-            </div>
-            <div class="col-md-2 text-center">
-                <label class="form-label small text-muted mb-0"><?= _("Consommation") ?></label>
-                <div class="p-2 border rounded bg-white small text-danger fw-bold">
-                    <?= number_format($adherent['consommation_adherent'], 0, ',', ' ') ?>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-
-<div id="div_remplacement_adherent" class="card shadow-sm border-primary">
-    <div class="card-header bg-primary text-white py-2">
-        <h6 class="mb-0"><i class="fas fa-exchange-alt me-2"></i><?= _("Paramètres du mouvement") ?></h6>
-    </div>
-    <div class="card-body">
-        <div class="row g-3">
-            <div class="col-md-4">
-                <label class="form-label fw-bold small"><?= _("Date de Sortie effective") ?> <span class="text-danger">*</span></label>
-                <div class="input-group">
-                    <span class="input-group-text"><i class="fas fa-calendar-minus"></i></span>
-                    <input class="form-control datepicker text-center" type="text" id="dateSortieAdh" name="dateSortieAdh" value="<?= dateCouranteLang($_SESSION['lang']) ?>" required>
-                </div>
-            </div>
-            
-            <div class="col-md-4">
-                <label class="form-label fw-bold small"><?= _("Date de Remplacement") ?> <span class="text-danger">*</span></label>
-                <div class="input-group border-primary">
-                    <span class="input-group-text bg-primary text-white"><i class="fas fa-calendar-plus"></i></span>
-                    <input class="form-control datepicker text-center" type="text" id="dateRemplacement" name="dateRemplacement" value="<?= dateCouranteLang($_SESSION['lang']) ?>" required>
-                </div>
-            </div>
-
-            <div class="col-md-4">
-                <label class="form-label fw-bold small"><?= _("Frais de Carte") ?></label>
-                <div class="input-group">
-                    <input class="form-control text-end" id="fraisCarte" name="fraisCarte" type="number" value="<?=$adherent['fraisCarte']?>">
-                    <span class="input-group-text">FCFA</span>
-                </div>
-            </div>
-
-            <div class="col-md-8">
-                <label class="form-label fw-bold small"><?= _("Motif de l'avenant (Observation)") ?></label>
-                <textarea class="form-control" id="motifavenant" name="motifavenant" rows="1" placeholder="<?= _("Ex: Remplacement suite à démission...") ?>"></textarea>
-            </div>
-
-            <div class="col-md-4 d-flex align-items-end">
-                <button type="button" class="btn btn-primary w-100 py-2 shadow" onclick="javascript:init_remplacement_adherent();">
-                    <i class="fas fa-play-circle me-2"></i> <?= _("Initier le remplacement") ?>
-                </button>
-            </div>
-        </div>
-    </div>
+<div id="div_adherent" class="container-fluid py-1 animate__animated animate__fadeIn">
+
+	<h1 class="text-primary"><i class="ffas fa-user-minus me-2"></i><?= _('Remplacer Famille') ?></h1>
+
+	<div class="card shadow-sm border-0 mb-4">
+		<div class="card-header bg-danger text-white py-2">
+			<h6 class="mb-0"><i class="fas fa-user-minus me-2"></i><?= _("Détails Famille Sortante") ?></h6>
+		</div>
+		<div class="card-body bg-light">
+			<div class="row g-3">
+				<div class="col-md-4">
+					<label class="form-label small text-muted mb-0"><?= _("Adhérent") ?></label>
+					<div class="fw-bold text-uppercase p-2 border rounded bg-white">
+						<?= $this->nettoyer($adherent['nom']) ?> <?= $this->nettoyer($adherent['prenoms']) ?>
+					</div>
+				</div>
+				<div class="col-md-2 text-center">
+					<label class="form-label small text-muted mb-0"><?= _("Effet Police") ?></label>
+					<div class="p-2 border rounded bg-white small">
+						<?= dateLang($this->nettoyer($adherent['dateEffetPolice'])) ?>
+					</div>
+				</div>
+				<div class="col-md-2 text-center">
+					<label class="form-label small text-muted mb-0"><?= _("Effet Famille") ?></label>
+					<div class="p-2 border rounded bg-white small fw-bold text-primary">
+						<?= dateLang($this->nettoyer($adherent['dateEffetAdherent'])) ?>
+					</div>
+				</div>
+				<div class="col-md-2 text-center">
+					<label class="form-label small text-muted mb-0"><?= _("Echéance") ?></label>
+					<div class="p-2 border rounded bg-white small">
+						<?= dateLang($this->nettoyer($adherent['dateFinPolice'])) ?>
+					</div>
+				</div>
+				<div class="col-md-2 text-center">
+					<label class="form-label small text-muted mb-0"><?= _("Consommation") ?></label>
+					<div class="p-2 border rounded bg-white small text-danger fw-bold">
+						<?= number_format($adherent['consommation_adherent'], 0, ',', ' ') ?>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+
+	<div id="div_remplacement_adherent" class="card shadow-sm border-primary">
+		<div class="card-header bg-primary text-white py-2">
+			<h6 class="mb-0"><i class="fas fa-exchange-alt me-2"></i><?= _("Paramètres du mouvement") ?></h6>
+		</div>
+		<div class="card-body">
+			<div class="row g-3">
+				<div class="col-md-4">
+					<label class="form-label fw-bold small"><?= _("Date de Sortie effective") ?> <span class="text-danger">*</span></label>
+					<div class="input-group">
+						<span class="input-group-text"><i class="fas fa-calendar-minus"></i></span>
+						<input class="form-control datepicker text-center" type="text" id="dateSortieAdh" name="dateSortieAdh" value="<?= dateCouranteLang($_SESSION['lang']) ?>" required>
+					</div>
+				</div>
+				
+				<div class="col-md-4">
+					<label class="form-label fw-bold small"><?= _("Date de Remplacement") ?> <span class="text-danger">*</span></label>
+					<div class="input-group border-primary">
+						<span class="input-group-text bg-primary text-white"><i class="fas fa-calendar-plus"></i></span>
+						<input class="form-control datepicker text-center" type="text" id="dateRemplacement" name="dateRemplacement" value="<?= dateCouranteLang($_SESSION['lang']) ?>" required>
+					</div>
+				</div>
+
+				<div class="col-md-4">
+					<label class="form-label fw-bold small"><?= _("Frais de Carte") ?></label>
+					<div class="input-group">
+						<input class="form-control text-end" id="fraisCarte" name="fraisCarte" type="number" value="<?=$adherent['fraisCarte']?>">
+						<span class="input-group-text">FCFA</span>
+					</div>
+				</div>
+
+				<div class="col-md-8">
+					<label class="form-label fw-bold small"><?= _("Motif de l'avenant (Observation)") ?></label>
+					<textarea class="form-control" id="motifavenant" name="motifavenant" rows="1" placeholder="<?= _("Ex: Remplacement suite à démission...") ?>"></textarea>
+				</div>
+
+				<div class="col-md-4 d-flex align-items-end">
+					<button type="button" class="btn btn-primary w-100 py-2 shadow" onclick="javascript:init_remplacement_adherent();">
+						<i class="fas fa-play-circle me-2"></i> <?= _("Initier le remplacement") ?>
+					</button>
+				</div>
+			</div>
+		</div>
+	</div>
 </div>