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


/* -------------------------------- EXERCICE PRÉSENTATION ------------------------------------ */


/* .exercice1 #img_presentation{
	width:884px;	
	height:371px;
	background-image:url('../img/primaire4_bleu/img_into_pres.png');
} */
.exercice1 #container_btn{
	width: 900px;
	margin: 10px auto 0;
	text-align: center;
	height: 300px;
}

.exercice1 .conteneurs_btn{
	width:300px;
	background-repeat:no-repeat;
	height:320px;
	float:left;
}

.exercice1 .conteneurs_btn#conteneur_bouteille	{
	margin-left: 119px;
}
.exercice1 .conteneurs_btn#conteneur_bouteille img, .exercice1 .conteneurs_btn#conteneur_bouteille p	{
	float: right;
}

.exercice1 .conteneurs_btn#conteneur_jeans	{
	margin-left: 20px;
}
.exercice1 .conteneurs_btn#conteneur_jeans img, .exercice1 .conteneurs_btn#conteneur_jeans p	{
	float: left;
}

.exercice1 .conteneurs_btn img	{
	margin-top: 40px;
	cursor: pointer;
}
.exercice1 .conteneurs_btn img.pale	{
	opacity: 0.7;
}

.exercice1 .conteneurs_btn img.pale:hover	{
	opacity: 1;
}

.exercice1 .conteneurs_btn#conteneur_jeans img	{
	margin-top: 140px;
}

#conteneur_exercice.exercice1 p.bulles	{
	text-align: center;
	color: #1f788a;
	font-size: 24px;
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
}

.exercice1 .bulles#bulle_1	{
	width: 240px;
	height: 231px;
	padding: 50px 75px 0 15px;
	background-image: url('../img/primaire4_bleu/bulle_bouteille.png');
	margin-left: -105px;
}

.exercice1 .bulles#bulle_2	{
	width: 200px;
	height: 221px;
	padding: 40px 40px 0 100px;
	background-image: url('../img/primaire4_bleu/bulle_jeans.png');
	margin-left: 115px;
}

.exercice1 #div_message_fin{
	width: 700px;
	font-size: 23px;
	text-align: center;
	margin: 55px auto 10px;
}

.exercice1 #btn_continuer{
	margin: 0 auto;
}






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


.exercice2 #btn_continuer{
	margin:0 auto;
}

#conteneur_exercice.exercice2 #h3_consigne	{
	margin-top: 5px;
	letter-spacing: -1px;
}

.exercice2 div#wrapper_sliders	{
	margin-top: 90px;
	margin-left: 15px;
}

.exercice2 div#regle	{
	width: 819px;
	height: 91px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url('../img/primaire4_bleu/bg_regle.png');
}

.exercice2 div#regle div#explosion	{
	width: 114px;
	height: 163px;
	background-repeat: no-repeat;
	background-position: -250px -90px;
/* 	background-image: url('../img/primaire4_bleu/explosion.gif'); */
	float: right;
	position: relative;
	top: -50px;
	left: 25px;
	z-index: 9001;
	display: none;
}

.exercice2 #conteneur_curseurs_haut, #conteneur_curseurs_bas	{
	width: 811px;
	height: 84px;
	/* border: blue 2px dotted; */
}

.exercice2 #conteneur_curseurs_haut	{
	position: relative;
	margin-bottom: 15px;
}

.exercice2 #conteneur_curseurs_bas	{
	position: relative;
	bottom: 35px;
}

.exercice2 .curseur	{
	width: 113px;
	height: 141px;
	position: absolute;
	background-repeat: no-repeat;
	background-position: 0 0;
	cursor: pointer;
	opacity: 0.7;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#conteneur_exercice.exercice2 .curseur p	{
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	letter-spacing: -3px;
    text-shadow: -2px 0 #ffffff, 0 2px #ffffff, 2px 0 #ffffff, 0 -2px #ffffff;
}

#conteneur_exercice.exercice2 #conteneur_curseurs_haut .curseur p	{
	margin-top: 45px;
}
#conteneur_exercice.exercice2 #conteneur_curseurs_haut .curseur p#p_300g	{
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	margin-top: 8px;
	letter-spacing: 0px;
}

#conteneur_exercice.exercice2 #conteneur_curseurs_bas .curseur p	{
	margin-top: 75px;
}

/* #conteneur_exercice.exercice2 #conteneur_curseurs_bas .curseur#auto p	{
	font-size: 30px;
	letter-spacing: -3px;
    text-shadow: -2px 0 #ffffff, 0 2px #ffffff, 2px 0 #ffffff, 0 -2px #ffffff;
} */

.exercice2 div.conteneurs	{
	float: left;
}

.exercice2 .curseur#pain	{
	background-image: url('../img/primaire4_bleu/ico_slider_pain.png');
}

.exercice2 .curseur#douche	{
	background-image: url('../img/primaire4_bleu/ico_slider_douche.png');
}

.exercice2 .curseur#pates	{
	background-image: url('../img/primaire4_bleu/ico_slider_noodles.png');
}

.exercice2 .curseur#steak	{
	background-image: url('../img/primaire4_bleu/ico_slider_steak.png');
}

.exercice2 .curseur#auto	{
	background-image: url('../img/primaire4_bleu/ico_slider_char.png');
}

.exercice2 #btn_continuer	{
	margin-top: 90px;
}



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

.exercice3 #conteneur_img	{
	margin: 30px auto 10px;
	height: 505px;
	width: 770px;
	background-image: url('../img/primaire4_bleu/bg_garcon.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}

.exercice3 #conteneur_traits	{
	height: 505px;
	width: 850px;
	background-repeat: no-repeat;
	background-position: left top;
}
.exercice3 #conteneur_traits.pomme	{
	background-image: url('../img/primaire4_bleu/trait_pomme.png');
}
.exercice3 #conteneur_traits.lait	{
	background-image: url('../img/primaire4_bleu/trait_lait.png');
}
.exercice3 #conteneur_traits.tshirt	{
	background-image: url('../img/primaire4_bleu/trait_tshirt.png');
}
.exercice3 #conteneur_traits.burger	{
	background-image: url('../img/primaire4_bleu/trait_burger.png');
}
.exercice3 #conteneur_traits.pantalon	{
	background-image: url('../img/primaire4_bleu/trait_pantalon.png');
}
.exercice3 #conteneur_traits.souliers	{
	background-image: url('../img/primaire4_bleu/trait_souliers.png');
}

.exercice3 #conteneur_contour	{
	height: 505px;
	width: 850px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url('../img/primaire4_bleu/contour_all.png');
}

.exercice3 #conteneur_zones, .exercice3 #conteneur_texte	{
	float: left;
}

.exercice3 #conteneur_texte	{
	/* margin-left: 30px; */
	width: 350px;
	/* padding-top: 60px; */
	text-align: center;
}
.exercice3 #conteneur_texte .textes.invisible	{
	visibility: hidden;
}

.exercice3 #conteneur_texte .p_nom	{
	font-size: 24px;
	font-weight: bold;
	/* letter-spacing: -2px; */
	margin-top: 15px;
}
.exercice3 #texte_lait .p_nom	{
	color: #ff6600;
}
.exercice3 #texte_pomme .p_nom	{
	color: #000099;
}
.exercice3 #texte_burger .p_nom	{
	color: #cc0099;
}
.exercice3 #texte_tshirt .p_nom	{
	color: #3aa21d;
}

.exercice3 #texte_pantalon .p_nom	{
	color: #cc0000;
}

.exercice3 #texte_souliers .p_nom	{
	color: #01cece;
}

.exercice3 #conteneur_texte .p_quantite	{
	font-size: 24px;
	/* letter-spacing: -1px; */
}

.exercice3 #conteneur_texte #msg_fin	{
	font-size: 23px;
	margin: 220px auto 0;
	width: 280px;
	visibility: hidden;
}

.exercice3 #conteneur_texte #compteur	{
	font-size: 30px;
	line-height: 70px;
	font-weight: bold;
	margin: 10px auto 0;
	height: 67px;
	width: 258px;
	background-image: url('../img/primaire4_bleu/bg_pointille.png');
	background-repeat: no-repeat;
	background-position: center center;
}

.exercice3 #conteneur_zones	{
	width: 400px;
	height: 510px;
}

.exercice3 .zones	{
	/* border: 1px blue dashed; */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border:none;
	cursor: pointer;
	float: left;
	position: relative;
}

.exercice3 .zones#zone_lait	{
	width: 65px;
	height: 72px;
	top: 95px;
	left: 162px;
}
.exercice3 .zones#zone_tshirt	{
	width: 119px;
	height: 112px;
	top: 151px;
	left: -42px;
}
.exercice3 .zones#zone_burger	{
	width: 59px;
	height: 61px;
	top: 155px;
	left: 36px;
}
.exercice3 .zones#zone_pomme	{
	width: 50px;
	height: 55px;
	top: 160px;
	left: 49px;
}
.exercice3 .zones#zone_pantalon	{
	width: 155px;
	height: 110px;
	top: 207px;
	left: -214px;
}
.exercice3 .zones#zone_souliers	{
	width: 54px;
	height: 90px;
	top: 136px;
	left: 173px;
}


.exercice3 #btn_continuer	{
	margin: 0 auto;
}