/* common 
url(images/fondnoir.gif) repeat-x
*/
* { margin: 0; padding: 0; }
html {background: transparent ;height: 100%; }
#index { background: #000 ;height: 100%; }
body{background: #000 ;color:#000;font-size: 70%;font-family: verdana, helvetica,arial,sans-serif; width: 920px; margin: 0 auto;}
input{font-family: verdana, helvetica,arial,sans-serif; padding:0px;margin:0px}
#index{background: #000 url(images/background.gif) 50% repeat-y;}
#index2col{background: #000 url(images/background2.gif) 50% repeat-y}
/*
#footer{position: relative;padding-top: 20px;background:#f4f4f2;clear:both;text-align:center; width:100%;}
*/

#introduction{position: relative;background:#f4f4f2;clear:both;text-align:center; width:100%;font-size:80%}
#page { float:left; width:100%;}
#main { float:left; width:100%; min-height:500px;}

/* layout */
#gauche{width:200px;float:left;margin:0 0 0 10px;text-align:justify;overflow:hidden}
#centre{width:490px;float:left;margin:0 0 0 20px;text-align:justify;overflow:hidden}
#centre2col{width:705px;float:left;margin:0 0 0 10px;text-align:justify;overflow:hidden}
#droite{width:170px;float:left;margin:0 0 0 20px;text-align:justify;overflow:hidden}

#ventes_admin{width:705px;float:left;margin:0 0 0 10px;text-align:justify;overflow:hidden}
#summary_admin{width:170px;float:left;margin:0 0 0 20px;text-align:justify;overflow:hidden}

/* menu */
#menu { list-style-type: none; background: url() no-repeat; width:920px; height:298px;margin:0px;}
#menu ul {margin-top: 40px; margin-right: 15px; float:right;}
#menu li { display:inline; float:right;}
#menu li a{text-decoration:none;color:#000;text-transform: uppercase;}
#menu li a:hover{text-decoration:underline;}
#menu img{border:0;}


a.item{text-decoration:none;}
a.item:hover{text-decoration:underline;}

.puce {background: url(images/puceronde.gif) 1px 4px no-repeat;padding-left:12px;}
.zoneListe_10 {background: url(images/puceronde.gif) 1px 4px no-repeat;padding-left:12px;}
.dernierlien {background: url(images/puceseparation.gif) no-repeat;padding-left:10px;}
.InterTD {display:none;}
.InterTR {display:none;}
/*
#ABOUT-US {background: url(/UserFiles/Image/Menu/en/mnABOUT-US_Off.png) no-repeat;padding-left:10px;}
#ABOUT-US:hover {background: url(/UserFiles/Image/Menu/en/mnABOUT-US_Over.png) no-repeat;padding-left:10px;}
*/
/*	#menu { list-style-type: none; float: left; padding-left: 20px; background: white; }
	#menu li { display:inline; }
	#menu li a { text-indent:-12345px; }
*/
/* login */
#login{background: url(images/separation.gif) no-repeat;height:17px;padding:15px;}

/* banner */
#banner{background: url(images/separation2.gif) no-repeat;height:58px;padding:3px;}

/* main navigation styles */
ul.videoMenu {
	float:left;
	list-style:none;
	/*
	background:#6f7277;
	*/
	color:#eab628;
	background:#2f3031;
}
ul.videoMenu li {
	float:right;
	position:relative;
	z-index:999;
	list-style:none;
}
#courtList li {
	float:left;
}
ul.videoMenu li a {
	font-family:Tahoma, Helvetica, sans-serif;
	float:center;
	color:#f7b709;
	text-transform: uppercase;
	padding:5px;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}
ul.videoMenu li.activeNav a,
ul.videoMenu li:hover a,
ul.videoMenu li.sfhover a,
ul.videoMenu li a:hover {
	background-position:bottom right;
	text-decoration:none;
	color:#eab628;
	background:#2f3031;

}
/* FIN main navigation styles */


/* gauche */

/* centre */
#centre img {}
/* centre2col */
#centre table, #centre2col table, #ventes_admin table {width:100%;}
#centre table th, #centre2col table th, #ventes_admin table th{color:#3c68a8;padding:0 5px;}
#centre table td, #centre2col table td, #ventes_admin table td{}
#montableau td{border-right:1px solid #CCC;border-bottom:1px solid #CCC;padding:0px;margin:0px;padding:0 5px;}
.colgauche{text-align:left;}
.coldroite{text-align:right;}
.colcentre{text-align:center;}
#centre2col p{}
.checkout{text-align:right;margin-right:2px;margin-bottom:2px;}
#mysubmit {
     border:none;
     color:#000;
     background: transparent url('images/submit.png') repeat top left;
     width:80px;
	 height:20px;
	 font-family: Arial, Verdana, sans-serif;
	 font-weight:bold;
     font-size: 11px;
} /* Button submit */	

a:hover #mysubmit {
cursor:pointer;
}

.soldout{color:red;}
/* formulaire adresse */

form.cmxform {margin:auto;}
form.cmxform fieldset { margin-bottom: 10px; }
form.cmxform legend {padding: 0 2px;font-weight: bold;	_margin: 0 -7px; /* IE Win */	}
form.cmxform label {display:inline-block; line-height: 1.8;vertical-align: top;}
form.cmxform fieldset ol {	margin: 0;	padding: 0;	}
form.cmxform fieldset li {	list-style: none;	padding: 5px;	margin: 0;	}
form.cmxform fieldset fieldset {	border: none;	margin: 3px 0 0;	}
form.cmxform fieldset fieldset legend {	padding: 0 0 5px;	font-weight: normal;	}
form.cmxform fieldset fieldset label {	display: block;	width: auto;	}
form.cmxform em {	font-weight: bold;	font-style: normal;	color: #f00;	}
form.cmxform fieldset fieldset label { margin-left: 20px; } /* Width plus 3 (html space) */
/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */
form.cmxform {color: #333;	}
form.cmxform legend { padding-left: 0; }
form.cmxform legend,form.cmxform label { color: #333; }
/*
form.cmxform fieldset {	border: none;	border-top: 1px solid #C9DCA6;	background: url(images/cmxform-fieldset.gif) left bottom repeat-x;	}
*/
form.cmxform fieldset {	border: none;	border-top: 1px solid #C9DCA6;	background: url() left bottom repeat-x;	}
form.cmxform fieldset fieldset { background: none; }
form.cmxform fieldset li {	padding: 5px 10px 7px;background: url(images/cmxform-divider.gif) left bottom repeat-x;	}
form.cmxform label {width:200px;} /* Width of labels */	

#suggestBoxElement {border: 1px solid #8FABFF; visibility:hidden; text-align: left;  white-space: nowrap; background-color: #eeeeee;}
.suggestions { font-size: 14;background-color: #eeeeee;  }
.suggestionMouseOver { font-size: 14;background: #3333ff; color: white; cursor:pointer; }

#note{color:#AAA;}

/* droite */
/*-x-system-font:none;
background:#535353 none repeat scroll 0 0;
color:#FFFFFF;
font-family:Arial,Verdana,sans-serif;font-size:1.2em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.4em;
padding:5px 10px;*/
h1 {
	overflow:hidden;
	width:100%;
	background:#ebebeb url(images/fleche.gif) 1px 3px no-repeat;
	margin-top:2px;
	padding:3px 0px 2px 25px;
	height:20px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.4em;
	text-transform: uppercase;
}
#gauche h1{color:#3c68a8;}
#centre h1{color:#d04a52;}
#centre2col h1{color:#d04a52;}
#droite h1{color:#3c68a8;}
#ventes_admin h1{color:#d04a52;}
#summary_admin h1{color:#3c68a8;}
#summary_admin table{width:100%}


#flash {
	overflow:hidden;
	width:100%;
	background:#ebebeb url() 1px 3px no-repeat;
	margin-top:2px;
	padding:3px 0px 2px 25px;
	height:20px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: 1.4em;
	text-transform: uppercase;
	color:#d04a52;
}

hr {height: 1px; color: #ebebeb; background-color: #ebebeb; width: 100%; border: none;}
#zone_PICKUP {padding: 0px 5px;}

/* footer */
/* old
#footer{position: relative;padding-top: 20px;background:#f4f4f2;clear:both;text-align:center; width:100%;}
#footer p{margin-right:15px;}
#footer a{color:#000;}
#footer .gplist{font-size: 0.5em;}
*/
#footer{position: relative;padding-top: 2px;clear:both;text-align:left; width:100%;background:url(images/footer.png);}
#footer h1{
	overflow:hidden;
	width:100%;
	background:#ebebeb url(images/fleche.png) 0px 3px no-repeat;
	padding:0px 0px 2px 25px;
	height:20px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.6em;
	text-transform: uppercase;
	text-align:left;
}
#footer p{margin-right:15px;text-align:center;}
#footer a{color:#000;}
#footer .gplist{font-size: 0.5em;text-align:center;}
#footer .gplistnew{padding:0px 0px 2px 20px;font-size: 1em;text-align:left;}
#footer .moretweet{font-size: 0.8em;text-align:center;}

/*eg */
.plan_du_site{overflow:hidden;float:left;width:100%;height:410px;}
.plan_du_site .plan{width:100%;height:410px;}
.plan_du_site .plan .col_plan{float:left;padding-top:0px;width:100%;margin:3px 0 3px 0px}
.plan_du_site .plan .col_plan ul li,.plan_du_site .col_plan ul li a{font-size:1em;color:#E7E7E7;width:100%;float:left;text-align:left}
.plan_du_site .plan .col_plan a:hover{font-size:1em;color:#FFF;width:100%;background-color:#828287}
/*fin eg */

/* culture list */
#M_CultureSel{float: right;margin-right: 10px;padding: 0px 0px 0px 1px;border: solid 1px #C2C2C2;}
#M_CultureList{position: absolute;z-index: 100;top: 0px;background-color: #E7E4DF;border-style: solid;border-color: #D8D8D8;border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;}

#M_CultureListX{position: absolute;z-index: 100;top: 0px;left: 15px;background-color: #E7E4DF;border-style: solid;border-color: #D8D8D8;border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;}


#M_CultureList a{display: block;padding: 1px 19px 1px 2px;}
#M_CultureList a:hover{background-color: #C2C2C2;}
#M_CultureSel, #M_CultureList a{font-size: 9px;text-decoration: none;font-weight: bold;color: #4E4E4E;}
#M_CultureSel div{margin-right: 2px;margin-top: 1px;}
#M_CultureSel img{vertical-align: bottom;}
#M_CultureList a img{vertical-align: bottom;border: 0px;}

/* currency list */
#M_CurrencySel{float: right;margin-right: 10px;padding: 0px 0px 0px 1px;border: solid 1px #C2C2C2;}
#M_CurrencyList{position: absolute;background-color: #E7E4DF;border-style: solid;border-color: #D8D8D8;border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;}

#M_CurrencyListX{position: absolute;background-color: #E7E4DF;border-style: solid;border-color: #D8D8D8;border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;}

#M_CurrencyList a{display: block;padding: 1px 19px 1px 2px;}
#M_CurrencyList a:hover{background-color: #C2C2C2;}
#M_CurrencySel, #M_CurrencyList a{font-size: 9px;text-decoration: none;font-weight: bold;color: #4E4E4E;}
#M_CurrencySel div{margin-right: 2px;margin-top: 1px;}
#M_CurrencySel img{vertical-align: bottom;}
#M_CurrencyList a img{vertical-align: bottom;border: 0px;}

#inscriptionnewsletter{float:left;width:170px;height:49px;background-image:url(images/newsletter.png);}
#inscriptionnewsletter input{width:134px;height:15px;background-color:#FFF;border:0;color:#888585;font-size:11px;vertical-align:bottom;margin:25px 4px 0 4px;}
#inscriptionnewsletterGo{
float: right;
width : 38px; 
height: 40px; 
margin:20px -10px 0px -10px;
/* border: 2px dotted white; ajouté pour visualiser la zone*/
}

.CircuitDesc{
	float : right;
	width : 196px;
	margin : 5px 5px 5px 5px;
	overflow : hidden;
	vertical-align : middle;
	border:1px soild green;
}
.CircuitMap{
	float : left;
	width : 480px;
	vertical-align : middle;
	border:1px soild red;
}
.imageTitle{ display:none; white-space:nowrap; }
.textTitle{ display:block; white-space:nowrap; }
.MenuOn{
	color:red;
}
.MenuOff{
	color:#666666;
}

.Race a{ text-decoration: none; color: black; };
.Race a:hover{ text-decoration: underline; color: Red; };
.Race a:active { text-decoration: underline; color: Red; };


.roundedtop{
background-color:#EFF1F0;
padding-bottom:1px;
padding-top:2px;
margin-bottom:3px;
}
/*.roundedbordato{
border-left:1px solid #EFF1F0;
border-bottom:1px solid #EFF1F0;
border-right:1px solid #EFF1F0;
}*/


#legendS {
	background:  url(images/S.png) no-repeat left center;
	padding: 7px;
	vertical-align:middle;
	display: inline;
}
#legendN {
	background:  url(images/N.png) no-repeat left center;
	padding: 7px;
	vertical-align:middle;
	display: inline; 
}
#legendG {
	background:  url(images/G.png) no-repeat left center;
	padding: 7px;
	vertical-align:middle;
	display: inline; 
}
#legendC {
	background:  url(images/C.png) no-repeat left center;
	padding: 7px;
	vertical-align:middle;
	display: inline; 
}

#legendOK {
	background:  url(images/ok.png) no-repeat left center;
	padding: 7px;
	vertical-align:middle;
	display: inline; 
}

#legendKO {
	background:  url(images/soldout.png) no-repeat left center;
	padding: 7px;
	vertical-align:middle;
	display: inline; 
}

#buttonMore {
	background:  url(images/more.png) no-repeat left;
	width:10px;
	height:10px;
	border:none;
	padding: 3px;
	display: inline; 
}

#buttonLess {
	background:  url(images/less.png) no-repeat center;
	width:10px;
	height:10px;
	border:none;
	padding: 3px;
	display: inline; 
}