/* CSS by EMMANUEL FOURON Phenomena */

html, body {height:100%; border:0; background:#575759;margin:0;padding:0;font:70%/160% "arial",sans-serif; }
input { font-size:11px "arial",sans-serif; color:#545a58 }
select { font-size:11px "arial",sans-serif; color:#545a58 }
textarea { font-size:12px "arial",sans-serif; color:#545a58; font-family:Arial, Helvetica, sans-serif; font-size:12px; }


.clear { clear: both; display: block; height: 0px; overflow: hidden; margin: 0; padding: 0; }
.box { padding:5px 10px 5px 10px; }

#page_top { display: none; }
#page { height:100%; margin-left:auto; margin-right:auto; width:700px; margin-top:10px; margin-bottom:0  }

#colonne_fond_haut { width:253px; height:58px; background:#d7eace; margin-left:160px; }
#colonne_fond_bas { width:255px;height:100%;  background:#d7eace; margin-left:160px; }
#main_box { background:#FFFFFF; border:#d7eace solid 9px; }

#header_gfx { background:url(media/site/back_top.gif) top right no-repeat }
	#header_gfx img { margin-left:158px; }

/*#header { height:173px; } */
	#header_trailer { float:right; width:518px; }

	#header_menu { width:158px; float:left; margin-top:20px; }
		#header_menu ul {margin:0 0 0 10px; padding:0; list-style:none; }
		#header_menu ul li {margin:0 0 0 2px; padding:0; }
		#header_menu a { text-decoration:none; float:left; color:#0B6135; font-weight:bold; font-size:12px; line-height:18px}
		#header_menu a:hover { color:#6D6D6F }		
		
		#header_menu .menu_cadre_left { width:8px; height:18px; float:left}
		#header_menu .menu_cadre_right { width:8px; height:18px; float:left; }
		
		#header_menu .a_selected { color:#6D6D6F }
		#header_menu .menu_selected_left {width:8px; background:url(media/site/menu_nav_left.gif) no-repeat top left; }
		#header_menu .menu_selected_right { background:url(media/site/menu_nav_right.gif) no-repeat top right; }

		#header_menu .menu_sub { margin-left:15px; }
		#header_menu .menu_sub a{ font-size:12px; font-weight:normal}

#page_1 { color:#545a58; font-size:12px; margin-top:3px; line-height:15px; margin-bottom:4px  }
	#page_1 hr { color:#a9cf96; background-color:#a9cf96; height: 1px; border: 0; }
	#page_1 h1 { color:#17593e; font-size:14px; }
	#page_1 h2 { color:#545a58; font-size:12px; background:url(media/site/menu_nav_left.gif) no-repeat top left; padding-left:10px; line-height:18px; margin:2px 0px }
	#page_1 h3 { color:#17593e; font-size:12px; line-height:18px; margin:2px 0px }
	#page_1 li { list-style:none; background:url(media/site/double_fleche.gif) no-repeat; padding:0 0 0 20px; }
	#page_1 a { text-decoration:none; font-weight:bold; color:#0B6135; }
	#page_1 a:hover { color:#6D6D6F; }
	#page_1 .img_border { border:#b8c7b0 solid 4px; margin:0 10px 5px 0px;}
	
	#page_1 .h_fin { background:url(media/site/menu_nav_right.gif) no-repeat right; padding-right:10px}

	#col_left { width:158px; float:left; }
	#col_right { float:right; width:518px; }
		.box_vert { background:#D7E9CD; margin:0 0px 3px 0 }

	


#page_col { width:100%; border:none; margin:0; padding:0;  }
	#page_col .col { width:50% }
	#page_col .col_center { width:4px; }
	#page_col .line_center { height:4px; }
	#page_col .col_vert { background:#D7E9CD }

	#page_col form { margin:0; padding:0; }
	#page_col input { font-size:12px; color:#076239; border:#076239 solid 1px; }
	#page_col .btn_vert { background:#d7eace }
	#page_col .btn_blanc { background:#fff }

#footer { text-align:center; font-size:10px; margin-top:5px; color:#999999  }
	#footer a { color:#999999; text-decoration:none }

.vert_gras { color:#17593e; font-weight:bold }
.vert { color:#17593e; }

.error {  background:#FFA8AA; }
.message_alerte { margin:10px; color:#FF0000; background:none; }
.message_alerte .error {background:none; }

/* home block reference */
#reference { height:75px; width:300px; margin-bottom:10px; padding:0  }
#reference img { height:75px; width:300px; border:none; top:0; left:0; margin:0  }

/* home block actu */
.actu img { float:left; margin:3px 5px 3px 0px }
.actu a { text-decoration:none }
.actu a:hover { text-decoration:none }


.link_fleche { text-decoration:none; font-weight:bold; color:#545a58; background:url(media/site/double_fleche.gif) no-repeat left bottom; padding-left:12px;}

/* jquery */
#loader { color: #000; position:absolute; top:2em; left: 2em; background:#FFFFFF; border:#000000 solid 2px; font-size:14px; height:30px; line-height:30px; font-weight:bold; padding:10px}