body {
margin : 0 ; 
padding : 0 ; 
text-align : center;
background : #3B4658 ;
font-family : arial; 
font-size : 11px; 
color : #fff}

a {
color : #3B4658;
text-decoration : none;
}

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

#content {
position :relative; 
width : 900px; 
height : 730px;
 background : #FFFFFF;
 top: 10px;
 margin-left : auto;
 margin-right : auto;
 text-align : center; 
}

#haut {
width : 572px; 
height : 198px ; 
position :absolute;
left:0;
top:0;
background : url(img/haut-kerihuel.jpg) no-repeat;
margin-left : 0;
margin-right :0; text-align : left; }

#titre{
width : 322px; 
height : 82px ; 
position :absolute;
background : url(img/location-gites.jpg) no-repeat;
padding:0;
top:0;
left : 571;
right :0; text-align : left; }

#fondtext{
display :block;
position :absolute;
width : 473px; 
height : 393px ; 
color : #3B4658 ;
background : url(img/fond-texte.jpg) no-repeat;
left : 88px;
top:198px;
}
#text{
	display :block;
	position :absolute;
	width : 355px;
	height : 393px;
	color : #3B4658;
	text-align:justify;
	font-size : 14px;
	padding : 10px 0 20px 90px;
	left : 22px;
	top:-1px;
	z-index: 5;
}

ul {list-style-type: none;
margin: 0;
padding: 10 0 10 0;}

#menu {
position : absolute ; 
z-index:2;
left : 27px ; 
top : 110px ;
text-align : left;
background : #DD819A top left no-repeat;
} 

.menu a{
display: block;
height : 20px; 
width:151px;
text-decoration: none;
color: #3B4658;
font-weight : bold;
text-indent:35px;
line-height : 22px;
background-image:url(img/mapuce.jpg);
background-position:10 center;
background-repeat: no-repeat;
}
	 
.menu a:hover{
color : #ffffff; 
background-image:url(img/mapuceon.jpg);
background-position:10 center;
background-repeat: no-repeat;
}


#image-droite{
display: block;
z-index :2;
width : 320px; 
height : 529px ; 
position :absolute;
left :572px;
top:82px;
text-align:left;
}

#pied{
display: block;
width : 900px; 
height :96px ; 
position :absolute;
background-image:url(img/pied-page.jpg);
left :0px;
bottom:0px;
}

#pied-texte{
display: block;
color : #3B4658 ;
text-align:left;
font-weight : bold;
font-size : 14px;
width :400px; 
height :96px ; 
position :absolute;
left :95px;
top:30px;
}

#pied-logo{
display: block;
color : #3B4658 ;
text-align:left;
font-weight : bold;
font-size : 14px;
width :200px; 
height :96px ; 
position :absolute;
left :480px;
top:0px;
}

#copyright{
	position :relative;
	text-align : center;
	background : #3B4658;
	font-family : arial;
	font-size : 11px;
	color : #fff;
	top:730px;
	width: 700px;
	height: 14px;


}