/*Structure
========

content_quizz
{
    quizz_question
    {
        en_savoir_plus (float right)
        question_titre (p)
        question_choix (ul/li) les li pouvant avoir trois états
        {
            aucun classe (liste normale)
            quizz_good_choice (mise en valeur de la bonne réponse)
            quizz_bad_choice (mise en retrait de la mauvaise réponse)
        }
        question_good_answer
        question_bad_answer

    }
    quizz_button_start 
    quizz_button_check (les 3 div ne sont jamais visibles)
    quizz_button_next 
    quizz_button_end
}
*/

.content_quizz
{
    border-style: solid;
    border-width: 1px;
    background: #DDDDDD;
    padding: 10px;
}


.quizz_titre
{
    margin: auto;
    text-align: center;
    font-size: 2em;
    margin-bottom: 30px;
}

.quizz_description
{
    width: 350px;
}

.quizz_image
{
    float:right;
}


.quizz_question
{
}

.question_titre
{
    width: 350px;
}

.question_image
{
    float: left;
}

.question_choix
{
    width: 300px;
}

.quizz_good_choice
{
    font-weight: bold;
    color: red;
}
.quizz_good_choice span
{
    /*background-color: yellow;*/
}
.quizz_bad_choice
{
    font-style: italic;
}

.question_good_answer
{
    width: 350px;
}

.question_bad_answer
{
    width: 350px;
}

.en_savoir_plus
{
    float: right;
    width: 250px;
}



.quizz_button_start
{
    float: left;
}

.quizz_button_check
{
    float: right;
}

.quizz_button_next
{
    float: right;
}

.quizz_button_end
{
    float: right;
}

.quizz_button_start span, .quizz_button_check span, .quizz_button_next span, .quizz_button_end span
{
    border-style: solid;
    border-width: 1px;
    padding: 3px;
    background-color: #EEEEFF;
}