/* ============================  CarConfigurator ================================ */
#rightColumn {display:block;}
#body {width:100%;}
#mainInside {margin-right:0 !important;}
iframe {width:816px;border:0;height:600px;z-index:9002}
#loading {position: absolute;text-align:center;z-index:9001; /*border:1px solid #888;  padding:15px; background:white;margin:15px;*/display:none}
#loading img {vertical-align:middle;}
#closer {text-align:right;background:url(/css/skin/closeLayerImg.png) no-repeat right 3px;padding-right:20px;cursor:pointer;margin-bottom:15px}

/* Navigation */
ul.stepHeading{visibility: visible;overflow:hidden;_overflow:visible;zoom:1;background:url('/img/skin/bgNav.png') repeat-x left bottom;_position:relative;}
ul.stepHeading li {float:left;border-right:2px solid #c6c5c5 ;vertical-align:middle;width:152px;text-align:center;padding:0;/* Hack IE6 */_margin-bottom:-3px; border-top:1px solid #bababb !important;border-right:0px;border-bottom:1px solid #bababb;_border-bottom:4px solid #bababb;border-left:1px solid #bababb !important;}
ul.stepHeading .fixBeforeLast {*margin-right:-3px;}
ul.stepHeading li.last {border-right:1px solid #bababb;overflow:hidden;_overflow:visible;zoom:1;float:none;display:block;  width:auto !important; *margin-left:0px;padding-right:0;}
ul.stepHeading li.current {background:none !important;background-color:#fff !important;border-bottom:1px solid #fff;}
ul.stepHeading li a, ul.stepHeading li span {display:block;height:48px;*height: 61px;line-height:48px;*line-height: 61px;text-decoration:none;color:#191c1f;padding-top:7px;*padding-top:0;font-weight:bold;}
ul.stepHeading li span {color:#191c1f;}

#CarConfigurator {font-family:arial,sans-serif;overflow:hidden;_overflow:visible;zoom:1;}
#page.bodyPopup #CarConfigurator {background:none;}
#CarConfigurator .head {min-height:35px;_height: 35px;padding:4px 0;}
#CarConfigurator .steps .first{float:left;}
#CarConfigurator .steps li{float:right;overflow:hidden;_overflow:visible;_zoom:1}
#CarConfigurator .bouton {cursor:pointer !important}
#CarConfigurator .nohand h4 {cursor:auto !important}
#CarConfigurator #TotalVersion {color:#666}
#CarConfigurator #compareVersion {overflow:hidden;_overflow:visible;zoom:1;min-height:28px;_height:28px;}
#CarConfigurator #compareVersion  li {font-weight:bold;}
#CarConfigurator #compareVersion  li.first{float:right;font-size:11px;cursor:pointer;font-weight:normal;}
#CarConfigurator .colLeft {width:388px;margin-right:30px;_width:386px;zoom:1;}
#CarConfigurator .colLeft .block {margin-right:0;}
#CarConfigurator .colRight {width:350px;_width:348px;_margin-left:-3px;}

/*#CarConfigurator #preferences {width:338px;}*/
#CarConfigurator .choice h4 {padding:5px 10px 5px 20px;font:bold 11px arial,sans-serif;margin-bottom:3px;cursor:pointer;background:transparent url(/css/skin/configBgTogs.png) repeat-x left bottom}
#CarConfigurator .choice h4 span{float:left;width:7px;height:7px;margin-top:4px;background:transparent url(/css/skin/arrow_nav_left_selected_down.png) no-repeat scroll 100% top;margin-right:3px;}
#CarConfigurator .choice h4.close span{background:transparent url(/css/skin/arrow_nav_left.png) no-repeat scroll 100% top;}
#CarConfigurator .choice ul{overflow:hidden;}
#CarConfigurator .choice li{padding:4px 10px 4px 10px;margin-bottom:3px;overflow:hidden;zoom:1;}
#page.bodyPopup #CarConfigurator .choice li{padding:0;}
#CarConfigurator .choice li span{float:right;}
#CarConfigurator .choice li span strong span {font-weight:normal;margin-left:8px;float:none;}
#CarConfigurator .choice li label{display:block;overflow:hidden;_overflow:visible;_zoom:1;_margin-left: 15px;margin-right:10px;}
#CarConfigurator .choice li label.clickable:hover{cursor:pointer;text-decoration:underline;}
#CarConfigurator .choice fieldset{overlow:hidden !important;padding:0;}
#CarConfigurator .choice fieldset ul li div{float:left; margin-right:4px !important;}
#CarConfigurator h3 {font-size:120%;}

#CarConfigurator #car-picture, #CarConfigurator #interior-picture {min-height:245px; _height:245px; text-align:center;position:relative;}
#CarConfigurator #car-picture img, #CarConfigurator #interior-picture img {display:block;_width:100%;}
.confAllPromo {_width:100%; _overflow:hidden;}
.configuratorPromoBox {border:1px solid #fff;padding:5px;text-align:left;}
.configuratorPromoBox h4 {padding:0;margin:0;background:none;margin-bottom:10px;}
.configuratorPromoBox h4 {float:none !important;}

#CarConfigurator #interior-picture {display:none}
#CarConfigurator  .zoom{width:36px;height:36px;position:absolute;background-image:url(/img/skin/zoomIv.png);right:0;cursor:pointer;bottom:49px;}
#car-picture .eco2hidden {top:208px;width:70px;height:45px;left:5px;position:absolute;visibility:hidden;background-image:url(/img/visuels/etape2_configurateur_logo.png)}
#car-picture .eco2visible {top:208px;width:70px;height:45px;left:5px;position:absolute;visibility:visible;background-image:url(/img/visuels/etape2_configurateur_logo.png)} 

#CarConfigurator .views {background-image:url(/img/skin/tabs.png)}
#CarConfigurator .leftHighLighted {background-position:left -15px}
#CarConfigurator .single {background-position:left bottom}
#CarConfigurator .views li{cursor:pointer;width:170px;height:15px;float:left;text-align:center;}

#CarConfigurator #picker-state {color:#888;float:right;text-decoration:none;cursor:pointer}
#CarConfigurator #color-picker {color:#979DA3;border:1px solid #BEBEBE;margin-top:10px;zoom:1; position:relative; overflow:hidden;}
#CarConfigurator #color-picker .media {margin:5px 10px 0 18px; width:100px;}
#CarConfigurator #color-picker .media img {margin:3px;cursor:pointer}
#CarConfigurator #color-picker .media span {display:block; width:88px; text-align:center;}
#CarConfigurator #color-picker hr {height:1px;background:#d0cfcb;color:#d0cfcb;border:0}
#CarConfigurator #color-picker .toggler {float:right; margin:4px; background:url(/img/skin/puce/chevronsToggleH.png) no-repeat left top; height:7px; width:7px;}
#CarConfigurator #color-picker .toggler.close {background-position :right top !important;}

#CarConfigurator #summary span {font-weight:bold;font-size:11px;float:right}
#CarConfigurator #summary span span {font-weight:normal;margin-left:4px;float:none;color:#666;}

#CarConfigurator .color-choice p {padding:7px 0;}
#CarConfigurator .color-choice p span {display:block;}
#CarConfigurator .color-choice .media {margin:0 !important;}
#CarConfigurator .color-choice .minH {_height:140px;min-height:140px}
#CarConfigurator .color-choice .media img {width:86px;}
#CarConfigurator .color-choice ul {width:145px;display:table;zoom:1}
#CarConfigurator .color-choice li {float:left; margin:1px 4px 4px 0; cursor:pointer;border:1px solid #bebebe; position:relative;}
#CarConfigurator .color-choice li img{display:block;}


#color-picker .meaRight {padding:3px 7px;}
/*#color-choices li.CHOSEN,#color-choices li.IMPLIED,#color-choices li.PRECHECKED {border-color:#990000 !important}*/
#color-choices li.CHOSEN,#color-choices li.IMPLIED,#color-choices li.PRECHECKED {}
#color-choices li.CHOSEN img,#color-choices li.IMPLIED img,#color-choices li.PRECHECKED img {border:1px solid #bebebe;width:7px;height:7px;margin:4px;}

#color-choices .FORBIDDEN .cross{display:block}

#choices .IMPLIED {background:#6c6f70;color:#fff;}
#choices .FORBIDDEN {color:#999}

.abs {position:absolute;top:0}
.recap {z-index:10000; padding:15px; background-color:#fff; border:0 !important;}
.recap #closer {display:block;}
.errorContainer {width:500px;padding-bottom:15px}
.errorContainer h3{text-align:left}
.cross {background:url(/img/skin/listeCouleurCroix.png);_background:url(/img/skin/listeCouleurCroixIE.png);position:absolute;z-index:3;width:17px;height:17px;display:none;}

#info {background-color:white;position:absolute;z-index:5;width:126px;border:1px solid #BEBEBE;display:none;}
#info p{padding:9px 0 9px 5px;font-size:10px}
#CarConfigurator #configuration {background-color:#EAE9E8;}
#CarConfigurator #configuration h6, #CarConfigurator #configuration ul li{font-weight:bold;margin:5px 0;}
#CarConfigurator #configuration ul li ul {font-size:90%;}
#CarConfigurator #configuration ul li ul li {font-weight:normal;margin:2px 0;}
#CarConfigurator #configuration ul li ul li div span {margin-left:5px;color:#666;}


#implication , #upselling  {text-align:left;width:600px}
#implication .yes, #implication .no,#upselling .yes,#upselling .no {cursor:pointer;text-align:left !important;} 
/* ============================  /CarConfigurator ================================ */

/* tip Box */
#tipBox {border:1px solid #000;background:#fff; position:absolute; display:block; padding:3px 6px; top:50%; left:50%;z-index:10}
#messageTipBoxImplied {display:none}
/* tip Box */

.closer {background-image:url(/css/skin/closeLayerImg.png); background-repeat:no-repeat; background-position:right 1px; cursor:pointer; line-height:15px; margin-bottom:15px; padding-right:20px; position:relative; text-align:right; z-index:10000;}
.errorContainer .closer {background-image:none;}
/* custom price choice */
.htttc {font-size:95%;}
.htttc .label {display:block;font-weight:bold;}
.htttc a.selected {text-decoration:underline !important;}


#carThumbs {/*position:absolute; margin-top:-49px;*/overflow:hidden; _overflow:visible; _zoom:1;height:49px;background: #eae9e8 url('/img/skin/bgThumbs.png') repeat left center;}
#carThumbs li {float:left; _margin-right:-1px;position:relative;}
#carThumbs img {_width:auto !important;}
#carThumbs li span {display:none;}
#carThumbs li.current span {border:10px solid #fff;width:52px;height:31px;position:absolute;display:block;left:0;top:0;}
#views {display:none !important;} /* Patch suite a l'evolution du configurateur -> on masque les onglets mais on ne les supprime pas pour eviter trop de modifs ds le js */

#car-picture-zoom {width:600px;}
#car-picture-zoom #carZoomThumbs {overflow:hidden; _overflow:visible; _zoom:1;height:49px;background: #eae9e8 url('/img/skin/bgThumbs.png') repeat left center;}
#car-picture-zoom #carZoomThumbs a {display:block;}
#car-picture-zoom #carZoomThumbs li {position:relative;float:left; _margin-right:-1px;}
#car-picture-zoom #carZoomThumbs li span {display:none;}
#car-picture-zoom #carZoomThumbs li.current span {border:10px solid #fff;width:52px;height:31px;position:absolute;display:block;left:0;top:0;}
#car-picture-zoom #carZoomThumbs img {float:none; display:block;_width:auto !important;}


/* actions Buttons */
.PageTitleBlock {margin-bottom:-30px;padding-bottom:0;}
.PageTitleBlock .actionButtons{display:none;}
#page.bodyPopup .PageTitleBlock {margin:0;padding-bottom:18px;}
#page.bodyPopup .PageTitleBlock .actionButtons{display:block;}
.configActionButtons {overflow:hidden;_overflow:visible;zoom:1;padding:10px 0;}
.configActionButtons .actionButtons{display: block;float: right; color:#a2a5a4; padding-top: 6px; *padding-top: 5px;}
.configActionButtons .actionButtons a{color: #a2a5a4; margin-left: 10px; text-decoration: none; padding-left: 22px; padding-bottom: 5px; padding-top:3px; }
.configActionButtons .actionButtons a.print{background: url(/css/skin/picto_print.png) no-repeat left center; text-transform: none; font-weight: normal; padding-left: 25px; }
.configActionButtons .actionButtons a.send{background: url(/css/skin/picto_send.png) no-repeat left center;}
.configActionButtons .actionButtons a.save {background: url(/css/skin/save.png) no-repeat left top;}


.listContenusLink ul li a, .chevron {background-image:url('/css/skin/chevronBlanc.png');}
#fullFinOffer h3 {font-size:120%;}




.confAllPromo {overflow:hidden;_overflow:visible;zoom:1;}
.confAllPromo span {background:none;height:auto;padding:0;float:left;}
.confAllPromo span.promo {background:#ff3334;text-transform:uppercase;padding:2px 10px;}
.confAllPromo span.tipBox {color:#000;text-transform:none;margin-left:5px;}









.noresize body {height: auto !important;}