body          {  font-family: Arial; font-size: 12px; padding: 0; margin: 0;   } /*scrollbar-face-color: #F4BE26;*/
div, p, span, td { font-family: Arial; font-size: 12px; }


form { margin: 0; padding: 0; }
a, a:link, a:visited   { color: #05488f; text-decoration: underline; -moz-outline: none;  }
a:hover  { color: red; text-decoration: none; -moz-outline: none;  }
a:active { -moz-outline: none; }
ul  { list-style-image: url(../css/fleche_noire.gif); }

h1 {
	color:#484848;
	font-family:tahoma,arial;
	font-size:28px;
	font-weight:bold;
	line-height:22px;
	margin: 0 0 30px 0;
	padding: 0;
}
h2 {
	color:#484848;
	font-family:tahoma,arial;
	font-size:22px;
	font-weight:bold;
	line-height:22px;
	margin: 0;
	padding: 0;
}
.h2bis {
	/*color:#484848;*/
}

hr { background-color: #9e0b0e; width: 100%; height: 0; border-color: black; border-style: dashed; border-width: 0 0 1px; }

.petitBouton { color: #4d4d4d; font-size: 11px; font-family: Arial; background-image: url(../css/bt_petit_fond1.gif); background-repeat: no-repeat; text-decoration: none; width: 142px; height: 17px; padding-top: 1px; padding-left: 10px; }
.petitBouton a, .petitBouton a:visited { color: #4d4d4d; font-size: 11px; font-family: Arial; text-decoration: none; }
.petitBouton a:hover { color: red; text-decoration: underline; }

#div_main {  }
#div_main2 { position: absolute; left: auto; margin-left: 148px; top: 120px; padding: 10px 50px 0 0; height: 410px; width: 730px; overflow: auto; }
#div_main2.div_main2bis { width: 700px; padding-left: 40px; }

.boutonReponseOff { width: 693px; background-color: #ff8383; margin: 0 0 5px 0; padding: 0; background: transparent url(images/bt_etat01-haut.gif) no-repeat top ; }
.boutonReponseOff a, .boutonReponseOff a:visited { color: black; width: 673px; display: block; margin: 0; padding: 15px 10px 20px 10px; text-decoration: none; display: block; background: transparent url(images/bt_etat01-bas.gif) no-repeat bottom ; }
.boutonReponseOff a:hover { text-decoration: underline; display: block; }


.boutonReponseOn { width: 693px; background-color: #ff8383; margin: 0 0 5px 0; padding: 0; background: transparent url(images/bt_etat03-haut.gif) no-repeat top ; }
.boutonReponseOn a, .boutonReponseOn a:visited { color: white; width: 673px; display: block; margin: 0; padding: 15px 10px 20px 10px; text-decoration: none; display: block; background: transparent url(images/bt_etat03-bas.gif) no-repeat bottom ; }
.boutonReponseOn a:hover { text-decoration: underline; display: block; }


#pour_div_boutons { display: none; }
#div_boutons { position: absolute; top: 559px; left: auto; }

.pagePrecedente { position: absolute; left: 150px; top: 0; width: 159px; height: 34px; background: transparent url(images/bt_cours_precedent.gif) no-repeat ; }
.pagePrecedente a, .pagePrecedente a:link, .pagePrecedente a:visited { color: white; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: none; text-transform: uppercase; display: block; padding: 10px 0 0 20px; margin: 0 ; width: 139px; height: 24px; }
.pagePrecedente a:hover { text-decoration: underline; }

.pageSuivante { position: absolute; left: 320px; top: 0; width: 315px; height: 34px; background: transparent url(images/bt_cours_suivant.gif) no-repeat ; }
.pageSuivante a, .pageSuivante a:link, .pageSuivante a:visited { color: white; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: none; text-transform: uppercase; display: block; padding: 10px 0 0 20px; margin: 0 ; width: 295px; height: 24px; }
.pageSuivante a:hover { text-decoration: underline; }

.pagePrecedenteLongue { position: absolute; left: 150px; top: 0; width: 483px; height: 34px; background: transparent url(images/bt_long_precedent.gif) no-repeat ; }
.pagePrecedenteLongue a, .pagePrecedenteLongue a:link, .pagePrecedenteLongue a:visited { color: white; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: none; text-transform: uppercase; display: block; padding: 10px 0 0 20px; margin: 0 ; width: 463px; height: 24px; }
.pagePrecedenteLongue a:hover { text-decoration: underline; }

.pageSuivanteLongue { position: absolute; left: 150px; top: 0; width: 483px; height: 34px; background: transparent url(images/bt_long_suivant.gif) no-repeat ; }
.pageSuivanteLongue a, .pageSuivanteLongue a:link, .pageSuivanteLongue a:visited { color: white; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: none; text-transform: uppercase; display: block; padding: 10px 0 0 20px; margin: 0 ; width: 463px; height: 24px; }
.pageSuivanteLongue a:hover { text-decoration: underline; }

.pageFin { position: absolute; left: 820px; top: 0; width: 123px; height: 34px; background: transparent url(images/bt_cours_finir.gif) ;}
.pageFin a, .pageFin a:link, .pageFin a:visited { color: white; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: none; text-transform: uppercase; display: block; padding: 10px 0 0 20px; margin: 0 ; width: 103px; height: 24px; }
.pageFin a:hover { text-decoration: underline; }

#pour_div_gauche { display: none; }
#div_gauche { position: absolute; left: auto; top: 200px; width: 130px; margin: 0 0 0 10px; padding: 0; }
#div_gauche ul { list-style-type:none; display: block; padding: 0; margin: 0; list-style-image: none; }
#div_gauche ul li { list-style: none; display: block; padding: 0 0 5px 20px; margin: 0 0 10px 0; list-style-image: none; }
#div_gauche ul li.li_gauche_fini { background: url(images/rond-rouge.gif) no-repeat left top ;  }
#div_gauche ul li.li_gauche_afaire { background: url(images/rond-vert.gif) no-repeat left top ;  }

#div_tempsrestant { position: absolute; top: 79px; left: auto; margin-left: 740px; color: white; font-size: 14px; font-family: Arial; font-weight: bold; text-decoration: none; text-transform: uppercase; }

#pour_div_nbpoints { display: none; }
#div_nbpoints { position: absolute; top: 79px; left: auto; margin-left: 880px; color: white; font-size: 14px; font-family: Arial; font-weight: bold; }

.question, .question p, .question div { font-size: 12px; color: #535353; }
.question p {
	margin: 0; padding: 0;
}
.question_titre { color: #0388ba; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.titre { color: #900; font-weight: bold; text-transform: uppercase; }

#pour_div_grostitre { display: none; }
#div_grostitre { color: #fd6d06; font-size: 30px; font-family: tahoma, arial; position: absolute; left: auto; top: 25px; margin-left: 170px; }


#div_image_fond { display: none; position: absolute; background-color: #000; left: 0; top: 0; z-index: 100; opacity: 0.5; filter: alpha(opacity=50); width: 100%; height: 99%; }
#div_image { display: none; position: absolute; background-color: white; z-index: 101; left: auto; top: 50px; width: 100px; height: 100px; padding: 10px; border: 1px solid black; }

.bt_terminus {
	float: left;
}
.bt_terminus a, .bt_terminus a:link, .bt_terminus a:visited {
	color: white;
	font-family: verdana, arial;
	font-weight: bold;
	background-color: #900;
	padding: 5px 0;
	width: 25px;
	display: block;
	text-align: center;
	margin-right: 5px;
	margin-bottom: 5px;
	text-decoration: none;
}
bt_terminus a:hover {
	background-color: #212121;
	
}