/* -------------- 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-image: url(../design/fond-accueil.jpg);
background-repeat: no-repeat;
background-position: center top;
	font-family: Georgia;
}


/* ----------container to center the layout-------------- */
#container {
position:relative;
width: 889px;
height:610px;
margin-left: auto;
margin-right: auto;
background-image: url(../design/fond-contenu-accueil.gif);
background-repeat: no-repeat;
}
h1{
	color:#fff;
	font-size:50px;
	position:absolute;
	top:194px;
	left:158px;
}
h2{
	width:329px;
	color:#fff;
	font-size:22px;
	position:absolute;
	top:257px;
	text-align:right;
	font-style: italic;
}
h3{
	width:329px;
	color:#8e7657;
	font-size:20px;
	position:absolute;
	top:290px;
	text-align:right;
	font-style: italic;
}
.petit{
	font-size:16px;
}
h4{
	width:329px;
	color:#fff;
	font-size:22px;
	position:absolute;
	top:340px;
	text-align:right;
	font-style: italic;
}
.photo{
	position:absolute;
	top:1px;
	left:343px;
}
#langue{
	position:absolute;
	top:219px;
	left:0px;
	width:150px;
	height:36px;
	font-family: Arial, Helvetica, sans-serif;
}
#langue p{
	display:inline;
	line-height:30px;
}
#langue p a{
	color:#fff;
	text-decoration:none;
	font-size:13px;
	width:27px;
	padding:6px 5px 6px 5px;
}
#langue p a:hover{
	background-image: url(../design/bouton-clair.gif);
}
.actif{
	background-image: url(../design/bouton-clair.gif);
	background-repeat: no-repeat;
}
.repos{
	background-image: url(../design/bouton-fonce.gif);
	background-repeat: no-repeat;
}
#dessous{
	position:absolute;
	top:585px;
	left:70px;
	width:400px;
	height:25px;
	font-family: Arial, Helvetica, sans-serif;
}
#dessous p{
	display:inline;
	line-height:30px;
	text-align:center;
			margin-right:42px;
}
#dessous p a{
	color:#fff;
	text-decoration:none;
	font-size:13px;
}
#dessous p a:hover{
	color:#190909;
}
#menu{
	position:absolute;
	top:382px;
	left:340px;
	width:539px;
	height:225px;
}

.niveau1{
	color:#fff;
	text-decoration:none;
	font-size:25px;
	margin-right:7px;
}
#menu p{
text-align: justify;
line-height:25px;
}
.gris{
	text-decoration:none;
	color:#726f6b;
	font-size:15px;
	font-weight:bold;
	margin-right:5px;
}
.beige{
	text-decoration:none;
	color:#aa9170;
	font-size:12px;
	margin-right:5px;
}
.brun{
	text-decoration:none;
	color:#5d4c36;
	font-size:11px;
	margin-right:5px;
}

#edition_accueil{
	position:absolute;
	top:385px;
	left:10px;
	width:300px;
	height:190px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
#edition_accueil p{
	font-size:14px;
}