/* CSS Document */

	/* initialisation */
	body {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#5a4d3a;
		margin:0;
		padding:0;
		background:#d2e6fe url(../img/global/bg_body.jpg) repeat-x;
	}

	input, select, textarea {font-family:Arial, Helvetica, sans-serif; font-size:1em;}

	ul {list-style-type:none;}

	ul li {list-style-type:none; margin:0}

	* {
		margin:0;
		padding:0
	}

	a img {border:0}  
	
	
	/* grandes structures */
	
	#global {width:886px; margin:0 auto; display:table; background:url(../img/global/bg_global.gif) repeat-y}
	
	#head {width:886px; height:63px; background:url(../img/global/bg_head.jpg) no-repeat}
	#head a {width:12px; height:12px; float:right; display:block; margin:28px 14px 0 0; text-decoration:none; background:url(../img/global/back_home.gif) no-repeat}

	#head, #content, #footer {clear:both}
	
	#left {width:323px; float:left; background:url(../img/global/bg_left_top.gif) right top no-repeat}
	#left img {display:block; margin:0 0 0 13px}
	#left ul {width:228px; margin:20px 0 0 13px; padding-top:10px; background:#4f1b66 url(../img/global/nav_bg_top.gif) no-repeat}
	#left ul li {padding:10px 0 10px 47px; font-size:1.4em; font-family:Arial, Helvetica, sans-serif; background:url(../img/global/nav_dotted.gif) center bottom no-repeat}
	#left ul li a {padding-left:29px; color:#fff; text-decoration:none; background:url(../img/global/nav_arrow_puce.gif) no-repeat}
	#left ul li a.on, #left ul li a:hover {color:#f19914}
	#left #newsletter {width:228px; padding-top:10px; margin:0 0 0 13px; background:#4f1b66 url(../img/global/nav_bg_bottom.gif) 0 bottom no-repeat}
	#left #newsletter label {display:block; color:#fff; font-size:1.4em; padding-bottom:5px; text-decoration:none; text-align:center}
	#left #newsletter input {display:block; margin:0 auto; padding:2px 2px 0 2px; color:#910840; width:100px;}
	#left #newsletter input#submit {margin-top:7px; width:auto}
	
	#right {padding:0 10px 0 24px; width:529px; float:left}
	
	ul#compas {}
	ul#compas li {display:inline; color:#8f1352;}
	ul#compas li.on {text-decoration:underline}
	ul#compas li a {color:#8f1352; text-decoration:none}
	ul#compas li a:hover {text-decoration:underline}
	
	#footer {width:886px; height:82px; padding-top:90px; text-align:center; background:url(../img/global/bg_footer.jpg) no-repeat}
	#footer li {color:#8f1352; display:inline}
	#footer li a {color:#8f1352; text-decoration:none}
	
	
	/* éléments récurrents */
	.clear {height:1px; font-size:.1em; clear:both}

	#right h1 {color:#531f67; font-size:1.4em; padding:15px 0}
	#right p.intro {font-weight:bold;}
	#right h2 {width:450px; margin:0 auto; padding:20px 0 0 17px; color:#531f67; font-size:1.2em; background:url(../img/basics/arrow_puce.gif) 0 20px no-repeat}
	#right p.details {width:450px; margin:0 auto; padding:2px 0 3px 0}
	#right ul.details {width:400px; margin:0 auto}	
	#right ul.details li {padding:3px 0 0 10px; background:url(../img/basics/puce_orange.gif) 0 9px no-repeat}	
	
	
	div#newsletter p.align_center{text-align:center;}
	.orange{color:#f19914;}