Harmonie Sainte Cécile de Bourg de Péage

Not authenticated.Pass :

NOWIKI:
<style>
#formulaire .question textarea { width: 100%; height: 6em; }
#formulaire .question { border: solid 1px lightblue; margin: 8px 0; border-radius: 5px; padding: 0.2em 1em 1em 1em; }
#formulaire p { margin-top: 0.2em; }
#formulaire #questions-nominatives.hidden { display: none }
</style>
<form>
  <div id="formulaire">
    <div class="question">
      <p>Où avez-vous entendu parler de l'École de musique pour la première fois ?</p>
      <textarea></textarea>
    </div>
    <div class="question">
      <p>Décrivez l'École de musique de vos rêves : si vous n'aviez aucune contrainte matérielle ou financière et que vous la dirigiez, qu'en feriez-vous ?</p>
      <textarea></textarea>
    </div>
    <div class="question">
      <p>Quels sont les points forts de l'École de musique ? Par exemple, racontez-nous une fois où l'École de musique vous a apporté quelque chose de positif, où vous avez eu une bonne surprise, ou passé un bon moment.</p>
      <textarea></textarea>
    </div>
    <div class="question">
      <p>Quels sont les points d'amélioration de l'École de musique ? Par exemple, racontez-nous la dernière fois où vous avez eu une expérience négative liée à l'organisation de l'École de musique.</p>
      <textarea></textarea>
    </div>

<button type="button" class="show-q2">Je souhaite aider encore davantage</button>
  <script>
  document.addEventListener('DOMContentLoaded', () => {
    const btnq2 = document.querySelector("button.show-q2");
    const divQ2 = document.querySelector("#questions-nominatives");
    btnq2.addEventListener('click', () => divQ2.classList.toggle('hidden'));
  })
  </script>
  <div id="questions-nominatives" class="hidden">
    <div class="question">
      <p>Nom  <input type="text"></input> <br> Prénom <input type="text"></input></p>
    </div>
    <div class="question">
      <p>Contact (adresse e-mail, adresse postale, numéro de tél…)</p>
      <textarea></textarea>
    </div>
    <div class="question">
      <p>Avez-vous une compétence particulière dont vous seriez prêt / prête à faire profiter l'association bénévolement ?</p>
      <textarea></textarea>
    </div>
    <div class="question">
      <input type="checkbox" /> J'accepte que l'association Harmonie Sainte Cécile collecte et conserve les informations nominatives de ce formulaire pour les motifs expliqués ci-dessus.<br> <small>Nous sommes informés sur <a href="https://www.cnil.fr/sites/default/files/atoms/files/cnil-guide_association.pdf">notre responsabilité</a> en matière de protection des données personnelles. Vos données seront utilisées <b>uniquement</b> dans le cadre des activités musicales et culturelles de l'association (pour vous contacter si nous avons besoin des compétences que vous aurez renseignées). Nous ne les transmettrons <b>en aucun cas</b> à des courtiers en données ou à tout autre tiers que votre vie privée ne regarde pas.<br>Les données sont traitées et conservées en interne (par exemple dans un tableur), mais il se peut que des intermédiaires techniques les voient passer (par exemple, notre fournisseur d'e-mails si le tableur est transmis par e-mail). Ces intermédiaires n'ont pas le droit de fouiller dans ces fichiers. </small>
    </div>
  </div>

<br>
  <button type="button" class="validate">Je m'arrête ici et je valide ma saisie</button>
  </div>

</div>
</form>

IP: 216.73.216.129