@charset "UTF-8";
/* CSS Document */


.result{
    margin: 10px;
    padding: 5px;
    width:80vw;
    height: 10vh;
    text-align: center;
    font-size: 50px;}

.scorebon{
}

.score{
text-align : right;
font-size: 18px;
color:blue;
font-weight:bold;
}

.bouton{
color: black;
font-size: 18px;
padding-left: 25px;
}

.quizzin-question, #action-button {
	display:none;
}

.textequiz{
    color: black;
    text-align: justify;
    line-height: 21px;
    font-size: 1rem;
    font-family: 'Georgia', serif;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    
    /* MODIFICATIONS POUR LIMITER ET CENTRER */
    max-width: 700px; 
    margin: 0 auto; /* Centre le bloc horizontalement */
}

.texte2quiz{
margin :10px 0px 0px 0px;
}

.titrequiz{
color: #7e0000;
text-align : justify;
line-height: 20px;
font-size: 22px;
font-family :serif;
padding-top: 15px;
padding-left: 0px;
padding-right: 20px;
Font-Weight: Bold;
margin:15px 0px 0px 0px;
max-width: fit-content;
}


.titre2quiz{
color: #7e0000;
text-align : justify;
line-height: 22px;
font-size: 22px;
font-family :serif;
padding-top: 10px;
padding-left: 0px;
padding-right: 20px;
Font-Weight: Bold;
margin:0 0px 0px 0px;
width:40%;
hyphens: auto;
}

.titre3quiz{
color: #7e0000;
text-align : justify;
line-height: 22px;
font-size: 22px;
font-family :serif;
padding-top: 10px;
padding-left: 0px;
padding-right: 20px;
Font-Weight: Bold;
margin:0 0px 0px 0px;
width:40%;
hyphens: auto;
}

form.quiz-form {
	text-align:left;
}

.single-page-quiz .quizzin-question, .single-page-quiz #action-button {
	display:block;
}
.single-page-quiz #next-question {
	display:none;
}
.question-content {
	margin-top:20px;
}

.show-question {
	border-bottom:1px solid #000;
}
.answer span {
	padding-right:20px;
}
.user-answer span {
	font-weight:bold;
	background:url(wrong.png) no-repeat right top;
}
.correct-answer span {
	background:url(correct.png) no-repeat right top;
}

.td{border:none;}