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







/*  A PROPOS DU JEU  */

.mini_logo{
    height: 20px;
}
.petit_logo{
    height: 40px;
}

.lien_discret{
    color: black;
    font-weight: bold;
    text-decoration: none;
}

#reinit{
    color: blue;
    cursor: pointer;
}

#a_propos{
    text-align: justify;
    margin-top: 150px;

    p.centrer{
        text-align: center;
    }

    div{
        background-color: rgba(255, 255, 255, 1);
        box-shadow: 0 0.75vw 1.5vw rgba(0, 0, 0, 0.25);
        border-radius: 20px;
        padding: 5px 15px;
        margin-left: 10%;
        margin-right: 10%;
        margin-bottom: 30px;
    }
}



@media screen and (max-width: 930px) {

    #a_propos{
        div{
            margin-left: -8px;
            margin-right: -8px;
            border-radius: 0;
        }
    }


}