/*-----------------------------------------------------------------------------------------------*/
/* ---------- FGA MOTORSPORRT -------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/********************************************/
/*    **********************************    */
/*    *                                *    */
/*    *                                *    */
/*    **********************************    */
/*    *     *                          *    */
/*    *     *                          *    */
/*    *     *                          *    */
/*    *     *                          *    */
/*    *     *                          *    */
/*    **********************************    */
/********************************************/

html { 
	height: 100%; 
}


body {	
	margin: 0;
	padding: 0;
	height:  100%;
	margin-bottom: 0px;
	font-size:11px;
	font-family:Arial;
	font-weight:normal;
	color:#FFFFFF;
	background:url('images/bg_body.gif') 0px 0px repeat-x #111111;
}

/*-------------------------------------------------------------*/
/*-           STRUCTURE                                       -*/
/*-------------------------------------------------------------*/

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

	#menu{
		height:29px;
		padding-top:9px;
		float:left;
	}
	
		#menu A{
			display:block;
			float:left;
			height:18px;
			padding-top:2px;
			padding-left:9px;
			padding-right:9px;
			color:#FFFFFF;
			font-size:14px;
			font-weight:bold;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		#menu A:hover{
			color:white;
			background-color:#E00116;/*rouge*/
		}
		
	#topLeft{
		width:230px;
		height:230px;
		float:left;
		border-left:7px solid #262626;
		border-bottom:7px solid #262626;
		border-top:7px solid #262626;
		background-color:#141414;
	}
	
		#lang{
			width:90px;
			height:14px;
			padding-top:15px;
			float:left;
		}
		
			#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 .en{
				background:url("images/lang_en.gif") 0px 0px no-repeat;
			}

			#lang .nl{
				background:url("images/lang_nl.gif") 0px 0px no-repeat;
			}

			#lang .de{
				background:url("images/lang_de.gif") 0px 0px no-repeat;
			}
	
	#topRight{
		width:690px;
		height:230px;
		float:left;
		border-right:7px solid #262626;
		border-bottom:7px solid #262626;
		border-top:7px solid #262626;
	}
	
	#content{
		clear:both;
		/*background:url('images/bg_content.jpg') 0px 0px repeat-y;*/
	}

#linkFooter{
	width:934px; 
	margin-left:auto; 
	margin-right:auto;
	padding-top:10px;
	padding-bottom:10px;
	font-size:10px;
	border-top:7px solid #262626;
	border-bottom:7px solid #262626;
}

	#linkFooter .customer{
		width:197px;
		height:36px;
		display:block;
		float:left;
		color:#FFFFFF;
		text-decoration:none;
		padding-left:40px;
		padding-top:5px;
		font-size:12px;
		background:url("images/bg_customer.jpg") 0px 0px repeat-x;
	}

	#linkFooter .warning{
		width:74px;
		height:34px;
		display:block;
		float:left;
		margin-left:15px;
		color:#FFFFFF;
		text-decoration:none;
		padding-left:50px;
		padding-top:7px;
		background:url("images/bg_warning.jpg") 0px 0px no-repeat;
	}

	#linkFooter .garanty{
		width:74px;
		height:34px;
		display:block;
		float:left;
		margin-left:15px;
		color:#FFFFFF;
		text-decoration:none;
		padding-left:50px;
		padding-top:7px;
		background:url("images/bg_garanty.jpg") 0px 0px no-repeat;
	}

	#linkFooter .homologation{
		width:82px;
		height:34px;
		display:block;
		float:left;
		margin-left:15px;
		color:#FFFFFF;
		text-decoration:none;
		padding-left:42px;
		padding-top:7px;
		background:url("images/bg_homologation.jpg") 0px 0px no-repeat;
	}

	#linkFooter .member{
		width:74px;
		height:34px;
		display:block;
		float:left;
		margin-left:15px;
		color:#FFFFFF;
		text-decoration:none;
		padding-left:50px;
		padding-top:7px;
		background:url("images/bg_member.jpg") 0px 0px no-repeat;
	}

	#linkFooter .bxl{
		width:81px;
		height:34px;
		display:block;
		float:left;
		margin-left:15px;
		color:#FFFFFF;
		text-decoration:none;
		padding-left:44px;
		padding-top:7px;
		background:url("images/bg_bxl.jpg") 0px 0px no-repeat;
	}

		#linkFooter A:hover{
			background-position:0px -41px;
		}

#footer{
	clear: both;
	width: 934px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	color:#EBE2D1;
	margin-top:15px;
	padding-bottom:30px;
} 

	#submenu{
		float:left;
	}

	#paiementMethods{
		margin-left:0px;	
		display:block;
		float:right;
		width:149px;
		height:31px;
		padding-right:10px;
		background:url("images/bg_paiementmethods.jpg") 0px 0px no-repeat;
	}

	#footer A{
		color:#888888;
		text-decoration:none;
	}

	#footer A:hover{
		color:white;
	}

.clear{ clear: both; }


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

A{
text-decoration:underline;
font-family:arial;
font-weight:normal;
color:#ED0202;
}

A:HOVER{
text-decoration:none;
font-family:arial;
font-weight:normal;
color:white;
}

H1{
font-size:16px;
font-weight:bold;
color:#FFFFFF;
margin-bottom:15px;
margin-top:0px;
display:block;
padding-left:6px;
padding-top:3px;
padding-bottom:3px;
background-color:#262626;
}

H2{
font-size:14px;
font-weight:bold;
color:#FFFFFF;
margin-bottom: 0px;
margin-top: 0px;
display:block;
}

H3{
text-decoration:none;
font-size:13px;
color:white;
margin-bottom: 0px;
margin-top: 0px;
display:block;
font-weight:normal;
}

hr{
color:#363636;
background-color:#363636;
height:1px;
border:0;
}

/*-------------------------------------------------------------*/
/*-           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{
	background-color: #141414;
	border-color: #363636;
	border-width: 1px;
	border-style: solid;
	color: #FFFFFF;
	font-size:12px;
	font-family:Arial;
	margin-bottom:0px;
}
		
.btn{
	border:1px solid #E00116;
	color:#FFFFFF;
	font-size:10px;
	padding-left:3px;
	padding-right:3px;
	cursor:pointer;
	background:url('images/bg_button.gif') 0px 0px repeat-x red;
	text-align:center;
}

.btn:hover{
	border:1px solid #FFFFFF;
	color:#000000;
	font-size:10px;
	padding-left:3px;
	padding-right:3px;
	cursor:pointer;
	background:url('images/bg_buttono.gif') 0px 0px repeat-x #FFFFFF;
	text-align:center;
}

.formulaire{
	text-align:left;
	border:2px solid #262626;
	background-color:#141414;
	padding:10px;
}

.formulaire TD{
}

.formulaire .pnlMsg{
	color:#E00116;
	border:1px solid #E00116;
	background-color:#FFC8CD;
	padding:5px;
	font-size:150%;
}

	.formulaire .label{
		margin:0px;
		padding-top:0px;
		padding-right:10px;
	}

	.formulaire .input{
		margin:0px;
	}
	
	.formulaire .inputBorder INPUT,
	.formulaire .inputBorder TEXTAREA{
		border: #E00116 1px solid;
		margin:0px;		
	}
	
	.formulaire .inputBorder .btn, .formulaire .inputBorder .btn:hover{
		color:#FFFFFF;
	}
	
	.formulaire .asterisque{
	     color:#E00116;
		 font-size:19px;		
		 font-weight:bold;
		 width:25px;
	}

	.formulaire .alert{	
	color:#E00116;
	}

/*-------------------------------------------------------------*/
/*-           TITLE REPLACE                                   -*/
/*-------------------------------------------------------------*/

div#qTip {
  display: none;
  position: absolute;
  z-index: 1000;
  margin-top:5px;
  margin-left:25px;
  padding:6px;
  width:90px;
  min-height:10px;
  color: #FFFFFF;
  font-size:11px;
  font-weight:bold;
  background-color:#E00116;
  border:1px solid #000000;
}

/*-------------------------------------------------------------*/
/*-           OVERLAY                                         -*/
/*-------------------------------------------------------------*/

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}

/*-------------------------------------------------------------*/
/*-           DHTMLTOOLTIP                                    -*/
/*-------------------------------------------------------------*/
	
#dhtmltooltip{
	position: absolute;
	background-color:white;
	visibility: hidden;
	z-index: 100;
}

.dhtmltooltip_inner{
	border: 1px solid #262626;	
	background-color:#141414;		
	padding:4px;
	position:relative;
}