/*
Lovenfosse Pierre - Plo
*/

* {
	margin: 0;
	padding: 0;
}

/*MAIN STYLE*/

body { background: #ffffff; font: normal 62.5% "Lucida Sans Unicode","Lucida Grande",Sans-serif; color: #3c3b3b; position: relative;}
img { display: block; }
a{ text-decoration: none; color: #585858; outline: none; }
a:hover{ color: #e43935; }
a img {	border: none; }
p{ font-size: 1.2em;line-height:1.6em; } 
li{ list-style: none; }
object:focus{ outline: none; }
h2{
	text-transform: uppercase;
	font-size: 1.7em;
	color: #e92a24;
}

/*STAGE*/

#global_wrapper{
	padding-bottom: 50px;
	height: 100%;
	width: 100%;
}

#wrapper{
	position: relative;
	width: 964px;
	margin: 0 auto; 
	border: 5px #e9e9e9 solid; 
	/* border-top: 1px #e9e9e9 solid;  */
	border-top: 1px #e9e9e9 solid; 
}

#content{
	border: 1px #fff solid;
}

/*HEADER*/

#header{
	position: relative;
	background: url("../_images/headerBg.gif") top left repeat-x;	
	height: 78px; 
	border: 1px #fff solid;
	border-bottom: none;
}

#logo{
	position: absolute;
	top: 7px;
	left: 18px;
	width: 79px;
	height: 60px;
}

/*NAVIGATION MENU*/

#nav{ position: absolute; top: 50px; left: 124px; }

#nav a.noDotted, #headNav a.noDotted{ background: none !important; }

#nav a.noBorder, #tarifsOptions ul li ul.listing li.noBorder, li.noBorder { border: none !important; }

#nav a.actived, #headNav a.actived{ color: #e43935 !important; }

#nav a.subNav{ width: 83px; }

#nav a.hoverStatus{ background: url("../_images/navHover.gif") no-repeat top right !important; color: #e43935 !important; }

#nav .nav_level_1{ list-style: none; overflow: hidden;}

#nav .nav_level_1 li{ display: inline; float: left; }

#nav .nav_level_1 li a, #headNav ul li a{
	padding: 0 15px;
	display: inline-block;	
	height: 27px;
	font-weight: bold;
	font-size:  1em;
	text-transform: uppercase;
	text-align: center;
	white-space: nowrap;
	background: url("../_images/dottedBorderMenu.gif") no-repeat top right; 
}

#nav .nav_level_2{
	position: absolute;
	z-index: 80;
	top: 27px;
	left: 83px;
	width: 105px; /*Width du li parent*/
	padding: 3px 0 0 0;
	background: url("../_images/top_subNav.gif") no-repeat top left;
	list-style: none;
	display: none;
	zoom:1;
}

#nav .nav_level_2 li{
	float: none;
	clear:both;
	padding: 0;
	border-bottom: 1px #fff solid;
	display: block; 
}

#nav .nav_level_2 li a{
	background: #f0f0f0;
	border-bottom: 1px #e9e9e9 solid; 
	text-align: center;
	padding: 10px 0 7px 0;
	height: auto;
	display: block;
	float: none;
}

/*NAVIGATION CONTACT*/

.nav_contact{
	position: absolute;
	top: 37px;
	right: 20px;
}
.illu_contact {float:right;}


/*HOMEPAGE*/

#homepage{}
#homepage .swf_wrapper{	width: 960px; height: 311px; }
/* #homepage .swf_wrapper{	width: 960px; height: 311px; position: relative; z-index: 69; } */ /* Modifié pour reculer les animations graphique et afficher correctement le menu déroulant 'Nos modèles' */
#homepage .warningPlayer{ padding-top: 200px; }

/*TARIFS PAGE*/

#content_left{ float: left;	width: 595px; }

#content_right{	float: left; width: 342px; padding: 0 0 0 5px; }

#allContentPart{ background: url("../_images/models_shadow_head.gif") no-repeat top left; padding: 34px 0px 0 18px;	overflow: hidden;zoom:1; }

#tarifs{ height:auto; background: url("../_images/shadow_over_cardescription.gif") no-repeat bottom left; }

/*head navigation*/

#headNav{ 
	background: url("../_images/modeles_headTitle.gif") no-repeat top left; 
	height: 55px;	
	width: 962px;
}

#headNav h1{ 
	display: none; 
}

#headNav #carName{ 
	float: left; 
	padding: 17px 0 0 17px; 
}

#headNav ul{ 
	float:right; 
	padding: 20px 0 0 22px; 
}

#headNav ul li{	
	display: inline; 
	float: left; 
}

#headNav ul li a{ 
	font-size: 1.1em;	
	font-weight: normal; 
	text-transform: none; 
	display: block;	
	height: 32px; 
	float: left; 
}

#headNav ul li a:hover, #headNav ul li a.actived{ 
	border-bottom: 2px #e61e1a solid; 
}

#tarifsOptions{	
	font-family: Arial, Helvetica, sans-serif; 
}

#tarifsOptions .title{ 
	overflow: hidden; 
}

#tarifsOptions .title a.printButton { 
	display: block;
	background: url("../_images/printButton.gif") no-repeat top left;
	width: 129px;
	height: 23px;
	color: #bebaba;
	text-transform: uppercase;
	font-size: 0.9em;
	padding: 6px 0 0 13px;
	float: right;
}
#tarifsOptions .title a.brochureButton { 
	display: block;
	background: url("../_images/brochureButton.gif") no-repeat top left;
	width: 180px;
	height: 23px;
	color: #bebaba;
	text-transform: uppercase;
	font-size: 0.9em;
	padding: 6px 0 0 13px;
	float: right;
}
#tarifsOptions .title h2{ color: #3c3b3b; float: left; font-size: 2em; font-weight: normal;}
#tarifsOptions ul{	width: 594px; border-left: 1px #fff solid; border-right: 1px #fff solid; padding: 15px 0 38px 0; }
#tarifsOptions ul li{ display: block; font-size: 1.2em;	border-bottom: 1px #fff solid; }
#tarifsOptions ul li.odd .bgListing{ background:#cac8c8; } 
#tarifsOptions ul li .bgListing { display: block; /*height: 26px;*/ padding: 12px 0 12px 10px; text-transform: uppercase; font-weight: bold; background: #e9e9e9;overflow:hidden;zoom:1; }
#tarifsOptions ul li .col_1{ display: block; width: 230px; float: left; clear:both;}
#tarifsOptions ul li .col_2{ display: block; width: 120px; float: left; /* text-transform: capitalize; */ font-size:0.9em; }
#tarifsOptions ul li .col_3{ display: block; width: 120px; float: left; /* text-transform: capitalize; */ font-size:0.9em;  }
#tarifsOptions ul li .col_4{ display: block; width: 100px; float: left; /* text-transform: capitalize; */ /* text-align:right; */font-size:0.9em;/* text-transform: lowercase */ }
#tarifsOptions ul li.withListing .bgListing{ background: #e9e9e9 url("../_images/arrow_unselected.gif") no-repeat right; }
#tarifsOptions ul li.withListing{ float: none; border-bottom: 1px #fff solid; cursor: pointer; }
#tarifsOptions ul li.withListing.selected{	background: url("../_images/shadow_drop_bottom.gif") no-repeat bottom left;	padding-bottom: 5px; border-bottom: none; }
#tarifsOptions ul li.withListing.selected .bgListing{ background: #e9e9e9 url("../_images/arrow_selected.gif") no-repeat right; }
#tarifsOptions ul li ul.listing{ padding: 5px 0 0 0; background: url("../_images/shadow_drop_top.gif") no-repeat top left;	border: none; display: none; }
/*#tarifsOptions ul li ul.listing li{	display: block;	height: 20px; font-size: 1em; padding: 4px 0 0 8px;	cursor: default; }*/
/*added by nlenaerts*/
#tarifsOptions ul li ul.listing li{	display: block; font-size: 1em; padding: 4px 0px 4px 8px; cursor: default; overflow: hidden;zoom:1;/*IE*/ }
#tarifsOptions ul li ul.listing li.grey{ background: #efefef; }
#tarifsOptions ul li.col1_empty .col_2, #tarifsOptions ul li.col1_empty .col_3 {margin-top:-3px;}
#tarifsOptions ul li .height{height:65px;}
#tarifsOptions ul li .options{font-size:9px;}
#tarifsOptions ul li .prix{font-size:14px;}
#tarifsOptions ul li .red{color:red;}
.footnote{width:585px; margin-left:20px; padding-bottom:20px;}
.large_table #content_left {width: 750px;}
.large_table #content_right {width: 185px;}
.large_table #content_left #tarifsOptions ul {width: 749px;}
.large_table #content_left #tarifsOptions ul li.withListing.selected .bgListing{ background-position: right; }
/* .large_table #content_left #tarifsOptions ul li.withListing .bgListing{ background-position: 720px 12px; } */
/*Accessoires*/

#accessoires{ clear: both; padding: 0 0 30px 0;margin-bottom:25px; }
#accessoires h2{ color: #3c3b3b; font-size: 2em; font-weight: normal; padding: 0 0 20px 20px;}
#accessoires .swf_wrapper{ border: 1px #e9e9e9 solid; height: 171px;}
#accessoires .swf_wrapper .warningPlayer{ padding-top: 60px; }

/*sticker*/

#swf_sticker_box{ padding-top: 44px; }
#swf_sticker_box .swf_wrapper{ border: 1px #e9e9e9 solid; width: 145px;	height: 145px; }
#swf_sticker_box .swf_wrapper .warningPlayer{ padding: 25px 5px 0 5px; }

/*DETAILS*/

#details{
	font-family: Arial, Helvetica, sans-serif; 
	overflow: hidden;
	zoom:1;
	background: url("../_images/shadow_over_cardescription.gif") no-repeat bottom left; 
	padding-bottom: 20px;
}

#details #allContentTop{
	position: relative;
	overflow: hidden;
	zoom:1;
	z-index:-1;
	padding-left: 0px;
	background: url("../_images/models_shadow_head.gif") no-repeat top left; padding: 30px 0px 0px 0px;	overflow: hidden;
}

#details #allContentTop h2, #details #allContentBottom h2, #contact_page h2 {
	color: #3c3b3b; font-size: 2em; font-weight: normal; padding: 0 0 16px 0; line-height:0.9em;
}
#contact_page h2 {
	font-size:1.5em;
	padding: 16px 0 3px 0;
}

#details #allContentTop .left, #details #allContentBottom .left{
	float: left;
	width: 318px;
}
#details #allContentTop .wrapper, #details #allContentTop .big_wrapper  {overflow:hidden;zoom:1;}
#details #allContentTop .wrapper {float:left;width:644px;}
#details #allContentTop .big_wrapper {margin-bottom:20px;}
#details #allContentTop .big_wrapper .left {width:250px;}
#details #allContentTop .big_wrapper .middle {width:290px;padding-left:70px;}
#details #allContentTop .left p img, #details #allContentBottom .left p img, #details #allContentBottom .middle p img, #details #allContentBottom .right p img   {padding:15px 0;}
#details #allContentTop .padL {padding-left: 20px;}
#details #allContentTop .col2 {float:left;width:623px;}
#details #allContentTop .col2_txt, #details #allContentBottom .col2_txt {float:left;width:580px;padding:0 20px;}
#details #allContentTop .col2 img {padding-bottom:12px;}
#details #allContentTop .col2_txt p img,  #details #allContentBottom .col2_txt p img{padding:15px 0;}
.FR {float: right;}
.FL {float: left;}
/* #details #allContentTop .left, #details #allContentBottom .col2 img {float:right;} */
#details #allContentBottom .left{
	width: 298px;
	padding-left: 20px;
}
#details #allContentBottom .left_img {width:318px;padding-left:0;float:left;}
.MT {margin-top:50px;}
.MB {margin-bottom:20px;}
.CB {clear:both;}
#details #allContentBottom .left img{
	padding-bottom: 12px;
}

#details #allContentTop .middle, #details #allContentBottom .middle{
	float: left;
	width: 290px;
	padding-left: 20px;
}

#details #allContentTop .middle p, #details #allContentBottom .middle p, #details #allContentBottom .left p{
	padding: 0 0 12px 0;
}

#details #allContentTop .middle .swf_wrapper{ 
	width: 290px;	
	height: 95px; 
}

#details #allContentTop .middle .swf_wrapper .warningPlayer, #details #allContentBottom .middle .swf_wrapper .warningPlayer{
	padding-top: 20px;
}

#details #allContentBottom #swf_sticker_box{
	padding-top: 0;
}

#details #allContentTop .right, #details #allContentBottom .right{
	float: left;
	width: 310px;
	padding-left: 20px;
}
#details #allContentBottom .right {float:right;padding-left:0;}
#details #allContentBottom .right_txt {float:right;padding-right:20px;width:290px;}
#details #allContentTop .mini_right {float: left;width: 294px;padding-left: 20px;}
#details #allContentTop .right {
	/* padding-bottom:120px; */
	padding-bottom:50px;
}
#details #allContentTop .right_img {width:294px;float:right;}
/* 
#details #allContentBottom .right{
	padding-left: 20px;
} */


#details #allContentTop .right p{
	padding: 12px 20px 0 0;
}

#details #allContentTop .cta_inContent{
	float: none;
	clear: both;
	position: absolute;
	right: 0;
	bottom: 0;
}

#details #allContentTop .cta_inContent ul li{
 	border-bottom: none;
}

/*INTRODUCTION*/

/* #introduction .swf_wrapper{ height: 430px; background: url("../_images/models_shadow_head.gif") no-repeat top left; padding: 30px 0px 0px 0px;	} */
#introduction .swf_wrapper{}

#introduction .swf_wrapper .warningPlayer { padding-top: 200px; }

/*NEWS*/

#news .swf_wrapper{ height: 412px; }
#news .swf_wrapper .warningPlayer { padding-top: 200px; }

/*HISTOIRE*/

#histoire .swf_wrapper{ height: 457px; }
#histoire .swf_wrapper .warningPlayer { padding-top: 200px; }
/*NAVIGATION CAR DESCRIPTION*/

/* #carDescription {overflow: hidden;zoom:1; clear: both;} */ /* Modifié lors du rajout de la Charade */
#carDescription {overflow: hidden;zoom:1; clear: both; background: url("../_images/bg_car_description_court.gif") repeat top left;}
#carDescription ul.navCarDescription {overflow:hidden;zoom:1;}
#carDescription ul.navCarDescription li{
	display: block; /*IE6 inline */
	float:left;
	height: 32px;
	border-right: 1px #d9d9d9 solid;
	overflow: hidden;
}
#carDescription ul.navCarDescription li.lastTab  {border-right:none;}
#carDescription ul.navCarDescription li.border {border-right:1px solid #D9D9D9;}
#carDescription ul.navCarDescription li.lastTab  span {padding: 8px 58px 0 0;}
#carDescription a.tabs{
	height: 21px; 
	/* padding-left: 59px; */ /* Modification pour Charade */
	padding-left: 45px;
	height: 32px;
	float: left;
	display: block;
	background: url("../_images/navCarDescription.gif") no-repeat top left;
}

#carDescription a.tabs span{
	/* padding: 8px 60px 0 0; */ /* Modification pour Charade */
	padding: 8px 45px 0 0;
	height: 24px;
	float: left;
	cursor: pointer;
	font-size: 1em;
	font-weight: bold; 
	text-transform:uppercase;
	background: url("../_images/navCarDescription.gif") no-repeat top right;
}

#carDescription a.tabs:hover, #carDescription li.active a.tabs { background: url("../_images/navCarDescription.gif") no-repeat bottom left; }
#carDescription a.tabs:hover span, #carDescription li.active a.tabs span{ background: url("../_images/navCarDescription.gif") no-repeat bottom right; }

#carDescription .description{
	position: absolute;
	bottom: 251px; 
	background: #fff url("../_images/bg_car_description.gif") no-repeat bottom left;
	width: 320px;
	padding: 20px 10px 0 10px;
	font-size: 1.2em;
	clear: both;
	visibility: hidden;
	overflow:hidden;
	zoom:1;
	cursor: pointer !important;
}
#carDescription .description * {cursor: pointer !important;}
#carDescription .description .body {float:left;width:240px;}
#carDescription .description .badge {float:left;padding-top:40px;}
#carDescription .description .badge img {display:block;margin-bottom:15px;}
#carDescription .headLine{
	border-bottom: 1px #cdcdcd solid;
	overflow: hidden;
	padding-bottom: 5px;
	letter-spacing: -0.1em;
	height: 23px;
}

#carDescription .headLine h2{
	float: left;
} 

#carDescription .headLine p{
 	float: right;
	font-weight: bold;
	padding-top: 6px;
}

#carDescription .content{
	padding: 10px 0 0 0;	
}

#carDescription .content p{
	font-weight: bold;
	line-height:auto;
	font-size:1.0em;
}

#carDescription .content img{
	padding: 5px 12px 0 12px;
}

#carDescription .content ul{
	padding: 15px 0 5px 0;	
	border-bottom: 1px #cdcdcd solid;
}

#carDescription .content ul li{
	height: auto;
	padding: 0 0 0 13px;
	float: none;
	display: list-item;
	border: none;
	font-size: 0.9em;
	background: url("../_images/listStyle.gif") no-repeat left 5px;
}

/*Car description features*/

#carDescription .features{
	padding: 20px 0 20px 0;
	border-top: 1px #fff solid;
}

#carDescription .option{
	overflow: hidden;
	zoom:1;
	/* height: 25px; */
}

#carDescription .title{
	float: left;
	width: 96px;
}
#carDescription .conso {position:relative;height:30px;}
#carDescription ul.navCarDescription .conso span.cycle {font-size:0.8em;position:absolute;top:15px;padding:0;}
#carDescription .result{
	float:left;
	padding: 0 0 0 10px;
}

#carDescription .result img{
	padding: 0;
}

/*CTAS*/

#ctas{
	overflow: hidden;
	height: 98px;
	background: url("../_images/shadow_under_navCar.gif") no-repeat top left;
	padding: 5px 0 0 0;
	width:964px;
}

#ctas .cta, #ctas .lastCta{
	float: left;
	border-right: 5px #e9e9e9 solid;
}

#ctas .cta div{
	border: 1px #fff solid;
}

#ctas .lastCta{
	border: none;
}

#ctas ul, #details #allContentTop .cta_inContent ul{
	border-top: 1px #fff solid;
}

#ctas ul li, #details #allContentTop .cta_inContent ul li{
	width: 317px;
	display: list-item;
	border-bottom: 1px #fff solid;
}

#ctas ul li a, #details #allContentTop .cta_inContent ul li a{
	background: url("../_images/cta_button.gif") no-repeat top left;
	display: block;
	height: 24px;
	padding: 8px 0 0 15px;
	font-weight: bold;
}

/*FOOTER*/

.footer{
	border-top:#E9E9E9 solid 5px;
	overflow:hidden;
	zoom:1;
	
}
.footer img {float:left;}
.footer .logo {float:right;margin:5px;}
.footer ul {float:left;padding:12px 0 0 5px ;}
.footer ul li {font-size:1.2em;background: url('../_images/bullet.gif') no-repeat center left;padding-left:15px;}

 /*CLASSES*/

.warningPlayer p{
	text-align: center;
	font-size: 10px !important;
}

.warningPlayer h1, .warningPlayer h2{
	color: #e71d1b;
	font-size: 1.7em;
	text-transform:uppercase;
	text-align: center;
}


.text_center {
	text-align: center;
}

.carIntroTexte {
	overflow: hidden;
	padding: 15px 0px 15px 0px;
}
.carIntroTexte div.cols3 {
	float: left;
	width: 31%;
	padding: 0 1%;
}
.carIntroTexte div.cols2 {
	float: left;
	width: 48%;
	padding: 0 1%;
}

#flashcontactform {
	float:left;
}
.contact_side {
	float:right;
	width:435px;
	padding: 0px 20px 30px 0px;
}

/* flash content_right */
#prime, #garantie, #eco {margin:40px 0 0 15px;float:left;}
#garantie {margin-left:35px;}
#prime {margin-top:44px;}
.large_table #garantie {margin-left:14px;}

/* brochures */
.brochures #tarifsOptions ul li.withListing .bgListing {background:#E9E9E9;}
.brochures #tarifsOptions ul li.withListing .bgListing .col_2 {background:#E9E9E9;width:auto;margin-right:25px;float:right;text-transform:none;}
.brochures #tarifsOptions ul li.withListing .bgListing .col_2 a {text-decoration:underline;}

/* concessionnaire */
#dealer_find_form {
	width:362px;float:left;padding-top:20px;
}
#dealer_find_form p {padding:0 20px 16px 20px;}
#dealer_find_form form {padding:0 0 0 20px;}
#dealer_find_form form fieldset {border:none;}

.foot_notes {margin:0 auto;width:964px;font-size:1.0em;}

.note {font-size:0.8em;}
.last_news a {font-weight:bold;color: #e61e1a !important;}