diff --git a/pages/contact.md b/pages/contact.md
index 201c23a..e1077c8 100644
--- a/pages/contact.md
+++ b/pages/contact.md
@@ -12,10 +12,38 @@ noindex: false
 
 Envoyez-nous un mail à <i class="fa fa-envelope-o"></i> contact at crapaud-fou.org
 
+
 <form method="POST" action="http://formspree.io/shelley@crapaud-fou.org">
-  <input type="email" name="email" placeholder="Votre email">
-  <br>
-  <textarea name="message" placeholder="Votre message"></textarea>
-  <button type="submit">Send</button>
+<div class="contact-form">
+  <input type="email" class="contact-box" name="email" placeholder="Votre email">
+</div>
+
+<div class="contact-form">
+  <textarea class="contact-box" name="message" placeholder="Écrire votre message"></textarea>
+</div>
+
+  <button type="submit" id="contact-button">Send</button>
 </form>
 
+<style>
+
+.contact-form {
+    font-size: .9em;
+    
+    padding-bottom: 15px;   
+}
+
+.contact-box {
+    font-size: .9em;
+    border: 2px solid #90a959;
+    border-radius: 4px;
+    padding-bottom: 15px;
+}
+
+#contact-button{
+background-color:#90a959;
+border-radius: 4px;
+font-size: .9em;
+}
+
+</style>
\ No newline at end of file