diff --git a/pages/login.html b/pages/login.html
index bd95c86..cc68cfe 100644
--- a/pages/login.html
+++ b/pages/login.html
@@ -1,13 +1,32 @@
-
+
- Wiki Fantasy : Login
-
+ Wiki Fantasy : Connexion
+
- Login
+ ▶ Connexion ◀
+
+
+
Identifiant *
+
+
+
Mot de passe *
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/styles/styleLogin.css b/styles/styleLogin.css
index 632fdaf..f57cfe8 100644
--- a/styles/styleLogin.css
+++ b/styles/styleLogin.css
@@ -2,7 +2,59 @@ body{
background-color: #120b1d ;
}
+h1{
+ color : white;
+ font-family: Lemon;
+ text-align: center;
+ font-size: 32px;
+}
+
p{
color : white;
- font-family: lemon;
-}
\ No newline at end of file
+ font-size: 20px;
+ font-family: Lemon;
+}
+
+.login{
+ background-color: black;
+ width: 30%;
+ margin-left: 33%;
+ margin-top: 3%;
+ border-radius: 25px;
+ padding: 2%;
+}
+
+.connexion{
+ width:90%;
+ height: 40px;
+ padding-left: 3%;
+ margin-left: 1%;
+ margin-top: -1%;
+ border-radius: 25px;
+ border: none;
+ font-size: 15px;
+}
+
+
+.createAccount{
+ margin-top: 5%;
+ margin-bottom: 5%;
+ font-size: 13px;
+ text-align: center;
+ color: white;
+}
+
+
+.buttonSudmiteDiv{
+ text-align: center;
+}
+
+.buttonSudmite{
+ background: linear-gradient(90deg, #6100ff 0%, #1b0048 100%);
+ border: none;
+ color: white;
+ padding: 2%;
+ border-radius: 25px;
+ width: 75%;
+ font-size: 20px;
+}