{% 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 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.VG16_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.VG16_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.VG16_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.VG16_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.VG16_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.VG16_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, Personne A est placée aléatoirement dans un groupe avec <b>15
        autres participants</b>. Le regroupement est anonyme, ce qui signifie qu'aucun des participants
        ne saura l'identité des autres participants avec lesquels il est regroupé.
        <br>
        <br>
        Dans l'expérience, tous les membres du groupe feront simultanément un choix.
        L'expérimentateur enregistrera ces choix. Ensuite, tous les individus seront
        informés des choix faits par les autres membres du groupe et recevront
        de l'argent en fonction de leurs choix. En outre, les membres du groupe
        recevront une petite prime de participation. Supposons qu'aucun des
        individus ne recevra aucune autre somme d’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 sélectionne l'action X, alors tous les individus du groupe gagnent 0 €.</li>
        </ul>
        Par exemple, si Personne A choisit l'action X, Personne A et tous les autres individus qui ont également choisi
        l'action X gagnent 5 €. En revanche, tous les individus qui ont choisi l'action Y gagnent 10 €.
        Notez que tous les individus qui choisissent l'action X gagneront 5 €, quel que soit le
        nombre d'individus du groupe qui choisissent l'action X.
        <br>
        <br>
        Si Personne A choisit l'action Y, Personne A et tous les individus qui ont choisi l'action Y gagnent 10 € si
        au moins un individu du groupe a choisi l'action X, et 0 € si aucun individu du groupe n'a choisi l'action X.
        <br>
        <br>
        Comme les décisions sont prises simultanément, 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 Personne A ni des autres membres du groupe.
        <br>
        <br>
    Les décisions des individus seront déterminées à l'aide d'une <b>urne</b>. Chaque individu recevra sa propre urne et devra
    la remplir avec un total de cinq boules, qui peuvent être vertes ou bleues. Chaque boule bleue représente une
    probabilité de 20 % de choisir X, et chaque boule verte représente une probabilité de 20 % de choisir Y. Si
    un individu veut choisir X à coup sûr, il doit mettre cinq boules bleues dans l'urne. Si un individu veut choisir
    Y à coup sûr, il doit mettre cinq boules vertes dans l'urne. Si un individu veut choisir X avec une certaine
    probabilité, il doit mettre des boules vertes et bleues dans l'urne. Une fois que tous les individus ont
    rempli leur urne, une boule est choisie au hasard dans chaque urne pour déterminer la décision de chaque
    individu. Si la boule choisie est bleue, l'individu choisira l'action X, et si la boule choisie est
    verte, l'individu choisira l'action Y.
        <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 %}