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

	body		{ background: #060606; no-repeat top center; }
	#global		{ position: relative; min-height: 100%; height: auto !important; height: 100%; width: 100%; }
	#header		{ position: relative; z-index: 100; width: 960px; height: 551px; margin: auto;
				  background: url(/images/interface/header.jpg) no-repeat top center; }
	#nav		{
	width: 380px;
	margin: auto;
	height: auto;
	position: absolute;
	top: 65px;
	left: 548px;
}
	#center		{ width: 960px; margin: auto; background: url(/images/interface/center.jpg) repeat-y top center; }
	#footer 	{
	clear: both;
	width: 900px;
	height:auto !important;
	min-height: 200px;
	height: 200px;
	position: relative;
	margin: auto;
	background-image: url(/images/interface/footer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
				  
				  
	


/* REGLAGES CONTENT  -------------------------------------------------------------------------------------------------------------*/

	#content 	{ width: 850px; background: url(/images/interface/content.jpg) no-repeat top center; text-align: justify; 
			   	  height:auto !important; min-height: 300px; height: 300px; margin: auto; font-size: 0.9em; 
			   	  padding-left: 55px; padding-right: 55px; padding-top: 30px; padding-bottom: 10px; }
	
	#content img{ border: 1px solid #454545; padding: 0.2em; }
	
		/* Double colonne dans le content */		  
	#content #col_gauche {
	float: left;
	width: 395px;
	padding-bottom: 25px;
}
	#content #col_droite {float: left; width: 389px; padding-left: 49px; padding-top:46px;}
	
	#content #col_droite_x1 {
	float: left;
	width: 849px;
	padding-left: 20px;
	padding-top:46px;
	background-image: url(/images/background.png);
	background-repeat: no-repeat;
	height: 211px;}

	#content #col_gauche_x1 {
	float: left;
	width: 250px;
	padding-left: 50px;}

	#content #col_gauche_x2 { float: left; width: 250px; }
	#content #col_gauche_x3 { float: left; width: 250px; }
		
	#content #col_droite_x2 {
	float: left;
	width: 412px;
	padding-top: 4px;
	padding-left: 26px;}
		
	#content #col_droite_x3 {
	float: left;
	width: 356px;
	padding-top: 4px;
	padding-left: 26px;}
		
		
	#content #col_droite_x4 {
	float: left;
	width: 849px;
	padding-left: 20px;
	padding-top:46px;
	background-image: url(/images/reference.png);
	background-repeat: no-repeat;
	height: 211px;}
		
	#content #col_droite_x5 {
	float: left;
	width: 356px;
	padding-top: 4px;
	padding-left: 26px;}
		
	#content #col_droite_x6 {
	float: left;
	width: 356px;
	padding-top: 55px;
	padding-left: 26px;}
		
	#content #col_droite_x7 {
	float: left;
	width: 399px;
	padding-top: 0px;
	padding-left: 39px;}
	
	
	#content #col_droite_x8 {
	float: left;
	width: 399px;
	padding-top: 0px;
	padding-left: 38px;}
	
	#content #col_droite_x11 {
	float: left;
	width: 356px;
	padding-left: 26px;}
	
	#content #col_droite_x9 {
	float: left;
	width: 399px;
	padding-top: 44px;
	padding-left: 38px;}
	
	#content #col_droite_x10 {
	float: left;
	width: 399px;
	padding-left: 43px;
	margin-top: -15px;}
	
	#content #col_droite_x12 {
	float: left;
	width: 399px;
	padding-left: 38px;}
		
	#content #col_gauche_x4 {
	float: left;
	width: 450px;
	padding-bottom: 20px;}
	
	#content #col_gauche_x5 {
	float: left;
	width: 450px;
	padding-bottom: 20px;}
	
	#content #col_gauche_x6 {
	float: left;
	width: 450px;
	padding-bottom: 20px;}
	
	#content #col_gauche_x7 { float: left; width: 450px; }
	
	#content #col_gauche_x8 {
	float: left;
	width: 412px;}
	
	#content #col_gauche_x9 {
	float: left;
	width: 412px;
	padding-top: -5px;}
	
	#content #col_gauche_x10 {
	float: left;
	width: 405px;
	padding-top: -5px;}
	
	#content #col_gauche_x11 {
	float: left;
	width: 405px;
	padding-top: -5px;
	padding-left: 215px;
}
	
	
	
/* WCB ---------------------------------------------------------------------------------------------------------------------------*/
	
	#header #headerElements #wcb 				{ position: absolute; top: 163px; right: 98px; z-index:2; }
	#header #headerElements #wcb #boutonappel 	{ text-indent : -9999px; height: 46px; width: 283px; overflow: hidden; 
												  background: url(/images/wcb.gif) no-repeat top left; display: block; }
												  	
/* H1 ----------------------------------------------------------------------------------------------------------------------------*/	
	
	#header #headerElements #logoH1 			{ position: absolute; top: 0; left: 0; width: 960px; height: 551px; }
	#header #headerElements h1 a				{ text-indent: -9999px; overflow: hidden; display: block; width: 960px; height: 551px;
												  background: url(/images/h1.jpg) no-repeat top left;}
	#header #headerElements h1					{ width: 960px; height: 551px; }


/* NAVIGATION  -------------------------------------------------------------------------------------------------------------*/
	
	/* GENERAL  ------------------------------------------------------------------------------------*/
	#nav ul   			{ text-align: left; width: 380px; }
	#nav ul li   		{ float: left; line-height: 18px; }
	#nav ul li a 		{ width: 160px; display: block; font-size: 0.9em; color: #FFF; text-decoration: none;
						  padding-left: 20px; padding-right: 4px;}
	#nav ul li a:hover	{
	color: #120054;
	background: url(/images/interface/on.jpg) no-repeat left 5px;
}

	/* REGLAGES BOUTONS  -----------------------------------------------------------------------------*/
	#nav ul li.mentions	{ position: absolute; text-indent: -9999px; margin-top:-99999px; margin-left:-99999px; }
	#automobiles #nav li.automobiles a,
	#accueil #nav li.accueil a,
	#industrie #nav li.industrie a,
	#sav #nav li.sav a,
	#offres #nav li.offres a,
	#logistique #nav li.logistique a,
	#contact #nav li.contact a,
	#plan #nav li.plan a,
	#mentions #nav li.mentions a {
	color: #120054;
	background: url(/images/interface/on.jpg) no-repeat left 5px;
	text-decoration:underline;
}

	
/* NAVIGATION FOOTER ----------------------------------------------------------------------------------------------------------------*/

	#footer #footerElements 			{ width: 780px; padding-bottom: 0; padding-top: 10px; margin: auto; position: relative; } 
	#footer #footerElements ul 			{ text-align: center; padding-top: 0; } 
	#footer #footerElements li 			{ display: inline; padding-left: 7px; padding-right: 7px;  }
	#footer #footerElements li a 		{ color: #333; font-size: 0.9em; text-decoration: none; }
	#footer #footerElements li a:hover 	{
	color: #120054;
	font-size: 0.9em;
	text-decoration : none;
}
	
	/* Boutons actifs  -------------------------------------------------------------------------------------------------------------*/
	#accueil #footer li.accueil a,
	#automobiles #footer li.automobiles a,
	#industrie #footer li.industrie a,
	#sav #footer li.sav a,
	#offres #footer li.offres a,
	#logistique #footer li.logistique a,
	#contact #footer li.contact a,
	#plan #footer li.plan a,
	#mentions #footer li.mentions a	 	{
	font-size: 0.9em;
	text-decoration : none;
	color: #120054;
	text-decoration:underline;
}
	
	

/* HCARD, POWERED, W3C  -------------------------------------------------------------------------------------------------------------*/

	#footer #footerElements .vcard 			{ color: #FFFFFF; font-size: 0.9em; padding-left: 7px; padding-top: 80px; text-align: center;}	
	#footer #footerElements .vcard a 		{ color: #FFFFFF; font-size: 1em; text-decoration: none; }
	#footer #footerElements .vcard a:hover	{ color: #FFFFFF; font-size: 1em; text-decoration: none; }
			
	#footer #footerElements .vcard .type	{ display:none; } 

	#footer #footerElements .vcard .value,
	#footer #footerElements .vcard .org 	{ font-weight: bold; } 

	#footer #footerElements .vcard .sepAdr,
	#footer #footerElements .vcard .sepTel	{ display: inline; height: 1px; overflow: hidden; } 
	
	#footer #footerElements #w3c 			{
	position: absolute;
	right: 10px;
	top: 50px;
	display: none;
}	


/* AUTRES -------------------------------------------------------------------------------------------------------------------------*/
	.left 	{ float:left; margin-right: 5px; margin-bottom: 5px; }
		
	.right 	{ float:right; margin-left: 30px; border: 1px solid #454545; padding: 0.2em; }
		
	.clear 	{ clear: both; }
 	
	hr { border-top: 1px solid #464344; border-right: 1px solid #252122; border-bottom: 1px solid #252122; border-left: 1px solid #252122; 
		 margin-top: 2em; margin-bottom: 1em; }
		 
#cms h1 { display:block; }