*{
	margin: 0;
	padding: 0;
	font-family: "Adobe Garamond", "Garamond Monotype", Times, serif;
	list-style: none;
	border: none;
}

#page{
	width: 980px;
	margin: 50px auto;
	
	/*border: 1px #000 solid;*/
}

#menu{
	width: 135px;
	margin: 0;
	padding-top: 180px;
	background: #FFF url(./img/logo.png) no-repeat top left;
	float: left;
	
	/*border: 1px #FF0000 solid;*/
}

#content{
	width: 845px;
	height: 433px;
	float: right;
	color: #827e7e;
	
	/*border: 1px #00FF00 solid;*/
}


#content .contenu{
	position: relative;
	top: 90px;
	left: 403px;
	width: 240px;
	height: 270px;
	overflow: auto;
	padding: 5px;
}
/*speciale pour les mentions et le formu*/
#content.mention .contenu, #content.formu .contenu{
	width: 386px;
	height: 270px;
	padding: 5px;
}
	

#content .contenu h1{
	color: #B08A49;
	font-variant: small-caps;
	font-size: 1.1em;
	margin-bottom: 15px;
}

#content .contenu h2{
	color: #827e7e;
	font-variant: small-caps;
	font-size: 0.9em;
	margin-bottom: 10px;
}

#content .contenu p{
	font-size: 0.8em;
	margin-bottom: 10px;
}
#content .contenu ul{
	font-size: 0.8em;
	padding-left: 5px;
	margin-bottom: 10px;
	margin-top: -5px;
}
#content .contenu ul li{
	list-style-type: disc;
	list-style-position: inside;
}


/**************************************************
					Formulaire
**************************************************/

#content.formu label{
	display: inline-block;
	float: left;
	width: 80px;
	margin-bottom: 10px;
}
#content.formu textarea{
	font-size: 0.8em;
}
#content.formu p{
	clear: both;
	margin-bottom: 10px;
	color: #B08A49;
}
#content.formu p:hover, #content.formu p:focus{
	color: #8f8c70;
}
#content.formu input, #content.formu textarea{
	border: 1px #B08A49 solid;
	display: block;
	float: right;
	width: 70%;
	margin-bottom: 10px;
	color: #B08A49;
	padding: 2px;
}

#content.formu p.message textarea{
	width: 90%;
	height: 80px;
}
#content.formu p.intro{
	float: right;
	width: 90%;
	color: #827e7e;
}
#content.formu p.ok{
	color: #827e7e;
}

#content.formu input:hover, #content.formu textarea:hover, #content.formu input:focus, #content.formu textarea:focus{
	color: #8f8c70;
	border-color: #8f8c70;
}

#content.formu p.envoyer{
	width: 50%;
	margin: 20px auto;
	float: none;
}
#content.formu p.envoyer input{
	float: none;
	margin: auto;
}
#content.formu input.hidden{
	display: none;
}
#content.formu p.captcha label{
	width: 85%;
}
#content.formu p.captcha input{
	width: 12%;
}
#content.formu p.cnil{
	width: 95%;
	margin: 10px auto;
	float: none;
	color: #827E7E;
	font-size: 0.7em;
}


/**************************************************
						Footer
**************************************************/

#footer{
	width: 845px;
	min-height: 50px;
	float: right;
	background: #FFF url(./img/barre_footer.png) no-repeat right bottom;
	padding-bottom: 10px;
}

/*		Barre de langue		*/
#footer ul.navlang{
	margin-top: 10px;
	margin-bottom: 60px;
	padding-left: 18px;
}

#footer ul.navlang li{
	color: #8f8c70;
	display: block;
	float: left;
}

#footer ul.navlang li a{
	display: block;
	height: 20px;
	font-size: 0pt;
	text-indent: -999em;
}

/* version impaire */
#footer ul.navlang li.impaire a.english{
	background: transparent url(./img/langues.png) no-repeat left -40px;
	width: 130px;
}
#footer ul.navlang li.impaire a.english:hover, #footer ul.navlang li.impaire a.english:focus{
	background: #FFF url(./img/langues.png) no-repeat left -60px;
}
#footer ul.navlang li.impaire a.francais{
	background: #FFF url(./img/langues.png) no-repeat left 0;
	width: 140px;
}
#footer ul.navlang li.impaire a.francais:hover, #footer ul.navlang li.impaire a.francais:focus{
	background: #FFF url(./img/langues.png) no-repeat left -20px;
}
#footer ul.navlang li.impaire a.nihongo{
	background: #FFF url(./img/langues.png) no-repeat left -80px;
	width: 60px;
}
#footer ul.navlang li.impaire a.nihongo:hover, #footer ul.navlang li.impaire a.nihongo:focus{
	background: #FFF url(./img/langues.png) no-repeat left -100px;
}
#footer ul.navlang li.impaire a.russe{
	background: #FFF url(./img/langues.png) no-repeat left -280px;
	width: 128px;
}
#footer ul.navlang li.impaire a.russe:hover, #footer ul.navlang li.impaire a.russe:focus{
	background: #FFF url(./img/langues.png) no-repeat left -300px;
}
/* version paire */
#footer ul.navlang li.paire a.english{
	background: transparent url(./img/langues.png) no-repeat left -160px;
	width: 130px;
}
#footer ul.navlang li.paire a.english:hover, #footer ul.navlang li.paire a.english:focus{
	background: #FFF url(./img/langues.png) no-repeat left -180px;
}
#footer ul.navlang li.paire a.francais{
	background: #FFF url(./img/langues.png) no-repeat left -120px;
	width: 140px;
}
#footer ul.navlang li.paire a.francais:hover, #footer ul.navlang li.paire a.francais:focus{
	background: #FFF url(./img/langues.png) no-repeat left -140px;
}
#footer ul.navlang li.paire a.nihongo{
	background: #FFF url(./img/langues.png) no-repeat left -200px;
	width: 60px;
}
#footer ul.navlang li.paire a.nihongo:hover, #footer ul.navlang li.paire a.nihongo:focus{
	background: #FFF url(./img/langues.png) no-repeat left -220px;
}
#footer ul.navlang li.paire a.russe{
	background: #FFF url(./img/langues.png) no-repeat left -240px;
	width: 128px;
}
#footer ul.navlang li.paire a.russe:hover, #footer ul.navlang li.paire a.russe:focus{
	background: #FFF url(./img/langues.png) no-repeat left -260px;
}

/*			Info			*/
#footer a{
	color: #8f8c70;
	text-decoration: none;
}
#footer a:hover, #footer a:focus{
	color: #B08A49;
}

#footer ul{
	margin-top: 30px;
}

#footer ul li{
	color: #8f8c70;
	font-size: 0.8em;
	display: inline;
}

#footer ul li.adresse{
	margin-right: 25px;
	float: left;
}

#footer ul li.legal, #footer ul li.copy{
	margin-left: 25px;
	float: right;
}

#footer ul li.legal{
	background: transparent url(./img/carre_or_8.png) no-repeat left;
	padding-left: 10px;
}
