body  {
	background: #343434;
	color: #FFFFFF;
	font-family: Verdana, Arial, sans serif;
	font-size: 9px;
	text-align: left;
	margin: 0px;
	padding-left: 5px;
 }

a, a:link, a:active, a:visited {
	color:#336666;
	text-decoration: none;
	font-weight: bold; 
}

a:hover{
	color:#FFFFFF;
}


/*******************
 *    INTERFACE    *
 *******************/
 
#conteneur { 
background: url(images/fond.jpg) repeat-y; 
width:768px;
height:auto;
position: absolute; 
left: 50%; 
top:0px;
margin-left: -409px; /* moitié de la largeur */
}

#header {
	background: url(images/header.jpg) no-repeat; 
	margin-left: auto;
    margin-right: auto;
	width:768px;
	height:350px;
	text-align: left;
	
 }
#fond {
	background: url(images/fond.jpg) repeat-y; 
	width:495px;
	height:auto;
	margin-left: 0px;
    margin-right: auto;
    text-align: left;
 }
 
#footer {
	background: url(images/footer.jpg) no-repeat; 
	width:768px;
	height:48px;
	margin-top: 13px;
	margin-left: auto;
    margin-right: auto;
    text-align: left;
 }

.copyright {
	color: #FFFFFF;
	margin: 0px 0px 0px 35px;
	padding:17px;  
    	text-align: left;
 }

 
#centre {
	width: 535px;
	height: 400px;
	margin-left: 8px;
	margin-right: 8px;
	text-align: left;
}
#content {
	width: 470px;
	height: 600px;
	margin-left: 0px;
	margin-right: 8px;
	text-align: left;
}
#centre h3{
	font-size:10px;
	font-weight:bold;
	color: #747474;
	margin: 3px 0px 10px 0px;
	padding:0;
}

#centre img{
	float:left;
	margin: 0px 8px 10px 0px;
}
#menu {
  background: url(images/fondm.jpg);
	width: auto;
	height:39;
	margin-left: 1px;
    margin-right: auto;
    text-align: left;
	 padding-left: 40px;}
 #droite {
	width: 274px;
	height: auto;
	position: absolute;
	margin-left: 495px;
	top: 270px;
	text-align: left;
	padding-left: 0px;
}


/*******************
 *    RUBRIQUES    *
 *******************/
.menu {
	font: 9px Verdana;
	
	
}
a.menu, a.menu:link, a.menu:active, a.menu:visited {
	color:#FFFFFF;
	text-decoration: none;
	font-weight: bold; 
}

a.menu:hover{
	color:#212121;
}
.gauche{
	font: 9px;
}