html {
overflow-x:			hidden;
}

body {
margin:				0px;
width:				100%;
background-color:	#197fa3;
font-family:		Arial;
}

.header {
width:				100%;
height:				230px;
position:			relative;
top:				0px;
left:				0px;
text-align:			center;
background-image:	URL(../images/fond_header.jpg);
background-repeat:	repeat-x;
}

.main {
width:				100%;
background-color:	#6dd1f3;
margin:				0px;
}

.contenu {
width:				800px;
margin-left:		auto;
margin-right:		auto;
}

.footer {
width:				100%;
height:				120px;
text-align:			center;
background-image:	URL(../images/fond_footer.jpg);
background-repeat:	repeat-x;
}

h2 {
font-size:			21px;
font-weight:		bold;
margin-bottom:		20px;
margin-top:			0px;
color:				#d39c4a;
}

h3 {
font-size:			16px;
font-weight:		bold;
color:				#45280e;
}

h4 {
font-size:			12px;
font-style:			italic;
color:				#d39c4a;
}

p {
font-size:			12px;
margin-top:			10px;
text-align:			justify;
}

a {
text-decoration:	none;
color:				#d39c4a;
font-size:			12px;
}

a:hover {
text-decoration:	underline;
}

ul {
list-style-type:	none;
font-size:			12px;
text-align:			justify;
}

li {
list-style-image:	url(../images/carre_vide.gif);
}

.menu a {
color:				#FFFFFF; 
font-weight:		bold;
}

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

.acces_direct {
margin:0px;
text-align:center;
}

.acces_direct a {
width:100%;
height:20px;
line-height:20px;
display:block;
text-decoration:none;
color:#d39c4a;
}

.acces_direct a:hover {
width:100%;
height:20px;
line-height:20px;
display:block;
text-decoration:none;
color:#fff;
background-color:#d39c4a;
}