body {
margin: 0;
padding: 0;
background: white;
font: 80%  arial, verdana, sans-serif;
text-align: center;
background : #383838 url(img/fd.jpg) top left repeat-x;
}

#page{
	width : 980px;
	margin : 0 auto ;
	text-align : left;
}

.spacer {
	clear : both;
}

.imagegauche{
	float : left;
	margin-right : 7px;
}

.imagedroite{
	float : right;
	margin-left : 7px;
}

blockquote{
	margin : 5px 0;
	padding : 10px;
	border : 1px solid #ccc;
	background-color : #F3F3F3;
	font-style : italic;
}


/* --------------------- header ---------------- */

#header{
	height : 90px;
}
#header h1{
	text-indent: -100em;
	overflow: hidden;
	width: 275px;
	height: 90px;
	padding: 0;
	margin: 0;
	background : transparent url(img/logo.jpg) top left no-repeat;
}
#header h1 a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

#citation{
	float : right;
	text-align : right;
	margin : 20px 0 0 0px;
	color : #7a7a7a;
	font-style: italic;
	width : 500px;
}

/* ----------------- navigation ------------- */

#navigation{
	width : 250px;
	float : left;

}
#navigation dl, #navigation dt, #navigation dd, #navigation ul, #navigation li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
text-align : right;
}
dl#menu {

}
dl#menu dt {
cursor: pointer;
margin: 20px 0 5px 0;
font-weight: bold;
color : #7caf2d;
}
dl#menu dd {
border-right: 1px solid #7caf2d;
}
dl#menu li {
font-size : 90%;
margin : 5px 7px 0 0;
}
dl#menu dt a {
color : #7caf2d;
text-decoration: none;
}

dl#menu li a{
	display: block;
	color : #e3e3e3;
	text-decoration : none;
}

.centre{
text-align : center;
}
.gauche{
text-align : left;
}
.droite{
text-align : right;
}


/*-------------------- contenu --------*/

#contenu{
	width : 703px;
	float : right;
	margin-top : -40px;
}

#contenu h2{
	color : #85aa4b;
	font-size : 200%;
	font-family : "Trebuchet MS", Arial, Verdana, sans-serif;
	margin : 0 0 15px 0;
	padding : 0;
}

#contenu h3{
	color : #7caf2d;
	font-size : 140%;
	font-family : "Trebuchet MS", Arial, Verdana, sans-serif;
	margin : 10px 0 15px 0;
	padding : 0;
	font-weight : bold;
}

#contenu a{
	color : #383838;
	font-weight : bold;
}

#contenu a:hover{
	color : #467004;
	font-weight : bold;
}
.boite{
	width : 703px;
	background : #f3f3f3 url(img/fd_box.jpg) top left repeat-y;
	margin-bottom : 10px;
}

.boiteint1{
	background :  url(img/top_box.jpg) top left no-repeat;
}

.boiteint2{
	padding : 2px 15px;
	text-align : justify;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #FFFFCC;
}


#contenu p{
	line-height : 1.4em;
}

.menufleche {
	margin : 0 0 5px -11px;
	padding : 0;
	list-style-type : none;
}
.menufleche li{
	margin : 0;
	padding : 0 0 7px 15px;
	background :  url(img/fleche.jpg) top left no-repeat;
}



/*---------------------- footer ------------------ */

#footer{
	background :  url(img/fd_footer.jpg) top left repeat-x;
	text-align : center;
	color : #bfbfbf;
	padding : 15px 0;
	margin : 30px 0 ;
	font-size : 90%;
}