From 8910b77294873bf26f56200ced07b71d97819d09 Mon Sep 17 00:00:00 2001
From: Guillaume <stage1@echoes.solutions>
Date: Wed, 17 Jun 2026 16:54:23 +0200
Subject: [PATCH] =?UTF-8?q?d=C3=A9but=20formulaire?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/css/style_services.css | 23 +++++++++++++++++++++++
 pages/services.html          | 22 ++++++++++++++++++++++
 2 files changed, 45 insertions(+)

diff --git a/pages/css/style_services.css b/pages/css/style_services.css
index 4a1738d..4fe1856 100644
--- a/pages/css/style_services.css
+++ b/pages/css/style_services.css
@@ -146,6 +146,9 @@ p {
     font-size: 25px;
 }
 .table {
+    margin-bottom: 20px;
+    width: 70%;
+    height: auto;
     background-color: dodgerblue;
     border-collapse: collapse;
     font-size: 25px;
@@ -164,3 +167,23 @@ p {
 .padding_left {
     padding-left: 10px;
 }
+#boutton_formulaire {
+    width: 100%;
+    display: flex;
+    justify-content: space-around;
+    flex-direction: row;
+    margin-left: auto;
+    align-items: center;
+}
+.formulaire {
+    padding: 10px;
+    width: 20%;
+    height: auto;
+    border: solid;
+    display: flex;
+}
+.center {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+}
diff --git a/pages/services.html b/pages/services.html
index f991370..34703c6 100644
--- a/pages/services.html
+++ b/pages/services.html
@@ -48,5 +48,27 @@
             </tr>
         </table>
         </div>
+        <div class="center">
+        <div class="formulaire">
+        <form action="" method="post">Si vous avez des suggestions :</form>
+        <ul>
+            <li>
+              <label for="name">Nom&nbsp;:</label>
+              <input type="text" placeholder="Dupond" id="name" name="user_name" />
+            </li>
+            <li>
+              <label for="mail">E-mail&nbsp;:</label>
+              <input type="email" placeholder="dupondrichard@gmail.com" id="mail" name="user_mail" />
+            </li>
+            <li>
+              <label for="msg">Message&nbsp;:</label>
+              <textarea id="msg" placeholder="Je pense qu'il faudrait..." name="user_message"></textarea>
+            </li>
+            <div id="boutton_formulaire">
+              <button type="submit">Envoyer le message</button>
+            </div>
+          </ul>
+        </div>
+        </div>
     </body>
 </html>