diff --git a/Vue/Ajaxrhvalidationrd/index.php b/Vue/Ajaxrhvalidationrd/index.php
index 7f49486..15bb83c 100755
--- a/Vue/Ajaxrhvalidationrd/index.php
+++ b/Vue/Ajaxrhvalidationrd/index.php
@@ -17,59 +17,69 @@
 	}
 ?>
 
-<div class="modal-dialog" style="max-width:70%" role="document">
-	<div class="modal-content">
-		<div class="modal-header">
-			<button type="button" class="close" data-bs-dismiss="modal">&times;</button>
-			<legend class="modal-title" style="text-align:center;"><?= _('Valider une demande')?></legend>	
-		</div>
-		<div class="modal-body">
-			<div id="div_motif">
-				<table class="table table-responsive table-condensed" style='font-size:12pt;'>
-					<tbody>
-						<tr>
-							<td width="15%"> <?= _("Demande N°");?></td>
-							<td colspan="3">
-								<input style="font-size:10pt;" class ="form-control" type="text" value="<?= $numeroDemandeRemboursement; ?>" readonly>
-							</td>
-						</tr>
-						<tr>
-							<td > <?= _("Titulaire");?></td>
-							<td >
-								<input style="font-size:10pt;" class ="form-control" type="text" value="<?= $adherent."(".$numeroAdherent.")"; ?>" readonly>
-							</td>
-							<td style='text-align:center' width="8%"> <?= _("Patient");?></td>
-							<td >
-								<input style="font-size:10pt;" class ="form-control" type="text" value="<?= $beneficiaire."(".$numeroBeneficiaire.")"; ?>" readonly>
-							</td>
-						</tr>
-						<tr>
-							<td ><?= _("Etat validation");?></td >
-							<td colspan="3">
-								<select class="form-select form-select-sm border-primary-subtle" id="codeStatutPaiement" name="codeStatutPaiement">
-									<?php liste_options($reponsedemande, $codeStatutPaiement); ?>
-								</select>
-							</td>
-						</tr>
+<div class="modal-dialog modal-lg" role="document">
+    <div class="modal-content shadow-lg border-0">
+        <div class="modal-header bg-light border-bottom">
+            <h5 class="modal-title fw-bold text-primary">
+                <i class="fas fa-check-circle me-2"></i><?= _('Valider une demande') ?>
+            </h5>
+            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+        </div>
 
-						<tr>
-							<td class="required" width="8%"> <?= _("Motif");?></td>
-							<td colspan="3">
-								<textarea class="form-control-sm" placeholder="<?= _("Obligatoire si refus");?>" name="motifRejetRh" id="motifRejetRh" rows="5" required style="width:100%;"></textarea>
-							</td>
-						</tr>
-						<tr>
-							<td colspan="4">
-								<input style="font-size:10pt;" class = "form-control btn btn-primary" type="button" value="<?= _("Enregistrer") ?>" onClick="javascript:enregistrer_validation_rd(<?= $idDemande ?>);">
-							</td>
-						</tr>
-					</tbody>
-				</table>
-			</div>
-		</div>
-		
-		<div class="modal-footer">
-			<button type="button" id="" class="btn btn-default" data-bs-dismiss="modal" ><?= _("Fermer") ?></button>
-		</div>
-	</div>
-</div>
+        <div class="modal-body p-4">
+            <div id="div_motif">
+                <div class="mb-4">
+                    <label class="form-label small fw-bold text-muted text-uppercase"><?= _("Référence de la demande") ?></label>
+                    <div class="input-group shadow-sm">
+                        <span class="input-group-text bg-white"><i class="fas fa-hashtag text-primary"></i></span>
+                        <input class="form-control fw-bold bg-white" type="text" value="<?= $numeroDemandeRemboursement; ?>" readonly>
+                    </div>
+                </div>
+
+                <div class="row g-3 mb-4">
+                    <div class="col-md-6">
+                        <label class="form-label small fw-bold text-muted text-uppercase"><?= _("Titulaire (Adhérent)") ?></label>
+                        <div class="input-group">
+                            <span class="input-group-text bg-light"><i class="fas fa-user-shield"></i></span>
+                            <input class="form-control small" type="text" value="<?= $adherent." (".$numeroAdherent.")"; ?>" readonly>
+                        </div>
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label small fw-bold text-muted text-uppercase"><?= _("Patient (Bénéficiaire)") ?></label>
+                        <div class="input-group">
+                            <span class="input-group-text bg-light"><i class="fas fa-user"></i></span>
+                            <input class="form-control small" type="text" value="<?= $beneficiaire." (".$numeroBeneficiaire.")"; ?>" readonly>
+                        </div>
+                    </div>
+                </div>
+
+                <hr class="text-muted opacity-25">
+
+                <div class="row g-3">
+                    <div class="col-12">
+                        <label class="form-label fw-bold"><?= _("Décision de validation") ?> <span class="text-danger">*</span></label>
+                        <select class="form-select border-primary" id="codeStatutPaiement" name="codeStatutPaiement">
+                            <?php liste_options($reponsedemande, $codeStatutPaiement); ?>
+                        </select>
+                    </div>
+
+                    <div class="col-12">
+                        <label class="form-label fw-bold"><?= _("Motif ou Observation") ?></label>
+                        <textarea class="form-control" 
+                                  placeholder="<?= _("Saisissez ici le motif (obligatoire en cas de refus)..."); ?>" 
+                                  name="motifRejetRh" 
+                                  id="motifRejetRh" 
+                                  rows="4"></textarea>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="modal-footer bg-light">
+            <button type="button" class="btn btn-outline-secondary px-4" data-bs-dismiss="modal"><?= _("Annuler") ?></button>
+            <button type="button" class="btn btn-primary px-5 shadow" onClick="javascript:enregistrer_validation_rd(<?= $idDemande ?>);">
+                <i class="fas fa-save me-2"></i><?= _("Enregistrer la décision") ?>
+            </button>
+        </div>
+    </div>
+</div>
\ No newline at end of file