FORMULAIRE DE CONTACT

{source}

  <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  <style type="text/css">
  label{
    font-weight: bold;
    font-size:15px;
    display: block;
    float: left;
    width: 100%;
    cursor: default;
  }
  .p_label{
    margin-bottom:0px;
    margin-top:0px;
  }
  .r_span{
    color:red;
    margin-left: 0px !important;
    float: none;
  }
  @media screen and (max-width:750px){
    .r_span{
      display: none;
    }
  }
  @media screen and (min-width:960px){
    form{
      margin-left: 20%;
    }
  }
  .grecaptcha-badge {display: none;}
  .envoi{
    padding: 10px;background-color: rgba(176, 39, 123, 0.76);border: rgba(176, 39, 123, 0.76);color: white;font-weight: bold;
  }
  </style>
  <!-- Création du formulaire de contact -->
  <form method="post" target="_parent" action="" id="envoiMail" name="mail">
    <p class="p_label">
      <span><label>Nom et prénom: </label>
        <input type="text" name="nom" style="width: 85%;
        border: 1px solid grey;
        border-radius: 5px;
        background-color: white;" placeholder="Champ obligatiore" required/>
      </span>
    </p>
    <p class="p_label">
      <span><label>Votre poste : </label>
        <input type="text" name="poste" style="width: 85%;
        border: 1px solid grey;
        border-radius: 5px;
        background-color: white;"/>
      </span>
    </p>
    <p class="p_label">
      <span><label>Votre email: </label>
        <input type="email" name="email" style="width: 85%;
        border: 1px solid grey;
        border-radius: 5px;
        background-color: white;" required placeholder="Champ obligatiore"/>
      </span>
    </p>
    <p class="p_label">
      <span><label>Numéro de téléphone: </label>
        <input type="number" name="numero" style="width: 85%;
        border: 1px solid grey;
        border-radius: 5px;
        background-color: white;" required placeholder="Champ obligatiore"/>
      </span>
    </p>
    <p class="p_label">
      <span><label>Votre société: </label>
        <input type="text" name="entreprise" style="width: 85%;
        border: 1px solid grey;
        border-radius: 5px;
        background-color: white;" required placeholder="Champ obligatiore"/>
      </span>
    </p>
    <p class="p_label">
      <span><label>Adresse de la société : </label>
        <input type="text" name="adresse" style="width: 85%;
        border: 1px solid grey;
        border-radius: 5px;
        background-color: white;"/>
      </span>
    </p>
    <p class="p_label">
      <span><label>Nom du Responsable de formation : </label>
        <input type="text" name="responsable" style="width: 85%;
        border: 1px solid grey;
        border-radius: 5px;
        background-color: white;"/>
      </span>
    </p>
    <p class="p_label">
      <span><label>Où souhaitez-vous être formé ? : </label>
        <SELECT name="departement" style="width: 85%;
        border: 1px solid grey;
        border-radius: 5px;
        background-color: white;">
        <option value="Centre de formation Adhara">Centre de formation Adhara</option>
        <option value="Au sein de l'entreprise">Au sein de l'entreprise</option>
        <option value="Pas de préférence">Pas de préférence</option>
      </select>
    </span>
  </p>
  <p>
    <span><label>Formation(s) séléctionnée(s) : </label>
      <!-- on place la variable qui contient les formations ici -->
      <textarea name="formation_selec" rows="5" style="width:85%;height:115px;
      border: 1px solid grey;
      border-radius: 5px;
      background-color: white;"></textarea>
    </span>
  </p>
  <p class="p_label">
    <span><label>Demande de renseignements : </label>
      <textarea name="demande" rows="5" style="width:85%;height: 115px;
      border: 1px solid grey;
      border-radius: 5px;
      background-color: white;" placeholder="Ce champ vous appartient: merci de préciser votre demande"></textarea>
    </span>
  </p>
  <span style="font-size: 14px;"><strong>Conditions d'utilisation:</strong></span>
  <p style="font-size: 14px;">En transmettant ce formulaire, vous acceptez de nous communiquer les données<br/>
    qu'il contient protégées par notre charte de confidentialité et la loi sur la protection des données.</p>
    <span style="font-size:12px;"><input type="checkbox" name="condition" value="condition_ok" required><span style="font-size:15px;">J'accepte les conditions d'utilisation (obligatoire)</span></input></span>
    <br>
    <span style="font-size:12px;"><input type="checkbox" name="offre" value="offre_ok"><span style="font-size:15px;">J'accepte de recevoir les informations provenant du groupe Adhara France</span></input></span>
    <input type="hidden" name="envoi" value="oui"/>
    <input type="hidden" name="vider" value="oui"/>
    <div class="g-recaptcha" data-sitekey="6Lcq-icUAAAAAG_n9C2BfC2SFc6qSAArMoyKwAbh"></div>
    <input type="submit" name="valider" value="Envoyer" class="envoi">
  </form>
{/source}