/***************************** global **************************/
body {
	background-color:#000;
	color:#fff;
	font-family:arial,verdana,helvetica,sans-serif;
	font-size:11px;
}
div#global_wrapper {
	margin:auto;
	width:975px;
}

/***************************** header *************************/
div#header {
	height:123px;
	background-image:url('../images/header.jpg');
	position:relative;
}
div#header h1 {
	position:absolute;
	bottom:23px;
	right:7px;
	font-size:14px;
	font-weight:bold;
}
/* langzone */
div#langzone {
	float:right;
	margin-top:9px;
	height:28px;
	line-height:28px;
	font-weight:bold;
}
div#langzone a {
	text-decoration:none;
	color:#FFF;
	padding-left:10px;
	padding-right:10px;
	display:block;
	height:28px;
	float:left;
}
div#langzone a#sitemap {
	margin-left:10px;
	margin-right:10px;
}
div#langzone a:hover, div#langzone a.current {
	background-color:#000;
	color:#666;
}

/***************************** mainmenu **************************/
div#mainmenu {
	height:23px;
}
ul.mainmenu {
	float:right;
	height:23px;
	padding-right:75px;
}
ul.mainmenu li {
	float:left;
}
ul.mainmenu li a {
	display:block;
	line-height:23px;
	padding-left:12px;
	padding-right:12px;
	color:#9D9D9D;
	text-decoration:none;
	font-weight:bold;
}
ul.mainmenu li a.current, ul.mainmenu li a:hover {
	color:#FFF;
	background-color:#666;
}

/* top deco */
div#top {
	height:31px;
	background-image:url('../images/top.jpg');
}

/*********************** content ****************************/


div#content {
	padding-left:10px;
	padding-right:10px;
	min-height:300px;
	height:auto;
	/*_height:300px;*/
}


/* footer ¨*/
div#footer {
	height:72px;
	background-image:url('../images/bottom.jpg');
	position:relative;
}
div#footer div#contact {
	position:absolute;
	bottom:18px;
	left:7px;
	font-size:12px;
	font-weight:bold;
	width:960px;
	text-align:center;
	
}
div#footer div#credits {
	position:absolute;
	bottom:18px;
	right:7px;
}
div#footer div#credits a {
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
}

/************************* ACCUEIL ******************************/
div#accueil_left {
	float:left;
	width:265px;
	border:1px solid red;
	height:325px;
	margin:25px;
	margin-left:50px;
	_margin-left:25px;
	background-color:#333333;
	overflow:hidden;
}
div#accueil_left h2 {
	background-image:url('../images/reddegrade.jpg');
	background-repeat:repeat-y;
	height:22px;
	padding-left:10px;
	font-weight:bold;
	font-size:13px;
	border-bottom:1px solid red;
	line-height:22px;
	_padding-top:4px;
	_height:18px;
}
div#accueil_left_inner {
	overflow:scroll;
	padding-left:7px;
	padding-top:10px;
	height:306px;
	width:255px;
	margin-top:3px;
}
div#accueil_left_inner a.accueil_left_promo {
	display:block;
	margin:2px;
	background-color:#666666;
	width:230px;
	height:82px;
	margin-bottom:8px;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
}
div#accueil_left_inner a.accueil_left_promo img {
	border:1px solid red;
	margin:8px;
	vertical-align: middle;
	float: left;
}

div#accueil_left_inner a.accueil_left_promo span {
	line-height: 16px;
	width:120px;
	padding:8px;
	margin-top: 12px;
	float:left;
}

div#accueil_right {
	float:left;
	padding-top:40px;
	width:610px;
	height:330px;
}

div#accueil_flash {
height:265px;
width:580px;
padding:10px;
}

div#flash_jantes {
	
	width:265px;
	height:115px;
	float:right;
	border:1px solid silver;
}

div#flash_tuningbox {
	margin-top:35px;
	width:265px;
	height:115px;
	float:right;
	border:1px solid silver;
}

div#flash_pneus {
	
	width:265px;
	height:115px;
	border:1px solid silver;
}

div#flash_suspensions {
	margin-top:35px;
	width:265px;
	height:115px;
	border:1px solid silver;
}


/*
div#accueil_right a.accueil_right_box {
	display:inline;
	float:left;
	border:1px solid #FFF;
	width:264px;
	height:114px;
	text-decoration:none;
	color:#FFF;
	margin:18px;
}

div#accueil_right a.accueil_right_box h2 {
	height:22px;
	padding-left:23px;
	font-weight:bold;
	font-size:12px;
	line-height:22px;
	background-image:url('../images/puceonred.jpg');
	background-repeat:no-repeat;
	background-position:7px 7px;
}*/

/*************************** Entreprise **************************/
div#entreprise_left {
	float:left;
	width:400px;
	height:325px;
	margin:20px;
	padding:10px;
	font-size:12px;
	color:#666;
	color:white;
}
div#entreprise_left h2 {
	background-repeat:repeat-y;
	height:22px;
	padding-left:10px;
	font-weight:bold;
	font-size:13px;
	line-height:22px;
	_padding-top:4px;
	_height:18px;
	color:white;
}

div#entreprise_left p {
	padding-left:20px;
}

div#entreprise_right {
	float:left;
	margin-top:60px;
	width:445px;
	height:310px;
	font-size:12px;
}
div#entreprise_right img {
	border:1px solid white;
	padding:3px;
	margin-bottom:3px;
	
}

/**************************** SERVICES ******************************/



div#services_left {
	float:left;
	width:220px;
	/*border:1px solid white;*/
	height:380px;
	margin:20px;
	margin-left:10px;
	margin-right:10px;
	/*margin-top:60px;*/
	padding-left:5px;
	padding-top:60px;
	font-size:12px;
	/*font-weight:bold;*/
	color:#666;
	color:white;
	background-image:url(../images/services/pneus.jpg);
	background-repeat:no-repeat;
	background-position:50% 100%;
	/*overflow:hidden;*/
}


div#services_left h2 {
	height:22px;
	font-weight:bold;
	font-size:13px;
	line-height:22px;
	_padding-top:4px;
	_height:18px;
	color:white;
}

a#suspensions {
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	color:white;
	background:url(../images/puceonred.jpg) 0% 50% no-repeat;
	margin-left:15px;
}

a#suspensions:hover {
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	background:url(../images/puceoffred.jpg) 0% 50% no-repeat;
	color:#9D9D9D;
	margin-left:15px;
}

a#suspensions_current {
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	background:url(../images/puceoffred.jpg) 0% 50% no-repeat;
	color:#9D9D9D;
	margin-left:15px;
}

div#services_left p {
	padding-left:10px;
	font-size:12px;
}

div#services_sousmenu {
	float:left;
	margin:20px;
	margin-bottom:0px;
	width:500px;
	height:50px;
	
	padding:10px;
}
a.services_sousmenu {
	color:white;
	font-size:12px;
	font-weight:bold;
	margin-right:10px;
	text-decoration:none;
	background:url(../images/puceonred.jpg) 0% 50% no-repeat;
	
}

a.services_sousmenu:hover {
	color:#9D9D9D;
	background:url(../images/puceoffred.jpg) 0% 50% no-repeat;
}

a.services_sousmenu_current {
	color:#9D9D9D;
	font-size:12px;
	font-weight:bold;
	margin-right:10px;
	text-decoration:none;
	background:url(../images/puceoffred.jpg) 0% 50% no-repeat;
}

div#services_right {
	float:left;
	margin-left:15px;
	margin-bottom:30px;
	width:695px;
	height:350px;
	min-height:350px;
	font-size:12px;
	/*border:1px solid white;*/
}

html > body div#services_right {
	float:left;
	margin-left:15px;
	margin-bottom:30px;
	width:695px;
	height:auto;
	min-height:350px;
	font-size:12px;
	/*border:1px solid white;*/
}

div#services_right img {
	border:1px solid #9D9D9D;
	padding:3px;
	margin:3px;
	margin-bottom:3px;
	filter:alpha(opacity=50);
	/*-moz-opacity:.50;*/
	opacity:.50;		
	
}

div#services_right a:hover img {
	filter:alpha(opacity=100);
	/*-moz-opacity:1.0;*/
	opacity:1.0;	
}

/******************************* TEAM ********************************/

div#team_left {
	width:920px;
	/*border:1px solid white;*/
	height:50px;
	margin:20px;
	margin-left:10px;
	margin-right:10px;
	/*margin-top:60px;*/
	padding:5px;
	font-size:12px;
	/*font-weight:bold;*/
	color:white;
	
}

div#team_left h2 {
	height:22px;
	font-weight:bold;
	font-size:13px;
	/*border-bottom:1px solid red;*/
	line-height:22px;
	_padding-top:4px;
	_height:18px;
	color:white;
}
div#team_left p {
	padding-left:20px;
}

div#team_right {
	width:920px;
	height:320px;
	padding:5px;
	padding-top:40px;
	margin-left:10px;
	margin-right:10px;
	/*border:1px solid white;*/
}

div#team_right td {
	text-align:center;
}

td.team_fonction {
	font-size:12px;
	font-weight:bold;
}

td.team_infos {
	background-color:#666;
	font-size:12px;
	padding:10px;
	border:1px solid black;
}
td.team_infos a {
	color:white;
	text-decoration:none;
}

td.team_infos a:hover {
	color:#9D9D9D;
}

/**************************** NEWSLETTER ********************************/

div#newsletter_left {
	float:left;
	width:270px;
	height:325px;
	margin:20px;
	padding:10px;
	font-size:12px;
	color:#666;
	color:white;
}
div#newsletter_left h2 {
	background-repeat:repeat-y;
	height:22px;
	padding-left:10px;
	font-weight:bold;
	font-size:13px;
	line-height:22px;
	_padding-top:4px;
	_height:18px;
	color:white;
}

div#newsletter_left p {
	padding-left:20px;
}

div#newsletter_right {
	float:left;
	padding:10px;
	margin-top:20px;
	width:545px;
	height:325px;
	font-size:12px;
}

div#formNewsletter {
	margin-top:50px;
	padding:10px;
	border:1px solid white;
	background-color:#666;
	
}

div#formNewsletter th {
	padding:5px;
}

input#envoyer {
	background:#333333;
	color:white;
	width:80px;
}

input.text {
	width:160px;
}

input#email {
	/*width:335px;*/
}

/******************************* CONTACT ***********************************/

div#contact_left {
	float:left;
	width:300px;
	height:400px;
	margin:20px;
	/*margin-left:30px;*/
	padding:10px;
	font-size:12px;
	color:#666;
	color:white;
	border:1px solid white;
	background-color:#666;
	
}

div#contact_left td {
	padding:3px;
}

html > body div#contact_left {
	float:left;
	width:300px;
	height:400px;
	margin:20px;
	margin-left:40px;
	padding:10px;
	font-size:12px;
	color:#666;
	color:white;
	border:1px solid white;
	background-color:#666;
	
}

div#content h2 {
	background-repeat:repeat-y;
	height:22px;
	padding-left:10px;
	font-weight:bold;
	font-size:13px;
	line-height:22px;
	_padding-top:4px;
	_height:18px;
	color:white;
}

div#contact_right {
	float:left;
	/*padding:10px;*/
	margin-top:20px;
	width:535px;
	height:345px;
	font-size:12px;
	/*border:1px solid white;*/
}

div#contact_ouvertures {
	width:505px;
	height:30px;
	padding:15px;
	font-size:12px;
	border:1px solid white;
	margin-bottom:20px;
	background:#333333;
}

div#map {
	width:535px;
	height:338px;
	/*padding:10px;*/
	font-size:12px;
	border:1px solid white;
}
/*************************** SERVICES APRES VENTE ************************/

div#services-apres-vente_left_left {
	float:left;
	width:300px;
	height:400px;
	margin:20px;
	/*margin-left:30px;*/
	padding:10px;
	font-size:12px;
	color:#666;
	color:white;
	
}

html > body div#services-apres-vente_left {
	float:left;
	width:200px;
	height:400px;
	margin:20px;
	margin-left:40px;
	padding:10px;
	font-size:12px;
	color:#666;
	color:white;
	
}

div#services-apres-vente_left_left h2 {
	background-repeat:repeat-y;
	height:22px;
	padding-left:10px;
	font-weight:bold;
	font-size:13px;
	line-height:22px;
	_padding-top:4px;
	_height:18px;
	color:white;
}

div#services-apres-vente_left_right {
	float:left;
	/*padding:10px;*/
	margin-top:20px;
	width:535px;
	height:345px;
	font-size:12px;
	/*border:1px solid white;*/
}



/*************************** PHOTS CLIENTS *******************************/

div#photos-clients_left {
	float:left;
	width:230px;
	height:325px;
	margin:20px;
	/*margin-left:30px;*/
	padding:10px;
	font-size:12px;
	color:#666;
	color:white;
	/*border:1px solid white;*/
		
}

div#photos-clients_left h2 {
	background-repeat:repeat-y;
	height:22px;
	padding-left:10px;
	font-weight:bold;
	font-size:13px;
	line-height:22px;
	_padding-top:4px;
	_height:18px;
	color:white;
}

div#photos-clients_left p {
	margin-left:20px;
}

div#photos-clients_right {
	float:left;
	/*padding:10px;*/
	margin-top:20px;
	width:600px;
	height:auto;
	font-size:12px;
	/*border:1px solid white;*/
}

div#photos-clients_right img.photosClients {
	border:1px solid #9D9D9D;
	padding:3px;
	margin:3px;
	margin-bottom:3px;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;		
	
}

div#photos-clients_right a:hover img.photosClients {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;	
}

/****************************  SITEMAP  ******************************/

div#sitemap_left {
	float:left;
	width:230px;
	height:325px;
	margin:20px;
	/*margin-left:30px;*/
	padding:10px;
	font-size:12px;
	color:#666;
	color:white;
	/*border:1px solid white;*/
		
}

div#sitemap_left h2 {
	background-repeat:repeat-y;
	height:22px;
	padding-left:10px;
	font-weight:bold;
	font-size:13px;
	line-height:22px;
	_padding-top:4px;
	_height:18px;
	color:white;
}

div#sitemap_left p {
	margin-left:20px;
}

div#sitemap_right {
	float:left;
	padding:10px;
	padding-top:40px;
	margin-top:20px;
	width:600px;
	height:auto;
	font-size:12px;
	/*border:1px solid white;*/
}

div#sitemap_right ul {
}

div#sitemap_right li {
padding:2px;
margin-left:30px;
}


div#sitemap_right a {
	color:silver;	
	text-decoration:none;
}

div#sitemap_right a:hover {
	color:white;	
}

#produweb a{font-family:Arial, Helvetica, sans-serif;color:#666;text-decoration:none;font-weight:bold;}
#produweb{color:#666;}


/**************************** LIGHTBOX  ******************************/

#lightbox{
	background-color:#333333;
	padding: 17px;
	/*border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	*/}
#lightboxDetails{
	font-size: 1em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../fr/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
