{% block content %}

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

<div class="tab">

    <p>
        Vous avez ci-dessous une liste des actions possibles disponibles pour la Personne A. Pour chacune des actions, veuillez indiquer si vous pensez que choisir cette action est Très Inappropriée socialement, Inappropriée socialement, Plutôt Inappropriée socialement, Plutôt Appropriée socialement, Appropriée socialement ou Très Appropriée socialement. Rappelez-vous que vous gagnerez de l'argent dans cette tâche (7€) si votre évaluation pour une action sélectionnée au hasard est la même que l'évaluation la plus courante fournie par les autres participants lors de la session d'aujourd'hui.
        <br>
        <br>
         Au cas où vous en auriez besoin, vous pouvez relire la description de la situation en cliquant sur le bouton Instructions situé en bas de la page.

    </p>

{% formfield player.PI_0 label="<span style='font-size:20px;'><b>Personne A place 10€ au Projet 1 et 0€ au Projet 2</b></span>"%}

{% formfield player.PI_2 label="<span style='font-size:20px;'><b>Personne A place 8€ au Projet 1 et 2€ au Projet 2</b></span>"%}

{% formfield player.PI_4 label="<span style='font-size:20px;'><b>Personne A place 6€ au Projet 1 et 4€ au Projet 2</b></span>"%}

{% formfield player.PI_6 label="<span style='font-size:20px;'><b>Personne A place 4€ au Projet 1 et 6€ au Projet 2</b></span>"%}

{% formfield player.PI_8 label="<span style='font-size:20px;'><b>Personne A place 2€ au Projet 1 et 8€ au Projet 2</b></span>"%}

{% formfield player.PI_10 label="<span style='font-size:20px;'><b>Personne A place 0€ au Projet 1 et 10€ au Projet 2</b></span>"%}

    <button type="button" class="btn btn-primary btn-tab" data-offset="1">Instructions</button>
    &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
    &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
    &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
    &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &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>
</div>


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

    <p>
        Dans une étude menée au laboratoire économique, Personne A est placée aléatoirement dans un groupe avec
        <b>3 autres participants</b>. Le regroupement est anonyme, ce qui signifie qu'aucun des participants ne saura
        jamais l'identité des autres participants avec lesquels il ou elle est regroupé.
        <br>
        <br>
        Dans l'expérience, tous les membres du groupe feront simultanément un choix et l'expérimentateur enregistrera
        ce choix. Ensuite, toutes les personnes seront informées des choix faits par les autres membres du groupe et
        seront payées en fonction des choix faits par les individus du groupe, ainsi qu'une petite prime
        de participation. Supposons qu'aucun des individus ne recevra d'autre paiement pour participer à l'expérience.
        <br>
        <br>
        Chaque membre du groupe reçoit 10€ et doit choisir comment diviser ses 10€ entre le <b>Projet 1</b> et le <b>Projet 2</b>.
        Chaque membre du groupe peut placer 0€, 2€, 4€, 6€, 8€ ou 10€ dans le Projet 1. Le reste est placé automatiquement dans le
        Projet 2. Les décisions prises par les individus du groupe détermineront combien d'argent ils recevront.
        Les paiements que les individus peuvent obtenir sont déterminés comme suit :
         <ul>
            <li>Chaque 1€ placé par un individu dans le Projet 1 génère un retour en espèces total de 1€ pour cet individu (et uniquement pour cet individu).</li>
            <li>Chaque 1€ placé par un individu dans le Projet 2 génère un retour en espèces total de 0.80€ qui est ensuite divisé également entre tous les membres du groupe.</li>
        </ul>
        Le <b>total des gains</b> pour chaque individu est calculé en ajoutant ses gains du Projet 1 à ses gains du Projet 2.
        Par exemple, les gains de la Personne A seraient le montant d'argent qu'il ou elle place dans le Projet 1, plus
        la part des retours générés par tout l'argent que la Personne A et les autres membres du groupe placent dans
        le Projet 2. Les individus prennent leurs décisions simultanément, et cette décision déterminera combien
        d'argent chaque individu recevra en privé et en espèces à la fin de l'expérience.
        <br>
        <br>
        Par exemple, la Personne A pourrait placer 2€ dans le Projet 1 et 8€ dans le Projet 2.
        Cela donnerait à la Personne A (2€ x 1) = 2€ du Projet 1 et (8€ x 0.80/4) = 1.60€ du Projet 2.
        La Personne A pourrait également placer 8€ dans le Projet 1 et 2€ dans le Projet 2, ce qui lui donnerait (8€ x 1) = 8€
        du Projet 1 et (2€ x 0.80/4) = 0.40€ du Projet 2. De plus, la Personne A gagne (0.80€/4) = 0.20€ pour chaque
        1€ placé dans le Projet 2 par les autres membres du groupe.
        <br>
        <br>
        Comme les décisions sont prises simultanément, la Personne A ne connaît pas les décisions des autres
        membres et les autres membres du groupe ne connaissent pas les décisions de la Personne A ni des autres membres du groupe.
        <br>
        <br>
    </p>
    &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
    &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
    &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
    &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
    &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &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 type="button" class="btn btn-primary btn-tab" data-offset="-1">Retour</button>
    </div>


<script>

    let activeTab = 0;

    function showCurrentTabOnly() {
        let tabIndex = 0;
        for (let tab of document.getElementsByClassName('tab')) {
            tab.style.display = tabIndex === activeTab ? 'block' : 'none';
            tabIndex++;
        }
    }

    showCurrentTabOnly();
    for (let btn of document.getElementsByClassName('btn-tab')) {
        btn.onclick = function () {
            activeTab += parseInt(btn.dataset.offset);
            showCurrentTabOnly();
            scroll_Top()
        }
    }
    function scroll_Top() {
        window.scrollTo(0,0)
    }
</script>


{% endblock %}