/* --- STYLES DE BASE --- */
	html, body {margin:0; padding:0;}
	html {font-size: 62.5%;}
	body {font-size:100%; line-height:150%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:#695547; color:white; margin:24px 0;}
	
	p {margin:1em 0;}
	ul {list-style:square;}
	em {font-style:normal; font-size:0.9em;}
	abbr {border:none; cursor:help;}
	img {vertical-align:bottom;}
	
	/* Titres */
	h1, h2, h3, h4, h5, h6 {margin: 0 0 0.8em 0; font-weight:normal; font-style: normal; text-transform:uppercase; color:#685446;}
	h1 {font-size:1.8em;}
	h2 {font-size:1em; letter-spacing:6px; word-spacing:3px; font-weight:bold; margin-top:2em;}
	h3, h4, h5, h6 {font-size:1.1em; text-transform:none;}
	h4, h5, h6 {font-size:1em; font-weight:bold; color:white;}
	
	/* Liens */
	a {text-decoration:underline; color:white;}
	a img {border:none; vertical-align:bottom;}
	a:hover, a:focus {text-decoration:none;}
	
	#footer a {color:#BF9D83;}
	.bouton {color:#695547; float:right; font-weight:bold; font-size:1em; letter-spacing:4px; text-decoration:none; text-transform:uppercase; background-image:url(/images/btnSuiteRetour.png); background-repeat:no-repeat; padding:3px 0;}
	.bouton:hover, .bouton:focus {color:white;}
	.bouton.suite {float:right; background-position:right 7px; padding-right:22px;}
	.bouton.retour {float:left; background-position:left 7px; padding-left:22px;}
	.bouton.suite:hover, .bouton.suite:focus {background-position:right -26px;}
	.bouton.retour:hover, .bouton.retour:focus {background-position:left -26px;}

	


/* --- HELPERS --- */
	.masquer {position:absolute; clip: rect(1px 1px 1px 1px); clip:rect(1px, 1px, 1px, 1px);}
	.bMargin {margin-bottom:30px;}
	.tMargin {margin-top:30px;}


/* --- STRUCTURE ---  */
	#page {width:780px; margin:0 auto; overflow:hidden;}
	#header {font-size:1.2em; text-align:center; margin-bottom:24px;}
	#content {height:441px; background:#BF9D83; position:relative;}
	#footer {margin:0; margin-top:3px; margin-left:-12px;}
	

/* --- MENUS --- */
	#menu {margin:0; padding:0; list-style:none; background-color: rgb(191, 157, 131); background-color:rgba(191, 157, 131, 0.7); width:15em; padding:9px 0; position:absolute; top:42.1%; margin-top:-3.5em; z-index:900;}
	#menu li {margin:0.6em 0;}
	#menu a {text-transform:uppercase; text-decoration:none; display:block; padding:1px 0px 1px 18px; letter-spacing:3px; font-size:0.9em;}
	#menu a:hover, #menu a:focus, #menu a.active {background:#695547;}
	
	
/* --- CONTENU -- */
	#header h1 {margin:0;}
	#rub00 #content {background:#BF9D83 url(/images/rub00_bkg01.jpg) no-repeat center;}
	
	.pageGauche, .pageDroite {float:left; width:50%; height:100%; position:relative;}
	.pageDroite {overflow:auto; overflow-x:hidden;}
	.pageDroiteInside {padding:30px;}
	.pageDroiteInside p {text-align:justify;}
	
	#footer a, #footer span {vertical-align:middle;}
	#footer a { border-right:1px solid #BF9D83; padding:12px 1.2em; display:inline-block; text-decoration:none;}
	#footer a:hover, #footer a:focus {text-decoration:none; color:white;}
	#footer a.legal {margin-left:1.2em; color:white; border:none; padding:0;}	
	
	#choiceLanguage {font-size:1em; position:absolute; top:113px; left:445px; letter-spacing:4px; list-style:none outside none; margin:0; padding:0; text-align:left; text-transform:uppercase; z-index:900;}
	#choiceLanguage li {margin:2px 0;}
	#choiceLanguage a {text-decoration:none; padding:2px 10px 2px 14px; display:block;}
	#choiceLanguage a:hover, #choiceLanguage a:focus {background:url(/images/cursor.png) no-repeat left center; outline:none;}


/* --- SLIDESHOW --- */
	#slideshow, #slideshowRandom {position:absolute; height:100%;}
	#slideshow img, #slideshowRandom img {position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
	#slideshow img.active, #slideshowRandom img.active {z-index:10; opacity:1.0;}
	#slideshow img.last-active, #slideshowRandom img.last-active {z-index:9;}