body {
	padding:0;
	margin:0;
	color:#444444;
	font:0px "Trebuchet MS" ;
	text-align: center;
}


#wrapper {
	margin:0;
	padding:0;
	background: url( bg.jpg ) repeat-y ;
	background-position:top center;
}

.header{
position:absolute;
top:0px;
left:0;

width:100%;
}

#header-wrapper {
	margin:0;
	padding:0;
	height:250px;
	background: #fff url(header-bg.jpg)  repeat-x  ;
	margin-left: auto;
	margin-right: auto;
}

#header {
	width:838px;
	height:250px;
	background: #555555 url(header.jpg) ;
	background-position: 0px 0px ;
	margin-left: auto;
	margin-right: auto;
}
#headerlogo {
	padding-top: 42px;
	padding-left: 50px;
	color:#000000;
}
#headerlogo a{
	font-size:30px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
#header-content {
	padding-top:40px;
	text-align:left;
	width:800px;
	margin-left: auto;
	margin-right: auto;
}

#title {
	text-align:left;
	height:112px;
	font:26px Arial;
	color:#000000;
	margin-left: auto;
	margin-right:auto;
	padding-left:10px;
}

#topRight {
	float:right;
	margin-right:20px;
	margin-top:-25px;
}

#container {
	text-align:left;
	width:838px;
	margin:0;
	padding:0;
	margin-left: auto;
	margin-right: auto;
	margin-top:250px;
	padding-top:20px;
}

#content {
	float:left;
	width:535px;
	background-color: #FFFFFF;
	margin-left:48px;
	margin-top:10px;
}
	.content_pres img{
		float:right;
		margin-left:10px;
		margin-bottom:10px;
	}
.nav{
	width: 200px;
	margin-left:20px;
	background-color: #FFFFFF;
	float :left;
}
			
			.box ul {
			margin:0 ;
			padding:0;
			}
			.box li {
			margin: 5px 0 5px 30px;
			padding:0;
			background-color: #FFB974;
			list-style: square;
			}
			.box li:hover, #title2:hover{
			background-color:#FFB974;
			}
			#title {
			margin: 7px 0;
			font-weight:bold;
			padding: 0;
			font-size:14px;
			height:auto;
			}

			#title2{
			padding:0 0 0 5px;
			font-size:14px;
			margin: 0;

			}
			#title3{
			background-color: #FFB974;
			padding:0 0 0 5px;
			font-size:14px;
			margin: 5px 0 0 0;
			}
			#title a, #title2 a, #title3 a{
			color:#000000;
			}
			
.box {
	background: url(box-header-bg.jpg) repeat-x ;
	margin-top:20px;
	padding-left:10px ;
	padding-right:10px;
	padding-top: 2px ;
}
.box_titre {
	font-size: 1.3em;
	color:#8C1010;
	display:block;
	margin-bottom:5px;
}


#footer-wrapper {
	clear:left;
	padding:0;
	margin:0;
	margin-left: auto;
	margin-right: auto;
	height: 100px;
	background: url(footer-bg.jpg) repeat-x bottom ;


}

#footer {
	margin:0;
	padding:0;
	height:80px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;


	background: #84E301 url(footer.jpg) no-repeat 50% 0 ;
	
	
}

#footer-content {
	font : 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF ;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:10px;
	width:800px;
}

#footer-content a:link, #footer-content a:visited  {
	font : 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF ;
	padding-right:20px;
	padding-left:20px;	
	text-decoration:none;
}


p, div, td {
	color:#444444;
	font:12px "Trebuchet MS" ;
} 

p {
	text-align:justify;
}

h1 {
	font:24px Arial black;
	color:#888888;
}

h2 {
	font:22px Arial black;
	color:#ACACAC;
}


h3 {
	font:18px Arial black;
	color:#444444;
}
h4 {
	font:14px Arial black;
	color:#444444;
}
.content_liste h4, .content_liste p{
	margin:0;
	padding:0;
}
.content_info h4, .content_info p{
	margin:0;
	padding:0;	
}

.clear {
	clear:both;
}

#navcontainer {
	width:772px;
	height:23px;
	margin-top:5px;
	margin-left: auto;
	margin-right: auto;
	padding-top:3px;
	background : #AAAAAA;
}



.img_left{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.img_right{
	float: right;
	margin-left:10px;
	margin-bottom:10px;
}