/* css Tour de France 2005 - 'Default', http://www.letour.fr/ */
/* All associated graphics copyright 2005, A.S.O. */
/* Creation : May. 24th, 2005 */

/* SOMMAIRE */
/* Les styles sont déclarés dans cet ordre :
general, navigation principale, navigation secondaire, liens, bloc direct, contenus, encadré, pied de page, alternatifs (tableau, ...) */

/*  général _______________________________________________________________________________*/
body {
	font: 11px/1.3em Arial,Helvetica,sans-serif;
	background: url(../images/img_background.gif) white repeat-y;
}
a {
	text-decoration: underline;
}
a:link {
	color: #000099;
}
a:visited {
	color: #0000ff;
}
a:hover, a:active {
	color: #cc0000;
}
h1 {
	width: 440px;
}
h1 span {
	display: none;
	visibility: hidden;
}
h2 {
	margin: 2px 0px 12px 0;
	color: #000000;
	font: 16px Arial, Verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
h3 {
	margin: 2px 0 2px 0;
	color: #000000;
	font: bold 15px Arial, Verdana, sans-serif;
}
sup {
	text-transform: lowercase;
}
img {
	border: 0px;
}
select {
	margin: 0 2px 0 2px;
	color: #000099;
	font: 11px Arial, Verdana, sans-serif;
	text-align: center;
	text-transform: lowercase;
}

/* NAVIGATION PRINCIPALE____________________________________*/
#navigation {
	margin: 0;
	background-color: #7d7d7d;
	width: 140px;
	font: 11px Arial, Verdana, sans-serif;
	color: #dedfbd;
	text-align: left;
}
#navigation tr.head th {
	background-color: #000000;
	padding: 3px 3px 2px 3px;
	text-transform: uppercase;
}
#navigation td {
	padding: 2px 7px 1px 7px;
	border-bottom: #636363 1px solid;
}
#navigation tr.nav_annonceur td {
	padding: 2px 7px 1px 7px;
	border-bottom: #636363 1px solid;
	background: transparent url(../fr/images/logo_annonceur_small.gif) no-repeat 90% 60%;
}
#navigation A {
	text-decoration: none;
	color: #f0bd1e;
}
#navigation A:hover {
	text-decoration: none;
	color: #dedfbd;
}

/* NAVIGATION SECONDAIRE_________________________________*/
#nav2 {
	background-color: #000000;
	width: 100%;
	padding: 0;
	margin: 0;
	font: 13px Arial, Verdana, sans-serif;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}
#nav2 td.head1 {
	width: 25%;
	background-color: #000000;
	padding: 5px 3px 4px 3px;
	border-right: #f0bd1e 1px solid;
	border-bottom: #ffffff 1px solid;
}
#nav2 td.head2 {
	width: 75%;
	color: #dedfbd;
	background-color: #000000;
	padding: 5px 3px 4px 3px;
	border-bottom: #ffffff 1px solid;
}
#nav2 td.head2 a:link, #nav2 td.head2 a:visited {
	text-decoration: none;
	color: #ffffff;
}
#nav2 td.head2 a:hover, #nav2 td.head2 a:active {
	text-decoration: none;
	color: #dedfbd;
}
#nav2 td.col {
	background-color: #ffffff;
	height: 1px;
}
#nav2 td.col2 {
	border-bottom: #7d7d7d 1px solid;
	vertical-align: middle;
}

#nav2 span {
	color: #fd0000;
	font: 13px Arial, Verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
#nav3 {
	width: 100%;
	color: #dedfbd;
	font: 11px Arial, Verdana, sans-serif;
	font-weight: bold;
	text-align: center;
}
#navSelect {
	background-color: #f6f6f6;
	border: 0px;
	font: 10px Arial, Verdana, sans-serif;
	text-align: center;
}
.contextLive {
	vertical-align: middle;
	font: 11px Arial, Verdana, sans-serif;
	font-weight: bold;
}
.contextLive:link, .contextLive:visited {
	color: #f0bd1e;
	text-decoration: none;
}
.contextLive:hover, .contextLive:active {
	color: #dedfbd;
	text-decoration: none;
}

/*  LIENS  _______________________________________________________________________________*/
a.linkSmall {
	font: 10px Arial, Verdana, sans-serif;
}

/*  LISTES  _______________________________________________________________________________*/
ul.cercle {
	list-style: none;
}

/*  IMAGES  _______________________________________________________________________________*/
#headCanalletour {
	width: 140px;
	height: 26px;;
	background: transparent url(../images/canalletour.gif) no-repeat;
}
img.photofinish {
	margin-top: 6px;
	margin-bottom: 2px;
}
.creditPhotoFinish {
	color: #666666;
	font-size: 9px;
	margin-bottom: 12px;
}
.creditPhoto {
	width: 220px;
	color: #666666;
	font-size: 9px;
	margin: 2px 4px 2px 4px;
	line-height: 1.2em;
}
.legende {
	font: 9px Arial, Verdana, sans-serif;
	color: #000000;
}

/* BLOC DIRECT - Rubrique1 > porteurs de maillots, profil Dynamique small, dernier col & dernier sprint ___*/
#blocDirect {
	display: block;
	float: right;
	width: 248px;
	background-color: #f6f6f6;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
	margin-bottom: 8px;
	margin-left: 12px;
	font: 10px Arial, Verdana, sans-serif;
	color: #000099;
}
#blocDirectPhotosLive {
	text-align: center;
	line-height: 10px;
}
#blocDirectTitre1 {
	width: 246px;
	height: 13px;
	margin: 7px 0px 10px 0px;
	background: transparent url(../es/images/ttl_blocdirect_1.gif) no-repeat right top;
}
#blocDirectTitre1 span {
	display: none;
}
#blocDirectTitre2 {
	width: 246px;
	height: 13px;
	margin: 16px 0px 12px 0px;
	background: transparent url(../es/images/ttl_blocdirect_2.gif) no-repeat right top;
}
#blocDirectTitre2 span {
	display: none;
}
#blocDirectTitre3 {
	width: 246px;
	height: 14px;
	margin: 10px 0px 10px 0px;
	background: transparent url(../es/images/ttl_blocdirect_3.gif) no-repeat right top;
}
#blocDirectTitre3 span {
	display: none;
}
#blocDirectTitre4 {
	width: 246px;
	height: 14px;
	margin: 10px 0px 10px 0px;
	background: transparent url(../es/images/ttl_blocdirect_4.gif) no-repeat right top;
}
#blocDirectTitre4 span {
	display: none;
}
#maillotJaune {
	height: 22px;
	background: transparent url(../images/picto_maillotjaune.gif) no-repeat;
	margin: 6px 0 0 48px;
	padding-left: 21px;
	text-align: left;
}
#maillotVert {
	height: 22px;
	background: transparent url(../images/picto_maillotvert.gif) no-repeat;
	margin: 6px 0 0 48px;
	padding-left: 21px;
	text-align: left;
}
#maillotPois {
	height: 22px;
	background: transparent url(../images/picto_maillotpois.gif) no-repeat;
	margin: 6px 0 0 48px;
	padding-left: 21px;
	text-align: left;
}
#maillotBlanc {
	height: 22px;
	background: transparent url(../images/picto_maillotblanc.gif) no-repeat;
	margin: 6px 0 0 48px;
	padding-left: 21px;
	text-align: left;
}
#profilDynamic {
	display: block;
	width: 246px;
	height: 138px;
	margin: 10px 0 0 0;
	text-align: center;
}
#kmdata {
	display: block;
	margin: -18px 16px 0 0;
	text-align: right;
}
#colData {
	margin: 0 0 2px 1px;
}
.colData {
	width: 244px;
	background-color: #fff;
	border: #000000 1px solid;
	font: 10px Arial, Verdana, sans-serif;
}
.colData tr.head th {
	background: transparent url(../images/back_colData.gif) repeat-x;
	border-bottom: #000 1px solid;
	padding: 0px;
	text-align: left;
	text-transform: uppercase;
}
.colData tr.head th span {
	text-transform: lowercase;
}
.colData tr.head td {
	background-color: #fff;
	border: #000 1px solid;
	padding: 0px;
	text-align: center;
}
#colData tr.row1 {
	background-color: #f6f6f6;
}
#colData td {
	padding: 2px 7px 1px 7px;
}

/*  CONTENUS - colonne centrale _________________________________________________________________*/
h1.titleVelo img {
	width: 442px;
	height: 62px;
}
h1.titleVelo span {
	display: none;
	visibility: hidden;
}
h3.a {
	margin-bottom: 0px;
	color: #000000;
	font: bold 16px Helvetica,Arial,Verdana,sans-serif;
}
.contenu {
	background-color: #ffffff;
	vertical-align: top;
}
#contenu {
	width: 100%;
	background-color: #ffffff;
	color: #000000;
	font: 12px Arial, Verdana, sans-serif;
	line-height: 18px;
	text-align: justify;
}
.content {
	text-align: justify;
}
#ecarts {
	padding-bottom: 10px;
}
#pubStandard {
	display: block;
	position: relative;
	margin: 0;
}
#pubSkyscrapper {
	display: block;
	position: relative;
	margin: 0;
}
#pubCarre {
	display: block;
	position: relative;
	float: left;
	margin: 5px;
}
#pubCarreD {
	display: block;
	float: right;
	margin: 5px;
}
.floatG {
	float: left;
	margin: 1px 6px 1px 0px;

}
.floatD {
	float: right;
	margin: 1px 0px 6px 6px;
	text-align: center;
}
TD.colG {
	border-right: #000000 1px solid;
	vertical-align: top;
}
TD.colD {
	border-left: #000000 1px solid;
	text-align: center;
	vertical-align: top;
	background: url(../fr/images/logo_annonceur.gif) no-repeat bottom;
}
.depeches {
	margin: 0;
	padding: 0 0 0 10px;
	background: url(../images/picto_flechedepeches.gif) no-repeat;
}
.depeches span.heure {
	color: #ff0000;
	font-weight: bold;
}
.depeches span.titre {
	font-weight: bold;
}
.depeches p {
	margin-top: 2px;
}

/* ENCADRÉ - colonne centrale > bloc droit ______________________________*/
#blocSponsorMaillot {
	display: block;
	float: right;
	width: 168px;
	background-color: #f6f6f6;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
	margin-bottom: 8px;
	margin-left: 12px;
	font: 10px Arial, Verdana, sans-serif;
	color: #000099;
	text-align: center;
}
#sponsor_ITE, #sponsor_ITG, #sponsor_IPE, #sponsor_IPG, #sponsor_IME, #sponsor_IMG, #sponsor_IJE, #sponsor_IJG, #sponsor_ETE, #sponsor_ETG, #sponsor_ICE, #sponsor_ICG {
	width: 138px;
	height: 70px;
	margin: 12px;
}
#sponsor_ITE, #sponsor_ITG {background: transparent url(../es/images/btn_boutique.gif) no-repeat 50% 50%;}
#sponsor_IPE, #sponsor_IPG {background: transparent url(../es/images/btn_boutique.gif) no-repeat 50% 50%;}
#sponsor_IME, #sponsor_IMG {background: transparent url(../es/images/btn_boutique.gif) no-repeat 50% 50%;}
#sponsor_IJE, #sponsor_IJG {background: transparent url(../es/images/btn_boutique.gif) no-repeat 50% 50%;}
#sponsor_ETE, #sponsor_ETG {background: transparent url(../es/images/btn_boutique.gif) no-repeat 50% 50%;}
#sponsor_ICE, #sponsor_ICG {background: transparent url(../es/images/btn_boutique.gif) no-repeat 50% 50%;}

#blocStandard {
	display: block;
	float: right;
	width: 168px;
	background-color: #f6f6f6;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
	margin-bottom: 8px;
	margin-left: 12px;
	font: 10px Arial, Verdana, sans-serif;
	color: #000099;
	text-align: center;
}
#btnBoutique {
	width: 138px;
	height: 70px;
	margin: 12px;
	background: transparent url(../es/images/btn_boutique.gif) no-repeat 50% 0%;
}
#securite {
	width: 138px;
	height: 70px;
	margin: 12px;
	background: transparent url(../es/images/btn_boutique.gif) no-repeat 50% 50%;
}
.contextBlock {
	margin: 4px;
	text-align: left;
}

/* PIED DE PAGE - colonne centrale ______________________________*/
#footer {
	clear: both;
	width: 100%;
	margin: 18px 0 0 0;
	padding: 6px 0 6px 0;
	background-color: #dddddd;
	border-top: #cccccc 1px solid;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
	border-left: #cccccc 1px solid;
	color: #000000;
	font: 10px Arial, Verdana, sans-serif;
	text-align: center;
}
#footer a {
	color: black;
	text-decoration: none;
}

/*----------------------ALTERNATIF------------------------------*/
.txtrouge {
	color:#cc0000;
}
.txtblanc {
	color:#ffffff;
}
.txtvert {
	color:#669900;
}

/* INTERVIEWS */

.border {
	border-top: #999999 1px solid;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
	border-left: #999999 1px solid;
}

TABLE.interviews {
	padding: 10px 10px 3px 5px;
	font:Arial,Helvetica,sans-serif;
	font-size:11px;
}

TABLE.interviews td {
	padding: 2px 5px 3px 5px;
}

.backJaune2 {
	background-color:#FFCC33;
	color: #000000;
	font-weight: bold;
}

.backGris1 {
	background-color: #f5f5f5;
}

/* CLASSEMENTS */
/* Premier tableau _________________________*/
TABLE.classement1 {
	background: #cccccc;
	font: Arial, Helvetica, sans-serif;
	font-size: 11px
}
.backGris1 {
	background-color: #f5f5f5;
}
.backJaune {
	background-color: #FFCC33;
	color: #cc0000;
	font-weight: bold;
}
.backJauneTxtBlack {
	background-color: #FFCC33;
	color: #000000;
	font-weight: bold;
}


/* Deuxième tableau _________________________*/
TABLE.classement2 {
	padding: 10px 10px 3px 5px;
	font: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
TABLE.classement2 td {
	padding: 2px 5px 3px 5px;
}
.backJaune2 {
	background-color: #FFCC33;
	color: #000000;
	font-weight: bold;
}

/* Itinéraires horaires */
 
TR.itiBackTop {background-color:#000000;}
TR.itiBackFonce {background-color:#F5F5F5; text-align:center;}
TR.itiBackClair {background-color:#FFFFFF; text-align:center;}
 
.ititxt1 {font-family:Arial,Helvetica,sans-serif; font-size:13px; color:#000033;font-weight:bold;}
.ititxt2 {font-family:Arial,Helvetica,sans-serif; font-size:10px; color:#000033;}
.ititxtregion {font-family:Arial,Helvetica,sans-serif; font-size:13px; color:#FF0000;}
.ititxtdepart {font-family:Arial,Helvetica,sans-serif; font-size:10px; color:#000033;font-weight:bold;}
.ititxtmountain {font-family:Arial,Helvetica,sans-serif; font-size:10px; color:#FF0000;font-weight:bold;}
.ititxtchrono {font-family:Arial,Helvetica,sans-serif; font-size:10px; color:#000099;font-weight:bold;}
.ititxtrefresh {font-family:Arial,Helvetica,sans-serif; font-size:10px; color:#000099;font-weight:bold;}
.ititxtsprint {font-family:Arial,Helvetica,sans-serif; font-size:10px; color:#008029;font-weight:bold;}
TD.itiBackTop1 {background-color:#000000;font-family:Arial,Verdana,Helvetica,sans-serif; font-size:13px; color:#FFFFFF;font-weight:bold; text-align:center;}
TD.itiBackTop2 {background-color:#000000;font-family:Arial,Verdana,Helvetica,sans-serif; font-size:10px; color:#FFFFFF;font-weight:bold; text-align:center;}
 
/* Fin des itinéraires horaires */