/*css document */
*{
margin:0;
padding:0;
}

img{
border:none;
vertical-align:middle;
}

body {
font:10px "Trebuchet MS", helvetica, sans-serif;
background: url(../img/fond.jpg) no-repeat; 
background-position: 50% 0%;
background-color:#86b5c3;
}


#conteneur {
    position:absolute;
    width: 780px;
    left: 50%;
    margin-left: -375px; /* moitié de la largeur */
	border: 0px solid #000;
	margin-top:20px;

}

/*header*/
#header {
	width:780px;
	height:193px;
	background: url(../img/header.jpg) no-repeat top left;
	border: #FF0000 0px solid;
}


h1#accroche {
	text-align:right;
	padding:50px 30px 0 0;
	font-size:25px;
	font-weight:bold;
	color:#FFFFFF;
}



/*menu*/
ul#menu {
height:30px;
margin:0;
list-style-type:none;
background: url(../img/menu.jpg) no-repeat top left;
}

ul#menu li {
float:left;
text-align:center;
color:#FFF;
}

ul#menu li a {
width:110px;
line-height:25px;
font-size:14px;
font-weight:bold;
letter-spacing:1px;
color:#fff;
display:block;
text-decoration:none;
}

/*menu actif*/
ul#menu li a:hover {
color:#000;
}

ul#menu li a.actif {
color:#000;
}


/*contenu*/

#fond_contenu {
	border:solid 0px #f00;
	width:780px;
	background-color:#fff;
}


/*footer*/
#footer {
width:780px;
margin:0 auto;
background: url(../img/footer.jpg) no-repeat top center;
}

/*menu secondaire*/
ul#menufooter {
height:29px;
list-style-type:none;
}

ul#menufooter li {
float:left;
text-align:center;
color:#000;
margin-left:50px;
}

ul#menufooter li a {
line-height:20px;
font-size:110%;
letter-spacing:0px;
color:#000;
text-decoration:none;
}


ul#menufooter li a:hover {
color:#ff005c;
}


div#copyright{
text-align:center;
}


.separation {
clear:both;
}