﻿@import url(reset.css);

/* COMMON */
body {
	color:#575757;
	font-size:11px;
	font-family:Arial,sans-serif;
	background:#4c4c4c url(img/bg.png) repeat-x;
}
h1 span,h2 span {
	display:none;
}
/*
.sep {
	float:left;
	width:512px;
	padding-top:4px;
	margin:10px 0;
	font-size:10px;
	border-top:2px solid #DEDDDD;
}
.sep a {
	float:right;
	color:#B2B2B2;
	padding-left:13px;
	background:url(/images/pictos/haut-page.gif) no-repeat left;
}
*/
#main {
	width:952px;
	margin:0 auto;
}
#main p {
	line-height:130%;
	margin-bottom:10px;
	text-align:justify;
}
#header {
	width:952px;
	height:140px;
	margin-bottom:1px;
}
#header #logo {
	float:left;
	margin-left:15px;
}

#header #blocCenter {
	float:left;
	width:535px;
	height:140px;
	background:url(img/arrow.gif) no-repeat left 125px;
}
.etape1 #header #blocCenter {
	background-position:170px 125px;
}
.etape2 #header #blocCenter {
	background-position:300px 125px;
}
.etape0 #header #blocCenter {
	background-position:430px 125px;
}
#header #blocCenter img {
	margin-top:29px;
}
#header #etapes {
	float:left;
	margin-left:77px;
	display:inline;
	
}
#header #etapes a {
	display:block;
	float:left;
	width:130px;
	height:16px;
	color:#676767;
	text-align:center;
	font-size:11px;
	margin-right:2px;
	padding-top:6px;
	background-color:#fff;
	text-transform:uppercase;
}

.etape0 #etapes #bt0, .etape1 #etapes #bt1, .etape2 #etapes #bt2 {
	color:#fff;
	background:url(img/bg_bt_etp.png) no-repeat;
}

#blocLogos {
	float:right;
	width:262px;
	height:100px;
	background:url(img/pave_logos.jpg) no-repeat;
}
#blocLogos a {
	float:left;
	height:68px;
}
#blocLogos a#logo1 {
	width:72px;
}
#blocLogos a#logo2 {
	width:51px;
}
#blocLogos a#logo3 {
	width:55px;
}
#blocLogos a#logo4 {
	width:80px;
	height:68px;
}

#selector {
	float:right;
	width:260px;
	height:30px;
	text-align:center;
	padding-top:10px;
}
#selector input,
#selector label {
	cursor:pointer;
}

#nav {
	width:952px;
	height:35px;
	margin-bottom:2px;
	background:url(img/bg_nav.png) repeat-x;
}
#nav table {	
	width:100%;
}
#nav table td {
	color:#fa6d00;
	font-size:13px;
	line-height:260%;
}
#nav table td a {
	color:#fa6d00;
}
#nav table td#date {	
	width:282px;
	padding-left:40px;
}
#nav table td#releves {	
	width:406px;
	text-align:center;
}
#nav table td#btclass {	
	width:132px;
}
#nav table td#btpos {	
	width:132px;
}
.positions #nav table td#releves {
	height:30px;
	padding-top:4px;
	line-height:100%;
}
.classements #nav table td#btclass a, 
.positions #nav table td#btpos a {
	color:#fff;
}
.classements #nav table td#btclass,
.positions #nav table td#btpos {
	width:132px;text-align:center;
	/*padding-left:22px;*/
	background:url(img/bt_nav_on.png) no-repeat left 1px;
}
.classements #nav table td#btpos,
.positions #nav table td#btclass {
	text-align:center;
}
/* tableaux */

table.tablo,
table.tablo {
	float:left;
	color:#fff;
	width:952px;
	border-left:1px solid #fff;
}
table#proto {
	display:none;	
}
table.tablo thead th, table.tablo tbody td {
	padding:4px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
table.tablo thead th {
	background:#515151 url(img/bg_th.png) repeat-x;
}
table.tablo tbody td {
	color:#0b305a;
}
table.tablo tbody tr.odd td {
	background-color:#e3e3e5;
}
table.tablo tbody tr.even td {
	background-color:#d4d4d6;
}
