/* CSS Document */
h
.haut {margin:0; padding:0; height:97px}
.hautmethode {margin:0; padding:0; height:47px}

/******** Evaluation risque chimique ********/
#quizz00 {background-image:url(../images/fonds/vide.jpg) ; background-position:left top; background-repeat:no-repeat; width:955px; height:650px}

#quizz01 {background-image:url(../images/fonds/risque.jpg) ; background-position:left top; background-repeat:no-repeat; width:955px; height:650px}
#quizz01 #cadre{position:absolute; top:309px; left:45px;  width:474px; height:200px;}
*>#quizz01 #cadre{position:absolute; top:289px; left:45px;  width:474px; height:200px;}
*+html #quizz01 #cadre{position:absolute; top:310px; left:65px;  width:474px; height:200px;}

#quizz02 {background-image:url(../images/fonds/pot.jpg) ; background-position:left top; background-repeat:no-repeat; width:955px; height:650px}
#quizz02 #cadre{position:absolute; top:310px; left:406px;  width:470px; height:200px;}
*>#quizz02 #cadre{position:absolute; top:300px; left:406px;  width:470px; height:200px;}
*+html #quizz02 #cadre{position:absolute; top:315px; left:406px;  width:470px; height:200px;}

#quizz03 {background-image:url(../images/fonds/consequences.jpg) ; background-position:left top; background-repeat:no-repeat; width:955px; height:650px}
#quizz03 #cadre{position:absolute; top:352px; left:52px;  width:513px; height:200px;}
*>#quizz03 #cadre{position:absolute; top:332px; left:52px;  width:513px; height:200px;}
*+html #quizz03 #cadre{position:absolute; top:355px; left:52px;  width:513px; height:200px;}

#quizz04 {background-image:url(../images/fonds/pictogrammes.jpg) ; background-position:left top; background-repeat:no-repeat; width:955px; height:650px}
#quizz04 #cadre{position:absolute; top:325px; left:352px;  width:470px; height:200px;}
*>#quizz04 #cadre{position:absolute; top:290px; left:352px;  width:470px; height:200px;}
*+html #quizz04 #cadre{position:absolute; top:325px; left:352px;  width:470px; height:200px;}

#quizz05 {background-image:url(../images/fonds/apresevaluation.jpg) ; background-position:left top; background-repeat:no-repeat; width:955px; height:650px}
#quizz05 #cadre{position:absolute; top:384px; left:399px;  width:470px; height:200px;}
*>#quizz05 #cadre{position:absolute; top:364px; left:399px;  width:480px; height:200px;}
*+html #quizz05 #cadre{position:absolute; top:384px; left:399px;  width:470px; height:200px;}

#quizz06 {background-image:url(../images/fonds/tuyau.jpg) ; background-position:left top; background-repeat:no-repeat; width:955px; height:650px}
#quizz06 #cadre{position:absolute; top:379px; left:61px;  width:470px; height:200px;}
*>#quizz06 #cadre{position:absolute; top:359px; left:61px;  width:470px; height:200px;}

#quizz07 {background-image:url(../images/fonds/gant.jpg) ; background-position:left top; background-repeat:no-repeat; width:955px; height:650px}
#quizz07 #cadre{position:absolute; top:287px; left:75px;  width:481px; height:200px;}
*> #quizz07 #cadre{position:absolute; top:257px; left:75px;  width:481px; height:200px;}

#quizz08 {background-image:url(../images/fonds/peintre.jpg) ; background-position:left top; background-repeat:no-repeat; width:955px; height:650px}
#quizz08 #cadre{position:absolute; top:365px; left:97px;  width:470px; height:200px;}
*> #quizz08 #cadre{position:absolute; top:345px; left:97px;  width:470px; height:200px;}

/*#quizz09 {background-image:url(../images/fonds/vide_methode.jpg) ; background-position:left top; background-repeat:no-repeat; width:955px; height:650px}
#quizz09 #cadre{position:absolute; top:103px; left:31px;  width:470px; height:200px;}*/
#quizz09 {background-image:url(../images/fonds/vide_methode.jpg) ; background-position:left top; background-repeat:no-repeat; width:955px; height:700px}
#quizz09 #cadre{position:absolute; top:52px; left:34px;  width:470px; height:200px;}

#quizz01 .titre, #quizz02 .titre, #quizz03 .titre, #quizz04 .titre, #quizz05 .titre, #quizz06 .titre, #quizz07 .titre, #quizz08 .titre, #quizz09 .titre{
	font: bold 26px  arial, sans-serif, tahoma; color:#960101; text-align:center; padding:-10px 0px 5px 0px; 
}
#quizz01 .text li, #quizz02 .text li, #quizz03 .text li, #quizz04 .text li, #quizz05 .text li, #quizz06 .text li, #quizz07 .text li, #quizz08 .text li, #quizz09 .text li{
	text-align:left; padding:5px 0px; font: bold 15px  arial, sans-serif, tahoma; color:#333333;  
}
#quizz01 .choix, #quizz02 .choix, #quizz03 .choix, #quizz04 .choix, #quizz05 .choix, #quizz06 .choix, #quizz07 .choix, #quizz08 .choix, #quizz09 .choix{
	float:right; list-style:none; padding:inherit 15px 0px 0px;
}
html>body #quizz01 .choix, #quizz02 .choix, #quizz03 .choix, #quizz04 .choix, #quizz05 .choix, #quizz06 .choix, #quizz07 .choix, #quizz08 .choix, #quizz09 .choix{
	padding:0px 15px 5px 0px;
}
#quizz01 .choix2ligne, #quizz02 .choix2ligne, #quizz03 .choix2ligne, #quizz04 .choix2ligne, #quizz05 .choix2ligne, #quizz06 .choix2ligne, #quizz07 .choix2ligne, #quizz08 .choix2ligne, #quizz09 .choix2ligne{
	float:right; list-style:none; padding:18px 15px 0px 0px;
}
html>body #quizz01 .choix2ligne, #quizz02 .choix2ligne, #quizz03 .choix2ligne, #quizz04 .choix2ligne, #quizz05 .choix2ligne, #quizz06 .choix2ligne, #quizz07 .choix2ligne, #quizz08 .choix2ligne, #quizz09 .choix2ligne{
	padding:18px 15px 5px 0px;
}

#quizz01 .bt{text-align:right; padding: 0px 130px 5px 0px;}
#quizz02 .bt{text-align:right; padding:5px 130px 5px 0px;}
#quizz03 .bt{text-align:right; padding:5px 130px 5px 0px;}
#quizz04 .bt{text-align:right; padding:5px 130px 5px 0px;}
#quizz05 .bt{text-align:right; padding:5px 130px 5px 0px;}
#quizz06 .bt{text-align:right; padding:5px 130px 5px 0px;}
#quizz07 .bt{text-align:right; padding:5px 130px 5px 0px;}
#quizz08 .bt{text-align:right; padding:5px 130px 5px 0px;}
#quizz09 .bt{text-align:right; padding:5px 130px 5px 0px;}



.quest-li {margin:0 0 0 25px}
ul.question { list-style: none;	}
			
li.ok {
 background-image:url(../images/ok.gif); background-repeat:no-repeat; padding:0px 0px 0 38px; margin:0px 0px 0 0px; background-position:0px 4px;
			}
li.bad {
 background-image:url(../images/bad.gif); background-repeat:no-repeat; padding:0px 0px 0 38px; margin:0px 0px 0 0px; background-position:0px 4px;
			}
li.off {
 background-image:url(../images/ques_off.gif); background-repeat:no-repeat; padding:0px 0px 0 38px; margin:0px 0px 0 0px; background-position:2px 4px;
			}


*> #li2{style="width:420px;"}
/**> #quest-li{style="width:420px;"}*/

#methode {}
#methode #cadre{position:absolute; top:0px; left:0px;  width:470px; height:200px;}
*>#methode #cadre{position:absolute; top:0px; left:0px;  width:470px; height:200px;}
*+html #methode #cadre{position:absolute; top:0px; left:0px;  width:470px; height:200px;}tml, body{ margin:0; padding:0;font: bold 18px  arial}