diff --git a/assets/css/contact.css b/assets/css/contact.css
index 4bdeb8f1ccc41ca179c2eba650196bb4b54899ef..895e50c2b3144fa4db601707c9511bb8e048f972 100644
--- a/assets/css/contact.css
+++ b/assets/css/contact.css
@@ -1,7 +1,28 @@
-body {
+/* body {
   background: linear-gradient(30deg, rgb(252, 233, 233), rgb(195, 189, 189));
-}
+} */
 
 header {
   position: static;
+  background: linear-gradient(30deg, rgb(252, 233, 233), rgb(195, 189, 189));
+}
+
+main {
+  width: 30rem;
+  margin: 3rem auto;
+}
+
+form {
+  background-color: rgb(255, 255, 255);
+  padding: 1rem;
+  border-radius: 6px;
+}
+
+input,
+textarea {
+  width: 100%;
+  display: block;
+  padding: 5px;
+  margin-bottom: 1rem;
+  box-sizing: border-box; /* Pour avoir les mêmes espaces entre les deux bords */
 }
diff --git a/contact.html b/contact.html
index a42cd825370f6be8398c4b67f81adfd10843bc48..a5074e650622501e3890908441d626bfb3180c66 100644
--- a/contact.html
+++ b/contact.html
@@ -24,7 +24,26 @@
         </ul>
       </nav>
     </header>
-    <main></main>
+    <main>
+      <h1>Contactez-moi</h1>
+      <form action="">
+        <input type="text" name="user-name" id="surname" placeholder="Prénom" />
+
+        <input type="email" id="email" name="user-email" placeholder="email" />
+
+        <input type="number" id="phone-number" name="user-number"""
+        placeholder="Numéro de telephone" />
+
+        <textarea
+          name=""
+          id=""
+          cols="30"
+          rows="10"
+          placeholder="Rédiger votre message"
+        ></textarea>
+        <button>Soumettre</button>
+      </form>
+    </main>
     <footer>
       <ul>
         <li>