/*****************************************/
/*SITE Scott 1000 bosses - layout */
/*****************************************/
/* couleurs utilisees
noir			color:#010101;
jaune 			color:#ffed00;
*/

#body 
{ 
	background:black url(../img/pattern.png) repeat;
}
/*****************************************/
/* masque sous div en popup*/
/*****************************************/
.popup
{
	background-color: white;
	position: absolute;
	left: 297px;
	top: 394px;
	width: 500px;
	z-index: 10001;
}
#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 */
/*****************************************/
#bandeau
{
	width:1000px;
	height:194px;
	margin:0 auto;
	/*background:url(../img/fd-bandeau.png) no-repeat top left;*/
}

#logo
{
	position:absolute;
	margin-top:30px;
	margin-left:-47px;
}
#logo IMG
{
	border:0;
}
#top
{
		position:absolute;
	width:800px;
	margin-top:136px;
	margin-left:210px;
	text-transform:uppercase;
	color:white;
	line-height:1.5em;
	font-size:10px;
}
html.MSIE6 #top
{
	margin-left:45px;
}
#top A
{
	color:white;
}
#top A:hover
{
	color:#ffed00;
}
#lanewsletter
{
	position:absolute;
	margin-top:60px;
	margin-left:600px;
	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:#010101;
	width:130px;
}

#lanewsletter INPUT.valider
{
	text-transform:uppercase;
}
#outils
{
	float:left;
	margin-left:160px;
}
#outils A
{
	color:white;
}
#outils A:hover
{
	color:#ffed00;
}
#outils A.current,#outils A.current:hover
{
	color:#ffed00;
	cursor:text;
	text-decoration:none;
}


/*****************************************/
/* nav1 */
/*****************************************/
#nav1
{
	position:absolute;
	margin-left:357px;
	margin-top:160px;
}
#nav1 IMG
{
	border:0;
}

/*****************************************/
/* nav2 */
/*****************************************/
.nav2
{
	background:	#ffed00; /*jaune*/
	height:30px;	
}
.nav2 UL
{
	padding-left:30px;
	background:	#ffed00; /*jaune*/
}
.nav2 LI A
{
	color:#010101;
	font-size:11px;
	text-decoration:none;
	text-transform:uppercase;
	padding:10px 10px 10px 10px;
}
.nav2 LI A:hover
{
	background:#010101;
	color:white; 
	text-decoration:none;

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

}

/*****************************************/
/* cadre principal */
/*****************************************/
#container
{
	width:1000px;
	margin:0 auto;
	background:white;
}
#ombretop
{
	position:absolute;
	margin-top:-14px;
}
#ombregauche
{
	position:absolute;
	margin-left:-16px;
}
#ombredroite
{
	position:absolute;
	margin-left:1000px;
}
#pagecontent
{
}

/*****************************************/
/* colonnes contenu */
/*****************************************/
#colcontenu
{
	float:left;
	width:798px;
	overflow:hidden;
}

.unbloc
{	
	margin-left:36px;
	width:760px;
	margin-right:28px;
}
.col1
{
	float:left;
	width:465px;
	border:1px solid white;
}
.col2
{
	float:left;
	width:270px;
	margin-left:15px;
	border:1px solid white;
}
html.MSIE .col2
{
	margin-left:16px;
	
}
.colpub
{
	float:left;
	margin-left:20px;
	width:160px;
	border:1px solid white;
	font-size:9px;
	letter-spacing:0.1em;
	border:1px solid white;
}
.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:50px;
	background:url(../img/bandeau-home.jpg) no-repeat bottom left;
}
.letexte
{
	text-align:justify;
	padding-left:55px;

}

/*****************************************/
/* pied de page */
/*****************************************/
#footer
{
	width:1000px;
	margin:20px auto 0 auto;
	padding-bottom:20px;
	color:#010101;
	text-transform:uppercase;
	font-size:10px;
	
}
#mentions
{
	width:100%;
	text-align:center;
}
/*****************************************/
/* cadre principal */
/*****************************************/
#blocinscription
{
	
	background:black;
	width:270px;
	overflow:hidden;
	color:white;
}
.bloc-haut
{
	background:url(../img/fd-bloc-haut.png) no-repeat bottom left;
	width:270px;
	height:9px;
}
.bloc-bas
{
	background:url(../img/fd-bloc-bas.png) no-repeat top left;
	width:270px;
	height:10px;
}
.inscrivezvous H1
{
	color:white;
	background:url(../img/fleche1.png) no-repeat left;
	padding-left:30px;
	font-size:1.8em;
	font-weight:normal;
	font-style:italic;
}
.inscrivezvous
{
	padding:5px 10px;

}
UL#choixparcours
{
	margin:10px 0  0 0;
}
.inscrivezvous P
{
	margin-top:20px;
}
html.MSIE #choixparcours LI A
{
}
#sepcourses
{
	position:absolute;
	z-index:2;
	margin-top:40px;
	margin-left:195px;
}
/*****************************************/
/* 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;
	padding-top:20px;
}
#colvignettes
{
	float:left;
	width:320px;
	margin-left:10px;
	padding-top:20px;
	
	
}
#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.png) no-repeat left;
	padding-left:8px;
}
#ongletsvideo LI A
{
	background:url(../img/onglets/ong-droite.png) no-repeat right;
	padding:7px 8px 7px 0;
	text-transform:uppercase;
	color:#010101;
	text-decoration:none;	
}
#ongletsvideo LI A:hover
{
	color:#333;
	text-decoration:none;
}
#ongletsvideo LI.current
{
	background:url(../img/onglets/ong-gauche-on.png) no-repeat left;
	color:white;
}
#ongletsvideo LI.current A
{
	background:url(../img/onglets/ong-droite-on.png) no-repeat right;
	color:white;
	cursor:text;
}
/*****************************************/
/* onglets */
/*****************************************/
#onglets LI
{
	background:url(../img/onglets/ong-gauche.png) no-repeat left;
	padding-left:8px;
}
#onglets LI A
{
	background:url(../img/onglets/ong-droite.png) no-repeat right;
	padding:7px 8px 7px 0;
	text-transform:uppercase;
	color:#010101;
	text-decoration:none;	
}
#onglets LI A:hover
{
	color:#333;
	text-decoration:none;
}
#onglets LI.current
{
	background:url(../img/onglets/ong-gauche-on.png) no-repeat left;
	color:white;
}
#onglets LI.current A
{
	background:url(../img/onglets/ong-droite-on.png) no-repeat right;
	color:white;
	cursor:text;
}


/*****************************************/
/* etapes paiement */
/*****************************************/
#etapes-commande
{
	margin-bottom:20px;
	
}
#etapes LI
{
	margin-right:4px;
	width:176px;
}
#etapes LI A
{
	padding-top:80px;
	height:18px;
	border:1px solid white;
	color:white;
	text-transform:uppercase;
	text-align:left;
	padding-left:8px;
	width:168px;
	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;
}