/* ///////////////////////////////////////////////////////////////// */
/* //////////////////////  A C T I V I T É  8  ///////////////////// */
/* ////////////////////////  1re secondaire //////////////////////// */
/* ///////////////////////////////////////////////////////////////// */


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

#conteneur_exercice.exercice1 #h3_consigne	{
	margin-top: 10px;
}

.exercice1 .cadre_fiche{
	background-image:url('../img/secondaire1_beige/cadre.png');
	background-repeat:no-repeat;
	background-position:0 338px;
	width:725px;
	height:337px;
	margin:15px auto;
}

.exercice1 .cadre_fiche.a{
	background-position:24px -685px;
}

.exercice1 .cadre_fiche.b{
	background-position:24px -343px;
}

.exercice1 .cadre_fiche.c{
	background-position:24px 0;
}
.exercice1 .container_btn{
	width:109px;
	float:left;
}

.exercice1 .button{
	background-image:url('../img/secondaire1_beige/btn_a.png');
	width:109px;
	height:108px;
	margin-top:0px;
	float:left;
	cursor: pointer;
}

.exercice1 .button:hover{
	background-position:0 -110px; 
}

.exercice1 .button.inactif{
	background-position: 0 0;
	cursor: default;
}

.exercice1 #choixb{
	background-image:url('../img/secondaire1_beige/btn_b.png');
	margin-top:6px;
	height:108px;
}

.exercice1 #choixc{
	background-image:url('../img/secondaire1_beige/btn_c.png');
	margin-top:6px;
	height:108px;
}

.exercice1 .container_content{
	float:left;
	width:611px;
}

.exercice1 ul.liste_point 	{
	
}

.exercice1 .liste_point li{
	/* list-style-image:url('../img/secondaire1_beige/puce_liste.png'); */
	list-style-type:none;
	background-image:url('../img/secondaire1_beige/puce_liste.png');
	background-repeat:no-repeat;
	background-position:0 1px;
	text-align:left;
	color:#1f788a;
	font-size:24px;
	margin-bottom:30px;
	padding-left:30px;
}
.exercice1 .content{
	margin:0 auto;
	width:545px;
	text-align:center;
}

.exercice1 .content img{
	margin-top:20px;
}
.exercice1 #contentc ul.liste_point li{
	margin-top:12px;
}
.exercice1 #contentb ul.liste_point li{
	margin-top:17px;
}



.exercice1 #btn_continuer{
	margin:0 auto;
}
.exercice1 #h3_consigne{
	width:813px;
	margin:0 auto;
}
.exercice1 #btn_verifier{
	margin:0 auto;
}
.exercice1 #div_fin{
	width:800px;
	height:78px;
	margin: 15px auto 0;
	text-align:center;
	font-size: 20px;
}






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

#conteneur_exercice.exercice2 #h3_consigne	{
	margin-bottom: 15px;
}

.exercice2 table	{
	border-collapse: separate;
    border-spacing: 0;
}

.exercice2 table{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.exercice2 td.top_left 	{
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}

.exercice2 td.top_right 	{
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}

.exercice2 td.bottom_left 	{
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
}

.exercice2 td.bottom_right 	{
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}

.exercice2  tbody{
	border:3px solid #1f788a;

}
.exercice2  #liste_besoin{
	width:740px;
	margin:0 auto;
	margin-left:85px;
	border:1px solid #1f788a;
}


.exercice2  #liste_besoin td{
	width:20%;
	height:35px;
	border:1px solid #1f788a;
	background-color:#ffffff;
	font-size:21px;
	font-weight:600;
	font-family:Helvetica;
}

.exercice2  #liste_besoin td.desir, .exercice2  #liste_besoin td.besoin{
	cursor: pointer;
}

.exercice2  #liste_besoin td.bien{
	background-color:#c3fcff;
	width:60%;
	padding-left:15px;
}

.exercice2  #liste_besoin td.chosen{
	background-image:url('../img/secondaire1_beige/pastille_tableau.png');	
	background-repeat:no-repeat;
	background-position:center center;
}

.exercice2  #liste_besoin td.besoin{
	
}

.exercice2  #liste_besoin tr.bleuspecial td{
	background-color:#97f0f6;
	text-align:center;
	font-size:1.7em;
	font-weight:bolder;
	
}
.exercice2  #total td{
}

.exercice2  #message_sous_tableau{
	width:800px;
	margin: 7px auto;
	font-weight:600;
	text-align:center;
}

.exercice2  #h2_titre{
	margin-bottom:15px;
}
.exercice2  #titre td{
}

.exercice2 #btn_calculer{
	margin:0 auto;
	background-image:url('../img/secondaire1_beige/btn_calculer.png');
	width:181px;
	height:78px;
	display:block;
	cursor: pointer;
}

.exercice2 #btn_continuer{
	margin:0 auto;
}

.exercice2 #btn_calculer:hover{
 	background-position:0 -80px;
}

.exercice2 #btn_calculer.inactif{
	background-position:0 -159px; 
	cursor: default;
}



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


/* 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: 0px auto 50px;
	width:790px;
}


/* ------------- Droppable -------------- */
.exercice3 div#conteneur_droppable	{
	/* height: 291px; */
	height: 190px;
	text-align:center;
	width:740px;
	margin: 70px auto 0;
	font-weight:bold;
	
}

.exercice3 div#conteneur_droppable.larger	{
	width: 900px;
	margin-top: 60px;
}

.exercice3 div#conteneur_droppable .wrapper_of_slot{
	width : 100%;
	margin: 0 auto;
	text-align:center;
	height : 60px
}

.exercice3 div#conteneur_droppable #p1s2{
	width : 700px;
	
}
.exercice3 div#conteneur_droppable #p1s1{
	width : 638px;
	
}
.exercice3 div#conteneur_droppable #p1s11{
	width : 850px;
}

.exercice3 div#conteneur_droppable #p2s1{
	width : 900px;
	
}

.exercice3 div#conteneur_droppable p{
	display:block;
	line-height: 71px;
	float:left;
	height:69px;
	font-weight:bolder;
/* 	font-size:1.1em; */
	
}


.exercice3 div#conteneur_droppable p{
	background-repeat:no-repeat;
}
.exercice3 div#conteneur_droppable p.texte_calcul{
	font-size:2.5em;
	font-weight:700;
	margin-left:10px;
	margin-right:10px;
	padding-top:15px;
	font-style:Helvetica;
}

.exercice3 div#conteneur_droppable p#far_right_2	{
	margin-left:492px;
	padding-top:0px;
}

.exercice3 div#conteneur_droppable p.bg_type1{
	background-image: url('../img/secondaire1_beige/bg_encadre_dollar.png');
	width:155px;
	height:91px;
}
.exercice3 div#conteneur_droppable p.bg_type2{
	background-image: url('../img/secondaire1_beige/bg_encadre_h.png');
	width:197px;
	height:92px;
}
.exercice3 div#conteneur_droppable p.bg_type3{
	background-image: url('../img/secondaire1_beige/bg_encadre_hm.png');
	width:196px;
	height:93px;
}
.exercice3 div#conteneur_droppable p.bg_type4{
	
	background-image: url('../img/secondaire1_beige/bg_encadre_vide.png');
	width:193px;
	height:114px;
}

.exercice3 div#conteneur_droppable p.bg_type5{
	background-image: url('../img/secondaire1_beige/bg_encadre_dollar_bigger.png');
	width:246px;
	height:114px;
}
.exercice3 div#conteneur_droppable p.bg_type6{
	background-image: url('../img/secondaire1_beige/bg_encadre_littre.png');
	width:246px;
	height:114px;
}

.exercice3 div#conteneur_droppable .slot{
	width:50px;
	float:left;
	text-align:center;
	color:#05ae19;
	font-weight:600;
	font-size:4.7em;
	height:118px;
	line-height:122px;
	
}

.exercice3 div#conteneur_droppable .slot.smaller{
	font-size:4em;
}
.exercice3 div#conteneur_droppable .slot.smaller2{
	font-size:2em;
	line-height:97px;
}

.exercice3 div#conteneur_droppable #slot1{
	width:197px;
}

.exercice3 div#conteneur_droppable #slot1.smaller2{
	width:130px;
}

.exercice3 div#conteneur_droppable #slot2.smaller2{
	width:130px;
}
.exercice3 div#conteneur_droppable #slot2{
	width:197px;
	height:118px;
}

/* .exercice3 div#conteneur_droppable #slot3.smaller{
	font-size:4em;
} */

.exercice3 div#conteneur_droppable #slot3{
	width:222px;
}

.exercice3 div#conteneur_droppable #slot3.different{
	width:197px;
}

.exercice3 div#conteneur_droppable #slot3.smaller2{
	width:186px;
}

.exercice3 div#conteneur_droppable #slot4{
	width:76px;
}

.exercice3 div#conteneur_droppable #slot5{
	width:61px;
	margin-left:18px;
}

.exercice3 #far_right{
	margin-left:414px;
}



/* ------------- Draggable -------------- */

.exercice3 div#conteneur_draggable	{
	height : 185px;
	width : 740px;
	margin: 0 auto;
	text-align:center;
	cursor: pointer;
}


.exercice3 .special	{

	padding-top: 15px;
}
.exercice3 .special2	{

	padding-top: 5px;
}

.exercice3 .drag_parent	{
	float: center;
	margin-left: 73px;
	margin-right: 39px;
	width: 110px;
	height: 41px;
	margin-top: 15px;
	display: inline;
}


.exercice3 .drag_parent2	{
	float: center;
	margin-left: 33px;
	margin-right: 39px;
	width: 110px;
	height: 41px;
	margin-top: 15px;
	display: inline;
}
.exercice3 .drag_parent3	{
	float: center;
	margin-left: 1px;
	margin-right: 12px;
	width: 110px;
	height: 41px;
	margin-top: 15px;
	display: inline;
}


.exercice3 .sub_container	{
	text-align:center;
	height : 96px;
	margin: 0 auto;
	width : 740px;

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

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

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

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

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

.exercice3 div#conteneur_draggable #dragPar6	{
	margin-left: 73px; 
	width:169px;
	
}
.exercice3 div#conteneur_draggable #dragPar7	{
	margin-left: 73px; 
	width:169px;
	
}
.exercice3 div#conteneur_draggable #dragPar8	{
	margin-left: 73px; 
	width:169px;
	
} */


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

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

.exercice3 #h2_titre	{
	width:763px;
	margin:0 auto;
}

.exercice3 #h3_consigne	{
	margin:0 auto;
	width:600px;
	padding-top:15px;
}
.exercice3 #h3_consigne.smaller	{
	margin-bottom:15px;
}

.exercice3 .previous_equation	{
	
	margin: 15px auto;
	width:840px;
	color:#1f788a;
	font-size: 24px;
	text-align:center;
}

.exercice3 .question_top	{
	font-weight:600;
	margin:0 auto;
	width:840px;
	padding-top:15px;
	font-size: 24px;
	text-align:center;
}

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

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