From 35e13d98396cc309483f3f22bd30d0af43accefe Mon Sep 17 00:00:00 2001
From: "kujiu (@ciredutemps)" <kujiu@kujiu.org>
Date: Wed, 3 Jun 2020 16:11:06 +0200
Subject: [PATCH] =?UTF-8?q?Fix:=20am=C3=A9liore=20le=20formulaire=20de=20c?=
 =?UTF-8?q?ontact?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/collectif/contact.rst | 70 +++++++++++++++++++++++++-----------
 1 file changed, 49 insertions(+), 21 deletions(-)

diff --git a/source/collectif/contact.rst b/source/collectif/contact.rst
index cfceca2..abec15e 100644
--- a/source/collectif/contact.rst
+++ b/source/collectif/contact.rst
@@ -17,10 +17,6 @@ Contact
 
 Une question ? Un besoin particulier ? Dites-le via ce formulaire !
 
-.. raw:: html
-
-   <div class="flexgroup"><div>
-
 Tous les champs sont requis.
 
 .. raw:: html
@@ -28,46 +24,82 @@ Tous les champs sont requis.
    <form action="/submit/" method="GET">
        <main>
            <div class="formctl">
-               <label for="name">Nom</label>
+               <label for="name">
+
+| Nom
+
+.. raw:: html
+
+               </label>
                <input type="text" id="name" name="name" required minlength=5>
                <span class="validity"></span>
            </div>
            <div class="formctl">
-               <label for="email">Adresse de courriel</label>
+               <label for="email">
+
+| Adresse de courriel
+
+.. raw:: html
+
+               </label>
                <input type="email" minlength=5 id="email" name="email" required>
                <span class="validity"></span>
            </div>
            <div class="formctl">
-               <label for="phone">Téléphone (sous la forme +32(0)23198880)</label>
+               <label for="phone">
+
+| Téléphone (sous la forme +32(0)28889342)
+
+.. raw:: html
+
+               </label>
                <input type="text" pattern="[ +()0-9]*" id="phone" name="phone" required>
                <span class="validity"></span>
            </div>
            <div class="formctl">
-               <label for="result">Combien d'éléments dans une douzaine ?</label>
+               <label for="result">
+
+| Combien d'éléments dans une douzaine ?
+
+.. raw:: html
+
+               </label>
                <input type="text" pattern="[0-9]*" id="result" name="result" required>
                <span class="validity"></span>
            </div>
            <div class="formctl">
-               <label for="subject">Objet</label>
+               <label for="subject">
+
+| Objet
+
+.. raw:: html
+
+               </label>
                <input type="text" id="subject" name="subject" required>
                <span class="validity"></span>
            </div>
            <div class="formctl">
-               <label for="message">Votre message</label>
-               <textarea required id="message" name="message" rows="9"></textarea>
+               <label for="message">
+
+| Votre message
+
+.. raw:: html
+
+               </label>
+               <textarea required id="message" name="message" rows="9" maxlength="3000" minlength="10"></textarea>
                <span class="validity"></span>
            </div>
        </main>
        <footer>
-           <button type="submit">Envoyer</button>
-       </footer>
-   </form>
-   </div>
+           <button type="submit">
+
+| Envoyer
 
 .. raw:: html
 
-   </div>
-   <div class="flexgroup">
+           </button>
+       </footer>
+   </form>
 
 Coordonnées
 ~~~~~~~~~~~
@@ -84,7 +116,3 @@ DPO - Responsable GDPR
 | Rue Longue 27 Bte K10
 | 1420 Braine-l'Alleud
 | Belgium
-
-.. raw:: html
-
-   </div>