/*
*	Test en ligne - feuille de style globale
*
*	Copyright (c) 2006-2007 zepitt.net
*	Date création : 29.10.06
*	Dernière modification : 19.2.07
*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 5px;
}

h2 {
	color: #598b9b;
	font-family: Trebuchet MS, verdana, sans-serif;
	font-size: 26px; 
	font-weight: bold;
}

img {
	border: 0;
}

table.presentation {
	width: 850px;
	border: 0;
	
}
tr.ligneClaire {
	background: #e6e6e6;
}
tr.ligneFoncee {
	background: #ccc;
}


td {
	padding: 8px 4px;
	
}
tr.entete {
	background: #598b9b;
	color: #fff;
}
td.white {
	background: #fff;
}

td.entete, td.numquest {
	font-weight: bold;
	text-align: center;
	width: 20px;
}
td.numquest {
	width: 30px;
}
td.question {
	width: 680px;
}
td.texteIntro {
	text-align: justify;
}
span.logo {
	float: left;
	width: 200px;
	height: 60px;
	margin: 0 5px 0px 5px;
}

span.logoDroite {
	float: right;
	margin: 0 5px 10px 5px;
}

span.progression {
	float: right;
	margin: 20px 5px 10px 5px;
	font-weight: bold;

}


span.alerte {
	color: #f00;
	font-weight: bold;
	
}


/* les graph */
/* Basic Bar Graph */

#graphiqueProfil1 {
	float:left;
	width: 540px; 
	height: 90px; 
	background: url("images/cadre_tableau.gif") 300px 0px repeat-y; 
}
div.profil1 {
	float: left;
	width: 430px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: right;
}
div.legende1 {
	float: left;
	width: 505px;
	font-weight: bold;
	margin-bottom: 3px;
	text-align: right;
	
}
div.legende1 span {
	margin: 0 15px;
}

.libellegraph {
	width: 280px; 
	position: relative; /* IE is dumb */
	float: left;
	font-weight: bold;
	z-index: 1;
}

.graph { 
	position: relative; /* IE is dumb */
	width: 200px; 
	float: left;
	margin-left: 22px;
	padding-bottom: 3px; /* IE 7 */
}
html>/**/body .graph { /* tout sauf IE */
	padding-bottom: 8px;
}
* html .graph {  /* hack IE 6 and below */
	padding-bottom: 3px;
}


.graph .bar { 
	display: block;
	position: relative;	
	text-align: center; 
	font-family: Trebuchet MS, verdana, sans-serif;
	font-size: 0.8em; 
	height: 1.1em; 
	line-height: 1.1em;		
	padding: 2px 0;
	*padding-bottom: -10px; /* hack IE 7 and below */
}
.graph .bar span { 
	
	left: 50%;
	} /* This Extra Markup Is Necessary Because Ie Doesn't Want To Follow The Rules For Overflow: Visible */

.pct20 {
	background: #32cd32; 
	color: #fff;
}
.pct40 {
	background: #ffa0a0; 
	color: #fff;
}				
.pct60 {
	background: #ff8080; 
	color: #fff;
}			
.pct80 {
	background: #ff6060; 
	color: #fff;
}	
.pct100 {
	background: #f00; 
	color: #ffffff;
}

p.clear {
	clear: both;
	margin-bottom: -1em;
}
.gras {
	font-weight: bold;
}

div.footer {
	padding-top: 30px;
	width: 850px;
}

div.footer img {
	margin-left: 20px;
}

/* les infos bulles */
div.bulle {
	width: 20px; 
	float: left;
}
a.info, a.infoGauche {
	position:relative;
	z-index: 20;
	text-decoration:none
}
a.info:hover, a.infoGauche:hover {
	z-index: 21;
}
a.info span, a.infoGauche span {
	display: none;
}
a.info:hover span, a.infoGauche:hover span { /*le contenu de la balise span ne sera visible que pour l'état a:hover */
	display:block; 
	position:absolute;
	width:23em;
	border:1px solid #333;
	background-color: #fff;
	color:#333;
	text-align: left;
	font-size: 11px;
	padding: 3px;
	filter:alpha(opacity=92); 
	-moz-opacity:0.92;
	opacity: 0.92;
}
a.info:hover span {
	top: 2em;
	left:2em;
}
a.infoGauche:hover span {
	left: 2em;
 
}
div.explications {
	display: none;
}
p.fermer {
	visibility: visible;
}

.center {
	text-align: center;
}




/* barre de progression */
#barreProgression {
	float: left;
	margin-left: 280px;
	
}

#barreProgression div.libellePct {
	width: 60px;
	position: relative; /* IE is dumb */
	float: left;
	font-weight: bold;
	font-size: 11px;
	z-index: 1;
	text-align: center;
	margin-top: 1px;
}

#barreProgression div.graph { 
	position: relative; /* IE is dumb */
	width: 200px;
	height: 15px;
	float: left;
	padding-bottom: 0px;
	/*padding-bottom: 3px;*/ /* IE 7 */
	border: 1px solid #598b9b;
}

html>/**/body #barreProgression div.graph { /* tout sauf IE */
	/*padding-bottom: 8px;*/
}

* html #barreProgression div.graph {  /* hack IE 6 and below */
	/*padding-bottom: 3px;*/
}
#barreProgression div.graph .bar { 
	display: block;
	position: relative;	
	text-align: center; 
	font-family: Trebuchet MS, verdana, sans-serif;
	font-size: 11px;
	height: 15px;
		

	
	/*padding: 2px 0;*/
	*padding-bottom: -10px; /* hack IE 7 and below */
	padding: 0;

}
#barreProgression div.graph .bar span { 
	left: 50%;
	} /* This Extra Markup Is Necessary Because Ie Doesn't Want To Follow The Rules For Overflow: Visible */

.pct {
	background: #598b9b;
	color: #fff;
}