diff --git a/src/app/pages/signin/signin.component.html b/src/app/pages/signin/signin.component.html
index cc1a2e3..2fb1852 100644
--- a/src/app/pages/signin/signin.component.html
+++ b/src/app/pages/signin/signin.component.html
@@ -1 +1,27 @@
-<p>signin works!</p>
+<div class="signin-form text-center">
+  <main class="form-signin">
+    <img src="../../../assets/images-header/logo.png"><br>
+      <br><h5>Le bon plan pour manger</h5>
+          <div class="form-floating">
+              <input type="email"
+                      class="form-control"
+                      id="floatingInput"
+                      placeholder=""
+                      name="email">
+              <label for="floatingInput">Adresse email</label>
+          </div>
+          <div class="form-floating">
+              <input type="password"
+                      class="form-control"
+                      id="floatingPassword"
+                      placeholder=""
+                      name="password">
+              <label for="floatingPassword">Mot de passe</label>
+          </div>
+
+          <button type="submit">Connexion</button>
+
+
+  </main>
+</div>
+
diff --git a/src/app/pages/signin/signin.component.scss b/src/app/pages/signin/signin.component.scss
index e69de29..28499b4 100644
--- a/src/app/pages/signin/signin.component.scss
+++ b/src/app/pages/signin/signin.component.scss
@@ -0,0 +1,42 @@
+.signin-form {
+  height: 50vh;
+  width: 80vh;
+  padding-top: 40px;
+  margin-bottom: 40px;
+  background-image: url(../../../assets/fond_signin.png);
+
+}
+
+.form-signin {
+  width: 60%;
+  //max-width: 330px;
+  padding: 15px;
+  margin: auto;
+  background-color: #f0f0f0;
+  border-radius: 15px;
+
+
+
+  input[type="email"] {
+      //margin-top: 10px;
+      //border-bottom-right-radius: 0;
+      //border-bottom-left-radius: 0;
+      border-radius: 10px;
+      margin-bottom: 10px;
+      border-color: red;
+  }
+
+  input[type="password"] {
+      margin-bottom: 10px;
+      //border-top-left-radius: 0;
+      //border-top-right-radius: 0;
+      margin-top: 10px;
+      border-radius: 10px;
+      border-color: red;
+  }
+
+  button{
+    color: white;
+    background-color: red;
+  }
+}