/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 07 2025 | 19:05:27 */
/* Ajouter votre code CSS ici.
                     
Par exemple:
.exemple {
    color: red;
}

Pour améliorer vos connaissances en CSS, visitez http://www.w3schools.com/css/css_syntax.asp

Fin du commentaire */ 

.question {
            background-color: #fff;
            border-radius: 5px;
            padding: 20px;
            margin-bottom: 20px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
			text-align: center;
        }
.question button {
    display: block;
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #ff5f5f;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 16px; /* Taille de police minimale recommandée pour les appareils mobiles */
}


.question button:active {
    background-color: #97e137;
}

/* Styles spécifiques pour les appareils tactiles */
@media (hover: none) {
    .question button:active {
        background-color: #97e137;
    }
}
.question h4 {
	line-height: 2;
	color: #fff;
	font-size: 1.2em;
	font-variant: small-caps;
	font-weight: 700;
}
.question h3 {
	color: #0f5555;
	font-size:1.4em;
}
#result {
            background-color: #fff;
            color: #0f5555;
            padding: 20px;
            border-radius: 5px;
            margin-top: 20px;
			box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            display: none;
        }
#result.h3 {
		text-align: center;

}