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 : 750px;
 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-ty-ar-mor.jpg) no-repeat;
	margin-left : 0;
	margin-right :0;
	text-align : left;


}

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

}

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

#text2 {
	display :block;
	position :absolute;
	width : 440px;
	height : 250px;
	color : #3B4658;
	text-align:justify;
	font-size : 14px;
	padding : 20px 0 20px 10px;
	left : 22px;
	top:225px;
	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:center;
	background-color: #FFFFFF;

}

#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;
}