#mini-quiz{
	min-height: 28.75rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#mini-quiz div#container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	flex-grow: 1;
	width: 100%;
}
#mini-quiz #corp-mini-quiz{
	margin-left: 50px;
	margin-right: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	flex-grow: 1;
}
#mini-quiz #questionnaire, .question{
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	height: 100%;
}
#mini-quiz #questionnaire{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	flex-grow: 1;
	height: 100%;
}
#mini-quiz .reponses .reponse{
	min-height: 155px;
	min-height: 9.6875rem
}
#mini-quiz #navBtn{
 -webkit-box-flex: 1;
 -ms-flex-positive: 1;
 flex-grow: 1;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: end;
 -ms-flex-align: end;
 align-items: flex-end;
 margin-bottom: 30px;
}
#mini-quiz progress{
  background-color: #F2F2F2;
  background: #F2F2F2;
  color: #00884e!important;
  width: 100%;
  height: 12px;
  border-radius:3px;
  -webkit-box-shadow: inset 0px 2px 3px 0px #00000050;
  box-shadow: inset 0px 2px 3px 0px #00000050;
}
#mini-quiz progress::-webkit-progress-bar {
  background-color: #F2F2F2;
  color:  #F2F2F2 !important;
  -webkit-box-shadow: inset 0px 2px 3px 0px #00000050;
  box-shadow: inset 0px 2px 3px 0px #00000050;
  border-radius:3px;  
}
#mini-quiz progress::-webkit-progress-value { 
  background-color: #F2F2F2 ;
  color:  #F2F2F2 !important;
  border-radius:3px;
  -webkit-box-shadow: inset 0px 2px 3px 0px #00000050;
  box-shadow: inset 0px 2px 3px 0px #00000050;
  background: #00884e; 
}
#mini-quiz .question{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	flex-grow: 1;
	height: 100%;
}
#mini-quiz .options{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	flex-grow: 1;
	min-height: 180px;
	height: 100%;
}
#mini-quiz .options::after{
	content:"";
	position: relative;
	left: 0px;
	bottom: 40px;
	display: block;
	width: 100%;
	height: 25px;
	background-image: url('/ressources/images/b23-quizz-desktop-vagues.svg');
	background-repeat: no-repeat;
}
#mini-quiz .options .chaise{
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	margin-bottom: 2rem;
}
#mini-quiz .options .chaise::after{
	content:"";
	position: absolute;
	right: 55px;
	bottom: 77px;
	display: block;
	width: 100%;
	height: 85px;
	background-image: url('/ressources/images/ic-contour-retraite-gris-clair-56.svg');
	background-repeat: no-repeat;
	background-position-y: bottom;
	background-position-x:right;
}
#mini-quiz .reponse .true, .reponse .false{
	color: #000;
	font-size: 24px;
	font-size: 1.35rem;
	font-weight: bold;
	line-height: 1.75em;
}
#mini-quiz #etoiles{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#mini-quiz #etoiles img:not(:last-child){
	margin-right: 20px;
}
#mini-quiz #chaise-verte{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.ic-six-contour-confirmation-vert-32,
.ic-six-contour-erreur-rouge-32 {
	padding-left: 2.125rem !important;
}

.ic-six-contour-confirmation-vert-32:before {
	background-image: url('/ressources/images/ic-six-contour-confirmation-vert-24.svg');
    width: 1.25rem !important;
}
.ic-six-contour-erreur-rouge-32:before {
	background-image: url('/ressources/images/ic-six-contour-erreur-rouge-24.svg');
	width: 1.25rem !important;
}

#mini-quiz #resultats{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
}
#mini-quiz #resultats #msg-resultat{
    font-size: 2rem;
}
@media (max-width: 576px) {
	#mini-quiz{
	 min-height: 37.5rem;
	}
	#corp-mini-quiz{
	 margin-left: 20px;
	 margin-right: 20px;
	}
	.mod-m-r-30{
	 margin-right: 30px !important;
	}
	.mod-m-l-30{
	 margin-left: 30px !important;
	}
	.mod-m-r-20{
	 margin-right: 20px !important;
	}
	.mod-m-l-20{
	 margin-left: 20px !important;
	} 
	#mini-quiz #corp-mini-quiz{
	 margin-left: 20px;
	 margin-right: 20px;
	}
	#mini-quiz .options::after{
	 background-image: url('/ressources/images/b23-quizz-mobile-vagues.svg');
	}
	#mini-quiz .options .chaise::after{
	 background-image: url('/ressources/images/ic-contour-retraite-gris-clair-40.svg');
	}
	#corp-mini-quiz {
	  min-height: 35.6875rem;
	}
	#navBtn .btn-prochain,
	#navBtn .btn-score,
	#navBtn .btn-fin,
	#navBtn .btn-fin .cd-bouton-action{
	 width: 100%;
	}
	#navBtn{
	 margin-bottom: 15px;
	} 
	#etoiles img{
	 width: 1.75rem !important;
	 height: auto;
	}
}
@media (max-width: 767px) and (min-width: 576px){
	 #mini-quiz{
	  min-height: 31.75rem;
	 }  
	  .mod-m-b-20{
	 margin-bottom: 20px !important;
	}  
}
@media (max-width: 768px){
	.mod-m-b-20{
	 margin-bottom: 20px !important;
	}  
}
@media (min-width: 768px) {
	html[style='font-size: 150%;'] .btn-quiz,
	html[style='font-size: 200%;'] .btn-quiz {
	 margin-bottom: 20px !important;
	}
}