{% 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.VG3_0 label="<span style='font-size:20px;'><b>Personne A sélectionne X avec 0% de chance et Y avec 100% de chance</b></span>"%}

{% formfield player.VG3_2 label="<span style='font-size:20px;'><b>Personne A sélectionne X avec 20% de chance et Y avec 80% de chance</b></span>"%}

{% formfield player.VG3_4 label="<span style='font-size:20px;'><b>Personne A sélectionne X avec 40% de chance et Y avec 60% de chance</b></span>"%}

{% formfield player.VG3_6 label="<span style='font-size:20px;'><b>Personne A sélectionne X avec 60% de chance et Y avec 40% de chance</b></span>"%}

{% formfield player.VG3_8 label="<span style='font-size:20px;'><b>Personne A sélectionne X avec 80% de chance et Y avec 20% de chance</b></span>"%}

{% formfield player.VG3_10 label="<span style='font-size:20px;'><b>Personne A sélectionne X avec 100% de chance et Y avec 0% de chance</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, la Personne A est placée aléatoirement dans un groupe
        avec <b>2 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 argent pour participer à l'expérience.
        <br>
        <br>
        Chaque membre du groupe doit simultanément choisir entre deux actions possibles : <b>action X</b> ou <b>action Y</b>.
        Les actions que les individus choisissent détermineront combien d'argent ils recevront. Les paiements
        que les individus peuvent gagner sont déterminés comme suit :
        <ul>
            <li>Si au moins un membre du groupe sélectionne l'action X, tous les individus qui ont sélectionné l'action Y gagnent 10€, et tous les individus qui ont sélectionné l'action X gagnent 5€.</li>
            <li>Si aucun membre du groupe ne sélectionne l'action X, tous les individus du groupe gagnent 0€.</li>
        </ul>
        Comme les décisions sont prises simultanément, la Personne A ne connaît pas les décisions des autres membres du groupe.
        Les autres membres du groupe ne connaissent pas la décision de la Personne A, ni les décisions des autres individus.
        <br>
        <br>
        Par exemple, si la Personne A sélectionne l'action X, la Personne A et tous les autres individus qui ont également
        sélectionné l'action X gagnent 5€. D'un autre côté, tous les individus qui ont sélectionné l'action Y gagnent
        10€. Si la Personne A sélectionne l'action Y, la Personne A et tous les individus qui ont sélectionné l'action
        Y gagnent 10€ si au moins un individu dans le groupe a sélectionné l'action X, et 0€ si personne dans le groupe
        n'a sélectionné l'action X. Notez que les individus qui sélectionnent l'action X gagneront toujours 5€,
        indépendamment du nombre d'autres individus dans le groupe qui ont également sélectionné l'action X.
        <br>
        <br>
        Les décisions des individus seront prises à l'aide d'une <b>urne</b>.
        Chacun disposera d'une urne personnelle. Chacun devra remplir son urne avec un total de cinq billes (qui peuvent être vertes ou bleues).
        Une bille bleue représente le choix de l'action X, et une bille verte représente le choix de l'action Y.
        Les billes déterminent les choix des individus. Si un individu souhaite choisir X, il doit mettre cinq billes bleues dans l'urne.
        Si un individu souhaite choisir Y, il doit mettre cinq billes vertes dans l'urne.
        Cependant, si un individu souhaite choisir X avec une certaine probabilité, il doit mettre des billes vertes et bleues dans l'urne.
        Chacune des billes bleues représente une probabilité de 20% de choisir X, et chacune des billes vertes représente une probabilité de 20% de choisir Y.
        <br>
        <br>
        Par exemple, si la Personne A met deux billes bleues et trois billes vertes dans l'urne, il choisira X avec une probabilité de 40% et Y avec une probabilité de 60%.
        Une fois que tous les individus auront fini de mettre les billes dans leurs urnes, une bille de chaque urne sera sélectionnée au hasard pour déterminer la décision de chaque individu.
        <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 %}