/* CSS Document */

#top_margin_top { width:26px;}
body { margin:20px 0 0 0; background-color:#818181; }
a,td,th,div,span,h1,h3 { font-size:12px; font-family:Arial; color:#818181;} 
#jiaby { width:800px; background-color:#FFFFFF;} 
#jiaby div,span,td {text-align:left;}

#top { padding-top:4px; background:url(../images/top_bg.gif) no-repeat 0% 100%; height:150px;}
#top img {background:transparent;}
#top #anim {width:392px; background:none; text-align:left;}
#top #top_sep { height:58px;}
#mada2d { color:#F8F5AB; font-size:15px; white-space:nowrap; font-weight:bold; }
#menu { 
	padding:10px; 
	background-color:#56B3DE; 
	width:139px; 
	font-size:13px; 
	font-weight:bold; 
	color:#FFFFFF; 
	line-height:25px;
	border:1px solid #000000; 
	border-right:3px solid #D3D3D3; 
	border-bottom:3px solid #D3D3D3; width:159px;  
	}
#menu ul { margin:0; padding:0; list-style:none;}
#menu ul li { line-height:25px;  }
#menu ul li a {color:#FFFFFF; text-decoration:none;   }
#menu ul li a:hover { text-decoration:underline;}
#main td {vertical-align:top;}
#main #menu_outer { width:159px; padding-left:14px; padding-top:27px;}
#main #main_outer { width:332px; padding:0 19px 0 30px;}
.titre { font-weight:bold; text-decoration:underline;}
span.title,span.titre { 
	display:block; 
	width:269px; 
	height:39px; 
	background:url(../images/titre_bg.jpg) no-repeat; 
	color:#000000; 
	font-weight:bold;
	margin-bottom:5px;
	padding:7px 0 0 5px;
	}
span.acroche {display:block; font-size:13px; font-weight:bold; color:#000000; margin-bottom:5px; background:url(../images/puce.png) %0 50% no-repeat; padding-left:10px;}
#main p { margin:5px; text-align:justify; margin-bottom:10px;}
#main a { color:56B3DE; text-decoration:underline;}
span.bloc { display:block; margin:5px;} 
#main #circuit_outer { width:226px; padding-right:20px; }
#main #circuit_outer span.title { display:block; 
	width:226px; 
	height:39px; 
	background:url(../images/titre_bg2.jpg) no-repeat; 
	color:#000000; 
	font-weight:bold;
	margin-bottom:5px;
	padding:7px 0 0 5px;
}
#main #circuit {  margin-bottom:20px; text-align:center;}
#main #circuit .circ_title { display:block; padding-bottom:10px; text-decoration:underline; text-align:left; color:#000000; font-weight:bold;}
#main #circuit table td { width:74px; text-align:left; vertical-align:top;}
#main #circuit img {border:2px solid #56B3DE;}
#main #legend {visibility:hidden;}
#main #legend #ltt { font-weight:bold; color:#FFFFFF; text-align:center; background-color:#56B3DE; padding:3px 0 3px 0; }
#main #legend #lc { margin-top:10px; text-align:justify;}  
#main #legend #lc img { display:block; margin:5px 0 5px 0 }

.promo { display:block; margin:5px 0 10px 0; text-align:justify; }
.promo img { display:block; float:left; margin:0 10px 10px 0 }

#footer { height:18px;  background:url(../images/footer_bg.jpg) no-repeat; padding:39px 0 25px 50px; height:18px; color:#FFFFFF; font-size:11px;}
#footer #copyright { float:left; width:357px; color:#FFFFFF;}
#footer #realisateur { float:left; width:177px; margin-left:216px; color:#FFFFFF;  }
#footer #realisateur a { text-decoration:underline; color:#FFFFFF;}
#circuit_outer ol ul { margin:0px; padding:0px; margin-left:15px;}
#circuit_outer ol li {font-weight:bold; color:#000000; }
#circuit_outer ol ul li {font-weight:normal; color:#818181; }
#circuit_outer ol ul li a{font-weight:normal; color:#818181; text-decoration:none; }
#circuit_outer ol ul li a:hover{font-weight:bold; color:#818181; text-decoration:none; }
div#liens { margin-top:10px;}
div#liens a{color:#CCCCCC; text-decoration:underline; font-size:10px;}
 
#menu .sub_menu  ol {margin:0; padding:0; margin-left:12px; font-size:11px; color:#FFFF00;  }
#menu .sub_menu ul  { white-space:normal; margin:0; margin-left:5px; padding:0; font-size:10px; }
#menu .sub_menu ul  li { line-height:18px; list-style:circle outside ; }
#menu .sub_menu ul  li a { font-size:10px;}