body{
	font-size:75%;
	font-family:verdana, arial, helvetica, sans-serif;
	background:#ffffff;
	padding:0;
	margin:0;
}

img{
	margin:0.5em;
}

p{
	margin:8px;
}
ul{
	list-style: none;
}

table{
	border-collapse: collapse;
	font-size:100%;
	font-family:verdana, arial, helvetica, sans-serif;
	background:#ffffff;
	padding:10px;
	margin:10px;
}

h3{
	margin:10px 30px 10px 0;
	font-size:100%;
}

#q1,#q2,#q3,#q4,#q5,#q6,#q7,#q8,#q9,#q10,#q11,#q12,#q13,#q14,#q15,#q16,#q17,#q18,#q19{
	font-size:100%;
	font-weight:bold;
}
table td{
	padding:5px;
	border: 1px red solid;
}

.imalineleft{
	float:left;
}

.imalineright{
	float:right;
}

.imacentre{	
	margin:2% 0 2% 20%;
}

h1{
	font-weight:bold;
	font-size:180%;
	padding:0 0 5px 0;
	margin:10px 30px 20px 160px;
	border-bottom:solid 1px #ff3300;
	color:#ff0000;
}

h2{
	font-size:100%;
	font-weight:bold;
	color:#000000;
	padding:0 0 10px 0;
	margin:5px 5px 20px 160px;	
}

.bandeau{
	font-weight:bold;
	letter-spacing: 20px;
	font-size:320%;
	padding:0 0 0 200px;
	margin:50px 0 5px 0;
	line-height:35px;
	background:black;
	color:#ffffff;
}


#logo{
	margin:0;
	padding:0;
	z-index:1;
	position:absolute;
	top:10px;
	left:13px;
}

#menuhaut{
	border-top:2px solid black;
	padding:0;
	background:red;
	line-height:20px;
	margin:1em 0 0 142px;
	color:white;	
}

#menuhaut li{
	display:inline;
}

#menuhaut li a{
	text-decoration:none;
	display:block;
	float:left;
	padding:0 2em 0 2em;
	border-right:#ffffff solid 2px;
	background:red;
	color:white;
}

#menuhaut li a:visited{
	text-decoration:none;
	background:red;
	color:white;
}

#menuhaut li a:hover{
	text-decoration:underline;
	background:white;
	color:red;
}

#menuhaut li a:active{
	text-decoration:none;
	background:red;
	color:white;
}

.clear{
	clear:both;
	margin:5px 0 5px 0;
}

.flotdroit{
	float:right;
}

.flotgauche{
	float:left;
}

#pied{
	clear:both;
	margin:100px 30px 5px 30px;
	font-size:85%;
	height:20px;
	border-top:solid red 1px;
	text-align:center;
	color:gray;
}

#centre{
	text-align:justify;
	margin:0 30px 0 160px;
}

#centretest{
	text-align:justify;
	margin:0 30px 0 160px;
	}
	
#centretest ul li,#centretest ul ol{
	margin:5px 0 0 0;
}

.top{
	clear:both;
	text-align:right;
	margin:30px 30px 30px 0;
}

.top a{
	color:blue;
}

.top a hover{
	color:red;
}


#orientation{
	clear:both;
	font-size:85%;
	display:block;
	text-align:right;
	margin:10px 30px 0 0;
	line-height:20px;
}

#orientation a{
	text-decoration:none;
	color:red;
}

#orientation a:link{
	text-decoration:none;
	color:red;
}

#orientation a:hover{
	text-decoration:underline;
	color:red;
}

.clair{
	clear:both;
}

ul,li{
	margin:0;
	padding:0;
}

#menugauche{
	width:140px;
	position:absolute;
	padding:0;
	margin:1em 0 0 0;
	text-align:center;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	border-top:0;
}



#menugauche ul{
	padding:0;
	margin:0;
	position: absolute;
	width:250px;
	left:-999em;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	border-top:0;
	
}

#menugauche li.direct{
	width:100%;
	display:block;
	margin:0;
	background:url(images/grisclair.gif) repeat;
	
}

#menugauche li{
	width:100%;
	display:block;
	margin:0 0 -2px 0;
	padding:0;
	text-align:center;
	border-top:black 1px solid;	
	background:url(images/grisclair.gif) repeat;
}

#menugauche li a{
	width:100%;
	display:block;
	padding:10px 0 10px 0;
	text-decoration:none;
	margin:0;
	color:#ff0000;
}
#menugauche li a:hover{
	width:100%;
	display:block;
	background: white url(images/grisfonce.gif) repeat;
	color:white;
	margin:0;
	padding:10px 0 10px 0;
}



#menugauche ul li{
	
	width:250px;
	display:block;
	margin:0;
	padding:0;
	background:url(images/grisclair.gif) repeat;
	
}

#menugauche ul li a{
	color:red;
	display:block;
	margin:0;
	padding:10px 0 10px 0;
	width:100%;
	text-decoration:none;
}

#menugauche ul li a:hover{
	display:block;
	color:white;	
	background: white url(images/grisfonce.gif) repeat;
}

#menugauche li:hover ul, #menugauche li.sfhover ul {
	width:100%;
	left: 140px;
	margin:-3em 0 0 0;
	display:block;
	
}

li#titremenuleft{
	margin:0;
	padding:10px 0 10px 0;
	width:100%;
	display:block;
	background: white url(images/grisfonce.gif) repeat;
	color:white;
	font-weight:bold;
}


.margesnulles{
	margin:0;
	padding:0;
}