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


/* -------------------------------- EXERCICE 1 ------------------------------------ */
.exercice1 	{
	
}
.exercice1 #header_consigne{
	width:740px;
	margin:0 auto;
	text-align:center;
	color:#1f788a;
}
.exercice1 #h2_titre{
	margin:0 auto;
	/* margin-top:50px;  */
	
}

.exercice1 #div_btn{
	margin-top:40px; 
}
.exercice1 .btn_vrai_faux{
	height:90px;
}

.exercice1 .answerButton:hover{
	/*
	background-position:0 -186px;
	background-position:0 -124px;
	*/
	background-position:0 -62px;
	cursor: pointer;
}

.exercice1 .conteneur_image{
	margin-bottom:25px;
}
.exercice1 .answerButton{
	/* background-image: url('../img/primaire5_violet/pointille_dollar.png'); */
	background-repeat: no-repeat;
	float: left; 
	
	width: 144px;
	height: 62px;
	
}

.exercice1 .btnBesoin{
	background-image: url('../img/primaire5_violet/btn_besoin.png');
}

.exercice1 .btnDesir{
	margin-left: 15px;
	background-image: url('../img/primaire5_violet/btn_desir.png');
}

.exercice1 .answerButton.rouge{
	background-position:0 -124px;
}

.exercice1 .answerButton.vert{
	background-position:0 -186px;
}

.exercice1 #btn_continuer{
	margin:0 auto;
}

.exercice1 #questionnaire_container{
	width:900px;
	height:315px;
	
	margin:0 auto;
	margin-top:50px;
	text-align:center;
}

.exercice1 .questionnairePart{
	float:left;
	margin-left:88px;
	text-align:center;
	width:320px;
}
.exercice1 .conteneur_enonce{
	font-weight:bolder;
	font-size:1.5em;
	margin-bottom:25px;
}
.exercice1 .div_message{
	/* font-weight:bold;  */
	font-size:24px;
	font-family:Arial;
	height:120px;
}







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

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

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

div#conteneur_exercice.exercice2 #h3_consigne	{
	margin-top: -20px;
	margin-bottom: 30px;
}

.exercice2 #div_exer .p_titre	{
	font-size: 20px;
	font-weight: bold;
}

.exercice2 #div_exer #titre_diagramme1	{
	text-align: center;
}

.exercice2 #div_exer #titre_diagramme2	{
	float: left;
	margin-top: 20px;
	margin-left: 7px;
}

.exercice2 #div_exer span#slot1	{
	background-image: url('../img/primaire5_violet/pointille_dollar.png');
	background-repeat: no-repeat;
	float: left;
	width: 160px;
	height: 69px;
	margin-left: 170px;
}

/* ------------- Droppable -------------- */
.exercice2 .slot	{
	font-size: 36px;
	font-weight: bold;
	color: #01ad1d;
	line-height: 72px;
	text-align: center;
	width: 160px;
}

.exercice2 div#conteneur_diagramme	{
	width: 800px;
	height: 355px;
	margin-left: 75px;
	background-image: url('../img/primaire5_violet/pie_chart.png');
	background-repeat: no-repeat;
}

.exercice2 div#conteneur_diagramme #slot2	{
	background-image: url('../img/primaire5_violet/pointille_dollar.png');
	background-repeat: no-repeat;
	width: 160px;
	height: 69px;
	position: relative;
	left: 640px;
	top: 100px;
}

.exercice2 div#conteneur_diagramme #slot3	{
	position: relative;
	left: 368px;
	top: 61px;
}

.exercice2 div#conteneur_diagramme #slot4	{
	position: relative;
	left: 206px;
	top: 61px;
}


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

.exercice2 .drag_parent	{
	float: left;
	margin-left: 70px;
	margin-top: 35px;
}

.exercice2 .drag_parent img	{
	cursor: pointer;
}

.exercice2 div#conteneur_draggable #dragPar1	{
	margin-left: 100px;
}

.exercice2 div#conteneur_draggable #dragPar1, .exercice2 div#conteneur_draggable #dragPar3	{
	margin-top: 65px;
}

/* -------------- Écran fin ------------- */

.exercice2 #div_fin	{
	width: 900px;
	margin: 0 auto;
	text-align: center;
}

/* .exercice2 #div_fin img	{
	display: block;
	margin: 70px auto 0;
} */

div#conteneur_exercice.exercice2 #div_fin p	{
	text-align: center;
	margin: 10px auto 0;
	font-size: 23px;
	letter-spacing: -1px;
	width: 900px;
	/* font-weight:bold; */
}

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

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

.exercice2 h1.titre_texte_fin{
	text-align:center;
	
}
/* -------------------------------- EXERCICE 3 ------------------------------------ */


div#conteneur_exercice.exercice3 #h3_consigne	{
	color: #1f788a;
}

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

div#conteneur_exercice.exercice3 #h3_consigne span.black	{
	color: #000000;
}

.exercice3 table 	{
	background-image: url('../img/primaire5_violet/bg_tableau.png');
	background-repeat: no-repeat;
	width: 866px;
	height: 279px;
	margin: 70px auto 45px;
}

/* .exercice3 table tr	{
	border: green 2px dashed;
}
.exercice3 table tr	 td{
	border-right: red 2px dotted;
} 
*/
.exercice3 table tr#top_row	{
	height: 165px;
	font-size: 18px;
	letter-spacing: -1px;
	text-align: center;
	vertical-align: center;
}

.exercice3 table tr#bottom_row{
	height: 100px;
	font-size: 36px;
	font-weight: bold;
	letter-spacing: -2px;
	text-align: center;
}

.exercice3 table tr td.bg_pointille	{
	background-image: url('../img/primaire5_violet/pointille_tableau.png');
	background-repeat: no-repeat;
	background-position: 16px 15px;
}
.exercice3 table tr td.bg_pointille.td3	{
	background-position: 12px 15px;
}
.exercice3 table tr td.bg_pointille.td4	{
	background-position: 7px 15px;
}
.exercice3 table tr td.bg_pointille.td6	{
	background-position: 6px 15px;
}

.exercice3 table tr td.td1	{
	width: 154px;
}
.exercice3 table tr td.td2	{
	width: 152px;
}
.exercice3 table tr td.td3	{
	width: 147px;
}
.exercice3 table tr td.td4	{
	width: 140px;
}
.exercice3 table tr td.td5	{
	width: 123px;
}

.exercice3 #conteneur_questions	{
	margin-top: 45px;
}

.exercice3 #p_question	{
	font-size: 24px;
	text-align: center;
	margin-bottom: 35px;
}

.exercice3 .btn_reponses	{
	display: inline-block;
	width: 182px;
	height: 77px;
	margin-left: 10px;
	background-image: url('../img/primaire5_violet/bg_btn_choix.png');
	background-repeat: no-repeat;
	text-align: center;
	line-height: 80px;
	font-size: 30px;
	font-weight: bold;
	font-style: italic;
	color: #ffffff;
	cursor: pointer;
	text-shadow: 1px 2px 4px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=2);
}

.exercice3 .btn_reponses:hover	{
	background-position: 0 -77px;
}
.exercice3 .btn_reponses.good	{
	background-position: 0 -231px;
	cursor: default;
}
.exercice3 .btn_reponses.bad	{
	background-position: 0 -154px;
	cursor: default;
}

.exercice3 .span_AB#span_A	{
	margin-left: 180px
}
.exercice3 .span_AB#span_B	{
	margin-left: 80px
}

.exercice3 .span_AB	{
	font-size: 36px;
	font-weight: bold;
}


.exercice3 span.reponse.vert{
	color:#00ff00;
}
.exercice3 span.reponse.rouge{
	color:#ff0000;
}
.exercice3 #div_fin	{
	text-align: center;
	margin-top: 50px;
}

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

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

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


.exercice3 .reponse{
	display:none;
}