diff --git a/Vue/Ajaxmouvementassurevalider/majobservation.php b/Vue/Ajaxmouvementassurevalider/majobservation.php
index c4d67fd4..6fd6a0c2 100644
--- a/Vue/Ajaxmouvementassurevalider/majobservation.php
+++ b/Vue/Ajaxmouvementassurevalider/majobservation.php
@@ -1,38 +1,84 @@
-<?php
+<div class="modal-dialog" style="width: 70%;" role="document">
+    <div class="modal-content" style="border-radius: 4px; box-shadow: 0 5px 15px rgba(0,0,0,.5);">
+        
+        <div class="modal-header" style="background-color: #f5f5f5; border-bottom: 1px solid #e5e5e5; border-top-left-radius: 4px; border-top-right-radius: 4px;">
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                <span aria-hidden="true">&times;</span>
+            </button>
+            <h4 class="modal-title" id="user" style="text-align:center; font-weight: bold; color: #a94442;">
+                <span class="glyphicon glyphicon-edit" style="margin-right: 10px;"></span>
+                <?= _('Observation de Rejet')?>
+            </h4>
+        </div>
 
-?>
+        <div class="modal-body" style="padding: 20px;">
+            <div id="div_motif" style="margin-top:20px; margin-bottom:20px;">
+                <table class="table table-condensed" style="border: none;">
+                    <tbody>
+                        <tr>
+                            <td style="text-align:center; vertical-align: middle; border-top: none; font-weight: bold; width: 15%;">
+                                <label class="control-label required"><?= _("Motif");?></label>
+                            </td>
+                            <td style="border-top: none;">
+                                <div class="form-group" style="margin-bottom: 0;">
+                                    <textarea class="form-control" 
+                                              placeholder="<?= _("Saisie obligatoire...");?>" 
+                                              name="motif" 
+                                              id="motif" 
+                                              rows="5" 
+                                              required 
+                                              AUTOCOMPLETE="OFF" 
+                                              style="width:100%; border-radius: 4px; resize: vertical;"></textarea>
+                                </div>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td style="border-top: none;"> </td>
+                            <td style="border-top: none; padding-top: 15px;">
+                                <button type="button" 
+                                        class="btn btn-primary" 
+                                        style="font-weight: bold; padding: 10px 30px;"
+                                        onClick="javascript:enregistree_obs_rejet(<?= $idMvtTemp ?>);">
+                                    <span class="glyphicon glyphicon-save" style="margin-right: 8px;"></span>
+                                    <?= _("Enregistrer") ?>
+                                </button>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+        
+        <div class="modal-footer" style="background-color: #f9f9f9; border-top: 1px solid #eee;">
+            <button type="button" class="btn btn-default" data-dismiss="modal" style="font-weight: bold;">
+                <span class="glyphicon glyphicon-remove" style="margin-right: 5px;"></span>
+                <?= _("Fermer") ?>
+            </button>
+        </div>
+    </div>
+</div>
 
-<div class="modal-dialog" style="max-width:70%" role="document">
-	<div class="modal-content">
-		<div class="modal-header">
-			<button type="button" class="close" data-dismiss="modal">&times;</button>
-			
-			<legend class="modal-title" id="user" style="text-align:center;"><?= _('Observation de Rejet')?></legend>						
-		</div>
-		<div class="modal-body">
-			<div id="div_motif" style="margin-top:30px; margin-bottom:30px;">
-				<table class="table table-responsive table-condensed" style='font-size:12pt;'>
-					<tbody>
-						<tr>
-							<td style='text-align:center' class="required" width="8%"> <?= _("Motif");?></td>
-							<td >
-								<textarea class="form-control-sm" placeholder="<?= _("Obligatoire");?>" name="motif" id="motif" rows="5" required AUTOCOMPLETE="OFF" style="width:100%;"></textarea>
-							</td>
-						</tr>
-						<tr>
-							<td> </td>
-							<td >
-								<input style="font-size:10pt;" class = "form-control btn btn-primary" type="button" value="<?= _("Enregistrer") ?>" onClick="javascript:enregistree_obs_rejet(<?= $$idMvtTemp ?>);">
-								
-							</td>
-						</tr>
-					</tbody>
-				</table>
-			</div>
-		</div>
-		
-		<div class="modal-footer">
-			<button type="button" id="" class="btn btn-default" data-dismiss="modal"><?= _("Fermer") ?></button>
-		</div>
-	</div>
-</div>
\ No newline at end of file
+<style>
+    /* Style pour l'astérisque de champ obligatoire */
+    .required:after { 
+        content: " *"; 
+        color: #a94442; 
+        font-weight: bold;
+    }
+
+    /* Animation d'apparition simple */
+    .modal-content {
+        animation: modalFadeIn 0.3s ease-out;
+    }
+
+    @keyframes modalFadeIn {
+        from { opacity: 0; transform: translateY(-20px); }
+        to { opacity: 1; transform: translateY(0); }
+    }
+
+    /* Focus sur le textarea version Bootstrap 3 */
+    .form-control:focus {
+        border-color: #66afe9;
+        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
+    }
+</style>
\ No newline at end of file