/* -------------- Mise ? z?ro des styles ---------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
a {outline: none;}


body {
background: #d1d3d4;
background-image: url(../design/fond.png);
background-repeat: repeat-x;
font-family: Arial, sans-serif;
/*height: 100%;*/
}

/* ---------- container pour centrer le layout-------------- */
#container {
width: 954px;
min-height: 598px;
position:relative;
margin-left: auto;
margin-right: auto;
}

/* ----------banniere -------------- */
#banner {
width:954px;
height:232px;
position:relative;
}
#banner h1{
display:none;
}
.titre{
position:absolute;
top:73px;
left:270px;
width:641px;
height:43px;	
}
.logo{
position:absolute;
top:0;
left:0;
width:193px;
height:232px;
}
#menu-horizontal{
	position:absolute;
	top:131px;
	left:217px;
	width:703px;
	padding:0 15px;
	height:83px;
	background-image: url(../design/menu.png);
	background-repeat: no-repeat;
}
#menu-horizontal li{
	float:left;
	font-size:15px;
}
#menu-horizontal li a{
	text-decoration:none;
	display:block;
	padding:10px 10px 0 10px; /*10px 15px 0 15px*/
	height:31px;
}
#menu-horizontal li a:hover{
	text-decoration:underline;
}
.hactif{
	color:#fff;
	background:#0086be;
}
.hrepos{
	color:#fff;
}
#reseaux{
	position:absolute;
	top:20px;
	right:6px;
	width:180px;
}
#reseaux img{
	float:right;
}
#reseaux p{
	float:left;
	font-size:13px;
	color:#444;
	width:120px;
	line-height:12px;
}

/*--------------------- div principale ------*/
#principal {
width: 954px;
position:relative;
margin-left: auto;
margin-right: auto;
display:table;
padding-bottom:10px;
}
/* ----------- pied de page --------------------------- */
#spacer-footer	{
	/*height: 88px;*/
	clear: both;
	z-index:0;
}
#pied{
	width:100%;
	/*height:88px;*/
}
#footer {
width: 954px;
height:53px;
/*margin-top: -88px;*/
padding-top:35px;
/*position:relative;*/
margin-left: auto;
margin-right: auto;
background: url(../design/footer.png);
background-repeat: no-repeat;
z-index:10;
}

.adresse{
text-align:center;
	font-size:12px;
	color:#fff;
}
.adresse a{
	color:#fff;
}
.adresse a:hover{
	text-decoration:underline;
}
.titre{
	font-size:18px;
	font-weight:bold;
}
.signature{
	font-size:10px;
	text-align:center;
	margin-top:10px;
}
.signature img{
	vertical-align: middle;
	margin-left:10px;
}
.signature a{
	color:#fff;
}
.signature a:hover{
	text-decoration:underline;
}