html, body{
	margin: 0;
	padding: 0;
	text-align: center;
	/*background-color: #EFEDEA;*/
	background-color: #C0C0C0;
	font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif;
}
img{
	border: 0;
}
/***
layout
*******************/
#page{
	/*width: 860px;*/
	width: 860px;
	margin: 10px auto;
	/*padding: 0px;*/
	padding: 20px 20px 0 20px;
	border: 0px;
	color: #000;
	background-color: #EFEDEA;
	
}
#top{
	width: 860px;
	margin: 0px;
	padding: 0px;
	border: 0;
	background-color: #EFEDEA;
}
#logo{
	float: left;
	width: 253px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align: left;
}
#nav{
	float: left;
	width: 607px;
	height: 39px;
	margin-top: 21px;
	padding: 0px;
	border: 0px;
	text-align: left;
	background-color: #fff;
}
#clr{
	clear: both;
	height: 15px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
#clr1{
	clear: both;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #EFEDEA;
}
#main{
	width: 860px;
	margin-bottom: 0px;
	padding: 0px;
	border: 0;
	text-align: left;
	background: url('../images/fondmain.gif') left top repeat-y;
}
#content{
	float: left;
	/*width: 620px;
	padding: 0px;*/
	width: 560px;
	padding: 30px 20px 0px 20px;
	margin-right: 20px;
	border: 0px;
	text-align: justify;
	font-size: .8em;
	color: #444246;
}
#contentimg{
	float: left;
	width: 240px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	text-align: left;
}
.titre{
	padding: 0;
	margin-bottom: 15px;
	border: 0px;
	text-align: left;
	font-size: 1em;
	color: #444246;
}
#content ul{
	text-align: left;
	margin: 0 0 10px 30px;
	padding: 0;
}
#content ul li{
	text-align: left;
	/*border-left: 1px #684F38 solid;*/
	list-style-position: outside;
	padding-bottom: 7px;
}
#content ul li a{
	color: #849320;
	text-decoration: none;
}
#content ul li a:hover{
	color: #615B4D;
	text-decoration: none;
}
#content a{
	color: #849320;
	text-decoration: none;
}
#content a:hover{
	color: #615B4D;
	text-decoration: none;
}
#footer{
	margin: 0px;
	padding-top: 15px;
	border: 0px;
	height: 40px;
	font-size: .8em;
	background-color: #EFEDEA;
	/*background: url('../images/fondmain.gif') left top repeat-y;*/
}
#footer img{
	vertical-align: bottom;
}
/*
nav fr
**************/
div.rollover1{
	width: 70px;
	height: 39px;
	padding: 0px 0px 0px 21px;
	float: left;
}
div.rollover1 a.image1
{
	display: block;
	width: 70px;
	height: 39px;
	background:url(../images/rollfr1.gif) left top no-repeat;
}
div.rollover1 a.image1:hover
{
	background:url(../images/rollfr1-1.gif) left top no-repeat;
}
div.rollover1 a.image1-1, div.rollover1 a.image1-1:hover, div.rollover1 a.image1-1:link, div.rollover1 a.image1-1:active
{
	display: block;
	width: 70px;
	height: 39px;
	background:url(../images/rollfr1-1.gif) left top no-repeat;
}
div.rollover4{
	width: 102px;
	height: 39px;
	padding: 0px 0px 0px 19px;
	float: left;
}
div.rollover4 a.image4
{
	display: block;
	width: 102px;
	height: 39px;
	background:url(../images/rollfr4.gif) left top no-repeat;
}
div.rollover4 a.image4:hover
{
	background:url(../images/rollfr4-1.gif) left top no-repeat;
}
div.rollover4 a.image4-1, div.rollover4 a.image4-1:hover, div.rollover4 a.image4-1:link, div.rollover4 a.image4-1:active
{
	display: block;
	width: 102px;
	height: 39px;
	background:url(../images/rollfr4-1.gif) left top no-repeat;
}
div.rollover7{
	width: 73px;
	height: 39px;
	padding: 0px 0px 0px 18px;
	float: left;
}
div.rollover7 a.image7
{
	display: block;
	width: 73px;
	height: 39px;
	background:url(../images/rollfr7.gif) left top no-repeat;
}
div.rollover7 a.image7:hover
{
	background:url(../images/rollfr7-1.gif) left top no-repeat;
}
div.rollover7 a.image7-1, div.rollover7 a.image7-1:hover, div.rollover7 a.image7-1:link, div.rollover7 a.image7-1:active
{
	display: block;
	width: 73px;
	height: 39px;
	background:url(../images/rollfr7-1.gif) left top no-repeat;
}
div.rollover10{
	width: 65px;
	height: 39px;
	padding: 0px 0px 0px 18px;
	float: left;
}
div.rollover10 a.image10
{
	display: block;
	width: 65px;
	height: 39px;
	background:url(../images/rollfr10.gif) left top no-repeat;
}
div.rollover10 a.image10:hover
{
	background:url(../images/rollfr10-1.gif) left top no-repeat;
}
div.rollover10 a.image10-1, div.rollover10 a.image10-1:hover, div.rollover10 a.image10-1:link, div.rollover10 a.image10-1:active
{
	display: block;
	width: 65px;
	height: 39px;
	background:url(../images/rollfr10-1.gif) left top no-repeat;
}
div.rollover13{
	width: 43px;
	height: 39px;
	padding: 0px 0px 0px 17px;
	float: left;
}
div.rollover13 a.image13
{
	display: block;
	width: 43px;
	height: 39px;
	background:url(../images/rollfr13.gif) left top no-repeat;
}
div.rollover13 a.image13:hover
{
	background:url(../images/rollfr13-1.gif) left top no-repeat;
}
div.rollover13 a.image13-1, div.rollover13 a.image13-1:hover, div.rollover13 a.image13-1:link, div.rollover13 a.image13-1:active
{
	display: block;
	width: 43px;
	height: 39px;
	background:url(../images/rollfr13-1.gif) left top no-repeat;
}
div.rollover16{
	width: 84px;
	height: 39px;
	padding: 0px 0px 0px 18px;
	float: left;
}
div.rollover16 a.image16
{
	display: block;
	width: 84px;
	height: 39px;
	background:url(../images/rollfr16.gif) left top no-repeat;
}
div.rollover16 a.image16:hover
{
	background:url(../images/rollfr16-1.gif) left top no-repeat;
}
div.rollover16 a.image16-1, div.rollover16 a.image16-1:hover, div.rollover16 a.image16-1:link, div.rollover16 a.image16-1:active
{
	display: block;
	width: 84px;
	height: 39px;
	background:url(../images/rollfr16-1.gif) left top no-repeat;
}
div.rollover19{
	width: 27px;
	height: 39px;
	padding: 0px 0px 0px 19px;
	float: left;
}
div.rollover19 a.image19
{
	display: block;
	width: 27px;
	height: 39px;
	background:url(../images/rollfr19.gif) left top no-repeat;
}
div.rollover19 a.image19:hover
{
	background:url(../images/rollfr19-1.gif) left top no-repeat;
}
div.rollover19 a.image19-1, div.rollover19 a.image19-1:hover, div.rollover19 a.image19-1:link, div.rollover19 a.image19-1:active
{
	display: block;
	width: 27px;
	height: 39px;
	background:url(../images/rollfr19-1.gif) left top no-repeat;
}

/*
nav en
**************/
div.rollover2{
	width: 70px;
	height: 39px;
	padding: 0px 0px 0px 21px;
	float: left;
}
div.rollover2 a.image2
{
	display: block;
	width: 70px;
	height: 39px;
	background:url(../images/rollen2.gif) left top no-repeat;
}
div.rollover2 a.image2:hover
{
	background:url(../images/rollen2-1.gif) left top no-repeat;
}
div.rollover2 a.image2-1, div.rollover2 a.image2-1:hover, div.rollover2 a.image2-1:link, div.rollover2 a.image2-1:active
{
	display: block;
	width: 70px;
	height: 39px;
	background:url(../images/rollen2-1.gif) left top no-repeat;
}
div.rollover5{
	width: 69px;
	height: 39px;
	padding: 0px 0px 0px 23px;
	float: left;
}
div.rollover5 a.image5
{
	display: block;
	width: 69px;
	height: 39px;
	background:url(../images/rollen5.gif) left top no-repeat;
}
div.rollover5 a.image5:hover
{
	background:url(../images/rollen5-1.gif) left top no-repeat;
}
div.rollover5 a.image5-1, div.rollover5 a.image5-1:hover, div.rollover5 a.image5-1:link, div.rollover5 a.image5-1:active
{
	display: block;
	width: 69px;
	height: 39px;
	background:url(../images/rollen5-1.gif) left top no-repeat;
}
div.rollover8{
	width: 96px;
	height: 39px;
	padding: 0px 0px 0px 22px;
	float: left;
}
div.rollover8 a.image8
{
	display: block;
	width: 96px;
	height: 39px;
	background:url(../images/rollen8.gif) left top no-repeat;
}
div.rollover8 a.image8:hover
{
	background:url(../images/rollen8-1.gif) left top no-repeat;
}
div.rollover8 a.image8-1, div.rollover8 a.image8-1:hover, div.rollover8 a.image8-1:link, div.rollover8 a.image8-1:active
{
	display: block;
	width: 96px;
	height: 39px;
	background:url(../images/rollen8-1.gif) left top no-repeat;
}
div.rollover11{
	width: 65px;
	height: 39px;
	padding: 0px 0px 0px 23px;
	float: left;
}
div.rollover11 a.image11
{
	display: block;
	width: 65px;
	height: 39px;
	background:url(../images/rollen11.gif) left top no-repeat;
}
div.rollover11 a.image11:hover
{
	background:url(../images/rollen11-1.gif) left top no-repeat;
}
div.rollover11 a.image11-1, div.rollover11 a.image11-1:hover, div.rollover11 a.image11-1:link, div.rollover11 a.image11-1:active
{
	display: block;
	width: 65px;
	height: 39px;
	background:url(../images/rollen11-1.gif) left top no-repeat;
}
div.rollover14{
	width: 43px;
	height: 39px;
	padding: 0px 0px 0px 22px;
	float: left;
}
div.rollover14 a.image14
{
	display: block;
	width: 43px;
	height: 39px;
	background:url(../images/rollen14.gif) left top no-repeat;
}
div.rollover14 a.image14:hover
{
	background:url(../images/rollen14-1.gif) left top no-repeat;
}
div.rollover14 a.image14-1, div.rollover14 a.image14-1:hover, div.rollover14 a.image14-1:link, div.rollover14 a.image14-1:active
{
	display: block;
	width: 43px;
	height: 39px;
	background:url(../images/rollen14-1.gif) left top no-repeat;
}
div.rollover17{
	width: 63px;
	height: 39px;
	padding: 0px 0px 0px 22px;
	float: left;
}
div.rollover17 a.image17
{
	display: block;
	width: 63px;
	height: 39px;
	background:url(../images/rollen17.gif) left top no-repeat;
}
div.rollover17 a.image17:hover
{
	background:url(../images/rollen17-1.gif) left top no-repeat;
}
div.rollover17 a.image17-1, div.rollover17 a.image17-1:hover, div.rollover17 a.image17-1:link, div.rollover17 a.image17-1:active
{
	display: block;
	width: 63px;
	height: 39px;
	background:url(../images/rollen17-1.gif) left top no-repeat;
}
div.rollover20{
	width: 28px;
	height: 39px;
	padding: 0px 0px 0px 23px;
	float: left;
}
div.rollover20 a.image20
{
	display: block;
	width: 28px;
	height: 39px;
	background:url(../images/rollen20.gif) left top no-repeat;
}
div.rollover20 a.image20:hover
{
	background:url(../images/rollen20-1.gif) left top no-repeat;
}
div.rollover20 a.image20-1, div.rollover20 a.image20-1:hover, div.rollover20 a.image20-1:link, div.rollover20 a.image20-1:active
{
	display: block;
	width: 28px;
	height: 39px;
	background:url(../images/rollen20-1.gif) left top no-repeat;
}
/*
nav de
**************/
div.rollover3{
	width: 71px;
	height: 39px;
	padding: 0px 0px 0px 15px;
	float: left;
}
div.rollover3 a.image3
{
	display: block;
	width: 71px;
	height: 39px;
	background:url(../images/rollde3.gif) left top no-repeat;
}
div.rollover3 a.image3:hover
{
	background:url(../images/rollde3-1.gif) left top no-repeat;
}
div.rollover3 a.image3-1, div.rollover3 a.image3-1:hover, div.rollover3 a.image3-1:link, div.rollover3 a.image3-1:active
{
	display: block;
	width: 71px;
	height: 39px;
	background:url(../images/rollde3-1.gif) left top no-repeat;
}
div.rollover6{
	width: 103px;
	height: 39px;
	padding: 0px 0px 0px 13px;
	float: left;
}
div.rollover6 a.image6
{
	display: block;
	width: 103px;
	height: 39px;
	background:url(../images/rollde6.gif) left top no-repeat;
}
div.rollover6 a.image6:hover
{
	background:url(../images/rollde6-1.gif) left top no-repeat;
}
div.rollover6 a.image6-1, div.rollover6 a.image6-1:hover, div.rollover6 a.image6-1:link, div.rollover6 a.image6-1:active
{
	display: block;
	width: 103px;
	height: 39px;
	background:url(../images/rollde6-1.gif) left top no-repeat;
}
div.rollover9{
	width: 101px;
	height: 39px;
	padding: 0px 0px 0px 13px;
	float: left;
}
div.rollover9 a.image9
{
	display: block;
	width: 101px;
	height: 39px;
	background:url(../images/rollde9.gif) left top no-repeat;
}
div.rollover9 a.image9:hover
{
	background:url(../images/rollde9-1.gif) left top no-repeat;
}
div.rollover9 a.image9-1, div.rollover9 a.image9-1:hover, div.rollover9 a.image9-1:link, div.rollover9 a.image9-1:active
{
	display: block;
	width: 101px;
	height: 39px;
	background:url(../images/rollde9-1.gif) left top no-repeat;
}
div.rollover12{
	width: 56px;
	height: 39px;
	padding: 0px 0px 0px 13px;
	float: left;
}
div.rollover12 a.image12
{
	display: block;
	width: 65px;
	height: 39px;
	background:url(../images/rollde12.gif) left top no-repeat;
}
div.rollover12 a.image12:hover
{
	background:url(../images/rollde12-1.gif) left top no-repeat;
}
div.rollover12 a.image12-1, div.rollover12 a.image12-1:hover, div.rollover12 a.image12-1:link, div.rollover12 a.image12-1:active
{
	display: block;
	width: 65px;
	height: 39px;
	background:url(../images/rollde12-1.gif) left top no-repeat;
}
div.rollover15{
	width: 44px;
	height: 39px;
	padding: 0px 0px 0px 19px;
	float: left;
}
div.rollover15 a.image15
{
	display: block;
	width: 44px;
	height: 39px;
	background:url(../images/rollde15.gif) left top no-repeat;
}
div.rollover15 a.image15:hover
{
	background:url(../images/rollde15-1.gif) left top no-repeat;
}
div.rollover15 a.image15-1, div.rollover15 a.image15-1:hover, div.rollover15 a.image15-1:link, div.rollover15 a.image15-1:active
{
	display: block;
	width: 44px;
	height: 39px;
	background:url(../images/rollde15-1.gif) left top no-repeat;
}
div.rollover18{
	width: 88px;
	height: 39px;
	padding: 0px 0px 0px 13px;
	float: left;
}
div.rollover18 a.image18
{
	display: block;
	width: 88px;
	height: 39px;
	background:url(../images/rollde18.gif) left top no-repeat;
}
div.rollover18 a.image18:hover
{
	background:url(../images/rollde18-1.gif) left top no-repeat;
}
div.rollover18 a.image18-1, div.rollover18 a.image18-1:hover, div.rollover18 a.image18-1:link, div.rollover18 a.image18-1:active
{
	display: block;
	width: 88px;
	height: 39px;
	background:url(../images/rollde18-1.gif) left top no-repeat;
}
div.rollover21{
	width: 22px;
	height: 39px;
	padding: 0px 0px 0px 13px;
	float: left;
}
div.rollover21 a.image21
{
	display: block;
	width: 22px;
	height: 39px;
	background:url(../images/rollde21.gif) left top no-repeat;
}
div.rollover21 a.image21:hover
{
	background:url(../images/rollde21-1.gif) left top no-repeat;
}
div.rollover21 a.image21-1, div.rollover21 a.image21-1:hover, div.rollover21 a.image21-1:link, div.rollover21 a.image21-1:active
{
	display: block;
	width: 22px;
	height: 39px;
	background:url(../images/rollde21-1.gif) left top no-repeat;
}
/* fin nav
*************/