{{ block title }}
    <h1>Partie 1 : Instructions - Page 5 / 9</h1>
    <h3>Calcul de vos points après une estimation</h3>
{{ endblock }}
{{ block content }}
    <div class="page">
        <p>En pratique, vos points dans la tâche d'estimation dépendront de la précision de votre estimation par
            rapport à la vérité, à savoir si le CV complet est bon ou mauvais.</p>
        <p class="important">Pour maximiser vos chances d'obtenir des points dans cette tâche, il faut que vous
            déclariez honnêtement votre meilleure estimation des chances du CV d’être bon ou mauvais, en fonction des
            informations à votre disposition.</p>
        <p>Selon vos estimations, vos points seront basés sur la qualité de vos estimations ou alternativement
            sur un tirage au sort aléatoire.</p>
        <p class="important">Une compréhension totale du mécanisme n'est pas indispensable pour réaliser l'expérience.
            Toutefois, il vous est présenté ci-dessous au cas où vous souhaiteriez le connaître.</p>
        <p>Le mécanisme est le suivant :</p>
        <p>Vous avez estimé le pourcentage de chances du CV d’être bon ou mauvais. Le mécanisme retient le pourcentage
            le plus grand. Par exemple si vous avez estimé que le CV a 72% de chances d'être bon et 28% d'être mauvais,
            c’est le 72% de chances d’être bon qui est utilisé.</p>

        <p>Pour déterminer vos points, on tire aléatoirement une loterie, puis on retient ce qui est le plus avantageux
            pour vous, entre les chances de succès indiquées dans votre estimation (72% dans l'illustration ci-dessous)
            et les chances de succès de la loterie tirée (noté X dans l'illustration ci-dessous).
</p>
        <p>Ce mécanisme est appliqué à chaque estimation de l'étude.</p>
        <p>Illustration :</p>
    </div>

    <img src="{{ static 'consignesTriCV/24.png' }}">

    <div class="page">
        <br>
        <p class="important">Comme dit plus haut, une compréhension totale du mécanisme n'est pas indispensable
            pour réaliser l'expérience. L'essentiel à retenir est que vous maximiserez vos chances d'obtenir des points
            en déclarant honnêtement votre meilleure estimation des chances du CV d’être bon ou mauvais en fonction de
            l'ensemble des informations à votre disposition.</p>
    </div>
    <button id="bouton">
        <span>Page suivante</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;
        }

        .important{
            font-style: italic;
        }

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

        .math {
            font-family: "Courier New";
        }

        #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;
        }

        img {
            width: 100%;
            margin: 10px 0px;
        }

    </style>
{{ endblock }}


{{ block scripts }}

{{ endblock }}