/*----- global style -----*/
body{
	background:#999 url("../images/body.bg.png") repeat top center;
	font: normal normal normal 11px "Trebuchet MS",sans-serif;
	color:#000;
}
body, div, p, h1, h2, h3, h4 , table, tbody, tr, td, th, a, span, ul, li{
	margin:0;
	padding:0;
	list-style:none;
}
a{
	text-decoration:none;
	color:#F00;	
}
a img{
	border:none;
}
.clear{
	clear:both;
}

#wrapper{
	position:relative;
	width:990px;
	margin:20px auto;
	background:#FFF url("../images/wrapper.bg.jpg") no-repeat top right;
	border: 3px solid #333;
}
#wrapper.home{
	background-image:url("../images/wrapper.home.bg.jpg");
	height:634px;
}

/*----- header style -----*/
#header{
	position:relative;
	margin:0;
	padding:0;
}
#header #logo{
	position:absolute;
	z-index:2;
	top:10px;
	left:10px;
}
#header #nav1{
	position:absolute;
	z-index:1;
	top:38px;
	right:0;
	height:30px;
	width:940px;
	background:transparent url("../images/nav1.bg.png") repeat-x top left;
	padding:0 50px 20px 0;
}
	#header #nav1 li{
		display:block;
		position:relative;
		height:30px;
		float:right;		
		background:transparent url("../images/nav1.separator.png") no-repeat bottom left;
	}
	#header #nav1 li a{
		display:block;
		padding:14px 11px 0 13px;
		height:16px;
		bottom:0;
		color:#FFF;
	}
	#header #nav1 li a.last{
		background:transparent url("../images/nav1.separator.png") no-repeat bottom right;
	}
	#header #nav2{
		position:relative;
		z-index:1;
		width:500px;
		padding:153px 16px 0 16px;
	}
	#header #nav2 li{
		display:inline;
	}
	#header #nav2 li a.inactive{
		color:#666;
	}
#header #blog{
	display:block;
	position:absolute;
	z-index:0;
	top:74px;
	right:0;
}
/*----- content style -----*/
#content{
	position:relative;
	margin:16px 16px 150px 16px;
}
	#content #article{
		background:#FFF;
		width:660px;
		border:1px solid #CCC;
		padding:15px;
	}
	#content #article img{
		float:left;
		border:8px solid #FFF;
		border-left:none;		
		margin:0 4px 0 0;
	}
	#content #article .logo{
		float:none;
		vertical-align:middle;
		margin:0 10px 0 0
	}
	#content #article h1{
		display:inline;
		color:#000;
		font-size:32px;
	}
	#content #article h2{
		color:#FFF;
		margin:8px 0 0 0;
		background:#F00;
		padding:0 4px;
	}
	#content #article p{
		margin:0 0 10px 0;
	}
	#content #photos{
		float:right;
		background:#FFF;
		width:220px;
		border:1px solid #CCC;
		padding:15px;
	}
	#content #photos h2{
		color:#FFF;
		background:#F00;
		padding:0 4px;
		margin:0 0 4px 0;
	}
/*----- footer style -----*/
#footer{
	position:absolute;
	width:100%;
	height:117px;	
	bottom:0;
	left:0;
}
	#footer #partner{
		padding:16px 8px;
		text-align:center;
		background:#FFF;
		height:37px;
	}
	#footer #partner li{
		display:inline;
		margin:0 8px;
	}
	#footer #partner li img{
		vertical-align:middle;
	}
	#footer #nav3{
		background:#333;
		color:#FFF;
		padding:16px 8px;
		text-align:center;
		height:16px;
	}
	#footer #nav3 a{
		border-bottom:0px solid #FFF;
	}
	#footer #nav3 li{
		display:inline;		
	}
/*----- home style -----*/
	#wrapper.home #content{
		margin-top:150px;		
	}
	#wrapper.home #video{
		width:382px;
		height:286px;
		border:3px solid #F00;
		background:#424242 url("../images/video.bg.png") no-repeat center center;
	}
/*----- reglement style -----*/
#content table#points{
	border-collapse:collapse;
	width:100%;
}
	#points td, #points th{
		padding:1px 2px;
		text-align:right;
	}
	#points th{
		border-bottom:5px solid #FFF;
	}
	#points .rang{
		background:#EEE;
		color:#000;
	}
	#points .rang.even{
		background:#CCC;
		color:#000
	}
	#points .points{
		background:#F00;
		color:#FFF;
		border-right:5px solid #FFF;
	}
	#points .points.odd{
		background:#FCC;
		color:#000
	}
/*----- map style -----*/
#content ol#map{
	position:relative;
	width:535px;
	height:505px;
	margin:16px auto;
	border:#CCC 1px solid;
	background:#ccc url("../images/map.bg.png") no-repeat center center;
	padding:0;	
}
#content ol#map li{
	position:absolute;
	top:0;
	left:0;
	list-style:none;
	color:#000;
	background:transparent url("../images/map.arrow.png") no-repeat left center;
	padding:0 10px 0 10px ;
}
#content ol#map li.invert{
	background:transparent url("../images/map.arrowInvert.png") no-repeat right center;
}
#content ol#map li a{
	color:#000;
	font-weight:bold;
}

#content ol#map li a span{
	font-weight:normal;
	font-size:10px;
}