/* ///////////////////////////////////////////////////////////////// */
/* //////////////////////  A C T I V I T É  7  ///////////////////// */
/* ////////////////////////////  6e année ////////////////////////// */
/* ///////////////////////////////////////////////////////////////// */


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

.exercice1 .conteneur_btn{
	width:175px;
	height:200px;
	float:left;
	margin-top:37px;
	margin-left:37px;
	text-align:center;
}

.exercice1 .answerButton{
	background-image:url('../img/primaire6_orange/nucleaire.png');
	background-repeat:no-repeat;
	width:139px;
	height:129px;
	display:block;
	margin:0 auto;
	cursor: pointer;
	background-position:0 -129px;
}

.exercice1 #fossil{
	background-image:url('../img/primaire6_orange/fossil.png');
	width:143px;
	height:152px;
	background-position:0 -150px;
}

.exercice1 #hydro{
	background-image:url('../img/primaire6_orange/hydro.png');
	width:189px;
	height:100px;
	background-position:0 -98px;
}

.exercice1 #geo{
	background-image:url('../img/primaire6_orange/geothermie.png');
	width:171px;
	height:174px;
	background-position:0 -173px;
}

.exercice1 #nucleair:hover{

	background-position:0 0;
}

.exercice1 #fossil:hover{

	background-position:0 0;
}

.exercice1 #hydro:hover{

	background-position:0 0;
}

.exercice1 #geo:hover{

	background-position:0 0;
}

.exercice1 #nucleair.rouge{
	background-position:0 -259px;
}

.exercice1 #fossil.rouge{
	background-position:0 -302px;
}

.exercice1 #hydro.vert{
	background-position:0 -199px;
}

.exercice1 #geo.rouge{
	background-position:0 -347px;
}
.exercice1 #conteneur_questions{
	width:900px;
	margin:0 auto;
	text-align:center;
}

.exercice1 .texte{
	font-weight:600;
}
.exercice1 #btn_nucleair .texte{
	height:49px;
}
.exercice1 #btn_fossil .texte{
	height:36px;
}
.exercice1 #btn_hydro .texte{
	height:71px;
}
.exercice1 #btn_geo .texte{
	height:25px;
}


.exercice1 #div_message{
	width:625px;
	height: 60px;
	text-align:center;
	margin:0 auto;
	font-size:1.3em;
	font-weight:600;
	margin-top:50px;
	margin-bottom:50px;
}
.exercice1 #btn_continuer{
	margin:0 auto;
}





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

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

.exercice2 #p_question{
	font-size: 25px;
	height:50px;
	font-weight: bold;
}
.exercice2 #conteneur_diagramme{
	margin:0 auto;
	background-repeat:no-repeat;
	background-image:url('../img/primaire6_orange/graphique.png');
	width:833px;
	height:345px;
}
.exercice2	.btn_reponses{
	width:210px;
	height:71px;
	background-image:url('../img/primaire6_orange/btn_bg.png');
	background-repeat:no-repeat;
	float:left;
	margin-top:25px;
	padding-top:13px;
	cursor: pointer;
}

.exercice2 .btn_reponses#btn_a	{
	margin-left:125px;
}

.exercice2 .btn_reponses#btn_b	{
	margin-left:95px;
}

.exercice2	.btn_reponses span{
	-webkit-user-select: none; /* Chrome/Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	width:205px;
	display:block;
	text-align:center;
	color: #ffffff;
	font-size: 28px;
	line-height: 30px;
	font-weight: bold;
	font-style: italic;
	text-shadow: 1px 2px 3px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=2);
}

.exercice2	.btn_reponses:hover{
	background-position:0 -86px;
}

.exercice2	.btn_reponses.vert{
	background-position:0 -172px;
}
.exercice2	.btn_reponses.rouge{
	background-position:0 -258px;
}

.exercice2	.questionnairePart{
	width: 800px;
	margin:0 auto;
	text-align:center;
	margin-top:25px;
}
.exercice2	.flotant{
	position: relative;
	width: 215px;
	text-align: center;
	font-size: 23px;
	font-weight: bold;
	color: #05ae19;
	display: none;
}
.exercice2	#answer_q1{
	left:13px;
	top:26px;
}

.exercice2	#answer_q2{
	left:445px;
	top:247px;
}
.exercice2	#answer_q3{
	left:515px;
	top:-68px;
}
.exercice2	#answer_q4{
	left:603px;
	top:93px;
}

.exercice2	#answer_q5{
	left:572px;
	top:-41px;
}
.exercice2	#btn_continuer{
	margin:25px auto;
}
.exercice2	#titre_diagramme{
	margin:0 auto;
	width:816px;
	font-size: 25px;
	font-weight:700;
	margin-top:20px;
	margin-bottom: 15px;
}
.exercice2	#p_bravo{
	font-size: 42px;
	font-weight: bold;
}

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

.exercice2	#h3_consigne_2{
	font-size: 25px;
	/* font-style: italic; */
	padding-top: 15px;
	text-align: center;
}

.exercice2	#div_fin{
	text-align:center;
	margin:25px auto;
	width:500px;
	font-size:1.2em;
	font-weight:600;

}




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

.exercice3	{

}

.exercice3	#h3_consigne{
	margin:0 auto;
	width: 540px;
	height:90px;
	line-height:55px;
	text-align:center;
}
.exercice3	#h3_consigne p {
	float:left;
	margin-left: 15px;
}
.exercice3	#icoPouceRouge{
	background-image:url('../img/primaire6_orange/pouce_rouge_mini.png');
	background-repeat:no-repeat;
	width:43px;
	margin-left:13px;
	height:59px;
	float:left;
}
.exercice3	#icoPouceVert{
	background-image:url('../img/primaire6_orange/pouce_vert_mini.png');
	background-repeat:no-repeat;
	width:42px;
	margin-left:13px;
	height:59px;
	float:left;
}

.exercice3 .questionnairePart	{
	text-align:center;
	margin:0 auto;
	width: 850px;
	height:275px;
}
.exercice3 .answerButton	{
	background-image:url('../img/primaire6_orange/pouce_rouge_btn.png');
	background-repeat:no-repeat;
	width:153px;
	height:201px;
	margin-top: 30px;
	margin-left: 195px;
	/* display:block; */
	float:left;
	cursor: pointer;
}

.exercice3 #btn_a	{
	/* margin-left: 175px; */
}
.exercice3 #btn_b	{
	/* margin-left: 100px; */
}

.exercice3 .btn_reponsesb	{
	background-image:url('../img/primaire6_orange/pouce_vert_btn.png');
	height:206px;
	width:151px;
}
.exercice3 .answerButton:hover{
	background-position:0px -198px;
}

.exercice3 .btn_reponses:hover {
	background-position:1px -201px;
}

.exercice3 .btn_reponsesb:hover {
	background-position:0px -206px;
}

#conteneur_exercice.exercice3 .p_question	{
	width: 856px;
	height: 91px;
	text-align:center;
	margin: 0 auto;
	padding-top: 25px;
	font-size: 30px;
	line-height: 34px;
	background-image: url('../img/primaire6_orange/bg_encadre_pointille.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}

.exercice3 #p_question_permanente	{
	width:550px;
	text-align:center;
	margin: 20px auto 15px;
	font-weight:900;
	font-size: 30px;
	line-height: 34px;
}
.exercice3 #div_fin	p{
	margin-top:75px;
	line-height:48px;
}



.exercice3 #btn_continuer{
/* 	margin:0 auto;
	margin-top:75px; */
	margin-left:75px;
	float:left;
}
.exercice3 #btn_recommencer	{
	width:180px;
	height:78px;
	background-image:url('../img/btn_reessayer.png');
	background-repeat:no-repeat;
	float:left;
	margin-left:147px;
	cursor: pointer;
}

.exercice3 #btn_recommencer:hover{
	background-position:0 -79px;
}


.exercice3 #container_btn	{
	text-align:center;
	margin:0 auto;
	width:735px;
}
.exercice3 #div_fin	{
	width:740px;
	margin:0 auto;
	text-align:center;
	font-size:24px;
}
.exercice3 #p_score	{
	font-size: 122px;
	letter-spacing: 3px;
	color:#1f788a;
	font-weight: bold;
}
.exercice3 #p_resultat	{
	font-size: 30px;
	font-weight: bold;
}
