body{
    font-family: "Verdana ", sans-serif;
    text-align: justify;
}


.exercices{
    background-color: white;

    padding: 20px 45px 40px;
    margin: 0 15%;

    border: 1px solid rgba(96, 109, 112, 0.4);
    box-shadow: 0 0 15px 0 rgba(96, 109, 112, 0.6);
    border-radius: 20px;
}


.exercices, .boubou{
    display: none;
}

.exercices#exercice_{
    display: block;
}


.question{
    margin-left: 20px;

    label{
        cursor: pointer;
    }

    input[type="checkbox"]{
        margin-right: 10px;
        transform: scale(1.25);
    }

    button{
        padding: 10px 17px;
        border: 1px solid rgb(96, 109, 112);
        border-radius: 10px;
    }

    button:hover{
        cursor: pointer;
        box-shadow: 0 0 5px 0 rgba(96, 109, 112, 0.5);
    }

    table.supreme{
        margin: 15px 0;
        border-spacing: 0;
        text-align: center;
        border: 1px solid grey;
        border-radius: 7px 7px 0 0;

        td{
            border: 1px solid grey;
            padding: 10px;
        }
        th{
            padding-top: 5px;
            border: 1px solid grey;
            color: white;
            background-color: grey;
        }
        th:first-child{
            border-radius: 7px 0 0 0;
        }
        th:last-child{
            border-radius: 0 7px 0 0;
        }
    }
}


.reponse, .erreur{
    display: none;

    margin-top: 15px;
    padding: 20px;

    background-color: #ffe9e9;

    border: 2px solid red;
    border-radius: 10px;
}


.exercices .consignes:not(:first-child){
    margin-top: 50px;
}


.suite{
    margin-top: 30px;
    text-align: center;

    button:hover{
        cursor: pointer;
        box-shadow: 0 0 5px 0 rgba(96, 109, 112, 0.6);
    }
}

button{
    padding: 15px 25px;

    border: 1px solid rgb(96, 109, 112);
    border-radius: 15px;
}