* {margin:0;padding:0}
body {
	padding:17px 50px 0 50px;
	color: #000000;
	background:#fff;
	text-align:center;
}

#wrapper{
	background:#F7F7F7 url(images/ombre_gauche.jpg) repeat-y left top;
	width:auto;
	min-width:960px;
	max-width:1440px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#decor_droite{
	background: url(images/ombre_droite.jpg) repeat-y right top;
	width:auto;
}

#outer{
	margin-left:230px;
	margin-right:230px;
	background-color:#F7F7F7;
	background-image:url(images/separateur.jpg);
	background-repeat:repeat-y;
	background-position:0px 10px;
}
#outer_bis{
	background-image:url(images/separateur.jpg);
	background-repeat:repeat-y;
	background-position:right;
}

#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:211px;
	line-height:201px;
	overflow:hidden;
	color: #fff;
	background:#f7f7f7 url(images/header/fond_centre.jpg) repeat-x left top;
}
#header_gauche {
	background-image:url(images/header/fond_gauche.jpg);
	background-repeat:no-repeat;
	width:30px;
	height:181px;
	float:left;
}
#header_logo {
	background-image:url(images/header/logo.jpg);
	background-repeat:repeat-x;
	width:333px;
	height:181px;
	float:left;
}
.header_entete {
	background-image:url(images/header/fond_droite.jpg);
	background-repeat:no-repeat;
	background-position:right;
	width:565px;
	height:180px;
	padding-right:100px;
	float:right;
}
#header_droite {
	background-image:url(images/header/fond_droite.jpg);
	background-repeat:no-repeat;
	background-position:right;
	width:595px;
	height:181px;
	float:right;
}

#navigation {
	background:#990000;
	height:20px;
	clear:both;
}
#menu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	color:#FFF;
	padding-left:15px;
	float:left;
}

#menu li{
	list-style:none;
	list-style-type:none;
	float:left;
}

#menu a:hover{
	font-weight:bold;
	text-decoration:none;
}

#menu a:active{
	color:#FFF;	
	text-decoration:none;
}
#menu a:visited{
	color:#FFF;
	text-decoration:none;
}
#menu a:link{
	color:#FFF;	
	text-decoration:none;
}

h2 a{
	text-decoration:none;	
	color:#666;
}

h2 a:hover{
	text-decoration:underline;
	color:#000;
}

h2 a:visited{
	color:#000;
}

h2 a:link{
	color:#666;	
}

.navigation_gauche {
	background:#990000 url(images/ombre_gauche.jpg) repeat-y;
	width:30px;
	height:20px;
	float:left;
}
.navigation_droite {
	background:#990000 url(images/ombre_droite.jpg) repeat-y;
	width:30px;
	height:20px;
	float:right;
}

#left {
	position:relative;/*ie needs this to show float */
	width:200px;
	float:left;
	margin-left:-199px;/*must be 1px less than width otherwise won't push footer down */
	left:-1px
}
* html #left {margin-right:-3px;}/* 3px jog*/
* html #outer{/* 3px jog*/
	margin-left:197px;
	margin-right:197px;
}
p {margin-bottom:1em;padding:0 5px}

#right {
	position:relative;/*ie needs this to show float */
	width:200px;
	float:right;
	margin-right:-199px;/*must be 1px less than width otherwise won't push footer down */
	left:1px;
}
* html #right {margin-right:-200px;margin-left:-3px}/* stop float drop in ie + 3px jog */

#footer {
	background:#FFFFFF url(images/footer/footer_centre.jpg) repeat-x left top;
	width:100%;
	clear:both;
	line-height:90px;
	color: #000000;
	text-align:center;
	position:relative;
}
#footer_gauche {
	background-image:url(images/footer/footer_gauche.jpg);
	background-repeat:no-repeat;
	width:40px;
	height:32px;
	float:left;
}
#footer_droite {
	background-image:url(images/footer/footer_droite.jpg);
	background-repeat:no-repeat;
	width:40px;
	height:32px;
	float:right;
}
#clearheader{height:233px;}/*needed to make room for header*/
#centrecontent {float:right;width:99%;position:relative;}
* html #centercontent{width:100%}

#separateur_header {
	background-color:#FFF000;
	height:10px;
}

.outerwrap {
float: left;
width: 99%;
}
.clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}