/* ///////////////////////////////////////////////////////////////// */
/* //////////////////////  A C T I V I T É  4  ///////////////////// */
/* ///////////////////////////  3e année  ////////////////////////// */
/* ///////////////////////////////////////////////////////////////// */


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

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

div#conteneur_exercice.exercice1 #h3_consigne	{
	font-size: 29px;
	margin-top: 12px;
}
 

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


.exercice1 .hiddenElement	{
	display: none;
	margin-top:49px;
}
/* btnReutiliser+btnRecycler+btnReduire */
.exercice1 div#conteneur_bouton	{
	display:block;
	text-align:center;
	margin: 60px auto 0;
	width:910px;
}
.exercice1 a#btnReutiliser, .exercice1 a#btnRecycler, .exercice1 a#btnReduire	{
	display:block;
	width:142px;
	height:60px;
	text-align:center;
	background-image: url('../img/primaire3_rose/btn_reutiliser.png');
	background-position: 0 0;
	cursor: pointer;
	cursor: hand;
	margin:0 auto;
	
}
.exercice1 a#btnRecycler	{
	background-image: url('../img/primaire3_rose/btn_recycler.png');
}
.exercice1 a#btnReduire	{
	background-image: url('../img/primaire3_rose/btn_reduire.png');
}

.exercice1 a#btnReutiliser:hover, .exercice1 a#btnRecycler:hover	, .exercice1 a#btnReduire:hover	{
	/* background-position: 0 62px; */
	background-position: 0 122px;
}

.exercice1 a#btnReutiliser.inactif, .exercice1 a#btnRecycler.inactif	, .exercice1 a#btnReduire.inactif	{
	background-position: 0 77px;
	cursor: default;
}

div#container_reduire, div#container_recycler, div#container_reutiliser{
	width: 300px;
	height: 350px;
	float:left;
	text-align:center;
	display:inline;
	
}

/* container_reduire
container_recycler
container_reutiliser */
/*
#cc8b2d
#074d5b
*/



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

div#conteneur_exercice.exercice2 #h3_consigne	{
	margin-top: 0px;
	padding-top: 10px;
}

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


/* ------------- Droppable -------------- */
.exercice2 div#conteneur_droppable	{
	height: 375px;
	text-align:center;
	width:830px;
	margin:0 auto;
	margin-top:90px;
	font-weight:bolder;
}

.exercice2 div#conteneur_droppable .wrapper_of_slot{
	width : 100%;
	margin: 0 auto;
	text-align:center;
	height : 60px;
}
.exercice2 div#conteneur_droppable #p1s1{
	width : 630px;
}
.exercice2 div#conteneur_droppable #p1s2{
	width : 425px;
}
.exercice2 div#conteneur_droppable #p1s3{
	width : 550px;
}

.exercice2 div#conteneur_droppable p{
	display:block;
	line-height: 71px;
	float:left;
	height:69px;
	font-weight:normal;
	font-size: 24px;
	
}
.exercice2 div#conteneur_droppable p.slot{
	background-image: url('../img/primaire3_rose/encadre_pointille.png');
	background-repeat: no-repeat;
	width:259px;
	/* padding-left:15px; */
	text-align:left;
	margin: 0 5px;
/* 	height:69px; */
/* 	text-align:left; */
/* 	line-height: 71px; */
/* 	display:block; */
	/* float:left; */
/* 	font-weight:bolder; */
}


/* ------------- Draggable -------------- */
.exercice2 div#conteneur_draggable	{
	height : 185px;
	width : 740px;
	margin: 0 auto;
	/* padding-top: 15px; */
	text-align:center;
}

.exercice2 .drag_parent	{
	float: left;
	/* margin-left: 20px; */
	width:120px;
	height:41px;
	margin-top: 15px;
	display:inline;
}
.exercice2 .sub_container	{
	text-align:center;
	height : 60px;
	margin: 0 auto;
	width : 740px;

}

.exercice2 .drag_parent img	{
	cursor: pointer;
}


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

.exercice2 div#conteneur_draggable #dragPar1	{
	
	margin-left: 46px; 
	margin-top:19px;
	width:165px;
}

.exercice2 div#conteneur_draggable #dragPar2	{
	margin-left: 35px;
	width:194px;
}

.exercice2 div#conteneur_draggable #dragPar3	{
 	
 	margin-left: 60px;
	width:142px; 
}

.exercice2 div#conteneur_draggable #dragPar4	{
	margin-left: 0px;
	margin-top: 20px;
	width:131px; 
}

.exercice2 div#conteneur_draggable #dragPar5	{
	margin-top: 20px;
	margin-left: 99px;
	width:262px;
}

.exercice2 div#conteneur_draggable #dragPar6	{
	margin-left: 73px; 
	width:169px;
	
}


.exercice2 a#btn_verifier{
	margin:0 auto;
}
.exercice2 a#btn_verifier.inactif{
	display:none;
	margin:0 auto;
}

/* ------------- Bouton Continuer et msg fin -------------- */
.exercice2 #div_fin	{
	width:800px;
	margin:0 auto;
	text-align:center;
	font-size:1.3em;
	font-weight:bolder;
}

.exercice2 #div_fin #p_bravo	{
	font-size: 42px;
	font-weight: bold;
	margin-bottom: 15px;
}


.exercice2 #btn_continuer	{
	margin:0 auto;
	margin-top:25px;
}

.exercice2 span.remove{
	font-size:1.7em;
}


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


.exercice2 div#conteneur_droppable #p2s1{
	width : 800px;
	height: 90px;
}
.exercice2 div#conteneur_droppable #p2s2{
	width : 500px;
	height: 90px;
}
.exercice2 div#conteneur_droppable #p2s3{
	width : 610px;
}


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


div#conteneur_exercice.exercice3 #h3_consigne	{
	margin-top: 0px;
	padding-top: 10px;
}

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

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

div#conteneur_exercice.exercice3 #h3_consigne	{
	margin-top: 0px;
}

/* ------------- Droppable -------------- */
.exercice3 div#conteneur_droppable	{
	height : 360px;
	width: 845px;
}

.exercice3 #conteneur_droppable>div	{
	float: left;
	margin-left: 75px;
	margin-top: 55px;
}

.exercice3 div#conteneur_droppable .slot	{
	background-repeat: no-repeat;
	background-image : url('../img/primaire3_rose/bg_goutte.png');
	width: 203px;
	height: 260px;
}

.exercice3 #conteneur_droppable>div>p	{
	font-size: 30px;
	margin-bottom: 8px;
	font-weight: bold;
	text-align: center;
}


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

.exercice3 .drag_parent	{
	float: left;
	margin-left: 45px;
	margin-top: 13px;
}

.exercice3 .drag_parent img	{
	cursor: pointer;
}

.exercice3 div#dragPar2	{
	margin-left: 100px;
	/* width: 226px;
	height: 174px; */
}

.exercice3 div#dragPar1	{
	margin-left: 60px;
	/* width: 260px;
	height: 179px; */
}

.exercice3 div#dragPar3	{
	margin-top: 0;
	/* width: 144px;
	height: 193px; */
}


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

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

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

.exercice3 #btn_verifier, .exercice3 #btn_continuer	{
	margin: 35px auto 0;
}

.exercice3 a#btn_verifier.inactif	{
	visibility: hidden;
}