{{ block content }}

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

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

    <p>
        Dans une étude menée au laboratoire d'économie, la Personne A est jumelée au hasard avec un autre participant,
        la Personne B. Le jumelage est anonyme, ce qui signifie qu'aucun des participants ne connaîtra
        jamais l'identité de l'autre participant avec lequel il est jumelé.
        <br>
        <br>
        Dans l'expérience, la Personne A et la Personne B feront chacune un choix.
        L'expérimentateur enregistrera ces choix et informera ensuite les deux individus des
        choix effectués par l'autre. Ils recevront un paiement en fonction des choix qu'ils
        ont faits. En outre, tous 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>
        La Personne A doit choisir entre deux actions : <b>action A1</b> et <b>action A2</b>.
        La Personne B doit choisir entre deux actions : <b>action B1</b> et <b>action B2</b>.
        Les individus décident de leurs actions simultanément. Les actions que les
        individus choisissent détermineront combien d'argent la Personne A et la
        Personne B gagneront. Les paiements que les individus peuvent recevoir sont déterminés comme suit :
                <ul>
                    <li>Si la Personne A choisit l'action <b>A1</b> et la Personne B choisit l'action <b>B1</b>, alors la Personne A et la Personne B gagnent 10€ chacun.</li>
                    <li>Si la Personne A choisit l'action <b>A1</b> et la Personne B choisit l'action <b>B2</b>, alors la Personne A gagne 0€ et la Personne B gagne 3€.</li>
                    <li>Si la Personne A choisit l'action <b>A2</b> et la Personne B choisit l'action <b>B1</b>, alors la Personne A gagne 3€ et la Personne B gagne 0€.</li>
                    <li>Si la Personne A choisit l'action <b>A2</b> et la Personne B choisit l'action <b>B2</b>, alors la Personne A et la Personne B gagnent 3€ chacun.</li>
                </ul>
        Comme les décisions sont prises simultanément, la Personne A ne sait pas la décision de la Personne B une fois qu'elle a pris sa décision.
        La Personne B ne sait pas la décision de la Personne A une fois qu'elle a pris sa décision.
        <br>
        <br>
        Vous pouvez trouver un aperçu de la situation ici :
        <br>
        <br>
          <img src="https://i.imgur.com/oqLPtqD.png" width="800" height="520px" />
        <br>
        <br>
        Dans le tableau précédent, les lignes représentent les actions disponibles pour la Personne A, tandis que les colonnes représentent les actions disponibles pour la Personne B. Chaque cellule du tableau affiche les résultats monétaires correspondants pour chaque combinaison d'actions sélectionnées par les deux personnes. Le chiffre bleu dans chaque cellule représente l'argent gagné par la Personne A et le chiffre orange représente l'argent gagné par la Personne B.
        <br>
        <br>
        Avant d'évaluer les actions de la Personne A, répondez 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, 750);
    }
    window.onload=toBottom;
</script>

{{ endblock }}