{{ block title }}
    <h1>Partie 2 : Instructions - Page 9 / 9</h1>
    <h3>Résumé</h3>
{{ endblock }}
{{ block content }}
    <div class="page">
        <img class="warning" src="{{ static 'consignesTriCV/warning.png' }}"/>
        <p>Cette expérience est la deuxième partie d'une étude en deux parties.</p>
        <p>Vous allez évaluer 40 CV, indépendants les uns des autres. Les CV sont des candidatures pour différents
            postes relatifs à 4 métiers d'{{ player.participant.vars.domaine }}, à savoir :</p>
        <ul>
            <li>{{ player.participant.vars.liste_metiers.0 }},</li>
            <li>{{ player.participant.vars.liste_metiers.1 }},</li>
            <li>{{ player.participant.vars.liste_metiers.2 }},</li>
            <li>et {{ player.participant.vars.liste_metiers.3 }}.</li>
        </ul>
        <p>Chaque CV contient quatre informations, données une à une.</p>
        <p>Votre objectif est de déterminer pour chaque CV si c’est un bon ou un mauvais CV à l'aide des statistiques
            qui vous sont données. </p>
        <p>Après chaque information du CV, vous devez estimer les chances du CV d’être bon ou mauvais selon l'ensemble
            des informations disponibles.</p>
        <p>Une fois que vous disposez de toutes les informations, vous devez prendre une décision pour le CV.</p>
        <p class="important">Vous obtiendrez des gains pour la réalisation de la tâche et en fonction de la
            qualité d'une de vos estimations pour un CV tiré au hasard et de votre décision de recrutement pour un
            second CV tiré au hasard. Si vous avez terminé les deux parties de l'expérience, vous recevrez vos gains
            quelques jours après la seconde partie de l’expérience.</p>
        <p>Le temps de réalisation de cette partie de l'expérience est estimé à 45 minutes. Répondez spontanément pour
            terminer dans le temps estimé. Un message apparaît à l'écran si vous passez plus de 30 secondes sur une
            estimation ou un choix.</p>
        <p>Cliquez sur "Commencer" pour lancer l'expérience.</p>

    </div>
    <button id="bouton">
        <span>Commencer</span>
    </button>
{{ endblock }}

{{ block styles }}
    <style>
        h1 {
            margin-top: -50px;
            font-size: x-large;
            text-align:center;
            font-family: "Arial Rounded MT Bold";
        }

        h3 {
            font-size: large;
            text-align:center;
            font-family: "Arial Rounded MT Bold";
            color: darkred;
        }

        .warning {
            display: block;
            margin: auto;
        }

        .important{
            font-style: italic;
        }

        .page{
            text-align: justify;
            padding: 30px 20px;
            background-color: #f5f5f5;
            font-size: 19px;
            border-radius: 10px;
        }

        #bouton {
            border: none;
            border-radius: 3px;
            background-color: #4aaf0b;
            color: #FFFFFF;
            text-align: center;
            font-size: 16px;
            padding: 10px;
            width: 230px;
            transition: all 0.5s;
            cursor: pointer;
            margin: 20px 30px 0px 600px;
        }

        #bouton:hover{
            background-color: #307707;
        }

        #bouton span {
            cursor: pointer;
            display: inline-block;
            position: relative;
            transition: 0.5s;
        }

        #bouton span:after {
            content: '\00bb';
            position: absolute;
            opacity: 0;
            top: 0;
            right: -20px;
            transition: 0.5s;
        }

        #bouton:hover span {
            padding-right: 25px;
        }

        #bouton:hover span:after {
            opacity: 1;
            right: 0;
        }
    </style>
{{ endblock }}


{{ block scripts }}

{{ endblock }}