{{ 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 allez lire la description de sept situations différentes. Dans chaque situation, il y a un individu (la Personne A) qui doit prendre une décision 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 la Personne A et de décider, pour chacune des actions possibles, si cette action serait "socialement appropriée"
            et "conforme à ce que la plupart des gens attendraient de la Personne A" ou "socialement inappropriée" et "incompatible
            avec ce que la plupart des gens attendraient de la 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 la
            Personne A fasse. Une autre façon de comprendre ce que nous voulons dire, est la suivante : si la 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 une des sept situations.
           Pour cette situation, nous choisirons au hasard une des actions possibles de la 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€ en plus.</b> Dans le cas contraire, vous ne recevrez aucun paiement pour cette tâche.
          <br>
          <br>
           Remarque :
          Tous les participants ont reçu les mêmes instructions. Comme vous ne saurez pas quelle action sera choisie par le paiement avant la fin de l'étude, veuillez lire attentivement toutes les situations avec attention. 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, nous allons maintenant 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>

          La Personne A est assise dans une cafétéria près de l'université. La Personne A remarque qu'une autre personne a laissé son portefeuille sur la table.
          La Personne A doit décider de ce qu'elle doit faire. La 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 cette action serait
          "socialement appropriée" et "conforme à ce que la plupart des gens attendraient de la Personne A" ou
          "socialement inappropriée" et "incompatible avec ce que la plupart des gens attendraient de la 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 sur la façon dont votre paiement dans 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 vous n'obtiendrez <b>pas</b> cette information dans les situations réelles. Cet exemple devrait vous aider à comprendre comment vous pouvez gagner de l'argent.          <br>
          <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 le 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>
          Veuillez-vous assurer de comprendre pleinement les instructions pour évaluer les actions et gagner de l'argent.
          <br>
          <br>
          Après avoir cliqué sur "Suivant", vous passerez à l'évaluation des scénarios réels fournis.


 </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 }}