diff --git a/assets/css/contact.css b/assets/css/contact.css
index 581b67017a90b2126c78a5d9d227e07820fa7883..3ddd30776dff4a0291a4c8c3bc86e4001c37ec72 100644
--- a/assets/css/contact.css
+++ b/assets/css/contact.css
@@ -24,13 +24,57 @@ input,
 textarea {
   width: 100%;
   display: block;
-  padding: 0.25rem;
+  /* height: 34px; */
+  padding: 6px 12px;
+  font-size: 14px;
+  line-height: 1.42857143;
   margin-bottom: 1rem;
   box-sizing: border-box; /* Pour avoir les mêmes espaces entre les deux bords */
   font: inherit;
-  color: rgb(61, 58, 58);
+  color: #555;
+  background-color: #fff;
+  background-image: none;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -webkit-transition: border-color ease-in-out 0.15s,
+    -webkit-box-shadow ease-in-out 0.15s;
+  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
+  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
+}
+
+input {
+  height: 34px;
+}
+
+input:focus,
+textarea:focus {
+  /* border-color: #66afe9; */
+  border-color: #66afe9;
+  outline: 0;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
+    0 0 8px rgba(102, 175, 233, 0.6);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
+    0 0 8px rgba(102, 175, 233, 0.6);
 }
 
 button {
   font: inherit;
+  font-size: 16px;
+  font-family: Arial;
+  width: 113px;
+  height: 37px;
+  border-width: 0px;
+  color: #fff;
+  border-color: rgba(0, 98, 204, 1);
+  font-weight: bold;
+  border-radius: 10px;
+  text-shadow: 1px 1px 0px #2f6627;
+  background: rgba(0, 123, 255, 1);
+}
+
+button:hover {
+  background: rgba(0, 105, 217, 1);
 }