/* css-shopofthespot v.1.00 (POL) */

/* Styles à caractères généraux */
	* { margin: 0; padding: 0; }
	body {
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: White;
	background: #0F9FC2;
	scrollbar-face-color: #0F9FC2;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: #FFFFFF;
}

	
	css-shopofthespot { background-color: #9F9FA2;}
	.error { color:#FF0000; font-weight:bold;}
	.valide { color:#009900; font-weight:normal;}
	a img {border:none;}
	
/* Styles de la page de Login */
#Index-Conteneur {
	position: absolute;
	height: 675px;
	width: 100%;
	background-image: url(../images/background.png);
	background-repeat: no-repeat;
	background-color: White;
	background-position: top;
	margin: 0px;
	
}
	
	#Index-Header {position: relative;top: 0;margin-left: 0px;height: 109px;width: 800px;z-order: 1;} 
	
		#Index-Logo { position:absolute; top:0px; left:0px; height:110px; width:430px; z-order:2; }
		
		#Index-LoginPanel {position: relative;margin-left: 35px;top: -205px;width: 125px;height: 125px;z-order: 3;}
		
		#Index-LoginPanel p {float: left;display: inline; /*margin-right: 5px;*/font-family: Verdana, Arial, Helvetica, sans-serif;color: #FF0000;font-size: 11px;font-weight: bold;padding: 1px;}
			
		#Index-LoginPanel p label {display:block; width:100px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px; font-weight:bold; text-align:left; }
			
			.Index-Form {width: 100px;height: 12px;padding: 3px 2px 2px 2px;border: 0px none #000000;font-family: Verdana, Arial, Helvetica, sans-serif;color: #000000;font-size: 11px;text-align: left;
}
			
			.Index-Btn {padding: 0 50px;margin: 0 10 0 0;}
			
			html>body .Index-Btn { margin:14px 0 0 0; } /* Hack Firefox */
			
	#Index-Main {
	position: absolute; /*top: 50%;*-142*/
	margin-top: 0px;
	left: 50%;
	margin-left: -450px;
	width: 900px;
	height: 582px;
}
	
	#Index-Animation {position: relative;margin-top: 67px;margin-left: 280px;height: 300px;width: 620px;z-order: 2;}
	
	#Index-Marque{position: absolute;margin-top: -125px;margin-left: 0px;height: 124px;width: 370px;z-order: 2;}	
		
	#Index-Inscription{position: absolute;	margin-top: 34px;	margin-left:500px;height: 102px;width: 413px;z-order: 2;}		
		
	#Index-Menu { position:absolute; clear:both; top:50%; margin-top:178px; width:100%; height:18px;}
		#Index-Menu p{ float:right; margin:0; padding:0; border:0; }
		#Index-Menu ul { position:absolute;left:50%; margin-left:-241px;list-style:none; }
		#Index-Menu li { display:inline; margin:0 8px 0 8px;}
		#Index-Menu img { border:0; }
		
	#Index-Footer {
	position: absolute;
	margin-top: 5px;
	margin-left: 0px;
	height: 60px;
	width: 100%;
	z-order: 1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Gray;
	text-align: center;
	font-size: 10px;
	background: White;
}	
	
		
		
/* Styles des pages du site */
#Site-Conteneur {
	position: absolute;
	padding: 0;
	margin: 0;
	top: 0;
	width: 100%;
	background-image: url(../images/site-fond.jpg);
	background-position: center;
	background-repeat: repeat-y;
	}
	
#Site-Header {position:relative;  top:0; left:50%; margin-left:-380px; width:760px;height:175px; z-order:1; }
	
		/*#Site-Bandeau-Top { width:760px;height:30px; background-image:url(../images/top-fond.gif); text-align:right}*/
		
			/*.Site-Date { position:relative; top:8px; margin-right:23px; font-family:Arial, Verdana, Helvetica, sans-serif; color:#FFFFFF; font-size:10px; font-weight:bold;}*/
		
		#Site-Bandeau-Flash {width:760px;height:146px; }
		
		#Site-Bandeau-Sep {width: 760px;height: 3px;background-color: White;padding: 0;margin: 0;}
		
		
		#Site-Bandeau-Menu {
	width: 760px;
	height: 20px; /*background-image:url(../images/site-menu-fond.gif);*/
	margin: 2px 0 2px 0;
	background-color: #CC3333;
	
}
		
			#Site-Bandeau-Menu img { border:0; }
			#Site-Bandeau-Menu ul { position:absolute;list-style:none; }
			#Site-Bandeau-Menu li { display:inline; margin:0;}	
			
#Site-Main { position:relative;  top:0; left:50%; margin-left:-380px; width:740px; 
border-top:2px solid #000000; border-bottom:2px solid #000000; 
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; padding:10px;}



/*#Site-Main { position:relative;  top:0; left:50%; margin-left:-380px; 
width:740px; border-top:2px solid #000000; border-bottom:2px solid #000000; 
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; padding:10px;}*/


#Site-Main-club-video {
	position:relative;
	top:0;
	left:50%;
	margin-left:-380px;
	width:740px;
	border-top:2px solid #000000;
	border-bottom:2px solid #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	padding:10px;
	background-color: #373737;
}


	#Site-Footer {clear:both;position:relative;left:50%; margin-left:-380px; 
	background-image:url(../images/site-footer.jpg); width:760px; height:227px; margin-top:2px;}
	
		.Site-Copyright { position:relative; text-align:center; left:260px; top:-3px;width:760px; font-family:Arial, Verdana, Helvetica, sans-serif; color:#838587; font-size:10px; font-weight:bold;}
		html>body .Site-Copyright { top:-1px; } /* Hack Firefox */

.Form-parrain { font-weight:bold; color:#FF0000;float:right; width:220px; text-align:right; }
.Form-label { font-weight:bold; color:#999999;float:right; width:220px; text-align:right; }

.Form-soustitre { float:left;font-weight:bold; font-size:13px; background-color:#D0D2D4; width:700px; 
color:#000000; margin:10px 0 10px 0;}

.Form-choix { font-style:italic; }
.Form-Register-Btn { border:0; float:right;}

.Titre-Page {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin: 5px;
}

.Texte-Page {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	margin: 5px;
}

.Field-defaut { margin:2px;padding:2px; border:1px solid #000000; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:11px; text-align:left; }
.Field-encars { margin:2px;padding:2px; border:1px solid #9F9FA2; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:10px; text-align:left; }
.Field-obligatoire { margin:2px;padding:2px; border:1px solid #000000; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:11px; text-align:left;background-color: #FFEAEA; }

.Field-parrain { margin:2px;padding:2px; border:1px solid #FF0000; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FF0000; font-size:11px; text-align:left; }

a.lien-defaut { color:#FF0000;font-family:Verdana, Arial, Helvetica, sans-serif; background-color:transparent;text-decoration:none;font-weight:bold;}
a:active.lien-defaut, a:link.lien-defaut, a:visited.lien-defaut 		{ color:#FF0000;text-decoration:none; }
a:hover.lien-defaut 		{ color:#000000;text-decoration:underline; }
.encarts-texte {
	width: 240px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	text-align: justify;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	margin: 0px 5px;
}
.encarts-btn { border:0; vertical-align:top;padding-top:3px; margin-bottom:15px; }
.Ba-Date { font-family:Verdana, Arial, Helvetica, sans-serif; color:#9F9FA2; font-size:10px; font-weight:bold;}
.Ba-Logo {border:1px solid #9F9FA2;margin:2px 2px 10px 0;}
.Ba-Btn { border:0;margin:2px;}
.Ba-Description { font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:10px; font-weight:normal;}

.lien-top { color:#FF0000;font-family:Verdana, Arial, Helvetica, sans-serif; background-color:transparent;text-decoration:none;font-weight:normal;margin:5px 0 5px 0}
a.lien-top { color:#FF0000;font-family:Verdana, Arial, Helvetica, sans-serif; background-color:transparent;text-decoration:none;font-weight:normal;}
a:active.lien-top, a:link.lien-top, a:visited.lien-top 		{ color:#FF0000;text-decoration:none; }
a:hover.lien-top 		{ color:#000000;text-decoration:underline; }


/* Menu de navigation */
.open { display: block; }
.closed { display: none; }
li.nav-categorie { font-size:12px; list-style-type: none; margin-bottom:10px; margin-top:10px; }
li.nav-categorie img.nav-categorie { vertical-align: middle; margin:0 5px 0 5px; }
li.nav-categorie-selected { list-style-type: none; margin-bottom:10px; margin-top:10px; font-weight:bold;color:#FF0000;} 
li.nav-categorie-selected img.nav-categorie-selected { vertical-align: middle; margin:0 5px 0 5px; }
li.nav-subcategorie { margin-left:20px;margin-bottom:3px; list-style-type: none; line-height:normal; }
li.nav-subcategorie-selected { margin-left:20px;margin-bottom:3px; list-style-type: none; line-height:normal; font-weight:bold;color:#FF0000;}
a.nav-categorie { color:#000000;font-family:Verdana, Arial, Helvetica, sans-serif; background-color:transparent;text-decoration:none;font-weight:bold;}
a:active.nav-categorie, a:link.nav-categorie, a:visited.nav-categorie 		{ color:#000000;text-decoration:none; }
a:hover.nav-categorie 		{ color:#FF0000;text-decoration:underline; }

a.nav-subcategorie { color:#000000;font-family:Verdana, Arial, Helvetica, sans-serif; background-color:transparent;text-decoration:none;font-weight:normal;}
a:active.nav-subcategorie, a:link.nav-subcategorie, a:visited.nav-subcategorie 		{ color:#000000;text-decoration:none; }
a:hover.nav-subcategorie 		{ color:#FF0000;text-decoration:underline; }

a.nav-subcategorie-selected { color:#FF0000;font-family:Verdana, Arial, Helvetica, sans-serif; background-color:transparent;text-decoration:none;font-weight:normal;}
a:active.nav-subcategorie-selected, a:link.nav-subcategorie-selected, a:visited.nav-subcategorie-selected 		{ color:#FF0000;text-decoration:none; }
a:hover.nav-subcategorie-selected 		{ color:#FF0000;text-decoration:underline; }

/* Barre de navigation */
.navigation { color:#9F9FA2;font-family:Verdana, Arial, Helvetica, sans-serif; background-color:transparent;text-decoration:none;font-weight:normal;font-size:12px; margin:5px 0 5px 0;}
a.navigation { color:#9F9FA2;font-family:Verdana, Arial, Helvetica, sans-serif; background-color:transparent;text-decoration:none;font-weight:normal;}
a:active.navigation, a:link.navigation, a:visited.navigatione 		{ color:#9F9FA2;text-decoration:none; }
a:hover.navigation 		{ color:#000000;text-decoration:underline; }

.cgvtitre { color:#666666; font-weight:bold; font-family:verdana;}
.cgvtexte { color:#666666; font-family:verdana;}

.club-bloc {
	padding-top:10px;
	padding-bottom:10px;
	border-top:dashed;
	border-top-width:1px;
	width: 465px;
}
.club-titre {font-family:Verdana, Arial, Helvetica, sans-serif; color:#FF0000; font-size:12px; font-weight:bold; text-align:left; }
.club-texte {font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; }
a.club-liennav {font-weight:bold; text-decoration:none; font-size:12px; color:#000000;}
a.club-liennav:hover {font-weight:bold; text-decoration:none; font-size:12px; color:#FF0000;}

td.parrainage-titre {
	border-bottom-color:#FF0000;
	border-bottom-style:solid;
	border-bottom-width:2px;
	font-size:12px;
	font-weight:bold;
}
td.parrainage-pair {
	background-color:#FFFFFF;
	padding:3px;
}
td.parrainage-impair {
	background-color:#CCCCCC;
	padding:3px;
}

.article-image {
	position:relative;
	height:230px;
	width:230px;
	max-height:230px;
	max-width:230px;
	border-style:solid;
	border-color:#999999;
	border-width:1px;
}
.article-image img{
	display:block;
	margin-left:auto;
	margin-top:auto;
	
}

.article-libel {
	font-weight:bold;
	font-size:12px;
	color:#000000;
}
.article-libelb {
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	padding-left: 15px;
}

.article-libelepuise {
	font-weight:bold;
	font-size:12px;
	color:#999999;
}
.article-prix {
	font-weight:bold;
	font-size:16px;
	color:#000000;
}
.article-prixepuise {
	font-weight:bold;
	font-size:16px;
	color:#999999;
}
.article-prixref {
	font-weight:bold;
	font-size:10px;
	color:#000000;
}
.article-Btn { border:0;margin:2px;}
.article-dispo {
	color:#999999;
}
.article-dispob {
	color:#999999;
	padding-left: 15px;
}
.article-masque {
	position:absolute;
	top:0;
	left:0;
}

/*fiche détaillée*/
.fiche-description {
	height:100%;
	font-size:10px;
	color:#000000;
	background-color:#E9EAEB;
	font-weight:bold;
	border-bottom:dashed;
	border-bottom-width:1px;
	padding-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.fiche-libel {
	font-size:12px;
	color:#FF0000;
	font-weight:bold;
}
.fiche-prix { font-size:18px; color:#000000; font-weight:bold;}
.fiche-prixref { font-size:10px; color:#000000; font-weight:bold;}
.fiche-photos { height:100%; }
.fiche-photoprincipale { position:relative; height:230px; width:230px; max-height:230px; max-width:230px; border-style:solid; border-color:#999999; border-width:1px; }
.fiche-photosecondaire { position:relative; height:60px; width:60px; max-height:60px; max-width:60px; border-style:solid; border-color:#999999; border-width:1px; }

.compteur{font-size:10px; color:#666666;}


/* panier */
.panier-entete { background-color:#717173; color:#FFFFFF; font-size:12px; font-weight:bold; height:25px;}
.panier-photo { position:relative; height:50px; width:50px; max-height:50px; max-width:50px; border-style:solid; border-color:#999999; border-width:1px; }
.panier-libel {
	font-size:12px;
	color:#000000;
	font-weight:bold;
	position:relative;
	bottom:20px;
}
#td_panier {
	padding-top: 10px;
	padding-bottom: 10px;
}

.panier-trpaire { background-color:#FFFFFF;}
.panier-trimpaire { background-color:#E9EAEB;}
.panier-td1 { background-color:#C3C3C7;}
.panier-td2 { background-color:#E9EAEB;}
.panier-td3 { background-color:#FFFFFF;}
.panier-td4 { background-color:#9F9FA2;}
.panier-totaux { font-size:12px;}

.panier-encart{ background-color:#E9EAEB;}
.panier-encart-titre{ color:#FF0000; font-size:12px; font-weight:bold; margin-left:5px;}
.panier-encart-text{ color:#000000; font-size:10px; font-weight:bold; margin-left:5px;}
.panier-encart-adresse{ color:#666666; font-size:10px; font-weight:bold; margin-left:20px;}

.adresses-entete { background-color:#FFFFFF; font-weight:bold;}

.commande-titre { color:#FF0000; font-size:12px; font-weight:bold;}
.commande-text {color:#000000; font-size:10px;}
.commande-total {color:#FF0000; font-size:10px; font-weight:bold;}
.commande-total2 {color: #FF0000;font-size: 12px;font-weight: bold;}

.facture-body { background-color:#FFFFFF;}
.facture-titregris { font-size:18px; font-weight:bold; color:#666666;}
.facture-titrenoir { font-size:18px; font-weight:bold; color:#000000;}
.facture-adressesots { font-size:12px; color:#000000;}
.facture-adresse { font-size:12px; color:#000000;}
.facture-adressetitre { font-size:12px; text-decoration:underline; color:#000000;}
.facture-moyen { font-size:12px; color:#000000;}
.facture-tableau {border-style:solid; border-color:#000000; border-width:1px; border-collapse:collapse;
font-family: Verdana, Arial, Helvetica, sans-serif;color:#000000,font-size:12px}
.facture-tableau td {border-style:solid; border-color:#000000; border-width:1px;  padding:5px;}
.facture-button{
	background: transparent url(../images/btn_facture.gif) no-repeat top left ;
	cursor: pointer;
	
	width: 30px;
    height: 30px;
}
#table_parrainage {
	background-image: url(../images/skater.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-position: left top;
}
.input {
	background-color: white;
	font-size: 12px;
	color: Black;
	border: 1px solid Black;
	margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
	margin: 1px;
	font-weight: bold;
}
.cadre{
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	border: 1px dashed Black;
	background-color: #E9EAEB;
}