*{margin:0;padding:0}
img{border:none}

body{
	background:				#8f8778 url(/images/background.png) no-repeat;
	background-position:	center 110px;
	font-family: 			Arial, Helvetica, sans-serif;
	font-size: 				12px;
	text-align: 			center;
	color:					#fff;
}

#container{
	position: 		relative;
	width:			799px;
	margin:			auto;
	padding-top:	183px;
	text-align: 	justify;
}

/*-------------
 * Logo
 *-------------*/
#logo{
	position: 	absolute;
	top:		0px;
	right:		0px;
}

/*-------------
 * Menu
 *-------------*/
#menu{
	position: 			absolute;
	top:				160px;
	right:				0px;
	float:				right;
	background-color: 	#8f8778;
}
#menu li{
	display:				block;
	float:					left;
	list-style-type: 		none;
	margin-left:			4px;
	background: 			url(/images/menu_delimiter.png) no-repeat;
	background-position: 	0px 3px;
	padding-left:			6px;
	color:					#fff;
}
#menu li:first-child{
	background:	none;
}
#menu li a,
#menu li a:link,
#menu li a:visited{
	display:			block;
	color:				#fff;
	text-decoration: 	none;
	float:				left;
}
#menu li a:hover,
#menu li a:active,
#menu li a:focus{
	display:			block;
	color:				#fff;
	text-decoration: 	underline;
}
#menu ul{
	float:		left;
	height:		15px;
	overflow: 	hidden;
}
.visible{
	display:	block;
}
.hidden{
	display:	none;
}
#menu ul li{
	margin-left:			0px;
	background: 			url(/images/menu_delimiter_2.gif) no-repeat;
	background-position: 	0px 10px;
	padding-left:			6px;
	color:					#a4003a;
}
#menu ul li:first-child{
	margin-left:			4px;
	background: 			url(/images/menu_delimiter_3.gif) no-repeat;
	background-position: 	0px 5px;
}
#menu ul li a,
#menu ul li a:link,
#menu ul li a:visited,
#menu ul li a:hover,
#menu ul li a:active,
#menu ul li a:focus{
	color:	#a4003a;
}

/*-------------
 * Mentions légales
 *-------------*/
#mentions{
	margin-top:	5px;
	float:right; 	
}
a#mentions,
a#mentions:link,
a#mentions:visited{
	color:				#d2cfc9;
	text-decoration: 	none;
}
a#mentions:hover,
a#mentions:active,
a#mentions:focus{
	color:				#d2cfc9;
	text-decoration: 	underline;
}

/*-------------
 * Menu langue
 *-------------*/
#culture{
	margin-top:	5px;
}
#culture li{
	display:				block;
	float:					left;
	list-style-type: 		none;
	margin-right:			10px;
	padding-left:			20px;
	color:					#d2cfc9;
}
#culture li.fr{
	background: 			url(/images/fr.png) no-repeat;
	background-position: 	0px 3px;
}
#culture li.en{
	background: 			url(/images/gb.png) no-repeat;
	background-position: 	0px 3px;
}
#culture li a,
#culture li a:link,
#culture li a:visited{
	color:				#d2cfc9;
	text-decoration: 	none;
}
#culture li a:hover,
#culture li a:active,
#culture li a:focus{
	color:				#d2cfc9;
	text-decoration: 	underline;
}

/*-------------
 * Content
 *-------------*/
#content{
	position:	relative;
	width:		799px;
	height:		380px;
	overflow:	hidden;
	z-index:	1;
}
strong{
	font-weight:	bold;
	color:			#c26b8a;
}

/*-------------
 * Page
 *-------------*/
h1{
	color:			#464646;
	font-size: 		30px;
	text-align: 	right;
	font-weight:	normal;
	margin:			0 0 10px 0;
}
.page{
	position:	absolute;
	display:	block;
	top:		0px;
	left:		582px;
	width:		282px;
	height:		380px;
	overflow:	hidden;
	background: transparent url(/images/background_page.png) no-repeat top left;
	padding:	0px 10px 0px 30px;
	z-index:	2;
	text-align:	left;
}
.page.active{
	left:		260px;
	z-index:	3;
}
.page_active{
	position:	absolute;
	top:		0px;
	width:		282px;
	height:		380px;
	overflow:	hidden;
	background: transparent url(/images/background_page.png) no-repeat top left;
	padding:	0px 10px 0px 30px;
	text-align:	left;
	left:		260px;
	display:	block;
	z-index:	3;
}
.page h2{
	color:			#fff;
	font-size: 		18px;
	font-weight:	normal;
	margin:			0 0 10px 0;
	padding-bottom:	5px;
	background: 	transparent url(/images/background_h2.png) no-repeat bottom left;
}
.page p{
	list-style-image: url(/images/li.png);
	margin-bottom:		15px;
}
.page ul,
.page ol{
	margin-left:	25px;
	margin-bottom:	15px;
}
.page ul li{
	list-style-image: 	url(/images/li.png);
}
.page ul li,
.page ol li{
	margin-bottom:		10px;
}

/*-------------
 * Pager
 *-------------*/
.pager{
	z-index:	30;
	position:	absolute;
	color:		#a4003a;
	font-size:	12px;
	right:		10px;
	bottom:		10px;
}
.pager img{
	margin: 0 5px 0 5px;
}

/*-------------
 * Illustration
 *-------------*/
.illustration.droite{
	float:	right;
} 
.illustration.gauche{
	float:	left;
}