@font-face {
font-family: DINBold;
src:url("../fonts/DIN-Bold.otf"),
	url("../fonts/DIN-Bold.eot"),
	url("../fonts/DIN-Bold.svg"),
	url("../fonts/DIN-Bold.woff");
}


h3, p, div{margin: 0;padding: 0;/*font-size:16px;*/}

body {
	width: 100%;
	background-color: #FFFFFF;
	font-family: Arial;
	margin:0 0;
}
#container {
	width: 100%; /*width: 1024px;*/
	height: auto; /*height: 527px;*/
	margin-right: auto;
	margin-left: auto;
	/*margin-top: 10px;*/
	background-color: #FFFFFF;
	/*background-image: url(../medias/bordure_arrondie.jpg);*/
	position: relative;
	/*background-color: pink;*/ /*background-image: url(../medias/Fond_Exercice.jpg);*/
	overflow: hidden;
	}
/*-----------BANDEAU HAUT--------------*/



/*#bandeau_ht {
	width:1024px;
	height:54px;
	margin: 0px;
	padding: 0px;
}*/



/*---------------------------------------------*/

/*-----------CENTRE--------------*/
#center {
	position:relative;
	clear:both;
	width: 100%; /*width: 1024px;*/
	height: auto; /*height: 527px;*/
	float:left;
	display:block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;/*background-color: orange;*/
}


/*-----------------------------*/



input {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: white;
}





/*-----------MESSAGES REPONSE--------------*/
.messages-reponses {
	position: absolute;
	display: none;
	float: left;

	overflow: hidden;
	z-index: 11;
	right: 5px;
	top:220px;

}

.messages-reponses.intermediaire, .messages-reponses.intermediaire01, .messages-reponses.intermediaire02, .messages-reponses.intermediaire03 {/*background-color:#f19446; width:323px;*/
	background-image: url(../medias/message_reponse_intermediare01.png); /*width: 476px; height: 237px; box-shadow: 3px 3px 5px #aaa;*/
	width: 630px;
	height: 235px;
	background-position: right bottom;
	background-repeat: no-repeat;
}
.messages-reponses.intermediaire01 {background-image: url(../medias/message_reponse_intermediare01.png);}
.messages-reponses.intermediaire02 {background-image: url(../medias/message_reponse_intermediare02.png);}
.messages-reponses.intermediaire03 {background-image: url(../medias/message_reponse_intermediare03.png);}

.messages-reponses.bon, .messages-reponses.bon01, .messages-reponses.bon02, .messages-reponses.bon03, .messages-reponses.bon04, .messages-reponses.bon05 {/*background-color:#bbd050; width:323px;*/	
	background-image: url(../medias/message_reponse_bon01.png); 		width: 630px;
	height: 235px;
	background-position: right bottom;
	background-repeat: no-repeat;
}
.messages-reponses.bon01 {background-image: url(../medias/message_reponse_bon01.png);}
.messages-reponses.bon02 {background-image: url(../medias/message_reponse_bon02.png);}
.messages-reponses.bon03 {background-image: url(../medias/message_reponse_bon03.png);}
.messages-reponses.bon04 {background-image: url(../medias/message_reponse_bon04.png);}
.messages-reponses.bon05 {background-image: url(../medias/message_reponse_bon05.png);}




audio {
	display:block;
	margin-top: 25px;
	margin-bottom: 25px;
	text-align: center;
}

#question1, #question2, #question3, #question4, #question5, #question6, #question7, #question8, #question9, #question10, #question11, #question12, #question13, #question14, #question15, #question16, #question17, #question18, #question19, #question20 {
/*font-family: "DIN Next Pro Regular";
	display: inline-block;
	padding-bottom: 20px;
	padding-top: 10px;
	vertical-align: bottom;*/
	/*padding-left:90px;
	padding-right:55px;*/
	}

	
#texte_questionvide, #texte_question1, #texte_question2, #texte_question3, #texte_question4, #texte_question5, #texte_question6, #texte_question7, #texte_question8, #texte_question9, #texte_question10,  #texte_question11, #texte_question12, #texte_question13, #texte_question14, #texte_question15, #texte_question16, #texte_question17, #texte_question18, #texte_question19, #texte_question20  {
	/*color:#000000;

	font-size: 25px;
	line-height: 30px;
	top: 20px;
	
	text-align: left;
	color: #39a935; font-family: "Futura Medium"; 
	font-size:28px; line-height:38px; margin-top :70px;  height:auto;*/
/*font-family: "DIN Next Pro Regular";
	position: relative;
	font-size: 24px;
	display: block;
	margin-bottom: 20px;*/
	}
	h2 {
	/*font-family: "Futura Book";
	font-size: 26px;
	font-style: normal;
	font-weight: normal;
width:auto;
	margin-top: 26px;
	margin-bottom:26px;*/
}

h2 label {position: relative;left:50px;width:auto;}

.images {
	position : absolute;
	height: 239px;
	width: 274px;
	/*background-color: #011000;*/
	float: left;
	z-index: 0;
	top: 149px;
}
/*.texte {
	position: absolute;
	left: 310px;
	width: 663px;
	display: block;
}*/

#texte_question1 strong, #texte_question2 strong, #texte_question3 strong, #texte_question4 strong, #texte_question5 strong, #texte_question6 strong, #texte_question7 strong, #texte_question8 strong, #texte_question9 strong, #texte_question10 strong, #texte_question11 strong, #texte_question12 strong, #texte_question13 strong, #texte_question14 strong, #texte_question15 strong, #texte_question16 strong, #texte_question17 strong, #texte_question18 strong, #texte_question19 strong, #texte_question20 strong {
	font-family: Futura Heavy;
	color: #de4c16;
	font-size:28px;
	
}


.compteur {
	color: #000;
	margin: 0px;
	height: 23px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: none;
}
.compteur strong {
	color: #009ee0;
	margin: 0px;
	padding: 0px;
}
label {
	/*top: 15px;
	vertical-align: bottom;
	padding-top: 4px;*/

	display: block;
}




.score_final {
	
	width: 375px;
	height:113px;
	font-family: "Futura Book";
	font-size: 30px;

	color: #000;
	position: absolute;
	right: 5px;
	bottom:72px;
	padding-top:120px;
	padding-left:40px;
	/*padding: 20px;*/
	background-image: url(../medias/message_score.png);
	background-repeat: no-repeat;
	text-align:left;
}

.score_chiffres {
	font-family: "Futura Heavy";
	font-size: 30px;
	color:#ca1719;
	}










/* Graine de Génie */


.sous_consigne {font-family: "Futura Medium"; font-size:22px; line-height:30px; color:#666666; padding-left:32px; height:auto;}

.corrige, .corrige .btn_fermer, .exo_jobserve, .exo_jobserve .btn_fermer {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 999;
	height: 526px;
}
.corrige .btn_fermer, .exo_jobserve .btn_fermer {width: 60px; height: 60px; background-color: black; opacity: 0; left: 936px; top: 16px; cursor: pointer;}
.btn_observe {cursor: pointer;}

/* Désactive la sélection*/
body {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
}























/* Magnard - Delagrave */
#bandeau_ht {margin: 0px; padding: 0px; /*position: relative; left: 40px;*/}
#bandeau_ht .bandeau_delagrave {width: calc(100% - 40px); line-height: 30px; padding-left: 40px; background-color: #0a6984; color: white; text-transform: uppercase; font-size: 13px; font-weight: bold;}
#bandeau_ht .bandeau_titre {width: calc(100% - 40px); line-height: 35px; padding-left: 40px; padding-bottom: 5px; margin-top: 1px; background-color: #13b9d5; color: white; font-size: 28px; font-family: Verdana; font-weight: bold;}
#bandeau_ht .bandeau_consigne {width: calc(100% - 40px); line-height: 40px; padding-left: 40px; padding-top: 10px; background-color: white; color: #7f7f7f; font-size: 28px; font-family: Verdana; /*font-weight: bold;*/}

.ecran_question {}

.divQuestion {height: auto; font-family: Verdana; font-weight: bold;}
.texte_question {height: auto; /*background-color: orange;*/ margin-top: 10px; margin-bottom: 10px; padding-left: 40px; font-size: 24px; line-height: 40px;}
.texte {height: auto;}
h2 {height: auto; margin-top: 0px; margin-bottom: 20px; margin-left: 30px;/*background-color: red;*/ color: #3d3d3d; font-weight: normal; font-size: 24px;}
.comm_qcm {margin-top: 0px; margin-bottom: 20px; margin-left: 40px; color: #3d3d3d; font-weight: normal; font-size: 24px; display: none;}

.btn_reco_new, .btn_prec_new, .num_ecran, .btn_suiv_new, .btn_valider_new, .btn_bilan, .btn_voir_correction {position: absolute; margin-top: 20px; height: 40px; line-height: 40px; border-radius: 5px; background-color: white; color: #0a6984; cursor: pointer;}
.btn_reco_new {width: 120px; right: 202px;}
.btn_prec_new {width: 40px; right: 147px; text-align: center;}
.num_ecran {width: 80px; border-radius: 0px; right: 61px; cursor: default;}
.btn_suiv_new {width: 40px; right: 15px; text-align: center;}
.btn_prec_new img, .btn_suiv_new img {width: 20px; margin-top: 10px;}
.btn_valider_new {width: 90px; right: 202px;}
.btn_bilan {width: 90px; right: 337px;}
.btn_voir_correction {width: 150px; right: 337px;}

.pourc_bilan {font-family: Verdana; padding-left: 40px; font-size: 24px; line-height: 30px; color: #0a6984; margin-top: 30px; margin-bottom: 30px;}
.pourc_bilan_langues {font-family: Verdana; padding-left: 40px; font-size: 20px; line-height: 30px; color: white; background-color: #0a6984; padding-bottom: 10px;}