body {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
background-image:  url(images/fond_neutre.gif);
background-repeat: repeat;
}
#header {
height: 29px;
background-color: #336699;
}
#haut {
height: 14px;
background-color: #336699;
}

#conteneur {
position: absolute;
width:760px;
left: 50%;
margin-left: -380px;
background-color: #ffffff;

}
#centre {
margin-left: 169px;
margin-top: 0px;
padding-left: 40px;
padding-top: 30px;
height:500px;
}
#centre_logo {
margin-left: 45px;
}
#gauche {
position: absolute;
left:0;
width: 169px;
height:525px;
background-color: #99cc33;
}
#droite {
	position: absolute;
	right:0;
	width: 169px;
	height:125px;
	margin-top: 55px;
	font-size: 14px;
	font-weight: bolder;
	top: 28px;


}
#gauche p{
color: #000000;
font-size: 10px;
font-weight: bold;
text-transform: none;
margin-top: 400px;
margin-left: 5px;

}
#droite a{
color: #6699CC;
text-decoration: none;

}
#droite a:hover {
color: #ff9933;
}


#gauche a{
font-size: 11px;
color: #000000;
text-decoration: none;
margin-left: 2px;
}
#gauche a:hover{ 
text-decoration: none;
color: #336699;
font-weight: bold;
}
#centre a {
margin: 0 7px;/*espace entre les liens du menu*/
text-decoration: none;
}
#griffe {
color: #000000;
text-transform: none;
letter-spacing: 1pt;
font-size: 11px;
}
#griffe a:link { font-weight:bolder ; color: #000000 ; text-decoration: none ;}
#griffe a:hover { color: #993333; text-decoration: none ; }

.rouge {
color: #993333;
text-transform: none;
font-size: 11px;
font-weight: bolder;
}