@charset "utf-8";
	body {font:100% Verdana, Arial, Helvetica, sans-serif;background:#fff;margin:0;padding:0;text-align:center;color:#000;background:url("../images/icones/fond_rayure.gif")}
	
	img{border:none}
	img.extensible,.extensible{width:100%}
	
	a{color:#FCB322;text-decoration:none;font-weight:bold}
	a:hover{color:#FFD47D;text-decoration:none}
	
	#container{width:100%;margin:0 auto;border:1px solid ##ffc251;text-align:left}
	
	/* head*/
	#header{margin:1% 10% 0 10%;padding:0 5px;background-color:#fff}
	#header h1{margin:40px 0 0 0;font-size:3em;font-weight:bold;letter-spacing:-.1em;color:#ccc}
	.chenehead{padding:10px 0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:.8em;color:#000;text-align:right}
	/* mainContent  */
    #mainContent{margin:0 10%;padding:0 5px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;text-align:justify;background-color:#fff}
	
	#mainContent .vousetesici{padding:3px 0;border-top:1px dotted #333;border-bottom:1px dotted #333;font-size:.7em}
	
	#mainContent h1{margin:0 0 50px 0;font-size:2.7em;font-weight:bold;letter-spacing:-.1em;text-align:left}
	
	#mainContent p{font-size:.9em;text-align:justify}
	
	.h3,#container #maincontent .h3,#container .TabbedPanelsContent .h3{margin:0 10px 50px 10px;padding:0 20px 0 15px;font-size:.8em}
	
	#mainContent p.som{width:75px;padding:2px 1px 5px 2px;margin:50px 0 2px 50px;color:#fff;background:#ccc}
	#mainContent ul.sommaire{width:60%;margin:0 0 80px 50px;padding:10px 0 0 0;border-top: 2px solid #ccc}
	#mainContent ul.sommaire li{padding:0 0 3px 0;font-size:.8em;border-bottom: 1px dashed #ccc;list-style-type:none}
	#mainContent ul.sommaire li li{padding:2px 0 5px 0;}
	
	#container #mainContent .titre_chapitre
	{margin:20px 10px 40px 10px;padding:0;border-top:2px solid #000;border-bottom:1px dotted #000;color:#000;font-size:1.5em;font-weight:bold}
	#mainContent .titre_chapitre span
	{display:block;padding:5px 0;text-align:right;font-size:.4em;font-weight:normal}
	
	#mainContent .chapitre{margin:0;padding:0 10px 50px 10px}
	
	#mainContent ul.fleches{font-size:.8em}
	#mainContent ul.fleches li{list-style-image:url("../images/icones/fleches_chene.gif")}
	
	a.infobulle{position:relative;color:black;text-decoration:none;border-bottom:1px #aaa dotted}
	a.infobulle span{display: none} /* on masque l'infobulle */
	a.infobulle:hover{background: none;z-index: 500;cursor: help;color:black}
	a.infobulle:hover span{display:inline;position:absolute;white-space:nowrap;top:30px;left:-350px;background:white;padding:0;margin:0 5px;color:#000;border:5px solid #aaa}

	/* Divers*/
	#mainContent .lien{margin:30px 0;text-align:right}
	#mainContent .lien a{padding:10px;background:url("../images/icones/coin_chene.gif") top left no-repeat #FCB322;color:#fff}
	#mainContent .lien a:hover{background-color:#FFD47D}
	#mainContent .center{text-align:center}
	#mainContent .fin{margin:0 10px;padding:25px 0;text-align:right;font-size:.8em}
	
	
	.remonter, #mainContent .remonter, .TabbedPanelsContent .remonter
	{text-align:right;font-size:.7em;margin:80px 0 0 0;padding:0 0 20px 0}
	
	#footer{margin:0 10%;border-top:1px solid #333;background-color:#fff}
	#footer p{margin:0;padding:10px 0;text-align:center;color:#ccc;font-size:.6em;font-weight:bold}