/* INSTRUCTIONS */

/*

	Turquoise : #099
	Bleu marine : #036

*/

/* RESET */

	html, body, div, p, ol, ul, li, a, span, img, h1, h2, h3, h4, h5, h6, blockquote{margin:0;padding:0;border:0;outline:0;}

/* COMMON TAGS */

	html{}
	body{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#000;background:#fff url('../images/bg.jpg') no-repeat fixed center top;}
	div{}
	p{}
	ol{}
	ul{}
	li{}
	a{text-decoration:none;color:#036;}
	a:hover{text-decoration:underline;color:#036;}
	span{}
	h1{font-size:30px;font-weight:normal;font-style:normal;color:#036;}
	h2{font-size:24px;font-weight:normal;font-style:normal;color:#036;}
	h3{font-size:18px;font-weight:normal;font-style:normal;color:#036;}
	h4{font-size:14px;font-weight:normal;font-style:normal;color:#036;}
	h5{font-size:12px;font-weight:normal;font-style:normal;color:#036;}
	h6{font-size:10px;font-weight:normal;font-style:normal;color:#036;}
	blockquote{font-size:14px;font-weight:normal;font-style:normal;color:#666;background:#fff url('../images/quote.jpg') no-repeat scroll left top;}

/* STRUCTURE */

	/* Main Container */
	#page_holder{width:100%;text-align:center;}
	
		/* Centered Container*/
		#page_center{position:relative;margin:0 auto;width:960px;text-align:left;}
		
		#bg_content{position:absolute;top:50px;left:0px;display:block;width:960px;height:539px;background:#fff url('../images/bg_home.jpg') no-repeat scroll left top;z-index:10;}
		#bg_page{position:absolute;top:50px;left:0px;display:block;width:960px;height:539px;background:#fff url('../images/bg_page.jpg') no-repeat scroll left top;z-index:10;}
		
		h1#logo{position:absolute;top:53px;left:21px;display:block;width:248px;height:146px;z-index:20;}
		h1#logo a{display:block;width:248px;height:146px;background:#fff url('../images/logo.jpg') no-repeat scroll left top;}
		h1#logo a span{display:none;}
		
		h2#right_img_01{position:absolute;top:50px;left:604px;display:block;width:356px;height:539px;background:#fff url('../images/right_img_01.jpg') no-repeat scroll left top;z-index:30;}
		h2#right_img_01 span{display:none;}
		
		ul#langues{position:absolute;top:80px;left:359px;z-index:40;list-style:none;}
		ul#langues li{float:left;display:block;width:24px;height:24px;}
		ul#langues li#flag_fr{margin:0 0 0 4px;background:#fff url('../images/fr.png') no-repeat scroll left top;}
		ul#langues li#flag_en{margin:0 0 0 4px;background:#fff url('../images/en.png') no-repeat scroll left top;}
		ul#langues li a{display:block;width:24px;height:24px;}
		ul#langues li a span{display:none;}
		
		ul#menu{position:absolute;top:140px;left:359px;z-index:60;display:block;height:28px;list-style:none;}
		ul#menu li.rub{float:left;position:relative;}
		ul#menu.menu_fr li.rub a{display:block;height:28px;background:transparent url('../images/bg_menu.png') no-repeat scroll left top;text-decoration:none;color:#036;font-size:11px;text-transform:uppercase;}
		ul#menu.menu_en li.rub a{display:block;height:28px;background:transparent url('../images/bg_menu_en.png') no-repeat scroll left top;text-decoration:none;color:#036;font-size:11px;text-transform:uppercase;}
		ul#menu li a:hover{color:#036;}
		ul#menu li a span{display:none;}
		
		ul#menu li#rub01{margin:0 15px 0 0;}
		ul#menu li#rub02{margin:0 15px 0 0;}
		ul#menu li#rub03{margin:0 80px 0 0;}
		ul#menu li#rub04{}
		
		ul#menu li#rub01 a{width:72px;background-position:0 0;}
		ul#menu li#rub02 a{width:140px;background-position:-87px 0;}
		ul#menu li#rub03 a{width:90px;background-position:-243px 0;}
		ul#menu li#rub04 a{width:146px;background-position:-427px 0;}
		
		ul#menu li#rub01 a:hover{background-position:0 -28px;}
		ul#menu li#rub02.rub:hover a{background-position:-87px -28px;}
		ul#menu li#rub03.rub:hover a{background-position:-243px -28px;}
		ul#menu li#rub04 a:hover{background-position:-427px -28px;}
		
		ul#menu li#rub01 a.selected{background-position:0 -56px;}
		ul#menu li#rub02 a.selected{background-position:-87px -56px;}
		ul#menu li#rub03 a.selected{background-position:-243px -56px;}
		ul#menu li#rub04 a.selected{background-position:-427px -56px;}
		
		ul#menu li.rub ul{display:none;}
		
		ul#menu li.rub:hover ul{position:absolute;top:24px;left:4px;display:block;padding:0 0 0 0;list-style:none;background-color:#fff;border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;}
		ul#menu li.rub:hover ul li{padding:8px 10px 0 10px;border-bottom:1px solid #ddd;}
		ul#menu li.rub:hover ul li a{height:20px;background-image:none;text-transform:none;}
		ul#menu li.rub:hover ul li a:hover{text-decoration:underline;}
		ul#menu li.rub:hover ul li a span{display:block;}
		
		#page_content{position:absolute;top:200px;left:0px;display:block;width:960px;z-index:50;}
		
		#page_content #col_left{float:left;display:block;width:360px;}
		#page_content #col_left h3{margin:80px 0 20px 20px;}
		#page_content #col_left h3 span{padding:0 0 0 8px;}
		
		#page_content #col_left ul#actus_list{display:block;margin:0 0 10px 20px;width:280px;list-style:none;}
		#page_content #col_left ul#actus_list li{display:block;padding:5px 0 5px 0;}
		#page_content #col_left ul#actus_list li a.image_actu{float:left;display:block;padding:10px;height:40px;width:64px;background:transparent url('../images/cadre_image_actu.png') no-repeat scroll left top;}
		#page_content #col_left ul#actus_list li a.image_actu:hover img{/*border:2px solid #999;margin:-2px 0 0 -2px;*/}
		#page_content #col_left ul#actus_list li div.desc_actu{float:left;padding:2px 0 0 2px;width:180px;}
		#page_content #col_left ul#actus_list li div.desc_actu a{color:#099;font-weight:bold;font-size:12px;}
		#page_content #col_left ul#actus_list li div.desc_actu p{color:#666;text-align:justify;}
		
		#page_content #col_right{float:left;width:580px;}
		#page_content #col_right h3{margin:0 0 10px 0;}
		#page_content #col_right p#welcomelink{margin:0 200px 10px 0;font-size:10px;}
		#page_content #col_right p#welcomelink a{}
		#page_content #col_right #wrap{display:block;margin:0 200px 10px 0;padding:0;height:103px;list-style:none;overflow:hidden;}
		#page_content #col_right #wrap p{margin:0;padding:0;color:#666;}
		#page_content #col_right #wrap p a.image_diapo{float:left;display:block;padding:10px;margin:0 4px 0 0;width:99px;height:63px;background:#fff url('../images/cadre_image.png') no-repeat scroll left top;}
		#page_content #col_right #wrap p a.image_diapo img{}
		
		#page_content #col_left_page{float:left;display:block;width:290px;}
		#page_content #col_left_page h3{margin:80px 0 10px 20px;}
		#page_content #col_left_page ul#bloc_sidemenu{display:block;margin:0 0 10px 20px;width:270px;list-style:none;}
		#page_content #col_left_page ul#bloc_sidemenu li{display:block;padding:2px 0 2px 0;}
		
		#page_content #col_right_page{float:left;width:620px;}
		#page_content #col_right_page h3{margin:0 0 10px 0;}
		#page_content #col_right_page .bloc_content{margin:0 0 20px 0;padding:20px;color:#666;border:1px solid #ccc;background-color:#fff;}
		#page_content #col_right_page .bloc_content p{color:#666;text-align:justify;padding:5px 0;}
		#page_content #col_right_page .bloc_content p.message{color:#C00;font-weight:bold;}
		
		#page_content .bottom_dashed{border-bottom:1px dashed #ccc;}
		
		#page_content p.bt{margin:0 0 10px 0;padding:0;border:0;color:#036;}
		#page_content p.bt a{float:left;padding:6px 10px 0 0;margin-right:8px;background:#fff url('../images/bg_bt.png') no-repeat scroll right top;}
		#page_content p.bt a:hover{}
		#page_content p.bt a span{float:left;padding-right:10px;display:block;margin-top:-6px;height:28px;background:#fff url('../images/bg_bt.png') no-repeat scroll left top;}
		#page_content p.bt a:hover span{cursor:pointer;}
		
		.scroll_holder{margin:0 200px 20px 0;padding:0 0 20px 0;}
		.scroll_pane{width:370px;height:110px;overflow:auto;background:#fff;border:1px solid #ccc;padding:6px;}
		.scroll_pane p{padding-bottom:10px;text-align:justify;color:#666;}
		.scroll_pane ul{padding-bottom:10px;color:#666;}
		
		.scroll_holder_page{margin:0 140px 20px 0;padding:0 0 20px 0;}
		.scroll_pane_page{width:440px;height:240px;overflow:auto;background:#fff;border:1px solid #ccc;padding:6px;}
		.scroll_pane_page p{padding-bottom:10px;text-align:justify;color:#666;}
		.scroll_pane_page ul{padding-bottom:10px;color:#666;}
	
		#footer{clear:both;height:32px;font-size:10px;color:#fff;background-color:#036;}
		#footer p{padding:10px 10px 0 10px;}
		#footer a{color:#fff;}
		#footer a:hover{color:#6cc;}
		
		.erreur{background-color:#C00;}
		.fwbold {font-weight:bold;}
		
		.red{color:#f33;}
		
		.formulaire{}
		.formulaire fieldset{padding:10px;}
		.formulaire legend{padding:0 4px;}
		.formulaire p{padding:4px;}
		.formulaire label{display:block;float:left;padding-right:10px;width:80px;}
		.formulaire input{}
		.formulaire textarea{}