/* CSS Document */

body {
margin:  10px 0px 0px; /* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}

a {
	text-decoration:none;
	color: #FFFFFF;
}
a img {border: none;}

#conteneur {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	min-height: 300px;
	background-color: #F7F9C8;

}

#top{
	width: 100%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #564281;
	height: 90px;
	background-image: url(../img/img_car.jpg);
	background-repeat: no-repeat;


}

#topimg{
	background-image: url(../img/bandeau.jpg);
	background-repeat: no-repeat;
	height: 118px;
	width: 100%;
}

#topimgnav{
	background-image: url(../img/bandeau2.jpg);
	background-color: #333333;
	background-repeat: no-repeat;
	min-height:28px;
	_height: 28px;
	width: 100%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #663399;
}

#main{
	margin-left:20px;
	width:770px;
	text-align: justify;



}

#bottom{
	background-color:#59585D;
	width:100%;
	height:15px;
	font-size: 10px;
	color: #FFFFFF;


}
#main ul{
	margin: 0pt 0pt 0pt 20pt;
	padding: 0pt;
	list-style-type: none;
	list-style-image: url(../img/puce2.gif);
}

ul {
margin: 0pt;
padding: 0pt; 
list-style-type: none; 
}
.navigation li {
float: left;
padding: 8px 10px 0px 10px;
}

.navigation a { 
display: block; 
height: auto; 
width: auto; 
text-decoration: none; 
font-weight:bold; 
font-size:12px;
color: #ffffff; 
text-indent: 10px;
background-image: url(../img/puce.gif); 
background-position: left center; 
background-repeat: no-repeat; 
}

.navigation a:hover { 
background-image: url(../img/puce2.gif); 
background-position: left center; 
background-repeat: no-repeat;
}


h3 {
	font-size: 15px;
	font-weight: bold;
	color: #663366;
	margin-bottom: 2px;

}

h2{
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 2px;

}


a.lien_ext, a:visited.lien_ext, a:active.lien_ext, a:link.lien_ext {
color:black;
text-decoration: none;
}
a:hover.lien_ext{

text-decoration:underline;
}

.post {
	font-size : 12px;
	border: 1px solid #9CB2CE;
}
#formulaire_annu label {	/*** Mise en forme des intitul?s de champs ***/
	float: left;	/*** Tr?s important, ne pas suprimer ! ***/
	width: 40%;	/*** Les intitul?s prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont align?s ? droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centr?s verticalement. ***/
}