/*****************************************/
/*SITE Lyon Urban trail - layout */
/*****************************************/
/* couleurs utilisees
jaune			color:#ffed00;
beige 			background:#ada69f;
*/

/*****************************************/
/* masque sous div en popup*/
/*****************************************/
.popup
{
	background-color: white;
	position: absolute;
	left: 297px;
	top: 394px;
	width: 500px;
	z-index: 6;
}
#masque
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:1500px;
	background:black;
	opacity:0.6;
	z-index:5;
	display:none;
	
}
html.MSIE #masque
{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

#masque.clicked
{
	display:block;
}

/*****************************************/
/* style commun aux listes horizontales */
/*****************************************/

UL.listhor
{
	margin:0;
	padding:0;
}
.listhor LI
{
	float:left;
	margin:0;
	padding:0;
	line-height:1em;
	list-style-type:none;
}
.listhor LI A
{
	display:block;
	float:left;
	color:#aaa;
}
.listhor LI A:hover
{
	color:white;
	text-decoration:none;
}
.listhor LI#current A
{
	color:white;
	cursor:text;
}
.listhor LI A IMG
{
	border:0;
	padding:0;
}
/*****************************************/
/* entete */
/*****************************************/
#entete
{
	border-top:1px;
	border-style:none;
	width:1000px;
	margin:0 auto;
}
#logo
{
	position:absolute;
	margin-top:-205px;
	margin-left:-30px;
}
#logo IMG
{
	border:0;
}
#top
{
	float:left;
	width:800px;
	padding-top:50px;
	text-transform:uppercase;
	color:white;
	line-height:1.5em;
	font-size:10px;
}
#top A
{
	color:white;
}
#top A:hover
{
	color:#ccc4ba;
}
#lanewsletter
{
	position:absolute;
	margin-left:750px;
	text-transform:uppercase;
	color:white;
	line-height:1.5em;
	font-size:11px;		

	padding:0 3px;
}
#lanewsletter LABEL
{
	display:block;
	float:left;
	padding-right:3px;
	font-size:10px;
}
#lanewsletter #lemail
{
	color:black;
	width:130px;
}

#lanewsletter INPUT.valider
{
	text-transform:uppercase;
}
#outils
{
	position:absolute;
	margin-left:160px;
	margin-top:70px;
	color:#ffed00;
	font-size:12px;
	font-weight:bold;
}
#outils A
{
	color:white;
}
#outils A:hover
{
	color:black;
}
#outils A.current,#outils A.current:hover
{
	color:black;
	cursor:text;
	text-decoration:none;
}


/*****************************************/
/* nav1 */
/*****************************************/
#nav1
{
	position:absolute;
	margin-top:-35px;
	margin-left:150px;
	/*z-index:1;*/
	width:100%;
}
#nav1 IMG
{
	border:0;
}

/*****************************************/
/* nav2 */
/*****************************************/
.nav2
{
	position:absolute;
	margin-top:0px;
	margin-left:130px;
	background:	#ffed00; /*violet*/
	width:690px;
	height:15px;	
}
.nav2 UL
{
	padding-left:20px;
	padding-right:20px;
	background:	#ffed00; /*violet*/
}
.nav2 LI A
{
	color:black;
	font-size:10px;
	text-decoration:none;
	text-transform:uppercase;
	padding:2px 8px 3px 8px;
}
.nav2 LI A:hover
{
	background:white;
	color:black;
	text-decoration:none;

}
.nav2 LI.current A
{
	background:white;
	color:black;
	text-decoration:none;
	cursor:text;

}

/*****************************************/
/* cadre principal */
/*****************************************/
#container
{
	width:1000px;
	margin:155px auto 5px auto;
	background:white;
}
html.MSIE #container
{
	margin-top:100px;
}

#ombretop
{
	position:absolute;
	margin-top:-14px;
}
#ombregauche
{
	position:absolute;
	margin-left:-16px;
}
#ombredroite
{
	position:absolute;
	margin-left:1000px;
}
#pagecontent
{
	padding-top:15px;
}

/*****************************************/
/* colonnes contenu */
/*****************************************/
#colcontenu
{
	float:left;
}

.unbloc
{	
	margin-left:36px;
	width:760px;
	margin-right:28px;
}
.col1
{
	float:left;
	width:432px;
	border:1px solid white;
}
.col2
{
	float:left;
	margin-left:20px;
	width:300px;
}
.colpub
{
	float:left;
	width:160px;
	border:1px solid white;
	font-size:9px;
	letter-spacing:0.1em;
}
.col2nopub
{
	float:left;
	margin-left:22px;
	width:500px;
	border:1px solid white;
}
.lespubs IMG
{
	margin-bottom:10px;
	border: 0px;
}
#sponsors
{
	width:160px;
	height:140px;
}
#contenuoutils
{
	padding-left:510px;
	background:url(http://www.valraiso.biz/videos/lyonurbantrail/plandusite.jpg) no-repeat top left;
	background-position:160px 0;
}
.letexte
{
	text-align:justify;
	padding-left:55px;

}

/*****************************************/
/* pied de page */
/*****************************************/
#footer
{
	width:1000px;
	margin:20px auto 5px auto;
	color:#e77c01; /*orange*/
	text-transform:uppercase;
	font-size:10px;
	
}
#mentions
{
	width:100%;
	text-align:center;
}
/*****************************************/
/* cadre principal */
/*****************************************/
.inscrivezvous
{
	background:url(../img/fd-bloc-inscription.gif) no-repeat top left;
	height:145px;
	width:370px;
}
UL#choixparcours
{
	padding:90px 0  0 40px;
	margin:0;
}
#choixparcours LI
{
	margin:0;
	padding:0;
	line-height:1em;
}
#choixparcours LI A
{
	padding:0 3px;
}
html.MSIE #choixparcours LI A
{
}
/*****************************************/
/* videos */
/*****************************************/
#lesvideos
{
	background:url(../img/fd-videos.gif) no-repeat top left;
	width:753px;
	height:317px;
}
#lesvideos2
{
	background:url(../img/fd-la-course.gif) repeat-y top left;
	width:739px;
}
#contenuvideos
{
	padding:20px 0 30px 20px;
}
#contenuvideos2
{
	padding:20px 0 30px 0px;
}
#colvideo
{
	float:left;
	width:390px;
}
#colvignettes
{
	float:left;
	width:320px;
	margin-left:10px;

	
}
#listevignettes LI A
{
	width:125px;
	text-align:center;
	margin:0 2px 10px 2px;

}

#listevignettes
{
	padding-left : 20px;	
}

#listevignettes LI
{
	padding-left : 20px;
}

#listevignettes LI A IMG
{
	border: 1px solid white;
}

#listevignettes LI A IMG.current
{
	border: 1px solid #444;
}

#ongletsvideo LI
{
	background:url(../img/onglets/ong-gauche.gif) no-repeat left;
	padding-left:8px;
}
#ongletsvideo LI A
{
	background:url(../img/onglets/ong-droite.gif) no-repeat right;
	padding:7px 8px 7px 0;
	text-transform:uppercase;
	color:black;
	text-decoration:none;	
}
#ongletsvideo LI A:hover
{
	color:#ada69f;
	text-decoration:none;
}
#ongletsvideo LI.current
{
	background:url(../img/onglets/ong-gauche-on.gif) no-repeat left;
	color:white;
}
#ongletsvideo LI.current A
{
	background:url(../img/onglets/ong-droite-on.gif) no-repeat right;
	color:white;
	cursor:text;
}
/*****************************************/
/* onglets */
/*****************************************/
#onglets LI
{
	background:url(../img/onglets/ong-gauche.gif) no-repeat left;
	padding-left:8px;
}
#onglets LI A
{
	background:url(../img/onglets/ong-droite.gif) no-repeat right;
	padding:7px 8px 7px 0;
	text-transform:uppercase;
	color:black;
	text-decoration:none;	
}
#onglets LI A:hover
{
	color:#ada69f;
	text-decoration:none;
}
#onglets LI.current
{
	background:url(../img/onglets/ong-gauche-on.gif) no-repeat left;
	color:white;
}
#onglets LI.current A
{
	background:url(../img/onglets/ong-droite-on.gif) no-repeat right;
	color:white;
	cursor:text;
}


/*****************************************/
/* etapes paiement */
/*****************************************/
#etapes-commande
{
	margin-bottom:20px;
	border:1px solid white;
}
#etapes LI
{
	margin-right:4px;
}
#etapes LI A
{
	width:176px;
	padding-top:80px;
	height:18px;
	border:1px solid white;
	color:white;
	text-transform:uppercase;
	text-align:center;
	cursor:text;
}
#etapes LI A.ok
{
	cursor:pointer;
}
#etapes LI.current A
{
}
#etapes LI.current A.ok
{
	cursor:text;
}
LI#etape1 A
{
	background:url(../img/etapes/fd1.gif) no-repeat;
}
LI#etape2 A
{
	background:url(../img/etapes/fd2.gif) no-repeat;
}
LI#etape3 A
{
	background:url(../img/etapes/fd3.gif) no-repeat;
}
LI#etape4 A
{
	background:url(../img/etapes/fd4.gif) no-repeat;
}
LI#etape1 A.ok
{
	background:url(../img/etapes/fd1-on.gif) no-repeat;
}
LI#etape2 A.ok
{
	background:url(../img/etapes/fd2-on.gif) no-repeat;
}
LI#etape3 A.ok
{
	background:url(../img/etapes/fd3-on.gif) no-repeat;
}
LI#etape4 A.ok
{
	background:url(../img/etapes/fd4-on.gif) no-repeat;
}

/*****************************************/
/******************Inscription en ligne*******************/
/*****************************************/
FORM#coureurForm
{
	border:1px dotted #666;
	padding:5px;
	margin:10px 0;
	background:#f3f2ef;
}

.colonne
{
	float:left;
	width:350px;
}
TABLE.inscription
{
	border:1px dotted #666;
	background:#f3f2ef;
}
.inscription TD
{
	padding:10px;
}
.inscription TD.intitule
{
	text-align:right;
}
SELECT.course
{
	background-color:#e77c01;
	color:white;
}

#lechoix
{
	/*height:150px;*/
}
TABLE.panier
{
	width:100%;
	border-collapse:collapse;
	margin:10px 0;
}
TABLE.panier TD
{
	border:1px dotted #666;
	padding:5px;
}
TABLE.panier TD.prix
{
	text-align:right;
}
TABLE.panier TR.lacourse TD
{
	background:#f3f2ef;
}
TABLE.panier TR.total TD
{
	background:#f3f2ef;
}
TABLE.panier TD.vide
{
	border-style:none;
}
TABLE.panier TR.total TD.vide
{
	background:white;
}

/*****************************************/
/****************BOUTIQUE*****************/
/*****************************************/
.liste-produits
{
	border: 1px solid #ccc4ba;
	width: 179px;
	margin: 4px;
	float: left;
	text-align:center;
}
.liste-produits-detaille
{
	border: 2px solid #ccc4ba;
	width: 360px;
	position: absolute;
	margin-top: 10px;
	background-color: white;
}
.produit-masque
{
	display: none;
}
.produit-affiche
{
	display: block;
	margin: 2px;
}
.produit-img,.produit-centre
{
	text-align: center;
}

.texteerreur
{
	color:red;
	font-size:12px;
	font-weight:bold;
}


.ekiden
{
	color:white;
	font-size:0.9em;
}
#ekiden1
{
	position:absolute;
	margin-left:160px;
	margin-top:66px;
}
#ekiden2
{
	position:absolute;
	margin-left:170px;
	margin-top:102px;
}