/* ///////////////////////////////////////////////////////////////// */
/* //////////////////////  A C T I V I T É  2  ///////////////////// */
/* //////////////////////////  1re année  ////////////////////////// */
/* ///////////////////////////////////////////////////////////////// */



/* -------------------------------- EXERCICE 1 ------------------------------------ */
.exercice1 #div_btn	{
	top: -145px;	
}

div#conteneur_exercice.exercice1 #h2_notion	{
	padding-top: 12px;
}

div#conteneur_exercice.exercice1 #h3_consigne	{
	margin-top: 12px;
}
 
.exercice1 #conteneur_images	{
	margin-top: 25px;
}

.exercice1 a.clickable	{
	display: block;
	width: 100px;
	height: 100px;
	cursor: pointer;
	background-image: url('../img/primaire1_jaune/btn_interro.png');
	background-repeat: no-repeat;
}
.exercice1 .clickable:hover	{
	background-position: 0 -99px;
}

.exercice1 a#image1	{
	margin-top: 123px;
	margin-left: 47px;
}

.exercice1 a#image2	{
	margin-top: 125px;
	margin-left: 73px;
}

.exercice1 a#image3	{
	margin-top: 121px;
	margin-left: 11px;
}
 
.exercice1 #conteneur_images div	{
	float: left;
}
 
.exercice1 #conteneur_images div#imgFille	{
	width: 182px;
	height: 333px;
	background-image: url('../img/primaire1_jaune/sil_enfant.gif');
	/* background-image: url('../img/primaire1_jaune/enfant_sil.png'); */
	background-position: center bottom;
	background-repeat: no-repeat;
	margin-left: 80px;
}
 
.exercice1 #conteneur_images div#imgVache	{
	width: 302px;
	height: 297px;
	background-image: url('../img/primaire1_jaune/sil_vache.gif');
	/* background-image: url('../img/primaire1_jaune/vache_sil.png'); */
	background-position: center bottom;
	background-repeat: no-repeat;
	margin-left: 55px
}
 
.exercice1 #conteneur_images div#imgFleur	{
	width: 133px;
	height: 302px;
	background-image: url('../img/primaire1_jaune/sil_fleur.gif');
	/* background-image: url('../img/primaire1_jaune/fleur_sil.png'); */
	background-position: center bottom;
	background-repeat: no-repeat;
	margin-left: 55px
}

.exercice1 #btn_continuer	{
	margin: 60px auto 0;
}

.exercice1 .hiddenElement	{
	display: none;
}

/*
#cc8b2d
#074d5b
*/



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

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

div#conteneur_exercice #h3_consigne	{
	margin-top: 5px;
}


/* ------------- Droppable -------------- */
.exercice2 div#conteneur_droppable	{
	height: 375px;
	margin-top: 30px;
}
.exercice2 div#conteneur_droppable .slot	{
	float: left;
	background-repeat: no-repeat;
}

.exercice2 div#conteneur_droppable .slot img	{
	margin-top: 250px;
	visibility: hidden;
}

.exercice2 div#conteneur_droppable #slot1	{
	width: 228px;
	height: 326px;
	background-image : url('../img/primaire1_jaune/enfant_encadre.png');
	margin-left: 45px;
}

.exercice2 div#conteneur_droppable #slot1	#img_1	{
	margin-left: 12px;
}

.exercice2 div#conteneur_droppable #slot2	{
	width: 359px;
	height: 326px;
	background-image : url('../img/primaire1_jaune/vache_encadre.png');
	margin-left: 30px;
}

.exercice2 div#conteneur_droppable #slot2	#img_2	{
	margin-left: 80px;
}

.exercice2 div#conteneur_droppable #slot3	{
	width: 180px;
	height: 326px;
	background-image : url('../img/primaire1_jaune/fleur_encadre.png');
	margin-left: 30px;
}

.exercice2 div#conteneur_droppable #slot3	#img_3	{
	margin-left: -20px;
}

.exercice2 div#conteneur_droppable #slot3	#img_5	{
	margin-left: -5px;
}


/* ------------- Draggable -------------- */
.exercice2 div#conteneur_draggable	{
	height : 185px;
}

.exercice2 .drag_parent	{
	float: left;
	margin-left: 20px;
}

.exercice2 .drag_parent img	{
	cursor: pointer;
}

.exercice2 div#conteneur_draggable #dragPar1	{
	width: 88px;
	height: 103px;
	margin-top: 90px;
	margin-left: 30px;
}

.exercice2 div#conteneur_draggable #dragPar2	{
	width: 140px;
	height: 92px;
	margin-left: 5px;
}

.exercice2 div#conteneur_draggable #dragPar3	{
	width: 134px;
	height: 106px;
	margin-top: 80px;
}

.exercice2 div#conteneur_draggable #dragPar4	{
	width: 192px;
	height: 88px;
	margin-left: -5px;
}

.exercice2 div#conteneur_draggable #dragPar5	{
	width: 152px;
	height: 96px;
	margin-top: 85px;
	margin-left: -5px;
}

.exercice2 div#conteneur_draggable #dragPar6	{
	width: 84px;
	height: 99px;
	margin-top: 15px;
	margin-left: -5px;
}

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

/* ------------- Bouton Continuer et msg fin -------------- */
.exercice2 #div_fin	{
	text-align: center;
	margin-top: 35px;
}

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

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

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




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

.exercice3	{
	
}

.exercice3 #div_btn	{
	top: -105px;	
}

div#conteneur_exercice.exercice3 #h2_notion	{
	padding-top: 15px;
}

div#conteneur_exercice.exercice3 #h3_consigne	{
	margin-top: 20px;
}
 
.exercice3 #conteneur_images	{
	margin-top: 50px;
}
 
.exercice3 #conteneur_images div	{
	float: left;
	cursor: pointer;
}

.exercice3 #conteneur_images div.change_opacity	{
	opacity: 0.7;
}
.exercice3 #conteneur_images div.change_opacity:hover	{
	opacity: 1;
}
 
.exercice3 #conteneur_images div#image1	{
	width: 182px;
	height: 333px;
	background-image: url('../img/primaire1_jaune/sil_enfant.gif');
	background-repeat: no-repeat;
	margin-left: 80px;
}
 
.exercice3 #conteneur_images div#image2	{
	width: 302px;
	height: 297px;
	background-image: url('../img/primaire1_jaune/sil_vache.gif');
	background-repeat: no-repeat;
	margin-left: 55px
}
 
.exercice3 #conteneur_images div#image3	{
	width: 133px;
	height: 302px;
	background-image: url('../img/primaire1_jaune/sil_fleur.gif');
	background-repeat: no-repeat;
	margin-left: 55px
}

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

.exercice3 .anim_container	{
	/* margin-top:296px; */
	height:304px; 
	width:176px; 
	/* overflow:hidden;   */
	background-image:url('../img/primaire1_jaune/anim_fille.png');
	background-position:0px -6px;
	background-repeat:no-repeat;
}

.exercice3 #hidden2.anim_container	{
	background-image:url('../img/primaire1_jaune/anim_vache.png');
	background-position:-30px -6px;
	width:303px; 
	height:268px; 
	
}

.exercice3 #hidden3.anim_container	{
	background-image:url('../img/primaire1_jaune/anim_fleur.png');
	background-position:1px -5px;
	width:132px; 
	height:275px; 
}

.exercice3 .hiddenElement	{
	 display: none; 
}

#p_msg_fin	{
	font-size : 24px;
	text-align: center;
	opacity: 0;
	
}