diff --git a/Vue/Nouveluserrh/index.php b/Vue/Nouveluserrh/index.php
index 2866c620..e732893d 100755
--- a/Vue/Nouveluserrh/index.php
+++ b/Vue/Nouveluserrh/index.php
@@ -1,99 +1,162 @@
 <?php 
+    $this->titre = "INTER SANTE - Nouvel Utilisateur Portail RH"; 
     $idClient    = $_SESSION['idClient_C'];
     $nomClient   = $_SESSION['nomClient_C'];
     
     $codeModeGenerationPass     = $paramsgenerationpass['codeModeGenerationPass'];
     $codeModeEnvoiPass          = $paramsgenerationpass['codeModeEnvoiPass'];
 ?>
-<input class="sr-only" id="nomForm" name="nomForm" 	type="text" 	value= "nouveluserrh" >
-<input class="sr-only" id="actVisibleUser" name="actVisibleUser" 	type="text" 	value= "0" >
-<input class="sr-only" id="AffectionVisible" name="AffectionVisible" 	type="text" 	value= "0" >
 
-<legend> <?= _("Nouvel Utilisateur du client ") . " : " . $nomClient ?> </legend>
+<input class="sr-only" id="nomForm" name="nomForm" type="text" value="nouveluserrh">
 
-<table class="table table-responsive table-condensed" style='font-size:10pt;'>
-	<tbody>	
-		<tr> 
-			<td width="10%" class="required"> <?= _("Nom") ?> </td>
-			<td width="40%" ><INPUT style='font-size:10pt;' class="form-control" TYPE="text" id="nom" NAME="nom" required autofocus AUTOCOMPLETE="OFF"></td>
+<div id="div_liste" class="container-fluid" style="padding-top: 15px;">
+    
+    <h1 class="text-primary" style="margin-bottom: 20px;">
+        <span class="glyphicon glyphicon-plus-sign" style="margin-right: 10px;"></span> 
+        <?= _("Nouvel Utilisateur") ?>
+    </h1>
 
-			<td width="10%" align="center" class="required"> <?= _("Prénoms") ?> </td>
-			<td colspan="3" ><INPUT style='font-size:10pt;' class="form-control" TYPE="text" id="prenoms" NAME="prenoms" required AUTOCOMPLETE="OFF"></td>
-		</tr>
+    <div class="panel panel-default" style="border-radius: 4px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);">
+        
+        <div class="panel-heading" style="background-color: #fff; padding: 15px;">
+            <h4 class="panel-title" style="font-weight: bold;">
+                <span style="color: #999; font-weight: normal;"><?= $nomClient ?></span>
+            </h4>
+        </div>
 
-		<tr> 
-			<td> <?= _("Profil") ?> </td>
-			<td>
-				<SELECT style="font-size:10pt;" class="form-control" id="codeProfil" NAME="codeProfil" autofocus >
-					<?php liste_options($user_profil,""); ?>						
-				</SELECT>	
-			</td>
+        <div class="panel-body">
+            <form id="form_new_user">
+                
+                <div class="row">
+                    <div class="col-xs-12">
+                        <h5 class="text-success" style="text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 15px;">
+                            <span class="glyphicon glyphicon-user" style="margin-right: 8px;"></span><?= _("Identité & Connexion") ?>
+                        </h5>
+                    </div>
+                    
+                    <div class="col-md-6">
+                        <div class="form-group">
+                            <label class="control-label small required" style="text-transform: uppercase; font-size: 11px;"><?= _("Nom de famille") ?></label>
+                            <input type="text" id="nom" name="nom" class="form-control" required autocomplete="off" autofocus>
+                        </div>
+                    </div>
+                    
+                    <div class="col-md-6">
+                        <div class="form-group">
+                            <label class="control-label small" style="text-transform: uppercase; font-size: 11px;"><?= _("Prénoms") ?></label>
+                            <input type="text" id="prenoms" name="prenoms" class="form-control" autocomplete="off">
+                        </div>
+                    </div>
 
-			<td align="center"> <?= _("Login") ?> </td>
-			<td> 
-				<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);"> 
-			</td>
+                    <div class="col-md-6">
+                        <div class="form-group">
+                            <label class="control-label small required" style="text-transform: uppercase; font-size: 11px;"><?= _("Login (Identifiant)") ?></label>
+                            <div class="input-group">
+                                <span class="input-group-addon">@</span>
+                                <input type="text" id="codeUtilisateur" name="codeUtilisateur" 
+                                       class="form-control" style="text-transform: lowercase;"
+                                       onChange="this.value=supprimer_espace_string(this.value);" required>
+                            </div>
+                            <div id="div_unicite_login" style="margin-top: 5px;">
+                                <input type="hidden" id="uniciteLogin" name="uniciteLogin" value="0">
+                            </div>
+                        </div>
+                    </div>
 
-			<td align="center" class="required"> <?= _("Langue") ?> </td>
-			<td>
-				<SELECT style="font-size:10pt;" class="form-control" id="codeLangueUser" NAME="codeLangueUser" required >
-					<?php liste_options($langue, ""); ?>						
-				</SELECT>						
-			</td>
+                    <div class="col-md-6">
+                        <div class="form-group">
+                            <label class="control-label small required" style="text-transform: uppercase; font-size: 11px;"><?= _("E-mail") ?></label>
+                            <input type="email" id="email" name="email" class="form-control" placeholder="exemple@domaine.com" required>
+                        </div>
+                    </div>
+                </div>
 
-        </tr>	
+                <div class="row" style="margin-top: 15px;">
+                    <div class="col-xs-12">
+                        <h5 class="text-success" style="text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 15px;">
+                            <span class="glyphicon glyphicon-eye-open" style="margin-right: 8px;"></span><?= _("Profil & Préférences") ?>
+                        </h5>
+                    </div>
 
-		<tr> 
-			<td class="required"> <?= _("Portable") ?> </td>
-			<td><INPUT style='font-size:10pt;' class="form-control" TYPE="tel" id="telephone" NAME="telephone"  AUTOCOMPLETE="OFF" required></td>
+                    <div class="col-md-4">
+                        <div class="form-group">
+                            <label class="control-label small required" style="text-transform: uppercase; font-size: 11px;"><?= _("Téléphone") ?></label>
+                            <input type="tel" id="telephone" name="telephone" class="form-control" required>
+                        </div>
+                    </div>
 
-			<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"  AUTOCOMPLETE="OFF" required></td>					
-		</tr>
+                    <div class="col-md-4">
+                        <div class="form-group">
+                            <label class="control-label small required" style="text-transform: uppercase; font-size: 11px;"><?= _("Langue") ?></label>
+                            <select class="form-control" id="codeLangueUser" name="codeLangueUser" required>
+                                <?php liste_options($langue, ""); ?>
+                            </select>
+                        </div>
+                    </div>
 
-		<tr> 
-            <td> <?= _("Mode envoi") ?> </td>
-			<td>
-				<SELECT style="font-size:10pt;" class="form-control" id="codeModeEnvoiPass" NAME="codeModeEnvoiPass"  >
-					<?php liste_options($modeenvoipass, $codeModeEnvoiPass, true); ?>			
-				</SELECT>						
-			</td>
+                    <div class="col-md-4">
+                        <div class="form-group">
+                            <label class="control-label small required" style="text-transform: uppercase; font-size: 11px;"><?= _("Profil / Rôle") ?></label>
+                            <select class="form-control" id="codeProfil" name="codeProfil" required style="font-weight: bold; border-color: #d6e9c6;">
+                                <?php liste_options($user_profil, ""); ?>
+                            </select>
+                        </div>
+                    </div>
+                </div>
 
-			<td align="center">  <?= _("Mode Génération") ?> </td>
-			<td colspan="3">
-				<SELECT style="font-size:10pt;" class="form-control" id="codeModeGenerationPass" NAME="codeModeGenerationPass" onChange="javascript:ajax_saisir_pass_new_user();"  >
-					<?php liste_options($modegenerationpass, $codeModeGenerationPass, true); ?>	
-				</SELECT>						
-			</td>
-		</tr>
+                <div class="well" style="margin-top: 20px; border-radius: 4px; background-color: #fcfcfc; border: 1px solid #e3e3e3;">
+                    <div class="row">
+                        <div class="col-md-6">
+                            <div class="form-group">
+                                <label class="control-label small" style="text-transform: uppercase; font-size: 11px;"><?= _("Mode d'envoi du mot de passe") ?></label>
+                                <select class="form-control" id="codeModeEnvoiPass" name="codeModeEnvoiPass">
+                                    <?php liste_options($modeenvoipass, $codeModeEnvoiPass, true); ?>
+                                </select>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="form-group">
+                                <label class="control-label small" style="text-transform: uppercase; font-size: 11px;"><?= _("Mode de génération") ?></label>
+                                <select class="form-control" id="codeModeGenerationPass" name="codeModeGenerationPass" onChange="ajax_saisir_pass_new_user();">
+                                    <?php liste_options($modegenerationpass, $codeModeGenerationPass, true); ?>
+                                </select>
+                            </div>
+                        </div>
+                    </div>
+                    <div id="div_passwd" style="margin-top: 10px;">
+                        <?php require __DIR__ . '/../Ajaxsaisirpassnewuser/index.php'; ?>
+                    </div>
+                </div>
 
-		<tr id="div_passwd"> 
-			<?php if ($codeModeGenerationPass=="0"): ?>
-					<td class="required"> <?= _("Mot de passe") ?> </td>
-					<td><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>
+                <div class="row" style="margin-top: 25px; padding-bottom: 10px;">
+                    <div class="col-xs-12 text-right">
+                        <button type="button" class="btn btn-default" style="font-weight: bold; padding: 8px 25px; margin-right: 10px;" onClick="retour_a_users_rh_client();">
+                            <span class="glyphicon glyphicon-remove" style="margin-right: 5px;"></span><?= _("Annuler") ?>
+                        </button>
+                        <button type="button" id="btn_enreg" class="btn btn-success" style="font-weight: bold; padding: 8px 35px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);" onClick="creer_user_rh_client();">
+                            <span class="glyphicon glyphicon-ok-circle" style="margin-right: 5px;"></span><?= _("Créer le compte") ?>
+                        </button>
+                    </div>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
 
-					<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 > <input id="btn_enreg" name="btn_enreg"  class = "form-control btn btn-primary" type="button" value="<?= _("Enregistrer") ?>" onClick="javascript:creer_user_rh_client();" 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_rh_client();" 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>
+    /* Simulation des utilitaires manquants en BS3 */
+    .required:after { content: " *"; color: #a94442; }
+    
+    .form-control:focus {
+        border-color: #3c763d;
+        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(60, 118, 61, 0.3);
+    }
+    
+    /* Animation FadeIn simple */
+    #div_liste {
+        animation: fadeIn 0.4s ease;
+    }
+    @keyframes fadeIn {
+        from { opacity: 0; } to { opacity: 1; }
+    }
+</style>
\ No newline at end of file