diff --git a/Vue/Ajaxconnexioncookie/index.php b/Vue/Ajaxconnexioncookie/index.php
index e34f0e5..d9f43ae 100755
--- a/Vue/Ajaxconnexioncookie/index.php
+++ b/Vue/Ajaxconnexioncookie/index.php
@@ -33,30 +33,44 @@
 		var_dump($cheminLogo);
 	?>
 
-	<!-- <form class="login100-form validate-form" action="connexion/connecter" method="post" > -->
+	<div class="login-wrapper">
+		<form class="login100-form validate-form" 
+			action="connexion/connecter" 
+			method="post">
 
-	<form class="login100-form validate-form" 
-		action="connexion/connecter" 
-		method="post"
-		style="background-image: url('/Societes/ebene/Logos/logo_societe.png');
-				background-size: cover;
-				background-position: center;
-				background-repeat: no-repeat;">
-
-		<span class="login100-form-logo">
-		
-		</span>
+			<span class="login100-form-logo">
+			</span>
 
 			<?php 
-				if($_SESSION['p_lang'] == "en_US")
-				{ 
+				if($_SESSION['p_lang'] == "en_US") { 
 					require('english.php');
-				}else
-				{
+				} else {
 					require('french.php');
 				}
 			?>
-	 </form>
-
+		</form>
+	</div>
 	 
 </div>
+
+<style>
+/* Conteneur principal avec l'image de fond */
+.login-wrapper {
+    background-image: url('<?= $cheminLogo ?>');
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+    min-height: 100vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+/* Formulaire semi-transparent par-dessus l'image */
+.login100-form {
+    background-color: rgba(255, 255, 255, 0.85); /* blanc semi-transparent */
+    padding: 40px;
+    border-radius: 10px;
+    backdrop-filter: blur(5px); /* flou derrière le formulaire */
+}
+</style>
\ No newline at end of file