diff --git a/Vue/Creerusergc/index.php b/Vue/Creerusergc/index.php
index 16b9156a..543349a6 100755
--- a/Vue/Creerusergc/index.php
+++ b/Vue/Creerusergc/index.php
@@ -1,110 +1,105 @@
 <?php 
-	$this->titre 		= "ISA WEB - Nouvell Utilisateur Gestion Confiée "; 
-	$codeGcAssureur 	= $this->nettoyer($gc['codeGcAssureur']);
-	$idGc 				= $this->nettoyer($gc['id']);
-	$nomGcAssureur 		= $this->nettoyer($gc['libelle']);
-	
-	$codeModeGenerationPass 	= $paramsgenerationpass['codeModeGenerationPass'];
-	$libelleModeGenerationPass 	= $paramsgenerationpass['modegenerationpass'];	
-	$codeModeEnvoiPass 			= $paramsgenerationpass['codeModeEnvoiPass'];
+    $idUtilisateur = $user_gc['idUtilisateur'];
+    $codeUtilisateur = $user_gc['codeUtilisateur'];
+    $nomGcAssureur = $this->nettoyer($gc['libelle']);
 ?>
 
+<div class="page-content animate__animated animate__fadeIn">
+    
+    <div class="header-section sticky-top mb-4" style="top: 0; z-index: 1020; margin: -1rem -1rem 1.5rem -1rem; padding: 1rem;">
+        <div class="d-flex align-items-center justify-content-between bg-white p-3 shadow border-start border-warning border-4" style="border-radius: var(--radius-md);">
+            <div class="d-flex align-items-center">
+                <div class="icon-shape bg-warning-light text-warning rounded-circle me-3" style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;">
+                    <i class="fas fa-user-edit fs-4"></i>
+                </div>
+                <div>
+                    <h4 id="titre-page" class="mb-0 fw-bold text-uppercase fs-5 text-warning"><?= _("Modifier l'Utilisateur") ?></h4>
+                    <p class="text-muted small mb-0 d-none d-md-block"><?= _("Garant :") ?> <span class="fw-bold"><?= $nomGcAssureur ?></span> — Login : <span class="badge bg-light text-dark border"><?= $codeUtilisateur ?></span></p>
+                </div>
+            </div>
 
-<legend> <?= _("Nouvel Utilisateur du Garant") . ": " . $nomGcAssureur ?> </legend>
+            <div class="d-flex gap-2">
+                <button type="button" class="btn btn-light rounded-pill px-3 fw-bold text-muted border shadow-sm btn-sm" onclick="retour_a_users_gc();">
+                    <i class="fas fa-times me-1"></i> <?= _("Annuler") ?>
+                </button>
+                <button type="button" id="btn_enreg" class="btn btn-warning rounded-pill px-4 fw-bold shadow-sm btn-sm text-dark" onclick="maj_user_gc();">
+                    <i class="fas fa-save me-1"></i> <?= _("Enregistrer les modifications") ?>
+                </button>
+            </div>
+        </div>
+    </div>
 
-<input class="sr-only" type="text" id="codeGcAssureur" 	name="codeGcAssureur" 	value="<?= $codeGcAssureur ?>" >
-<input class="sr-only" type="text" id="idGc" 			name="idGc" 			value="<?= $idGc ?>" >
+    <form id="form_edit_user_gc">
+        <input type="hidden" id="idUtilisateur" name="idUtilisateur" value="<?= $idUtilisateur ?>">
+        <input type="hidden" id="codeUtilisateur" name="codeUtilisateur" value="<?= $codeUtilisateur ?>">
 
-<table class="table table-responsive table-condensed" style='font-size:10pt;'>
-	<tbody>	
-		<tr> 
-			<td width="10%" class="required"> <?= _("Nom") ?> </td>
-			<td width="40%" colspan="3" ><INPUT style='font-size:10pt;' class="form-control" TYPE="text" id="nom" NAME="nom" required AUTOCOMPLETE="OFF" autofocus ></td>
+        <div class="row g-4">
+            <div class="col-lg-8">
+                <div class="card border-0 shadow-sm h-100">
+                    <div class="card-header bg-white py-3 border-bottom border-2 border-primary-light">
+                        <h6 class="mb-0 fw-bold text-primary text-uppercase small"><i class="fas fa-id-card me-2"></i><?= _("Informations de Profil") ?></h6>
+                    </div>
+                    <div class="card-body p-4">
+                        <div class="row g-3">
+                            <div class="col-md-6">
+                                <label class="form-label small fw-bold text-muted"><?= _("Nom") ?></label>
+                                <input class="form-control majuscule border-2 shadow-none" type="text" id="nom" name="nom" value="<?= $this->nettoyer($user_gc['nom']) ?>">
+                            </div>
+                            <div class="col-md-6">
+                                <label class="form-label small fw-bold text-muted"><?= _("Prénoms") ?></label>
+                                <input class="form-control border-2 shadow-none" type="text" id="prenoms" name="prenoms" value="<?= $this->nettoyer($user_gc['prenoms']) ?>">
+                            </div>
+                            <div class="col-md-7">
+                                <label class="form-label small fw-bold text-muted"><?= _("E-mail") ?></label>
+                                <input class="form-control border-2 shadow-none" type="email" id="email" name="email" value="<?= $this->nettoyer($user_gc['email']) ?>">
+                            </div>
+                            <div class="col-md-5">
+                                <label class="form-label small fw-bold text-muted"><?= _("Téléphone") ?></label>
+                                <input class="form-control border-2 shadow-none" type="tel" id="telephone" name="telephone" value="<?= $this->nettoyer($user_gc['telephone']) ?>">
+                            </div>
+                            <div class="col-md-6">
+                                <label class="form-label small fw-bold text-muted"><?= _("Langue") ?></label>
+                                <select class="form-select border-2 shadow-none" id="codeLangueUser" name="codeLangueUser">
+                                    <?php liste_options($langue, $user_gc['codeLangue']); ?>
+                                </select>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
 
-			<td width="10%" align="center" > <?= _("Prénoms") ?> </td>
-			<td colspan="3"><INPUT style='font-size:10pt;' class="form-control" TYPE="text" id="prenoms" NAME="prenoms" AUTOCOMPLETE="OFF" ></td>
-		</tr>
+            <div class="col-lg-4">
+                <div class="card border-0 shadow-sm h-100 border-start border-info border-4">
+                    <div class="card-header bg-white py-3 border-bottom border-2 border-primary-light">
+                        <h6 class="mb-0 fw-bold text-primary text-uppercase small"><i class="fas fa-eye me-2"></i><?= _("Visibilité Médicale") ?></h6>
+                    </div>
+                    <div class="card-body p-4">
+                        <div class="mb-4 p-3 bg-light rounded border border-info border-opacity-25">
+                            <label class="form-label small fw-bold text-muted d-block mb-2"><?= _("Libellés des Actes") ?></label>
+                            <select class="form-select border-2 shadow-none" id="actVisibleUser" name="actVisibleUser">
+                                <?php liste_options($user_actVisible, $user_gc['actVisible']); ?>
+                            </select>
+                        </div>
+                        <div class="mb-0 p-3 bg-light rounded border border-info border-opacity-25">
+                            <label class="form-label small fw-bold text-muted d-block mb-2"><?= _("Libellés des Affections") ?></label>
+                            <select class="form-select border-2 shadow-none" id="AffectionVisibleUser" name="AffectionVisibleUser">
+                                <?php liste_options($user_AffectionVisible, $user_gc['AffectionVisible']); ?>
+                            </select>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </form>
+</div>
 
-		<tr> 
-			<td class="required"> <?= _("Login") ?> </td>
-			<td colspan="3"> 
-				<INPUT style='font-size:10pt;text-transform: lowercase;' class="form-control" type="text" id="codeUtilisateur" name="codeUtilisateur" 
-				onChange="this.value=supprimer_espace_string(this.value);" required> 
-			</td>
-
-			<td align="center" class="required"> E-mail </td>
-			<td colspan="3"><INPUT style='font-size:10pt;' class="form-control" TYPE="email" id="email" NAME="email" placeholder="E-mail"  required></td>					
-		</tr>
-
-		<tr> 
-			<td class="required"> <?= _("Téléphone") ?> </td>
-			<td><INPUT style='font-size:10pt;' class="form-control" TYPE="tel" id="telephone" NAME="telephone"  required></td>
-			
-			<td align="center" class="required"> <?= _("Langue") ?> </td>
-			<td>
-				<SELECT style="font-size:10pt;" class="form-select" id="codeLangueUser" NAME="codeLangueUser"  required>
-					<?php liste_options($langue, ""); ?>						
-				</SELECT>						
-			</td>
-
-			<td align="center" class="required"> <?= _("Actes Visibles?") ?> </td>
-			<td width="10%">
-				<SELECT style="font-size:10pt;" class="form-select" id="actVisibleUser" NAME="actVisibleUser"  required>
-					<?php liste_options($user_actVisible, ""); ?>						
-				</SELECT>						
-			</td>
-			
-			<td align="center" class="required"> <?= _("Affections Visibles?") ?> </td>
-			<td width="10%">
-				<SELECT style="font-size:10pt;" class="form-select" id="AffectionVisibleUser" NAME="AffectionVisibleUser"  required>
-					<?php liste_options($user_AffectionVisible, ""); ?>			
-				</SELECT>						
-			</td>
-		</tr>
-		
-		<tr> 
-			<td> <?= _("Mode envoi") ?> </td>
-			<td colspan="3">
-				<SELECT style="font-size:10pt;" class="form-select" id="codeModeEnvoiPass" NAME="codeModeEnvoiPass"  >
-					<?php liste_options($modeenvoipass, $codeModeEnvoiPass, true); ?>			
-				</SELECT>						
-			</td>
-
-			<td align="center">  <?= _("Mode Génération") ?> </td>
-			<td  colspan="3">
-				<SELECT style="font-size:10pt;" class="form-select" id="codeModeGenerationPass" NAME="codeModeGenerationPass" onChange="javascript:ajax_saisir_pass_new_user();"  >
-					<?php liste_options($modegenerationpass, $codeModeGenerationPass, true); ?>	
-					
-				</SELECT>						
-			</td>
-		</tr>
-
-		<tr id="div_passwd"> 
-			<?php if ($codeModeGenerationPass=="0"): ?>
-				<td> <?= _("Mot de passe") ?> </td>
-				<td colspan="3"><INPUT  style='font-size:10pt;' onBlur="controle_longeur_passe(this);" class="form-control" TYPE="password" id="nvmdp" NAME="nvmdp" placeholder="Mot de Passe / Pass Word" required AUTOCOMPLETE="OFF"></td>
-
-				<td align="center"> <?= _("Confirmer MDP") ?> </td>
-				<td colspan="3"><INPUT  style='font-size:10pt;' onBlur="controle_new_pass();" class="form-control" TYPE="password" id="cfnvmdp" NAME="cfnvmdp" placeholder="Confirmation" required AUTOCOMPLETE="OFF"></td>
-			<?php else : ?>
-				<td>
-					<INPUT class="sr-only" TYPE="text" id="nvmdp" NAME="nvmdp">
-					<INPUT class="sr-only" TYPE="text" id="cfnvmdp" NAME="cfnvmdp">
-				</td>
-			<?php endif; ?>
-		</tr>
-
-		<tr> 
-			<td> </td>
-			<td colspan="3"> <input id="btn_enreg" name="btn_enreg"  class = "form-control btn btn-primary" type="button" value="<?= _("Enregistrer") ?>" onClick="javascript:creer_user_gc();" style='font-size:10pt;' > </td>
-
-			<td> </td>
-			<td colspan="3"> <input class = "form-control btn btn-warning" type="button" value="<?= _("Annuler") ?>" onClick="javascript:retour_a_users_gc();" style='font-size:10pt;' > </td>
-		</tr>
-		
-	</tbody>
-</table>	
-
-<div id="div_unicite_login">
-	<INPUT class="sr-only" TYPE="text" id="uniciteLogin" NAME="uniciteLogin" value="0" >
-</div>
\ No newline at end of file
+<style>
+    .header-section.sticky-top {
+        background-color: rgba(255, 255, 255, 0.95);
+        backdrop-filter: blur(10px);
+        box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
+    }
+    .bg-warning-light { background-color: rgba(255, 193, 7, 0.15) !important; }
+    .border-primary-light { border-color: rgba(33, 46, 83, 0.1) !important; }
+    .majuscule { text-transform: uppercase; }
+</style>
\ No newline at end of file