diff --git a/Vue/Ajaxconnexioncookie/french.php b/Vue/Ajaxconnexioncookie/french.php
index 1932b4e..c18acbb 100755
--- a/Vue/Ajaxconnexioncookie/french.php
+++ b/Vue/Ajaxconnexioncookie/french.php
@@ -1,68 +1,72 @@
-<?php 
-	$maintenance = $societeusersaas['maintenance'];
-	if($maintenance=='1')
-	{
-		$msgErreur = 'Site en maintenance, veuillez vous reconnecter plus tard!';
-	}
+<?php  
+    $maintenance = $societeusersaas['maintenance'];
+    if($maintenance=='1') {
+        $msgErreur = 'Site en maintenance, veuillez vous reconnecter plus tard!';
+    }
 ?>
 
-<span class="login100-form-title" style="font-family: Play-Bold; color:#e5e5e5; margin-top: 5px; margin-bottom:10px;">
-	Portail Assuré
-</span>
+<div class="container py-4" style="max-width: 420px;">
+    
+    <!-- Titre -->
+    <h2 class="text-center mb-3" style="font-family: Play-Bold; color:#e5e5e5;">
+        Portail Assuré
+    </h2>
 
-<?php if (isset($msgErreur) and $msgErreur>" "): ?>
-	<div class="text-center p-t-10">
-		<h4 class="txt3">
-			<div class="col-12 alert alert-danger">
-			  <?= $msgErreur ?>
-			</div>	
-		</h4>
-	</div>
-<?php else: ?>
-	<div class="text-center p-t-10" id="div_msgErreur">
+    <!-- Message d'erreur -->
+    <?php if (isset($msgErreur) && trim($msgErreur) !== ""): ?>
+        <div class="alert alert-danger text-center">
+            <?= $msgErreur ?>
+        </div>
+    <?php else: ?>
+        <div id="div_msgErreur" class="text-center mb-2"></div>
+    <?php endif; ?>
 
-	</div>
-<?php endif; ?>  
+    <?php if($maintenance!='1'): ?>
 
-<?php if($maintenance!='1'): ?>
-	<div class="wrap-input100">
-		<label for="langue">Langue</label>
-		<select class="form-select" id="langue" name="langue"
-				
-				required autocomplete="off" onchange="javascript:changer_langue_connexion();">
-			<?php liste_options($langues, $_SESSION['lang'], true); ?>
-		</select> 
-	</div>
-	
+        <!-- Langue -->
+        <div class="mb-3">
+            <label for="langue" class="form-label">Langue</label>
+            <select class="form-select" id="langue" name="langue" required autocomplete="off"
+                    onchange="changer_langue_connexion();">
+                <?php liste_options($langues, $_SESSION['lang'], true); ?>
+            </select>
+        </div>
 
-	<div class="wrap-input100">
-		<div class="wrap-input100 validate-input" data-validate="Enter Entity">
-			<label for="codeSociete">Entité</label>
-			<input class="input100" type="text" name="codeSociete" id="codeSociete" value="<?= $codeSociete ?>"	
-			placeholder="Entité" style="text-align:center;" required AUTOCOMPLETE="off" 
-			onChange="javascript:changer_entite_portail();" >
-		</div>
-	</div>
+        <!-- Entité -->
+        <div class="mb-3">
+            <label for="codeSociete" class="form-label">Entité</label>
+            <input type="text" class="form-control text-center" name="codeSociete" id="codeSociete"
+                   value="<?= $codeSociete ?>" placeholder="Entité" required autocomplete="off"
+                   onchange="changer_entite_portail();">
+        </div>
 
-	<div id="div_login_portail" class="wrap-input100">
-		<div class="wrap-input100 validate-input" data-validate="Enter username">
-			<label for="login">Identifiant</label>
-			<input class="input100" type="text" name="login" id="login" value="<?= $codeUtilisateur ?>"	placeholder="Identifiant" style="text-align:center;" required AUTOCOMPLETE="off">
-		</div>
-	</div>
+        <!-- Identifiant -->
+        <div class="mb-3">
+            <label for="login" class="form-label">Identifiant</label>
+            <input type="text" class="form-control text-center" name="login" id="login"
+                   value="<?= $codeUtilisateur ?>" placeholder="Identifiant" required autocomplete="off">
+        </div>
 
-	<div class="wrap-input100 validate-input" data-validate="Enter password">
-		<label for="mdp">Mot de passe</label>
-		<input class="input100" type="password" name="mdp" id="mdp" placeholder="Mot de passe" style="text-align:center;" required	AUTOCOMPLETE="off">
-	</div>
+        <!-- Mot de passe -->
+        <div class="mb-3">
+            <label for="mdp" class="form-label">Mot de passe</label>
+            <input type="password" class="form-control text-center" name="mdp" id="mdp"
+                   placeholder="Mot de passe" required autocomplete="off">
+        </div>
 
-	<div class="container-login100-form-btn">
-		<button name="btn_connexion" id="btn_connexion" class="btn login-btn">
-			Connexion
-		</button>
-	</div>
+        <!-- Bouton connexion -->
+        <div class="d-grid mt-4">
+            <button name="btn_connexion" id="btn_connexion" class="btn btn-primary py-2">
+                Connexion
+            </button>
+        </div>
 
-	<div class="footer">
-		Tous droits réservés <a href="https://www.ebene.info/">&copy; EBENE SOLUTIONS INFORMATIQUES</a>
-	</div>
-<?php endif; ?> 
\ No newline at end of file
+        <!-- Footer -->
+        <div class="text-center mt-4 small text-muted">
+            Tous droits réservés 
+            <a href="https://www.ebene.info/" target="_blank">&copy; EBENE SOLUTIONS INFORMATIQUES</a>
+        </div>
+
+    <?php endif; ?>
+
+</div>
\ No newline at end of file