/* Feuille de style commune à tous les exercices */

/* -------------------- Conteneurs des exercices ----------------------- */

div#wrapper_encadre	{
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin: 0 auto;
	padding-top: 25px;
	height: 707px;
	width: 968px;
	background-image: url('../img/conteneur/bg_exercices.png');
	background-repeat: no-repeat;
	clear: both;
}

div#conteneur_exercice	{
	margin-left: 23px;
	/* padding-top: 20px; */
	height: 683px;
	width: 910px;
	/* background-image: url('../img/conteneur/bg_exer_vide.jpg'); */
}

div#conteneur_exercice h2, div#conteneur_exercice h3,div#conteneur_exercice p	{
	margin : 0;
	padding : 0;
}


/* ---------------------- Titre et consigne ------------------------------ */

div#conteneur_exercice #h2_titre	{
	color: #1f788a;
	font-size: 30px;
	font-style: italic;
	text-align: center;
	padding-top: 20px;
}

div#conteneur_exercice #h2_notion	{
	color: #1f788a;
	font-size: 24px;
	text-align: center;
	font-weight: normal;
	padding-top: 20px;
}

div#conteneur_exercice #h3_consigne	{
	font-size : 24px;
	font-weight: normal;
	text-align: center;
	margin-top: 20px;
}


/* -------------------- Boutons menu et son ----------------------- */

/* #div_btn	{
	float: right;
	position: relative;
	top: -90px;
} */

a#btn_menu, a#btn_son	{
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 70px;
	height: 68px;
	position: absolute;
	cursor: pointer;
	cursor: hand;
}

a#btn_son:hover, a#btn_menu:hover	{
	background-position: 0 -71px;
}
a#btn_menu	{
	background-image: url('../img/btn_menu.png');
	margin-left: 865px;
}
a#btn_son	{
	background-image: url('../img/btn_son.png');
	margin-left: 795px;
}
a#btn_son.display_none	{
	display: none;
}


/* -------------------- Boutons continuer et niveau suivant ----------------------- */

a#btn_continuer, a#btn_verifier	{
	display: block;
	width: 180px;
	height: 77px;
	background-image: url('../img/btn_continuer.gif');
	background-position: 0 0;
	cursor: pointer;
	cursor: hand;
}
a#btn_verifier	{
	background-image: url('../img/btn_verifier.gif');
}

a#btn_continuer:hover, a#btn_verifier:hover	{
	background-position: 0 155px;
}
a#btn_continuer.inactif, a#btn_verifier.inactif	{
	background-position: 0 77px;
	cursor: default;
}

a#btn_continuer.display_none, a#btn_verifier.display_none{
	display: none;
}


/* ---------------------------- Classes générales ------------------------------- */

.clear_both	{
	clear: both;
}

.display_none	{
	display: none;
}

.no_select	{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


/* ---------------------------- Loader ------------------------------- */

#loader {
	position: absolute;
	margin-top: 250px;
	margin-left: 210px;
}