/* question + choix */
.question {
    font-size: 1.4em;
    color: #2C2C2C;
    font-family: 'Arial', sans-serif;
}

/* intitulé de la question */
.label-question {
    color: #7A3578;
    font-weight: 600;
    font-family: 'Arial', sans-serif;
}

/* le choix d'une question unique */
.choice {
    font-size: 0.9em;
    color: #8B3A8B;
    font-family: 'Arial', sans-serif;
}

/* choix sélectionné */
.highlighted-choice {
    background-color: #B0D8DB;
}

/* bouton de validation des réponses */
.btn-submit {
    background-color: #1E9FAE;
    color: white;
    width: 100%;
    border: none;
    border-radius: 4px;
    font-weight: bold;
    letter-spacing: 0.5px;
    font-family: 'Arial', sans-serif;
}

/* bouton au survol */
.btn-submit:hover {
    background-color: #1B8F9C;
    color: white;
}

/* lien vers mentions légales */
.legalMentionsPage {
    color: #7A3578;
    text-decoration: underline;
    font-family: 'Arial', sans-serif;
}

/* champs question formulaire */
.inputs-form {
    border-radius: 3px;
    font-family: 'Arial', sans-serif;
}

/* zone de texte */
.questionText {
    border: solid lightgrey 1px;
    background-color: #F0F6F7;
    border-radius: 3px;
    font-family: 'Arial', sans-serif;
}

/* lorsqu'on écrit dans la zone de texte */
.questionText:focus {
    border: solid #1E9FAE 2px;
    background-color: transparent;
    box-shadow: none;
    outline: none;
}

/* caractères max textarea */
.textarea-warning {
    color: #8B3A8B;
    font-size: 0.8em;
    font-family: 'Arial', sans-serif;
}

/* icone de sélection d'un choix unique et multiple */
.unique-choice-checkmark::after {
    color: #1E9FAE;
}