/* ///////////////////////////////////////////////////////////////// */
/* //////////////////////  A C T I V I T É  1  ///////////////////// */
/* /////////////////////////  Maternelle  ////////////////////////// */
/* ///////////////////////////////////////////////////////////////// */


/* -------------------------------- EXERCICE 1 ------------------------------------ */

/* Changer l'arrière-plan pour avoir un encadré en bas */
div#conteneur_exercice.exercice1 	{
	background-image: url('../img/bg_exer_encadre.jpg');
}


/* ------------- Droppable -------------- */
.exercice1 div#conteneur_droppable	{
	height : 375px;
}

.exercice1 div#conteneur_droppable .slot	{
	float: left;
	background-repeat: no-repeat;
}

.exercice1 #slot1, .exercice1 #slot2	{
	margin-right: 25px;
	margin-top: 100px;
}

.exercice1 #slot1	{
	background-image : url('../img/maternelle_turquoise/bocal.gif');
	background-position: center 0;
	margin-left: 25px;
	margin-top: 150px;
	width: 142px;
	height: 117px;
}
.exercice1 #slot1.isComplete	{
	background-position: 0 -117px;
}

.exercice1 #slot2	{
	background-image : url('../img/maternelle_turquoise/aquarium.gif');
	width: 232px;
	height: 194px;
}
.exercice1 #slot2.isComplete	{
	background-position: 0 -194px;
}

.exercice1 #slot3	{
	background-image : url('../img/maternelle_turquoise/etang.gif');
	/* margin-top: -70px; */
	width: 446px;
	height: 372px;
}
.exercice1 #slot3.isComplete	{
	background-position: 0 -373px;
}


/* ------------- Draggable -------------- */
.exercice1 div#conteneur_draggable	{
	height : 215px;
}

.exercice1 .dragable	{
	cursor: pointer;
}

.exercice1 .drag_parent	{
	float: left;
	margin-left: 120px;
	margin-top: 25px;
}
.exercice1 .cadres	{
	background-repeat: no-repeat;
	background-position: center center;
}

.exercice1 #do1	{
	width: 141px;
	height: 141px;
}
.exercice1 #do2	{
	width: 140px;
	height: 140px;
}
.exercice1 #do3	{
	width: 162px;
	height: 162px;
}

.exercice1 div#conteneur_draggable #do1.hasBackground	{
	background-image : url('../img/maternelle_turquoise/cadre_poisson1.png');
}
.exercice1 div#conteneur_draggable #do2.hasBackground	{
	background-image : url('../img/maternelle_turquoise/cadre_poisson2.png');
}
.exercice1 div#conteneur_draggable #do3.hasBackground	{
	background-image : url('../img/maternelle_turquoise/cadre_poisson3.png');
	/* margin-top: 20px; */
}
.exercice1 div#conteneur_draggable #dragPar3	{
	margin-top: 20px;
}

/* --------- Message de fin et bouton Continuer ------------ */
.exercice1 #div_fin	{
	text-align: center;
	margin-top: 35px;
}

.exercice1 #div_fin #p_bravo	{
	font-size: 42px;
	font-weight: bold;
	clear: both;
}

.exercice1 #div_fin #p_msg	{
	font-size: 24px;
	margin-top: 10px;
}

.exercice1 #btn_verifier, .exercice1 #btn_continuer	{
	margin: 25px auto 0;
}

.exercice1 .dragable	{
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
}



/* -------------------------------- EXERCICE 2 ------------------------------------ */

div#conteneur_exercice.exercice2 #div_btn	{
	top: -77px;
}

div#conteneur_exercice.exercice2 #h3_consigne	{
	margin-top: 3px;
	margin-bottom: 10px;
}

.exercice2 #conteneur_enonce	{
	background-image : url('../img/maternelle_turquoise/bg_enonce.gif');
	background-repeat: no-repeat;
	background-position: center top;
	width: 782px;
	height: 30px;
	padding-top: 10px;
	margin: 0 auto;
	/* clear: both; */
}

.exercice2 #conteneur_enonce>p	{
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.exercice2 #conteneur_img_positions	{
	background-image : url('../img/maternelle_turquoise/bg_choix_positions.jpg');
	background-repeat: no-repeat;
	width: 782px;
	height: 542px;
	margin: 0 auto;
}

.exercice2 #conteneur_img_positions div	{
	/* border: 1px red dotted; */
	cursor: pointer;
	position: relative;
}

.exercice2 #conteneur_img_positions div img	{
	display: block;
	margin: 0 auto;
}

.exercice2 #conteneur_img_positions div.good	{
	background-image: url('../img/maternelle_turquoise/pouce_vert.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50%;
}

.exercice2 #conteneur_img_positions div.bad	{
	background-image: url('../img/maternelle_turquoise/pouce_rouge.png');
	background-repeat: no-repeat;
	background-position: center center;
}

.exercice2 .clickableZone	{
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
}
.exercice2 #conteneur_img_positions div#zone_nuage	{
	width: 180px;
	height: 100px;
	left: 463px;
	top: 20px;
}

.exercice2 #conteneur_img_positions div#zone_soleil	{
	width: 100px;
	height: 100px;
	left: 643px;
	top: -95px;
}

.exercice2 #conteneur_img_positions div#zone_pere	{
	width: 155px;
	height: 200px;
	top: -110px;
	left: 223px;
}

.exercice2 #conteneur_img_positions div#zone_fils	{
	width: 20px;
	height: 137px;
	top: -225px;
	left: 400px;
	z-index: 300;
}

.exercice2 #conteneur_img_positions div#zone_panier	{
	width: 167px;
	height: 106px;
	top: -350px;
	left: 420px;
	z-index: 200;
}

.exercice2 #conteneur_img_positions div#zone_poisson_devant	{
	width: 65px;
	height: 60px;
	top: -365px;
	left: 550px;
}

.exercice2 #conteneur_img_positions div#zone_poisson_gros	{
	width: 260px;
	height: 135px;
	top: -320px;
	left: 186px;
}

.exercice2 div#wrapper_ecran2	{
	width: 420px;
	margin: 80px auto 0;
}

.exercice2 div#wrapper_ecran2 p	{
	text-align: center;
	padding: 0;
	margin: 0;
}

.exercice2 div#wrapper_ecran2 p#p_bravo	{
	font-size: 38px;
	background-image: url('../img/maternelle_turquoise/bocal_fin.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 210px;
	height: 60px;
	padding-top: 70px;
	padding-left: 100px;
	margin-bottom: 20px;
	font-weight: bold;
}

.exercice2 div#wrapper_ecran2 p#p_msg	{
	margin-bottom: 40px;
	font-size: 20px;
}

.exercice2 #btn_continuer	{
	margin: 130px auto 0;
}






/* -------------------------------- EXERCICE 3 ------------------------------------ */

div#conteneur_exercice.exercice3 #h3_consigne	{
	font-size: 22px;
}

div#conteneur_exercice.exercice3 #div_btn	{
	top: -87px;
}

.exercice3 .conteneur_enonce	{
	background-image : url('../img/maternelle_turquoise/bg_enonce.gif');
	background-repeat: no-repeat;
	background-position: center top;
	width: 785px;
	height: 50px;
	margin: 30px auto 0;
	padding-top: 15px;
}

.exercice3 .image_flotante	{
	position:relative;
	left:350px;
	top:-245px;
}
.exercice3 .conteneur_img	{
	width: 782px;
	height: 365px;
	margin: -20px auto 0;
}

.exercice3 .conteneur_enonce>p	{
	font-size: 22px;
	text-align: center;
	font-weight: bold;
}

.exercice3 #btn_continuer	{
	margin: 20px auto 0;
}

/* -------------- Boutons vrai/faux ------------------ */
.exercice3 #btn_vrai_faux	{
	margin: 0 auto;
	width: 315px;
}

.exercice3 #btn_vrai_faux a	{
	display: inline-block;
	width: 110px;
	height: 110px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.exercice3 #btn_vrai_faux a#btn_vrai:hover, .exercice3 #btn_vrai_faux a#btn_faux:hover	{
	background-position: 0 -110px;
}

.exercice3 #btn_vrai_faux #btn_vrai	{
	background-image : url('../img/maternelle_turquoise/btn_vrai.png');
	margin-right: 90px;
}

.exercice3 #btn_vrai_faux #btn_faux	{
	background-image : url('../img/maternelle_turquoise/btn_faux.png');
	background-position: 0 -220px;
}

.exercice3 #btn_vrai_faux a#btn_vrai.good, .exercice3 #btn_vrai_faux a#btn_faux.good	{
	background-position: 0 0;
	cursor: default;
}

.exercice3 #btn_vrai_faux a#btn_vrai.bad, .exercice3 #btn_vrai_faux a#btn_faux.bad	{
	background-position: 0 -220px;
	cursor: default;
}