.section-questionnaire-progress {
    padding-bottom: 0;
}
.questionnaire-progress-wrapper {
	margin: 0 auto;
	max-width: 760px;
	position: relative;
}

.questionnaire-progress {
	height: 35px;
	width: 100%;
	position: relative;
	background: linear-gradient(to bottom, #d4d6d8 0%, #eef1f4 99%);
	border: 1px solid #BABBBC;
	border-radius: 26px;
}
.questionnaire-progress::-webkit-progress-bar {
	background: linear-gradient(to bottom, #d4d6d8 0%, #eef1f4 99%);
	border-radius: 26px;
}
.questionnaire-progress::-webkit-progress-value {
	background: #186db7;
	border-radius: 26px;
}
.questionnaire-progress::-moz-progress-bar {
	background: #186db7;
	background: linear-gradient(to bottom, #d4d6d8 0%, #eef1f4 99%);
}

.progres-valeur {
    position: absolute;
    top: 50%;
	right: 12px;
    transform: translateY(-50%);
    font: bold .75rem/.5 sans-serif;
}
.quiz .question :first-child,
.quiz .retroaction :first-child { margin-top: 0; } 

.quiz > div { overflow: hidden; }

.quiz .question,
.quiz .retroaction {
    position: relative;
    padding: 1px;
    min-height: 350px;
}

.quiz h2 { font-size: 1.1rem; }

.quiz .reponse {
	box-shadow: none;
	padding: 0;
}

.quiz ol {
	counter-reset: section;                
	list-style: none;
	padding: 0;
}
.quiz ol li {
	position: relative;
	margin-bottom: 0;
	width: fit-content;
}
.quiz ol li::before {
    position: absolute;
    content: counter(section, lower-alpha) " ";
    counter-increment: section;
    color: #074b98;
	font-weight: 800;
	border: 1px solid #074b98;
	border-radius: 35px;
	width: 38px;
	line-height: 35px;
	text-align: center;
	top: 10px; left: 15px;
	pointer-events: none;
	transition: color .3s, background-color .3s;
}
.quiz .btn.btn-lien {
    background: transparent;
	color: #074b98;
	cursor: pointer;
	font-weight: 600;
    line-height: 1.5;
	padding: 15px 30px 15px 70px;
	text-align: left;
	text-decoration: none;
	transition: background-color 0.3s, color 0.3s;
}

.quiz ol li:hover::before,
.quiz .btn:hover,
.quiz .btn:focus,
.quiz .btn:active {
	background-color: #074b98;
	color: white;
}

.quiz .btn.btn-lien:focus, 
.quiz .btn.btn-lien:hover {
	background-color: white;
	color: #186db7;
	text-decoration: underline;
}

.quiz-question-image ol {
    display: flex;
    flex-wrap: wrap;
}
.quiz-question-image ol li  {
    flex-basis: 50%;
}
.quiz-question-image ol li img {
    display: block;
    width: 250px;
    height: 250px;
}