html, body {
	height: 100%;
}

body {
	background-color: #f0f0f0;
}

#cta-jouer-wrapper {
	transition: all 0.3s;
}

a {
	color: #dc8100;
	text-decoration: none;
}

a:hover, a:focus {
	color: #333;
}

.flex-container {
	min-height: 300px;
}

.video-wrapper,
.video-wrapper * {
	user-select: none;
}

.video-js {
	background-color: #FFF;
}

.vjs-poster {
	background-color: transparent;
}

#controles-wrapper,
#cta-jouer-wrapper,
#questions-reponses-wrapper,
#questions-reponses-wrapper .question-wrapper .reponses-wrapper,
#questions-reponses-wrapper .question-wrapper .reponses-wrapper .reponse-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#cta-jouer-wrapper,
#questions-reponses-wrapper .question-wrapper .reponses-wrapper .reponse-wrapper {
	cursor: pointer;
}

#cta-jouer-wrapper {
	z-index: 1;
}

#questions-reponses-wrapper {
	opacity: 0;
	display: none;
	z-index: 2;
}

#questions-reponses-wrapper .question-wrapper {
	width: 100%;
	height: 100%;
}

#questions-reponses-wrapper .question-wrapper .text-question {
	display: none;
}

#questions-reponses-wrapper .question-wrapper .reponses-wrapper {

}

#questions-reponses-wrapper .question-wrapper .reponses-wrapper .reponse-wrapper {
	width: calc( 50% - 20px );
}

#questions-reponses-wrapper .question-wrapper .reponses-wrapper .reponse-wrapper[data-reponse-id="1"] {
    right: auto;
}

#questions-reponses-wrapper .question-wrapper .reponses-wrapper .reponse-wrapper[data-reponse-id="2"] {
    left: auto;
}

#questions-reponses-wrapper .question-wrapper .reponses-wrapper .reponse-wrapper label {
	display: none;
}

#questions {
	position: relative;
}

#questions .question-wrapper {
	display: none;
	opacity: 0;	
}

/* garde la barre de controle visible */
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
	visibility: visible;
    opacity: 1;
}