<p>Code couleur</p>
<ul class="couleurs">
    <li><span title="Vert" class="present demo"></span> &rightarrow; présence de l'étudiant lors de la
        période
    </li>
    <li><span title="Bleu clair" class="nonwork demo"></span> &rightarrow; la période n'est pas travaillée
    </li>
    <li><span title="Rouge" class="absent demo"></span> &rightarrow; absence de l'étudiant lors de la
        période
    </li>
    <li><span title="Rose" class="demo color absent est_just"></span> &rightarrow; absence justifiée
    </li>
    <li><span title="Orange" class="retard demo"></span> &rightarrow; retard de l'étudiant lors de la
        période
    </li>
    <li><span title="Jaune clair" class="demo color retard est_just"></span> &rightarrow; retard justifié
    </li>

    <li><span title="Quart Bleu" class="est_just demo color"></span> &rightarrow; la période est couverte par un
        justificatif valide</li>
    <li><span title="Justif. non valide" class="invalide demo color "></span> &rightarrow; la période est
        couverte par un justificatif non valide
    </li>
    <li><span title="Justif. en attente" class="attente demo color"></span> &rightarrow; la période
        a un justificatif en attente de validation
    </li>
</ul>
<p>Vous pouvez passer le curseur sur les jours colorés afin de voir les informations supplémentaires</p>