diff --git a/.idea/dataSources.xml b/.idea/dataSources.xml
index 9156fa5..5b75a08 100644
--- a/.idea/dataSources.xml
+++ b/.idea/dataSources.xml
@@ -1,33 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="DataSourceManagerImpl" format="xml" multifile-model="true">
-<<<<<<< HEAD
-    <data-source source="LOCAL" name="@172.20.96.1" uuid="76621fd2-6622-4f8e-a632-d7b7602e0afe">
+    <data-source source="LOCAL" name="HegreEtConfort@172.20.96.1" uuid="7dfccb0e-433e-4f42-b6ce-6362f7e2187a">
       <driver-ref>postgresql</driver-ref>
       <synchronize>true</synchronize>
       <jdbc-driver>org.postgresql.Driver</jdbc-driver>
-      <jdbc-url>jdbc:postgresql://172.20.96.1:5432/</jdbc-url>
-      <working-dir>$ProjectFileDir$</working-dir>
-    </data-source>
-    <data-source source="LOCAL" name="hegreconfort@127.0.0.1" uuid="a0219ca4-02a7-456a-bf02-9b3234ed346b">
-      <driver-ref>mariadb</driver-ref>
-      <synchronize>true</synchronize>
-      <jdbc-driver>org.mariadb.jdbc.Driver</jdbc-driver>
-      <jdbc-url>jdbc:mariadb://127.0.0.1:3306/hegreconfort</jdbc-url>
-=======
-    <data-source source="LOCAL" name="chauffageproj@172.20.96.1" uuid="6554e332-842b-41d7-a021-08782c7b72bb">
-      <driver-ref>postgresql</driver-ref>
-      <synchronize>true</synchronize>
-      <jdbc-driver>org.postgresql.Driver</jdbc-driver>
-      <jdbc-url>jdbc:postgresql://172.20.96.1:5432/chauffageproj</jdbc-url>
-      <working-dir>$ProjectFileDir$</working-dir>
-    </data-source>
-    <data-source source="LOCAL" name="chauffageproj@172.20.96.1 [2]" uuid="a446f2ca-1dfc-459a-97f5-eda71fd74aa2">
-      <driver-ref>postgresql</driver-ref>
-      <synchronize>true</synchronize>
-      <jdbc-driver>org.postgresql.Driver</jdbc-driver>
-      <jdbc-url>jdbc:postgresql://172.20.96.1:5432/chauffageproj</jdbc-url>
->>>>>>> ee236ff74aaac1882a825817d5ce8f692d3bdd0f
+      <jdbc-url>jdbc:postgresql://172.20.96.1:5432/HegreEtConfort</jdbc-url>
       <working-dir>$ProjectFileDir$</working-dir>
     </data-source>
   </component>
diff --git a/assets/styles/css/login.css b/assets/styles/css/login.css
index 2b86d9d..c8fb87d 100644
--- a/assets/styles/css/login.css
+++ b/assets/styles/css/login.css
@@ -1,67 +1,87 @@
 body {
-    width: 1500px;
-    height: 1000px;
-
-    background: linear-gradient(#A0C2C8, #A6CD9E);
+    background: url("../image/fond.png") center center / cover no-repeat;
 }
 
 .logo {
     position: absolute;
-    margin: -3% 0 0 1%;
-    height: 30%;
+    margin: 0.5% 0 0 43.5%;
+    height: 25%;
 }
 
-.titre {        /*pas fini*/
-    margin: 4% 10% 0 25%;
-    font-weight: 50;
-    font-size: 450%;
-}
 
-.background {
+.titre {
     position: absolute;
-    width: 50%;
-    height: 50%;
-    left: 25%;
-    top: 25%;
-
-    background: rgba(36, 60, 64, 0.7);
+    color: white;
+    margin: 15% 0 0 38%;
 }
 
 
-.logoEmail {
+.logoProfile {
     position: absolute;
-    margin: 6.5% 0 0 31%;
-    height: 12%;
-    background: #243C40;
+    border-radius: 10%;
+    margin: 20% 0 0 36%;
+    height: 10%;
 }
-.email {
-    position: absolute;
-    margin: 7% 0 0 37.5%;
-    width: 30%;
-    height: 9.5%;
-    background-color: #f0f0f0;
-}
-
 .logoPassword {
     position: absolute;
-    margin: 16.5% 0 0 31%;
-    height: 12%;
-    background: #243C40;
+    border-radius: 10%;
+    margin: 27% 0 0 36%;
+    height: 10%;
+}
+.profile {
+    position: absolute;
+    border-radius: 2%;
+    margin: 20% 0 0 42%;
+    width: 22%;
+    height: 5%;
 }
 .password {
     position: absolute;
-    margin: 17% 0 0 37.5%;
-    width: 30%;
-    height: 9.5%;
-    background-color: #f0f0f0;
+    border-radius: 2%;
+    margin: 27% 0 0 42%;
+    width: 22%;
+    height: 5%;
 }
 
-/*forgot password*/
+
 .forgot {
     position: absolute;
-    margin: 23.5% 0 0 42.5%;
-    font-size: 130%;
-    color: #f0f0f0;
+    font-style: italic;
+    margin: 30% 0 0 52%;
+    font-size: 100%;
+    color: white;
+}
+#remember {
+    position: absolute;
+    margin: 33% 0 0 38%;
+    font-size: 100%;
+    color: white;
+}
+.remember {
+    position: absolute;
+    margin: 32.7% 0 0 39.5%;
+    font-size: 100%;
+    color: white;
+}
+.login {
+    position: absolute;
+    margin: 37.5% 0 0 36.6%;
+    width: 27%;
+    background-color: #243C40;
+    color: white;
 }
 
 
+.background {
+    position: absolute;
+    box-shadow: 0 0 30px 1px black;
+    border-radius: 10%;
+    opacity: 85%;
+
+    margin: 7% 0 0 35%;
+    width: 30%;
+    height: 75%;
+
+
+    background: #243C40;
+}
\ No newline at end of file
diff --git a/assets/styles/image/fond.png b/assets/styles/image/fond.png
new file mode 100644
index 0000000..fd4e838
Binary files /dev/null and b/assets/styles/image/fond.png differ
diff --git a/assets/styles/image/2.png b/assets/styles/image/password.png
similarity index 100%
rename from assets/styles/image/2.png
rename to assets/styles/image/password.png
diff --git a/assets/styles/image/1.png b/assets/styles/image/profile.png
similarity index 100%
rename from assets/styles/image/1.png
rename to assets/styles/image/profile.png
diff --git a/templates/login/index.html.twig b/templates/login/index.html.twig
index 08c8f2d..86898e2 100644
--- a/templates/login/index.html.twig
+++ b/templates/login/index.html.twig
@@ -2,30 +2,40 @@
 <html lang="fr, en">
 <head>
     <meta charset="UTF-8">
-    <title>{% block title %}Authentification{% endblock %}</title>
-    <link href="{{ asset('styles/css/authentification.css') }}" rel='stylesheet'>
-    <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+    <title>Authentification</title>
+    <link href="{{ asset('styles/css/login.css') }}" rel='stylesheet'>
+    <link rel="icon"
+          href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
+          integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+
     {% block stylesheets %}
     {% endblock %}
 </head>
 <body>
+<div class="col">
+    <section>
+        <div class="background"></div>
 
-<div class="row" id="xxx">
-    <div class="col-2"><img class="logo" src="{{ asset('styles/image/LogoHegreConfort_SansFond.png') }}" alt="Logo Hegre et Confort"></div>
-    <div class="col-10"><h1 class="titre">D'HEGRE ET CONFORT</h1></div>
+        <img class="logo" src="{{ asset('styles/image/LogoHegreConfort_SansFond.png') }}" alt="Logo Hegre et Confort">
+        <h1 class="titre">D'Hegre Et Confort</h1>
+
+        <img class="logoProfile" src="{{ asset('styles/image/profile.png') }}" alt="Logo Profil">
+        <img class="logoPassword" src="{{ asset('styles/image/password.png') }}" alt="Logo Password">
+        <label>
+            <input class="profile" type="email" placeholder="Adresse mail">
+            <input class="password" type="password" placeholder="Mot de passe">
+            <input type="checkbox" id="remember">
+            <label class="remember" for="remember">Se souvenir de moi</label>
+        </label>
+
+        <button class="login"> Connexion </button>
+
+        <p class="forgot"> Mot de passe oublié ?</p>
+    </section>
 </div>
-
-<section>
-    <div class="background"></div>
-
-    <img class="logoEmail" src="{{ asset('styles/image/1.png') }}">
-    <input class="email" type="email" placeholder="Adresse mail">
-
-    <img class="logoPassword" src="{{ asset('styles/image/2.png') }}">
-    <input class="password" type="password" placeholder="Mot de passe">
-</section>
-
-<p class="forgot"> Mot de passe oublié ?</p>
 </body>
 </html>