@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: 156px; /*left:450px;*/
	top: 176px;
	height: 86px;
	width: 626px;
	float: left;
	padding: 0px 20px 0px 20px;
	z-index: 11;
	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;
	width: 113px;
	height: 82px;
	border-radius: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px; background-color:#728cb7; z-index:11;
}
.desk_cible strong {
	float: left;
}


#desk_cible01 {
	position: absolute;
	top: 269px;
	left: 170px;
	z-index: 11;
}
#desk_cible02 {
	position: absolute;
	top: 269px;
	left: 300px;
}
#desk_cible03 {
	position: absolute;
	top: 269px;
	left: 430px;
}
#desk_cible04 {
	position: absolute;
	top: 269px;
	left: 560px;
}
#desk_cible05 {
	position: absolute;
	top: 269px;
	left: 690px;
}
#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: 115px;
	height: 84px;
	display: inline;
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;

}

/*.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_02.png);	background-repeat: no-repeat;}
.desk_etiquette04 {background-image: url(../medias/Etiquette04_02.png);	background-repeat: no-repeat;}
.desk_etiquette05 {background-image: url(../medias/Etiquette05.png);	background-repeat: no-repeat;}
/*.desk_etiquette05 {background-image: url(../medias/Fd_Etiquette05.png);}
.desk_etiquette06 {background-image: url(../medias/Fd_Etiquette06.png);}
.desk_etiquette07 {background-image: url(../medias/Fd_Etiquette07.png);}
.desk_etiquette08 {background-image: url(../medias/Fd_Etiquette08.png);}
.desk_etiquette09 {background-image: url(../medias/Fd_Etiquette09.png);}
.desk_etiquette10 {background-image: url(../medias/Fd_Etiquette10.png);}*/
.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;
}


#desk_bouton_valider {
	width: 145px;
	height: 37px;
	display: inline;
	position: absolute;
	right: 443px;
	cursor: pointer;
	z-index: 50;
	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: 206px;
	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_recommencer {
	width: 47px;
	height: 41px;
	/*float: left;
	display: inline;*/
	position: absolute;
	right: 156px;
	top: -560px;
	cursor: pointer;
	z-index: 100;
}


.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 {
	position: absolute;
	top: 444px;
	left: 133px;
	z-index: 12;
	height: 191px;
	width: 723px;
}
.cache01 {
	height: 200px;
	background-color: #FFF;
	width: 8px;
	position: absolute;
	top: 440px;
	left: 132px;
	z-index: 13;
}
.cache02 {
	height: 200px;
	background-color: #FFF;
	width: 8px;
	position: absolute;
	top: 442px;
	left: 852px;
	z-index: 13;
}



.btn_fermer_aide {position: absolute; width: 50px; height: 50px; top: 195px; left: 794px; cursor: pointer;}
.btn_credits {position: absolute; width: 71px; height: 66px; top: 593px; left: 893px; 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;}

.boutons_etiq {cursor: pointer;}
.boutons_etiq div {position: absolute; z-index: 400;}
.btn_etiq_01 {top: 268px; left: 170px;}
.btn_etiq_02 {top: 268px; left: 300px;}
.btn_etiq_03 {top: 268px; left: 430px;}
.btn_etiq_04 {top: 268px; left: 560px;}
.btn_etiq_05 {top: 268px; left: 690px;}