{{ block content }}

<style>
    .otree-body {
        max-width:1350px;
         font-size: 23px;
    }
</style>

<div class="tab">
  <h2> <span style="font-size:28pt">Description de la situation</span> </h2>

    <p>
        Dans une étude menée au laboratoire d'économie, Personne A est jumelée au hasard avec un autre participant,
        Personne B. Le jumelage est anonyme, ce qui signifie qu'aucun des participants ne connaîtra
        l'identité de l'autre participant avec lequel il est jumelé.
        <br>
        <br>
        Dans l'expérience, la Personne A fera un choix, l'expérimentateur enregistrera ce choix,
        puis la Personne B sera informée du choix de la Personne A. Les deux personnes recevront
        de l'argent en fonction du choix effectué par la Personne A. En outre, toutes les deux recevront une petite prime de participation.
        Supposons que ni Personne A ni Personne B ne recevront aucune autre somme d'argent pour participer à l'expérience.
        <br>
        <br>
        L'expérience se compose de <b>deux étapes</b>. Dans la première étape, <b>seulement Personne B</b> participe
        à une tâche pendant 30 minutes. Personne A n'a pas l’opportunité de participer à cette tâche. Lorsque Personne B
        participe à cette étape, elle ne sait pas de l'existence de la deuxième étape.
        <br>
        <br>
        Dans la tâche de la première étape, Personne B est présentée avec plusieurs tables contenant
        uniquement des 1 et des 0. <b>Personne B doit indiquer le nombre de zéros dans chaque table</b>.
        Un exemple de table est fourni ci-dessous.
        </p>
         <div style="text-align: center;">
            <img src="https://i.imgur.com/QItetlG.png" width="700" height="350px" />
         </div>
        <br>
        Pour chaque table où la réponse est correcte, la Personne B gagne 0.50 €. À la fin de cette tâche,
        Personne B a correctement indiqué le nombre de zéros dans 20 tables. Par conséquent, <b>Personne B a gagné (20 x 0.50€ =) 10€</b>.
        <br>
        <br>
        Dans la deuxième étape, <b>Personne A a la possibilité de donner n'importe quel montant des 10€ gagnés par Personne B à Personne B</b>. C'est-à-dire, Personne A peut donner n'importe quel montant
        des 10 €, par incréments de 1 €, à Personne B. Par exemple, Personne A peut décider de
        donner 0 € à Personne B et de garder 10 € pour elle-même. Ou Personne A peut décider
        de donner 10 € à Personne B et de garder 0 € pour elle-même. Personne A peut également
        choisir de donner n'importe quel autre montant entre 0 € et 10 € à Personne B, par
        incréments de 1 €. Ce choix déterminera combien d'argent chaque Personne recevra, en privé et en espèces, à la fin de l'expérience.
        <br>
        <br>
        Vous pouvez trouver un aperçu des actions possibles et des gains correspondants ici:
            <div style="text-align: center;">
             <img src="https://i.imgur.com/Eyu856b.png" width="1400px" height="350px" />
            </div>
        Avant d'évaluer les actions de Personne A, veuillez répondre aux questions de compréhension suivantes.
        <br>
        <br>

    <style>
        /* we use this instead of setting 'disabled' because disabled inputs don't get
        submitted by the form, and therefore the server would complain that the form is missing.
         */
        input {
            pointer-events: none;
        }

        .solution-incorrect {
            color: red;
        }

        .solution-correct {
            color: green;
        }
    </style>

  </div>

    {{ include Constants.FORM_TEMPLATE }}

       Veuillez vous assurer que vous comprenez la situation avant de poursuivre.

        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp
        <button class="btn btn-primary">Suivant</button>


<script>

function toBottom()
    {
    window.scrollTo(0, 1150);
    }
    window.onload=toBottom;
</script>

{{ endblock }}