/* CSS Document */

body {
	font-family: "Century Gothic";
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background-color: #98001D;
	color: #FFFFFF;

}
#header {
	height: 135px;
	background-color: #98001D;
	margin: 0px;
	background-repeat: no-repeat;
	background-image: url(images/barre.jpg);
	bottom: auto;
}
#conteneur {
position: relative;
width: 800px;
margin: 0 auto ; 
background-color:#FFFFFF;
}
#centre {
	margin-left: 0px;
	margin-right: 120px;
	position: absolute;
	width: 482px;
	left: 3px;
	top: 200px;
	height: 450px;
	background-color: #98001D;
}

#droite {
	position: absolute;
	right:-10px;
	width: 323px;
	height: 501px;
	top: 138px;
	background-color: #98001D;
	background-image: url(images/abatjour1.jpg);
	background-repeat: no-repeat;
}
ul#menu
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li
{
	margin: 0 0 5px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 130px ;
	line-height: 20px ;
	color: #FFFFFF;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url() no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 1px solid #dbd ;
}

ul#menu li a:hover
{
	background: url() no-repeat 0 -30px; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 1px solid #f97;
	background-color: #CC0000;
}
		
#pied {
	height: 14px;
	border-top-width: thin;
	position: absolute;
	width: 774px;
	left: 19px;
	top: 661px;
	bottom: auto;
	background-color:#999999;
}