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;
}

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

#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;
}

#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;
}

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

#menugauche, #menugauche ul {
	position:absolute;
	padding:0;
	margin:1em 0 0 0;
	list-style: none;
}

#menugauche a {
	color:#ff0000;
	display: block;
	padding:10px 0 10px 0;
	text-decoration:none;
	
}

#menugauche li {
	margin:0;
	padding:0;
	
	text-align:center;
	border-top:#ffffff 2px solid;
	
	background: transparent url(images/grisclair.gif) repeat;
	width: 140px;
}

#menugauche li ul {
	padding: 0;
	margin: 0;
	position: absolute;
	width:140px;
	left: -999em;
}

#menugauche li ul li{
	width:250px;
}

#menugauche li:hover ul, #menugauche li.sfhover ul {
	padding:10px 0 10px 0;
	left: 140px;
	margin-top:-2.6em;
}

#menugauche a:hover{
	text-decoration:none;
	color:#FF0000;
	background-color: #999999;
	font-family: Arial, Helvetica, sans-serif;
}

a{
text-decoration:underline;
color:#003399;
}

a:visited{
text-decoration:underline;
color:#9999ff;
}

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

a:active{
text-decoration:none;
color:#003399;
}