/* css Dakar 2006 - 'Default', by Patrick ÉLIE, http://www.dakar.com/ */
/* All associated graphics copyright 2006, A.S.O. */
/* Creation : Dec. 3rd, 2005 */

/* SOMMAIRE */
/* Les styles sont déclarés dans cet ordre : general, grid, headers, P, links, images */

/*  general _______________________________________________________________________________*/
body {
	margin: 0;
	padding: 0;
	background-color: #251001;
	font: 11px/1.3em Arial,Helvetica,sans-serif;
}
a {
	text-decoration: underline;
}
a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover, a:active {
	color: #cc0000;
}
h1, h2, h3 {
	margin:0;
	background-repeat:no-repeat;
	background-position:left top;
}
h4 {
	margin: 0;
	color: #313031;
	font: bold 14px/1.3em Arial,Helvetica,sans-serif;
}
h5 {
	margin: 18px 0 3px 0;
	color: #737173;
	font: 10px/1.3em Arial,Helvetica,sans-serif;
}
h1 span, h2 span, h3 span {
	display:none;
}
img {
	border: 0px;
}
acronym {
	background: transparent url("../images/dot.gif") repeat-x left bottom;
	cursor: help;
}


/* header _______________________________________________________________________________*/
#logoDakar1 {
	width: 146px;
	height: 107px;
	margin: 8px 0 13px 19px;
	background: transparent url(../images/logo_plaque.gif) no-repeat;
}
#logoCoproduction {
	width: 121px;
	height: 53px;
	background: transparent url(../images/pix_clear.gif) no-repeat;
}


/* NAVIGATION Étapes____________________________________*/
#navStage {
	list-style: none;
	margin: 0;
	padding: 0;
	font: 11px/1.3em Arial,Helvetica,sans-serif;
}
#navStage ul {
	margin: 4px 0;
	padding:4px 0;
}
#navStage li {
	display: inline;
	margin: 1px;
	color: #ffffff;
}
#navStage li a:link, #navStage li a:visited {
	padding: 5px;
	color: #ffffff;
	text-decoration: underline;
}
#navStage li a:hover {
	padding: 5px;
	color: #ff0000;
}
.navStageCurrent {
	border: #ff3300 1px solid;
}
.navStageContext {
	border: #f6e59d 1px solid;
}
.navStageDefault {
	border: none;
}
#stageDescriptions {
	margin: 0;
	color: #ffffff;
	font: 11px Arial,Helvetica,sans-serif;
}
#stageDescriptions span {
	text-transform: uppercase;
	font-weight: bold;
}
#stageDescriptions a:link, #stageDescriptions a:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
#stageDescriptions a:hover {
	color: #cc0000;
	text-decoration: none;
	font-weight: bold;
}
#stageDescriptions .stageKM ul {
	margin:0;
	padding:0;
}
#stageDescriptions .stageKM li {
	display: inline;
	margin: 0 6px;
	list-style: none;
	color: #d9cebc;
	font: 10px Arial,Helvetica,sans-serif;
}


/* NAVIGATION principale____________________________________*/
#navColor {
	display: block;
	width: 180px;
	background: #251001;
}
#navColor ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navColor li.r1, #navColor li.r2, #navColor li.r3, #navColor li.r4, #navColor li.r5 {
	width: 179px;
	margin-left: 1px;
	padding: 0;
}
#navColor li.r1 {
	border-top: 1px solid #84a75f;
	border-left: 1px solid #84a75f;
}
#navColor li.r2 {
	border-top: 1px solid #fcbb69;
	border-left: 1px solid #fcbb69;
}
#navColor li.r3 {
	border-top: 1px solid #a5c3d2;
	border-left: 1px solid #a5c3d2;
}
#navColor li.r4 {
	border-top: 1px solid #bee3d7;
	border-left: 1px solid #bee3d7;
}
#navColor li.r5 {
	border-top: 1px solid #d0c9ce;
	border-left: 1px solid #d0c9ce;
}
#navColor ul ul {
	width: 167px;
	margin-left: 11px;
	border-left: 1px solid white;
}
#navColor ul ul li {
	padding: 1px 0 2px 11px;
	background: black;
	border-bottom: 1px solid #636363;
	color: #f7df9c;
	font: 11px/1.3em Arial,Helvetica,sans-serif;
}
#navColor li.head1, #navColor li.head2, #navColor li.head3, #navColor li.head4, #navColor li.head5, #navColor li.head6 {
	padding: 2px 0 3px 5px;
	color: black;
	font-weight: bold;
	text-transform: uppercase;
}
#navColor li.head1 {
	background: #84a75f;
}
#navColor li.head2 {
	background: #fcbb69;
}
#navColor li.head3 {
	background: #a5c3d2;
}
#navColor li.head4 {
	background: #bee3d7;
}
#navColor li.head5 {
	background: #d0c9ce;
}
#navColor li a:link, #navColor li a:visited {
	color: white;
	text-decoration: none;
}
#navColor li a:hover, #navColor li a:active {
	color: red;
	text-decoration: none;
}


/*  Conteneur colonnes  _______________________________________________________________________________*/
#colG {
	margin: 0;
	background-color: #ffffff;
	font: 11px/1.3em Arial,Helvetica,sans-serif;
}
#colC {
	margin: 0;
	background-color: #ffffff;
	font: 11px/1.3em Arial,Helvetica,sans-serif;
}
#colD {
	margin: 0;
}
.blocActus {
	width: 177px;
	margin-top: 30px;
	background: transparent url("../images/dot2.gif") repeat-y top right;
}
.ttlBlocActus {
	padding: 4px 0 0 50px;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	background: transparent url("../images/back_decla.gif") no-repeat;
}
.blocActus p.categorie, .blocActus p.categorie {
	margin-left: 10px;
	padding: 0 0 0 14px;
	color: #6b716b;
	background: transparent url("../images/fleche.gif") no-repeat 0 50%;
}
#colorRubrique1, #colorRubrique2, #colorRubrique3, #colorRubrique4, #colorRubrique5 {
	height: 6px;
}
#colorRubrique1 {	
	background: #84a75f;
}
#colorRubrique2 {
	background: #fcbb69;
}
#colorRubrique3 {
	background: #a5c3d2;
}
#colorRubrique4 {
	background: #bee3d7;
}
#colorRubrique5 {
	background: #d0c9ce;
}

/*  contenu  _______________________________________________________________________________*/
#content {
	margin: 0;
	text-align: justify;
	line-height: 1.3em;
	
}
#headTracking {
	border-top: 1px solid #ba965f;
}
#headContent {
	margin: 10px 2px  6px 10px;
	padding-bottom: 18px;
	background: transparent url("../images/back_headcontent.gif") no-repeat right bottom;
}
#headContent h4 {
	color: #313031;
	font: bold 14px Arial,Helvetica,sans-serif;
}
#headContent p {
	margin: 3px 24px 3px 0px;
	color: #313031; 
	font: 11px/1.3em Arial,Helvetica,sans-serif;
	text-align: justify;
	line-height: 1.1em;
}
#sportingContent {
	float: right;
	width: 210px;
	margin: 6px 2px 8px 14px;
	background-color: #ededed;;
	color: #333333;
	font: 10px Arial, Verdana, sans-serif;
}
#sportingContent p {
	padding:0 2px;
}
#horaires {
	color: #313131;
	font-size: 10px;
}
.ttl_contentRubrique1 {
	width: 444px;
	height: 49px;
	background: transparent url("../images/back_tllcontent1.gif") no-repeat;
}
.ttl_contentRubrique2 {
	width: 449px;
	height: 49px;
	background: transparent url("../images/back_tllcontent2.gif") no-repeat;
}
.ttl_contentRubrique3 {
	width: 449px;
	height: 49px;
	background: transparent url("../images/back_tllcontent3.gif") no-repeat;
}
.ttl_contentRubrique4 {
	width: 449px;
	height: 49px;
	background: transparent url("../images/back_tllcontent4.gif") no-repeat;
}
.textContentRubrique1 {
	padding-bottom: 38px;
	background: transparent url("../images/back_content1.gif") repeat-y;
}
.textContentRubrique2 {
	padding-bottom: 38px;
	background: transparent url("../images/back_content2.gif") repeat-y;
}
.textContentRubrique3 {
	padding-bottom: 38px;
	background: transparent url("../images/back_content3.gif") repeat-y;
}
.textContentRubrique4 {
	padding-bottom: 38px;
	background: transparent url("../images/back_content4.gif") repeat-y;
}
#centerContent {
	margin: 10px;
}
.textArticles, .textContentRubrique1 p, .textContentRubrique2 p, .textContentRubrique3 p, .textContentRubrique4 p, .textContentRubrique1 h4, .textContentRubrique2 h4, .textContentRubrique3 h4, .textContentRubrique4 h4, .ttl_contentRubrique1 h4, .ttl_contentRubrique2 h4, .ttl_contentRubrique3 h4, .ttl_contentRubrique4 h4 {
	margin: 0 40px 6px 40px;
}
.textContentRubrique1 p, .textContentRubrique4 p {
	padding-top: 10px;
}
.textArticles {
	padding-bottom: 26px;
}
.ttl_contentRubrique1 h4, .ttl_contentRubrique2 h4, .ttl_contentRubrique3 h4, .ttl_contentRubrique4 h4 {
	margin-left: 40px;
	padding-top: 8px;
	text-transform: uppercase;
}
.textContentRubrique1 span, .textContentRubrique2 span {
	margin-left: 40px;
	margin-right: 4px;
	color: #e70000;
}
.heure {
	color: #e70000;
}


/*  Classements  _______________________________________________________________________________*/
table.classement {
	margin: 0 10px 0 40px;
	border-bottom: #999999 1px solid;
	font: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
table.classement caption {
	margin: 0 10px 0 40px;
	padding: 10px;
	background-color: #f9f9f9;
	color: #313031;
	font-size: 14px;
	font-weight: bold;
}
table.classement th, table.classement td {
	padding: 2px 5px 3px 5px;
	font-size: 10px;
}
table.classement th {
	background-color: #84a75f;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
	font-size: 11px;
	font-weight: bold;
}
.menuclassement {
	color: #313131;
}
.menuclassement caption {
	font-size: 10px;
	text-transform: uppercase;
}
.menuclassement th {
	padding: 3px 50px 3px 50px;
	border: #999999 1px solid;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
}
.menuclassement td {
	border: #999999 1px solid;
	text-align: center;
	font-size: 11px;
}
.menuclassement ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.menuclassement li {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
.textuppercase {
	text-transform: uppercase;
}


/*  Déclarations  _______________________________________________________________________________*/

.menudecla {
	color: #313131;
}
.menudecla th {
	padding: 3px 50px 3px 50px;
	border: #999999 1px solid;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
}
.menudecla td {
	padding: 3px 15px 3px 15px;
	border: #999999 1px solid;
	text-align: center;
	font-size: 11px;
}


/*  Galerie Photos  _______________________________________________________________________________*/
body.photos {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font: 11px/1.3em Arial,Helvetica,sans-serif;
}
TABLE.photos {
	padding: 10px 10px 3px 5px;
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.backPhotos {
	padding: 2px 5px 3px 5px;
	background-color: #A5C3D2;
	color: #333333;
	font-weight: bold;
	font-size: 13px;
}
.backGris1 {
	background-color: #f5f5f5;
}
.backGris2 {
	background-color: #DFE2DF;
}
.iframe {
	margin-left: 40px;
}


/*  liens  _______________________________________________________________________________*/
.contextLive:link, .contextLive:visited {
	color: #84a75f;
	text-decoration: none;
}
.contextLive:hover, .contextLive:active {
	color: #313031;
	text-decoration: none;
}
#sportingContent a:link, #sportingContent a:visited {
	color: 313131;
	text-decoration: underline;
}
#sportingContent a:hover, #sportingContent a:active {
	color: red;
	text-decoration: none;
}

/*  images  _______________________________________________________________________________*/
#imgContent {
	float: left;
	width: 202px;
	height: 152px;
	margin: 0 23px 3px 23px;
}
#photoduJour {
	text-align: center;
	line-height: 10px;
}
#blocDirectPhotosLive {
	text-align: center;
	line-height: 10px;
}
.blocPreracePhotosLive {
	display: block;
	float: right;
	margin: 5px;
}
#ttl_leDirect {
	width: 444px;
	height: 69px;
	background: transparent url("../es/images/ttl_ledirect.gif") no-repeat;
}
#ttl_DakarActus {
	width: 449px;
	height: 69px;
	background: transparent url("../es/images/ttl_dakar_actus.gif") no-repeat;
}
#ttl_VideosPhotosTV {
	width: 449px;
	height: 69px;
	background: transparent url("../es/images/ttl_videos_photos_tv.gif") no-repeat;
}
#ttl_Organisation {
	width: 449px;
	height: 69px;
	background: transparent url("../es/images/ttl_organisation.gif") no-repeat;
}
img.photofinish {
	margin: 6px 0 2px 0;
}
.legendePhoto {
	color: #666666;
	font-size: 9px;
	vertical-align: center;
	margin-top: 2px;
}


/* PIED DE PAGE - colonne centrale ______________________________*/
#footer {
	margin: 1px;
	background-color: #ffffff;
	font: 11px/1.3em Arial,Helvetica,sans-serif;
}
#contentFooter, #contentFooterR1, #contentFooterR2, #contentFooterR3, #contentFooterR4 {
	margin: 18px 1px 1px 1px;
	padding: 6px 0 6px 0;
	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;
}
#contentFooter {
	background-color: #dddddd;
}
#contentFooterR1 {
	background-color: #84a75f;
}
#contentFooterR2 {
	background-color: #fcbb69;
}
#contentFooterR3 {
	background-color: #a5c3d2;
}
#contentFooterR4 {
	background-color: #bee3d7;
}
#footer a {
	color: black;
	text-decoration: none;
}

/* PUB ____________________________________*/
#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;
}
#btnAnnonceur {
	width: 178px;
	height: 84px;
	margin: 0;
	background: transparent url("../images/btn_178x84_video_fr.jpg") no-repeat 50% 0%;
}
#btnBoutique {
	width: 178px;
	height: 84px;
	margin: 0;
	background: transparent url("../images/btn_178x84_es.jpg") no-repeat 50% 0%;
}