/*----------------------- CSS MASTER SPAGRANDPRIX -----------------------*/

html{ 
	height:100%;
}

body{	
	margin:0;
	padding:0;
	height:100%;
	margin-bottom:0px;
	font-family:Arial;
	font-size:12px;
	color:#6F6F6F;
	background-color:#FFFFFF;
}
 
/*---------------*/

#container{
	width:920px;
	margin-left:auto;
	margin-right:auto;
}

	.official {
		position: absolute;
		margin-left: -35px;
		margin-top: 70px;
		z-index: 999;
	}

	#top{
		width:920px;
		height:300px;
	}

		#logo{
			width:920px;
			height:117px;
			position:relative;
			z-index:1;
		}

		#shoppingCart{
			width:300px;
			height:90px;
			float:right;
			position:relative;
			z-index:2;
			top:-117px;
			margin-bottom:-117px;
		}

		#photos{
			width:920px;
			height:180px;
			position:relative;
			top:-27px;
			z-index:0;
			margin-bottom:-27px;
		}
		
		#menuBar{
			width:920px;
			height:30px;
			background:url('images/bg_menubar.jpg') 0px 0px no-repeat;
		}

			#lang{
				width:220px;
				height:22px;
				float:left;
				padding-top:8px;
			}

				#lang A{
					display:block;
					float:left;
					width:16px;
					height:11px;
					margin-left:5px;
				}

					#lang A:hover{
						display:block;
						width:16px;
						height:11px;
						filter:alpha(opacity=70);  
						-moz-opacity:0.7;
						opacity:0.7;
					}

				#lang .fr{background:url('images/lang_fr.gif') 0px 0px no-repeat;}
				#lang .nl{background:url('images/lang_nl.gif') 0px 0px no-repeat;}
				#lang .en{background:url('images/lang_en.gif') 0px 0px no-repeat;}
				#lang .de{background:url('images/lang_de.gif') 0px 0px no-repeat;}
				#lang .es{background:url('images/lang_es.gif') 0px 0px no-repeat;}

			#menu{
				width:700px;
				height:30px;
				float:left;
			}

				#menu A{
					display:block;
					height:22px;
					float:left;
					color:#6F6F6F;
					font-size:12px;
					font-weight:bold;
					text-decoration:none;
					padding:8px 12px 0px 12px;
					border-left:1px solid #FFFFFF;
					border-right:1px solid #D6D6D6;
				}

					#menu A:hover, #menu A.menuActive{
						color:#FFFFFF;
						border-left:1px solid #7C0000;
						border-right:1px solid #7C0000;
						background:url('images/bg_menuo.gif') 0px 0px repeat-x;
					}

				#menu .btnAccount{
					width:90px;
					height:24px;
					position:relative;
					top:-4px;
					margin-bottom:-4px;
					z-index:2;
					padding:10px 10px 0px 10px;
					text-align:center;
					color:#C70404;
					font-size:13px;
					border-left:0px solid #FFFFFF;
					border-right:0px solid #D6D6D6;
					background:url('images/bg_btnaccount.gif') 0px 0px repeat-x;
				}

					#menu .btnAccount:hover, #menu .btnAccountActive:hover, #menu .btnAccountActive{
						width:90px;
						height:24px;
						position:relative;
						top:-4px;
						margin-bottom:-4px;
						z-index:2;
						padding:10px 10px 0px 10px;
						text-align:center;
						color:#FFFFFF;
						font-size:13px;
						border-left:0px solid #FFFFFF;
						border-right:0px solid #D6D6D6;
						background:url('images/bg_btnaccount.gif') 0px -38px no-repeat;
					}

				#menu .vipMenu {
					color:#C70404;
					border-right:none;
					display:block;
					height:22px;
					float:left;
					font-size:12px;
					font-weight:bold;
					text-decoration:none;
					padding:8px 15px 0px 14px;
					_padding: 8px 13px 0px 13px;
					border-left:1px solid #FFFFFF;
				}

					
					#menu .vipMenu:hover, #menu .vipMenuActive {
						color:#FFFFFF;
						border-left:1px solid #7C0000;
						border-right:1px solid #7C0000;
						background:url('images/bg_menuo.gif') 0px 0px repeat-x;
						padding:8px 14px 0px 14px;
						_padding: 8px 13px 0px 13px;
					}

	#page{
		padding-bottom:20px;
		border-left:1px solid #EBEBEB;
		background:url('images/bg_page.gif') 220px 0px repeat-y #FFFFFF;
	}

	#kangarooTv {
		display: block;
		width: 219px;
		height: 89px;

		background:url('images/bg_kangaroo.jpg') 0px 0px no-repeat;
	}

		
#footer{
	width:920px;
	margin-left:auto;
	margin-right:auto;
	padding-top:8px;
	padding-bottom:8px;
	border-top:1px solid #EBEBEB;
	border-bottom:1px solid #EBEBEB;
	color:#A8A8A8;
	font-size:11px;
} 

	#footer A {
		color:#A8A8A8;
	}
	
	#footer A:hover {
		color:#DE0303;
	}

	#footer .paiements {
		width:147px;
		height:22px;
		padding-top:6px;
		float:left;		
	}

	#footer .linksFooter {
		width:770px;
		height:28px;
		float:right;
		text-align:right;
	}
 
.clear{clear:both;}

.floatLeft{float:left;}
.floatRight{float:right;}
 

 /* ***************** MISE EN FORME ************************* */

H1{ 
 font-size:16px;
 margin:0px 0px 15px 0px;
 display:block; 
 font-weight:normal;
 color:#DE0303;
} 

H2{ 
 font-size:14px;
 margin:0px 0px 10px 0px;
 display:block; 
 font-weight:normal;
 color:#3C3C3C;
}

H3{ 
 font-size:12px;
 margin:0px 0px 5px 0px;
 font-weight:normal;
 display:block;
 color:#DE0303; 
} 

H4{ 
 font-size:12px;
 margin:0px;
 font-weight:normal;
 display:inline;
 color:#3C3C3C; 
}
 
A{
 color:#DE0303;
}

A:hover{
 color:#6F6F6F;
}

HR{
 color:#DDDDDD;
 background-color:#DDDDDD;
 height:1px;
 border:0px;
 margin-top:5px;
 margin-bottom:5px;
}

/* ------------------------------------------------------------------ */
/* -                        FORMULAIRES                               */
/* ------------------------------------------------------------------ */

.noclass {
	background-color: #ffffff;
	border-color: #ffffff;
	border-width: 0;
}

.noborder input{clear:both;border-width:0;background-color: transparent;position:relative;left:-5px;font-size:9px;}
.noborder label{clear:both;font-size:9px;}
div.noborder input {border-width:0;background-color: transparent;font-size:9px;}
span.noborder input {border-width:0;background-color: transparent;font-size:9px;}

input, select, textarea {
	border:1px solid #D8D6D6;
	background-color:#FFFFFF;
	color:#505050;
	font-size:11px;
	font-family:Arial;
	margin-bottom:0px;
	padding-left:3px;
}

.fieldTitle{ 
 font-size:14px;
 margin-top:15px;
 margin-bottom:10px;
 display:block; 
 font-weight:normal;
 color:#990000;
}

.btn{
	border:1px solid #BBBBBB;
	color:#6F6F6F;
	font-size:9px;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer;
	background:url('images/bg_btn.jpg') 0px bottom repeat-x #ECECEC;
}

.btn:hover{
	border:1px solid #7D0000;
	color: white;
	font-size:9px;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer;
	background:url('images/bg_btno.jpg') 0px bottom repeat-x #F0070A;
}

.formulaire{
}

.formulaire TD{
	padding:6px;
	padding-bottom:0px;
}

.formulaire .pnlMsg{
	padding:5px;
	border:1px solid #DE0303;
	background-color:#FBE6E6;
	color:#DE0303;
	font-size:120%;
	text-align:justify;
}

	.formulaire .asterisque{
		color:#F0070A;
		font-size:14px;		
		font-weight:bold;
		width:5px;
		margin:0px;
		padding-left:0px;
	}

	.formulaire .alert{	
		color:red;
	}


/* ------------------------------------------------------------------ */
/* -                    infobulle    			                    - */
/* ------------------------------------------------------------------ */

#infoBulle{
	width:80px;
	border-bottom:3px solid #DE0303;
	background-color:white;
	text-align:center;
	padding:10px;
	font-size:11px;
	font-family:arial;
	visibility:hidden;
	position:absolute;
	z-index:100;
	margin-left:-25px;
	margin-top:30px;
}

/* ------------------------------------------------------------------ */
/* -                    newsticker    			                    - */
/* ------------------------------------------------------------------ */
	
* html #newsticker ul {
	overflow: visible;
}

#newsticker {
	position: relative;
	height:180px;
	width:920px;
	overflow:hidden;
}

#newsticker ul {
	list-style: none;
	text-align:left;		
	margin:0px;
	padding:0px;
}		

#newsticker #togglenewsticker {			
	display:none;
}