@charset "utf-8";
html, body {
	scrollbar-base-color: #BBA784;
	scrollbar-arrow-color: #EDDDC2;
}
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 120%;
	color: #212440;
	background: #C5B18E url(images/bg.jpg) 50% 0;
	scollbar-color: #C5B18E;
	margin: 0;
}
#wrapper {
	width: auto;
	max-width: 800px;
	height: 1180px;
	margin: 20px auto;
	background: #F8F0E2 url(images/bg-wrapper.jpg) 50% 0 no-repeat;
}
#haut {
	position: absolute;
	top: -10px;
}
#top {
	width: auto;
	height: 220px;
	margin: 0 auto;
	background: url(images/top.jpg) 50% 0 no-repeat;
}
#top h1 {
	display: none;
}
.clr, .clear {
	clear: both;
}
#main {
	width: 750px;
	height: 863px;
	background: url(images/bg-content.gif) 100% 0 no-repeat;
	margin-right: 50px;
}
#content {
	width: 612px;
	float: right;
	padding: 20px 0;
	height: 821px;
	float: right;
	padding: 20px 0;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-arrow-color: #BCA984;
	scrollbar-3dlight-color: #BCA984;
	scrollbar-highlight-color: #f8f0e2;
	scrollbar-face-color: #f8f0e2;
	scrollbar-shadow-color: #f8f0e2;
	scrollbar-darkshadow-color: #BCA984;
	scrollbar-track-color: f8f0e2;
}

h1, h2, h3, p {
	padding: 0 20px;
	margin: 10px 0;
}
h1, h2, h3 {
	color: #333862;
}
p {
	text-align: justify;
}
a {
	color: #555EA4;
	text-decoration: none;
}
a:hover {
	color: #A57455;
	text-decoration: underline;
}
a.haut { 
	margin-top: 20px!important;
}
#content img {
	float: right;
	margin: 5px 0 10px 20px;
	border: 1px solid #724c35;
}
#content img.nounder {
	border: none;
}
#menu {
	width: 116px;
	float: left;
	text-align: right;
	margin-left: 22px;
	padding-top: 5px;
}
.active-item {
	padding: 10px 0 11px 0;
	width: 117px
}
.menu-item {
	padding: 10px 0 11px 0;
	background: url(images/menu-item.png) -200px -200px no-repeat;
}
.menu-item:hover {
	padding: 10px 0;
	background: url(images/menu-item.png) 0 0 no-repeat;
	border-bottom: 1px solid #bca984;
}
.menu, .activelink {
	display: block;
}

img.replacement {
	float: none!important;
	margin: 0px!important;
	border: 0!important;
}
.basic {
	width: 572px;
	margin:0 auto;
}
.basic div {
	padding: 10px 0;
	font-size: 12px;
	overflow: visible;
}
.basic p {
	margin: 0;
	width: auto;
}
.basic h4 {
	cursor:pointer;
	display:block;
	padding:0 10px;
	margin: 0;
	text-decoration: none;
	color: #333862;
	background: url(images/collapsed.gif) 3px 60% no-repeat;
	border: 1px solid #F8F0E2;
}
.basic h4:hover {
	background: #F6EED7 url(images/expand.gif) 3px 60% no-repeat;
	color: #C7002F;
	border: 1px solid #B59A6D;
}
#bottomnav {
	margin: 20px;
}
a.haut, a.retour {
	padding:0 12px;
	margin: 0;
	text-decoration: none;
}
a.haut {
	background: url(images/haut.gif) 3px 40% no-repeat;
}
a.mentions {
	padding-right: 12px;
	background: url(images/collapsed.gif) 100% 50% no-repeat;
}
a.retour {
	background: url(images/retour.gif) 3px 50% no-repeat;
}
ul {
	list-style: square inside;
	margin: 0 20px;
	text-align: justify;
}
iframe {
	border: none;
	width: 572px;
	height: 550px;
	margin: 0 auto;
}
#gelauff, #w3 {
	margin: 0 10px 20px 10px;
	border: 0;
	vertical-align: middle;
}
.small {
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
}
hr {border: none 0; 
border-top: 1px dotted #BCA984;
width: 100%;
height: 1px;
}