{{ block title }}
Instructions Tâche 1
{{ endblock }}
{{ block content }}

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

<div class="tab">
       <p>
           Bienvenue à la première tâche !
           <br>
          <br>
           Dans cette tâche, vous lirez la description de sept situations différentes. Dans chaque situation, il y a un individu (Personne A) qui doit décider entre plusieurs actions possibles.
          <br>
          <br>
            Après avoir lu la description de la situation, on vous demandera d'évaluer les différentes actions possibles pour Personne A
           et de décider, pour chacune des actions possibles, si choisir cette action serait "socialement appropriée" et "conforme à ce
           que la plupart des gens s’attendraient de Personne A" ou "socialement inappropriée" et "incompatible avec ce que
           la plupart des gens s’attendraient de Personne A". Par "socialement approprié", nous entendons un comportement
           que la plupart des gens considèrent comme la chose "correcte" à faire et que la plupart des gens s'attendent à
           ce que Personne A fasse. Une autre façon de comprendre ce que nous voulons dire, est la suivante : si Personne
           A choisissait une action socialement inappropriée, quelqu'un d'autre pourrait être en colère contre elle pour l’avoir fait.
          <br>
          <br>
          Dans cette tâche, vous pouvez gagner 7 €. Votre paiement dans cette tâche dépendra de vos réponses, des réponses des autres participants et du hasard.
           <br>
           <br>
            Votre paiement pour cette tâche est déterminé comme suit : à la fin de l'étude, nous choisirons au hasard
           l'une des sept situations que vous avez lues. Pour cette situation, nous choisirons au
           hasard une des actions possibles de Personne A. Pour l'action choisie, nous déterminerons
           quelle réponse a été donnée par le plus grand nombre de participants à cette session.
           <b>Si vous donnez la même réponse que celle donnée le plus souvent par les autres participants,
           vous recevrez 7 €</b>. Dans le cas contraire, vous ne recevrez aucun paiement pour cette tâche.
          <br>
          <br>
           Remarque : Comme vous ne saurez pas quelle action sera choisie pour déterminer votre paiement avant la fin de l'étude, veuillez lire attentivement toutes les situations. N'importe quelle action pourrait être choisie pour déterminer votre paiement.
          <br>
          <br>
           Pour vous aider à comprendre comment les différentes actions peuvent être évaluées et comment votre paiement sera calculé, nous allons vous donner un exemple.
       </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
        <button type="button" class="btn btn-primary btn-tab" data-offset="1">Suivant</button>
    </p>
</div>
<div class="tab">
      <h2> <span style="font-size:18pt">Exemple de situation</span> </h2>
      <p>

         Personne A est assise dans une cafétéria près de l'université. Personne A remarque qu'une autre Personne
          a laissé son portefeuille sur la table. Personne A doit décider ce qu'elle doit faire.
          Personne A doit choisir parmi quatre actions possibles:
          <br>
                <ul>
                    <li>Prendre le portefeuille et le garder.</li>
                    <li>Demander aux autres clients si le portefeuille appartient à l'un d'entre eux.</li>
                    <li>Laisser le portefeuille là.</li>
                    <li>Donner le portefeuille au gérant de la cafétéria.</li>
                </ul>
        S'il s'agissait de l'une des situations de cette étude, vous envisageriez chacune des actions possibles
        ci-dessus et, pour chaque action, vous indiqueriez dans quelle mesure vous pensez que choisir cette action serait
        "socialement appropriée" et "conforme à ce que la plupart des gens s’attendraient de Personne A" ou
        "socialement inappropriée" et "incompatible avec ce que la plupart des gens s’attendraient de Personne A".
          <br>
          <br>
            Vous pouvez choisir parmi une échelle à six points
            <br>
                <ul>
                    <li>Très Socialement Inapproprié</li>
                    <li>Socialement Inapproprié</li>
                    <li>Plutôt Socialement Inapproprié</li>
                    <li>Plutôt Socialement Approprié</li>
                    <li>Socialement Approprié</li>
                    <li>Très Socialement Approprié</li>
                </ul>
 </p>
        Ci-dessous, vous avez un exemple sur la façon d'évaluer les différentes actions.
        <br>
        <br>
        Imaginons, par exemple, que vous voulez évaluer :
        <br>
        <br>
         <ul>
                <li>Prendre le portefeuille et le garder comme très socialement inapproprié</li>
                <li>Demander aux autres clients si le portefeuille appartient à l'un d'entre eux comme socialement approprié</li>
                <li>Laisser le portefeuille là comme plutôt socialement inapproprié </li>
                <li>Donner le portefeuille au gérant de la cafétéria comme très socialement approprié </li>
            </ul>
        Vous devriez insérer les évaluations suivantes.
        <br>
        <br>
         <div style="text-align: center;">
         <img src="https://i.imgur.com/e4PNx19.png" width="1200px" height="400px" />
         </div>
      <p>
         <br>
          Ci-dessous, vous avez un exemple de la façon dont votre paiement pour cette tâche sera calculé.
          <br>
          <br>
          Imaginez que l'action "Prendre le portefeuille et le garder" est l'action qui, à la fin de l'étude, est choisie au hasard pour déterminer votre paiement. Le tableau ci-dessous indique le pourcentage des autres participants qui ont donné une certaine évaluation à cette action. Notez que <b>vous n'obtiendrez pas </b> cette information dans les situations réelles. Cet exemple devrait vous aider à comprendre comment vous pouvez gagner de l'argent.
          <br>
          <div style="text-align: center;">
         <img src="https://i.imgur.com/Dtncevd.png" width="875px" height="320px" />
          </div>
          <br>
          Si l'action "Prendre le portefeuille et le garder" est l'action sélectionnée aléatoirement pour déterminer
          votre paiement, vous gagnerez 7 € seulement si vous avez choisi la réponse "Très Socialement Inapproprié"
          (car c'est la réponse la plus sélectionnée par les autres participants). Vous ne gagnerez rien pour toute autre réponse.
          <br>
          <br>
          Assurez-vous d'avoir bien compris les instructions de la Tâche 1.
          <br>
          <br>
          Lorsque vous cliquerez sur "Suivant", vous procéderez à l'évaluation des situations réelles.


 </p>
    <p>
        <button type="button" class="btn btn-primary btn-tab" data-offset="-1">Retour</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
        <button class="btn btn-primary">Suivant</button>
    </p>
</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 }}