/* CSS "www.roso-creation.fr" - 04/2007 - */
/* -o- "CSS Roso-Creation par defaut" -o- */
/* copyright KinHelios, http://www.kinhelios.com */


/*	IMPORTANT */
/*	Ce design n'est pas un template. Vous ne pouvez pas le reproduire sans 
	l'accord préalable de l'auteur. Cependant, libre à vous d'étudier ce
	CSS et d'employer par ailleurs les techniques utilisées. 
	-----
	This design is not a template. You cannot reproduce it without prior 
	agreement of the author. However, free with you studied this CSS 
	and to in addition employ the techniques used. */





/*
	== SPECIAL ===========================================================
	====================================================================== 
	   ________________________________
	__/ Import du style specifique mce \__________________________________
*/
@import url("mce.css") screen;










/*
	== COMMUN A TOUS LES ECRANS ==========================================
	======================================================================

	   _________
	__/ General \_________________________________________________________
*/ 
	* {
		margin: 0;
		padding: 0;
		}
	
	
	html {
		}
	
	
	body {
		margin: 0;
		padding: 0;
		background-color: #FFF;
		background-image: url(sitebkgd.gif);
		background-repeat: repeat-y;
		background-position: top left;
		font-family: Trebuchet MS,Trebuchet,Verdana,Helvetica,Arial,Tahoma,sans-serif;
		font-style: normal;	/*small*/
		font-weight: normal;
		font-size: 9pt;
		line-height: 1.4em;
		color: #778545;
		text-align: left;
		}
	
	
/*	   _______
	__/ Liens \___________________________________________________________
*/
	a:link {
	  	color: #9DB625;
	  	}
	a:visited {
		color: #9DB625;
		}
	a:hover {
		color: #136634;
		}
	a:active {
	  	color: #9DB625;
	  	}



/*	   ________
	__/ Divers \__________________________________________________________
*/
	.clear {
		clear: both;
		}



/*	   ________
	__/ Extras \__________________________________________________________
*/
	#extraDiv1, #extraDiv2, #extraDiv3 {
		display: none;
		}










/*
	== ECRAN STANDARD ====================================================
	====================================================================== 
	   _______
	__/ Intro \___________________________________________________________
*/
	#intro {
		background: #FFF url(sitemenubkgd.gif) repeat-x top left;
		height: 124px;
		}
	
	
/*	   _______________
	__/ Intro > Titre \___________________________________________________
*/
	#pageHeader {
		position: absolute;
		top: 0;
		left: 0;
		}
	#pageHeader a {
		display: block;
		width: 182px;
		height: 123px;
		background: #FFF url(siteh1.jpg) no-repeat top left;
		}
	#pageHeader span {
		display: none;
		}
	
	
/*	   ____________________
	__/ Intro > Navigation \______________________________________________
*/
	#navigation {
		background: transparent url(sitemenuback.jpg) no-repeat top left;
		width: 600px;
		height: 123px;
		margin-left: 182px;
		}
	#navextra {
		height: 7px;
		}
	#navigation ul {
		margin: 0;
		margin-left: 2em;
		list-style-type: none;
		}
	#navigation li {
		margin: 0;
		padding: 0;
		height: 32px;
		}
	#navigation li {
		}
	#navigation li a:link,
	#navigation li a:visited,
	#navigation li a:active {
	  	color: #A4942D;
	  	text-decoration: none;
	  	}
	#navigation li a:hover {
		color: #384700;
	  	text-decoration: none;
		}
	
	
/*	   __________________
	__/ Corps de la page \________________________________________________
*/
	#content {
		background: transparent url(sitecontent.gif) no-repeat top left;
		min-height: 320px;
		}
	h2 {
		position: absolute;
		top: 99px;
		left: 205px;
		}
	
	
/*	   _________________________________________
	__/ Zone de gauche du corps (page standard) \_________________________
*/
	#contentmenu {
		float: left;
		width: 160px;
		margin: 1em 10px 0 10px;
		}
	
	
/*	   _________________________________________
	__/ Zone de droite du corps (page standard) \_________________________
*/
	#contentbody {
		float: left;
		width: 500px;
		margin-left: 2em;
		margin-top: 1em;
		}
	#contentbody  p {
		margin-bottom: 1em;
		}










/*
	== ECRAN "HOME" ====================================================
	====================================================================== 
	   _________
	__/ General \_________________________________________________________
*/
	body#index {
		background: #FFF url(homebkgd.gif) repeat top left;
		}
	#index #content {
		background: #FFF url(homeback.gif) repeat-x top left;
		height: 330px;
		}
	#index li a:link,
	#index li a:visited,
	#index li a:active {
	  	color: #A4942D;
	  	text-decoration: none;
	  	}
	#index li a:hover {
		color: #384700;
	  	text-decoration: none;
		}
	
	
/*	   ______
	__/ Menu \____________________________________________________________
*/
	#index #homemenu {
		background: #FFF url(homemenu.jpg) no-repeat top left;
		position: absolute;
		top: 0;
		left: 0;
		width: 781px;
		height: 594px;
		text-align: center;
		}
	#index #homemenu ul {
		margin: 0;
		margin-top: 333px;
		padding: 0;
		list-style-type: none;
		}
	#index #homemenu li {
		padding: 0;
		margin: 0;
		height: 34px;
		}










/*
	== ECRAN "PRESENTATION" ==============================================
	====================================================================== 
	   _________________________
	__/ Zone de gauche du corps \_________________________________________
*/
	#presentation #contentmenu {
		text-align: center;
		}
	#presentation #contentbody {
		width: 400px;
		}
	
	
	#presentation h2 {
		font-style: italic;
		}










/*
	== ECRAN "CONTACT" ===================================================
	====================================================================== 
	   _________________________
	__/ Zone de gauche du corps \_________________________________________
*/
	#contact #contentmenu {
		margin-top: 63px;
		}
	#contact #contentbody {
		margin-top: 70px;
		position: relative;
		}
	#contact #portrait {
		position: absolute;
		top: -60px;
		left: 200px;
		}










/*
	== ECRAN "REFERENCE" =================================================
	====================================================================== 
	   __________________________
	__/ Menu du corps de la page \________________________________________
*/
	#reference #pageHeader a {
		background-image: url(siteh1ref.jpg);
		}
		
		
	#reference #content {
		background-image: url(refcontent.jpg);
		}
	#reference #contentmenu {
		margin-top: 0;
		font-size: 80%;
		}
	#reference #contentmenu h4 {
		margin-top: 1em;
		}
	
	
	#reference h2 {
		font-size: 90%;
		}
	
	
	#reference #menu {
		border-collapse: collapse;
		}
	#reference #menu a {
		text-decoration: none;
		}
	#reference .vignette {
		display: block;
		float: left;
		width: 225px;
		height: 55px;
		background-color: #FFF;
		background-repeat: no-repeat;
		background-position: top left;
		}
	#reference .legende {
		clear: left;
		visibility: hidden;
		font-weight: bold;
		margin-left: 0.5em;
		letter-spacing: 0.2em;
		}
	
	
	#reference #contentbody h3 {
		position: absolute;
		top: 102px;
		left: 600px;
		font-size: 90%;
		}
	#reference #contentbody p {
		margin: 0 0 0.5em 0;
		}
	#reference #zoneprec,
	#reference #btnprec {
		display: block;
		float: left;
		margin-right: 5px;
		width: 9px;
		height: 16px;
		background-color: transparent;
		}
	#reference #btnprec {
		background: transparent url(btnprec.gif) top left no-repeat;
		}
	#reference #btnstop {
		display: block;
		float: left;
		margin-right: 5px;
		width: 12px;
		height: 16px;
		background: transparent url(btnstop.gif) top left no-repeat;
		}
	#reference #zonesuiv, 
	#reference #btnsuiv {
		display: block;
		float: left;
		margin-right: 5px;
		width: 9px;
		height: 16px;
		background-color: transparent;
		}
	#reference #btnsuiv {
		background: transparent url(btnsuiv.gif) top left no-repeat;
		}