{{ block title }} Ta vision des choses (3/6) {{ endblock }}
{{ block content }}

<style>
  .bottom-three {
     margin-bottom: 2cm;
  }

  td.from {
  width: 5%
}
td
{
    text-align: center;
    vertical-align: middle;
}
</style>
     <p style="font-size:24px"; align="justify">
    Nous allons maintenant te poser quelques questions sur ta vision des choses.
         Il n'y a pas de bonnes ou de mauvaises réponses : chacun peut répondre comme il le souhaite.
    </p>

    <p style="font-size:20px"; align="justify">
    Pour chaque question, tu dois choisir une valeur entre 1 - Pas du tout d'accord - à 11 - Totalement d'accord.
        Par exemple, si nous te posons la question "Est-ce que tu aimes partir en vacances ?"
        Tu peux dire que tu es d'accord avec cette proposition en cochant la case 11.
        À l'inverse, si tu n'es pas d'accord, tu peux cocher la case 1.
    </p>

    <p style="font-size:14px"; align="justify">
    Si tu as des questions que tu ne comprends pas, n'hésites pas à poser des questions à la personne responsable pour t'expliquer la question.
    </p>


<p class="bottom-three">

</p>

   <table class="table">
       <tr>
            <th style="width:70%"> </th>
            <td class="from" ; style="font-size:0.4em;">  Pas du tout d'accord </td>
            <td class="from">  </td>
            <td class="from">  </td>
            <td class="from">  </td>
            <td class="from">  </td>
            <td class="from"> </td>
            <td class="from">  </td>
            <td class="from">  </td>
            <td class="from">  </td>
            <td class="from">  </td>
            <td class="from" ; style="font-size:0.4em;"> Totalement d'accord </td>
        </tr>
          <tr>
            <th style="width:70%"> </th>
            <td class="from">  1 </td>
            <td class="from"> 2 </td>
            <td class="from"> 3 </td>
            <td class="from"> 4 </td>
            <td class="from"> 5 </td>
            <td class="from"> 6 </td>
            <td class="from"> 7 </td>
            <td class="from"> 8 </td>
            <td class="from"> 9 </td>
            <td class="from"> 10 </td>
            <td class="from"> 11 </td>
        </tr>
    {{ for field in form }}
        <tr>
            <th style="width:70%">{{ field.label }}</th>
            {{ for choice in field }}
                <td  class="from" >{{ choice }}</td>
            {{ endfor }}
        </tr>
    {{ endfor }}
    </table>

    {{ next_button }}

{{ endblock }}