@font-face {
	font-family: DINBold;
	src: url("../fonts/DIN-Regular.otf");
}

@font-face {
	font-family: "DIN Next Pro Regular";
	src: url("../fonts/DIN-Regular.otf");
}


@font-face {
	font-family: "DIN Regular";
	src: url("../fonts/DIN-Regular.otf");
}

/* 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; 
}

h3, p, div {
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	background-color: #FFFFFF;
	font-family: Arial;
	margin: 0 0;
}

/*-----------BANDEAU HAUT--------------*/


#desk_container {
	position: relative;
	width: 1024px;
	height: 768px;

	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;

}

#desk_bandeau_ht {
	width: 1280px;
	height: 60px;
	margin: 0px;
	padding: 0px;
	background-color: #afca0a;
	display: block;
}



#desk_titre {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: 950px;
	position: relative;
	float: left;
	height: 45px;
	font-size: 26px;
	vertical-align: middle;
	display: block;
	/*font-weight: bold;*/
	padding: 8px;
	padding-left: 20px;
	padding-top: 14px;
}
#desk_titre strong {font-size: 24px;}

sup {
	vertical-align: text-top;
}

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

/*-----------CENTRE--------------*/
#desk_center {
	position: relative;
	clear: both;
	width: 1024px;
	height: 768px;
	float: left;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}

#desk_image_exercice {
	position: absolute;
	width: 1024px;
	height: 768px;
	/*background-image: url(../medias/Image_Exercice.jpg);*/
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
	z-index: 8;
}
 
desk_img_contenu_exercice {
	z-index:20;
}

 
#desk_enonce_exercice {
	position: absolute;
	left: 96px;
	top: 140px;
	height: 464px;
	width: 101px;
	float: left;
	z-index: 15;
	display: inline;
	text-align: center;

}

#desk_consigne {
	position: absolute;
	height: 50px;
	width: 1024px;
	color: #e73177;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	line-height: 24px;
	left: 0px;
	padding-top: 22px;
	padding-left: 20px;
}
/*-----------ETIQUETTES ET ZONE DE DEPOTS-------------*/

.desk_cible {
	position: relative;
	color: #2e4254;
	display: inline-block;
	vertical-align: middle;
	opacity: 1;
	float: left;
	clear: both;
	margin: 0px;
	border-radius: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	z-index: 11;
}
.desk_cible strong {
	float: left;
}


#desk_cible01 {
	position: absolute;
	top: 122px;
	left: 220px;
	z-index: 11;	width: 490px;
	height: 475px;
}
#desk_cible02 {
	position: absolute;
	top: 269px;
	left: 361px;
}
#desk_cible03 {
	position: absolute;
	top: 269px;
	left: 513px;
}
#desk_cible04 {
	position: absolute;
	top: 269px;
	left: 664px;
}
#desk_cible05 {
	position: absolute;
	top: 458px;
	left: 296px;
}
#desk_cible06 {
	position: absolute;
	top: 128px;
	left: 531px;
}
#desk_cible07 {
	position: absolute;
	top: 293px;
	left: 531px;
}
#desk_cible08 {
	position: absolute;
	top: 348px;
	left: 531px;
}
#desk_cible09 {
	position: absolute;
	top: 403px;
	left: 531px;
}
#desk_cible10 {
	position: absolute;
	top: 458px;
	left: 531px;
}

#desk_cible11 {
	position: absolute;
	top: 481px;
	left: 416px;
}
#desk_cible12 {
	position: absolute;
	top: 372px;
	left: 450px;
}
#desk_cible13 {
	position: absolute;
	top: 327px;
	left: 414px;
}
#desk_cible14 {
	position: absolute;
	top: 250px;
	left: 0px;
}


.desk_cible.desk_active {
	
}

.desk_etiquette {
	text-align: center;
	cursor: move;

	width:99px;
	height: 59px;
	display: inline;
	float: left;

	margin-bottom: 8px; 

}

/*.desk_etiquette:hover {
	background-color: #ED649A;
}*/

.desk_etiquette01 {background-image: url(../medias/Etiquette01.png);background-repeat: no-repeat;}
.desk_etiquette02 {background-image: url(../medias/Etiquette02.png);background-repeat: no-repeat;}
.desk_etiquette03 {background-image: url(../medias/Etiquette03.png);background-repeat: no-repeat;}
.desk_etiquette04 {background-image: url(../medias/Etiquette04.png);background-repeat: no-repeat;}
.desk_etiquette05 {background-image: url(../medias/Etiquette05.png);background-repeat: no-repeat;}
.desk_etiquette06 {background-image: url(../medias/Etiquette06.png);background-repeat: no-repeat;}
.desk_etiquette07 {background-image: url(../medias/Etiquette07.png);background-repeat: no-repeat;}
.desk_etiquette08 {background-image: url(../medias/Etiquette08.png);background-repeat: no-repeat;}
.desk_etiquette09 {background-image: url(../medias/Etiquette09.png);background-repeat: no-repeat;}
.desk_etiquette10 {background-image: url(../medias/Etiquette10.png);background-repeat: no-repeat;}
.desk_etiquette11 {background-image: url(../medias/Etiquette11.png);background-repeat: no-repeat;}
.desk_etiquette12 {background-image: url(../medias/Etiquette12.png);background-repeat: no-repeat;}
.desk_etiquette13 {background-image: url(../medias/Etiquette13.png);background-repeat: no-repeat;}
.desk_txtInvis {
	visibility: hidden;
}
.desk_bgImg {
	background-image: none;
	height: 28px;
	position: relative;
	top: -5px;
}

.desk_espace {
	display: block;
	padding-bottom: 50px;
}

/*-----------BARRE DU BAS--------------*/

#desk_boutons_bas {
	position: absolute;
	height: 62px;
	width: 1280px;
	padding-right: 20px;
	padding-left: 20px;
	color: #000000;
	font-family: "DIN Regular";
	font-size: 17px;
	line-height: 22px;
	bottom: 22px;
	right: 0px;
	text-align: center;background-color: red;
}


#desk_bouton_valider {
	width: 145px;
	height: 37px;
	display: inline;
	position: absolute;
	right: 443px;
	cursor: pointer;
	z-index: 100;
	top: -296px;
}

#desk_barre_boutons_bas {
	position: absolute;
	clear: both;
	margin-top: -28px;
	padding-left: 610px;
}

#desk_btn_aide {
	height: 47px;
	width: 47px;
	position: absolute;
	right: 236px;
	z-index: 100;
	top: 119px;
	cursor: pointer;
}



#desk_btn_aide .desk_opacifier {
	height: 100%;
	width: 100%;
	cursor: pointer;
}

#desk_btn_aide:hover .desk_opacifier {
	
}

#desk_btn_solution {
	width: 142px;
	height: 41px;
	float: left;
	display: inline;
	position: absolute;
	right: 300px;
	cursor: pointer;
}

#desk_bouton_recommencerOLD {
	width: 47px;
	height: 41px;
	/*float: left;
	display: inline;*/
	position: absolute;
	left: 5px;
	top: 6px;
	cursor: pointer;
	z-index: 2000;
	background-color: green; opacity: 0.5;
}


.desk_bouton-bas {
	float: left;
	position: relative;
	cursor: pointer;
}


/*-----------BOUTONS--------------*/


.desk_close {
	
}

.desk_tab {
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	position: absolute;
	top: 50px;
	right: -30px;
	font-size: 12px;
	background-color: #fff;
	color: #000;
	display: block;
	cursor: pointer;
}

.desk_aide-text {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

.desk_bulle {
	position: absolute;
	top: 0px;
	left: 0px;
		display: none;
	z-index: 99;

}
.desk_bulle#desk_dernier_essai {top: 628px; left: 350px; text-align:center; width:300px; border-radius: 15px; font-family: Arial; font-size:20px;}

.desk_infobulle {
	position: absolute;
	left: 890px;
	display: none;
	z-index: 99;
	color: #005994;
	font-family: Arial;
	font-size: 10px;
	text-align: right;
	width: 60px;
}

#desk_infobulle_aide {left: 930px;}
#desk_infobulle_toutafficher {top: 585px;}
#desk_infobulle_touteffacer {top: 615px;}
#desk_infobulle_affichertextes, #desk_infobulle_retirertextes {top: 645px;}


.desk_top {
	position: relative;
}



.desk_bottom {
	clear: both;
}
/*-----------MESSAGES REPONSES--------------*/

.desk_messages-reponses {
	position: absolute;
	top: 625px;
	right: 647px;
	display: none;
	width: 300px;
	height: 30px;
	overflow: hidden;
	z-index: 11;
	border: 2px solid #1c8e1c;
	background-color: #FFFFFF;
	text-align: center; border-radius: 15px; padding: 5px; color: #1c8e1c;
}

.desk_messages-aide {
	position: relative;
	display: none;
	top: 60px;
	left: -320px;
	width: 323px;
	height: 196px;
	overflow: hidden;
	z-index: 11;
}

.desk_texte01-msg-conseil {
	font-family: DINBold;
	font-size: 20px;
	font-weight: normal;
	color: #000;
	position: absolute;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: -180px;
}

.desk_texte02-msg-conseil {
	font-family: DINBold;
	font-size: 16px;
	font-weight: normal;
	color: #4d412b;
	position: absolute;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: -130px;
}

.desk_texte03-msg-conseil {
	cursor: pointer;
	position: absolute;
	float: left;
	margin-left: 101px;
	margin-top: -45px;
}

.desk_texte01-msg-bravo {
	font-family: Arial;
	font-size: 20px;
	font-weight: normal;
	color: #1c8e1c;
	position: absolute;
	text-align: center;
	padding-top: 1px; padding-left: 6px;
}

.desk_texte01-msg-correction {
	font-family: DINBold;
	font-size: 20px;
	font-weight: normal;
	color: #ed1c24;
	position: absolute;
	float: left;
	margin-top: -180px;
	padding-left: 20px;
	padding-right: 20px;
}

.desk_texte02-msg-correction {
	font-family: DINBold;
	font-size: 16px;
	font-weight: normal;
	color: #4d412b;
	position: absolute;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: -50px;
	clear: both;
}

.desk_accordion>h3 {
	padding: 5px 0;
	cursor: pointer;
}

.desk_accordion>div {
	display: none;
	width: 100%;
}

#desk_btn-voirreponse-util {
	display: none;
}
.desk_ui-draggable, .desk_ui-droppable {
	-ms-touch-action: none;
	touch-action: none;
}

.desk_bouton-menu {
	z-index: 11;
}
.desk_image_fond{position:absolute; top:0px; left:0px;}
#desk_btn_menu_principal_01 {
	position: absolute;
	width: 133px;
	height: 40px;
	left: 129px;
	top: 120px;
}

#desk_btn_menu_principal_02 {
	position: absolute;
	width: 133px;
	height: 40px;
	left: 266px;
	top: 120px;
}

#desk_btn_menu_principal_03 {
	position: absolute;
	width: 133px;
	height: 40px;
	left: 404px;
	top: 120px;
}
.desk_animation_video {
	position: absolute;
	top: 118px;
	left: 212px;
	z-index: 12;
	height: 485px;
	width: 505px;

}

.desk_animation_image {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 12;
	height: 768px;
	width: 1024px;
}

.cache01 {
	height: 6px;
	background-color: #FFF;
	width: 510px;
	position: absolute;
	top: 114px;
	left: 211px;
	z-index: 13;
}
.cache02 {
	height: 200px;
	background-color: #FFF;
	width: 8px;
	position: absolute;
	top: 442px;
	left: 852px;
	z-index: 13;
}
.vignettes {
	position: absolute;
	top: 619px;
	left: 88px;
	width: 755px;
	height: 40px;
	z-index: 50;
}
.vignette37 {width:37px; height:40px; position:absolute; float:left;}
.vignette38 {width:38px; height:40px; position:absolute; float:left;}
#vignette01 {left:0px; background-image: url(../medias/puce_velo01.png);background-repeat: no-repeat;}
#vignette02 {left:37px;background-image: url(../medias/puce_velo02.png);background-repeat: no-repeat;}
#vignette03 {left:75px; background-image: url(../medias/puce_velo03.png);background-repeat: no-repeat;}
#vignette04 {left:113px; background-image: url(../medias/puce_voiture01.png);background-repeat: no-repeat;}
#vignette05 {left:151px; background-image: url(../medias/puce_voiture02.png);background-repeat: no-repeat;}
#vignette06 {left:189px;  background-image: url(../medias/puce_voiture03.png);background-repeat: no-repeat;}
#vignette07 {left:717px;background-image: url(../medias/puce_chaussure01.png);background-repeat: no-repeat;}
#vignette08 {left:226px; background-image: url(../medias/puce_bateau01.png);background-repeat: no-repeat;}
#vignette09 {left:264px;background-image: url(../medias/puce_bateau02.png);background-repeat: no-repeat;}
#vignette10 {left:302px;background-image: url(../medias/puce_bateau03.png);background-repeat: no-repeat;}
#vignette11 {left:340px;background-image: url(../medias/puce_bateau04.png);background-repeat: no-repeat;}
#vignette12 {left:377px;background-image: url(../medias/puce_bateau05.png);background-repeat: no-repeat;}
#vignette13 {left:414px;background-image: url(../medias/puce_bateau06.png);background-repeat: no-repeat;}
#vignette14 {left:452px; background-image: url(../medias/puce_bus01.png);background-repeat: no-repeat;}
#vignette15 {left:490px;background-image: url(../medias/puce_bus02.png);background-repeat: no-repeat;}
#vignette16 {left:528px;background-image: url(../medias/puce_train01.png);background-repeat: no-repeat;}
#vignette17 {left:566px;background-image: url(../medias/puce_train02.png);background-repeat: no-repeat;}
#vignette18 {left:604px;background-image: url(../medias/puce_train03.png);background-repeat: no-repeat;}
#vignette19 {left:642px;background-image: url(../medias/puce_avion01.png);background-repeat: no-repeat;}
#vignette20 {left:679px;background-image: url(../medias/puce_avion02.png);background-repeat: no-repeat;}


.desk_etiquette08 {position: absolute; left: 640px; top: 50px;}
.desk_etiquette09 {position: absolute; left: 640px; top: 120px;}
.desk_etiquette10 {position: absolute; left: 640px; top: 190px;}
.desk_etiquette11 {position: absolute; left: 640px; top: 260px;}
.desk_etiquette12 {position: absolute; left: 640px; top: 330px;}
.desk_etiquette13 {position: absolute; left: 640px; top: 400px;}




#desk_bouton_recommencer {position: absolute; width: 50px; height: 50px; top: 119px; right: 186px; cursor: pointer; z-index: 800;}
.btn_fermer_aide {position: absolute; width: 50px; height: 50px; top: 138px; left: 651px; cursor: pointer;}
.btn_credits {position: absolute; width: 71px; height: 66px; top: 590px; left: 860px; cursor: pointer; z-index: 800;} .consigne {z-index: 800;}
.btn_fermer_credits {position: absolute; width: 1024px; height: 768px; top: 0px; left: 0px; cursor: pointer;}
.cache_fin_etiquettes {position: absolute; width: 154px; height: 49px; top: 382px; left: 431px; background-color: white; opacity: 0.5;}