/* CSS renault DWS IV */
html {overflow-y:scroll;}

html.overflowA {overflow: auto;}

#dwsBody {
    overflow:hidden;
    position:relative;
}

#titleNav {color:#aaa;}
#titleNav span {color:#000;}
#titleNav h1 {  font-size:100%;}
.PageTitleBlock h1 {font-size:180%;}
.cufon-active .PageTitleBlock h1 {font-size:200%;}

/* return car*/
.PageTitleBlock .changementVehicule {display:block;float:left;border-left:1px dashed #949494;padding-left:10px;margin-top:-10px;}
.PageTitleBlock .changementVehicule a {display:block;float:left;text-decoration:none;color:#6d6d6d;margin-right:-3px;line-height:38px;}


/* submenu */

#submenu {margin:20px 0 13px 0; overflow:hidden; font-size:15px;
/* Fix IE6 */ _zoom:1;}

#submenu a { text-decoration:none; }
#submenu li {
        float:left;
        text-transform:uppercase;
        list-style-type:none;
        margin-right:10px;
        padding-right:11px;
        position:relative;
        background: white url(skin/submenu_grey_sep.png) no-repeat right 2px;
        line-height:13px;
        /* Fix IE */ *background-position:right 2px;
        /* Fix IE6 */ _zoom:1;
		font-size:12px;
}

#submenu li.cacheBarre {
        background: white; height:15px; margin:0 0 0 -11px; width:3px;padding:0;
}


.cufon-ready #submenu li{background-position: right 0px;}
#submenu li a{color:#7f7f7f; background: none! important;}
#submenu li a span{font-weight: bold;}
.cufon-ready #submenu li a span{font-weight: normal;}
.hasJS #submenu li { }
.hasJS #submenu li .current, .hasJS #menu li .roll { color:#FFCC33; }
.hasJS #submenu li .roll { display:none; }

.hasJS #submenu li.last, .hasJS #submenu ul li { background-image:none; }
.insideSpace3 .body {padding:15px;}


/* Templates specifiques DWS */

/* Templates specifiques DWS */
#page.pageAxs #leftColumn {width:317px;}
#page.pageAxs #mainInside {width:638px;}



/* page forfait  */
 .LFFPackages .tabs li {display:block; float:left; padding-right:15px; padding-bottom:10px;  text-align:center;  }
 .LFFPackages .tabs .last{padding-right:0 !important;}
 .LFFPackages .tabs li a {text-decoration:none; line-height:9px !important; display:block; width:98px; height:72px; line-height:40px; padding-top:10px; background:#fafafa url(/css/skin/bg_LFPP_forfaits.png) repeat-x left center; border:1px solid #c8c8c8;}
 .LFFPackages .tabs a:hover,
 .LFFPackages .tabs a:focus,
 .LFFPackages .tabs a:active,
 .LFFPackages .tabs a.current {background:#f7b100 url(/css/skin/gradient/JAUNE/gradient_tabs.png) repeat-x left top; border:1px solid #f7b100; text-decoration:none !important;}
 .LFFPackages .tabs a span{display:block; _line-height:1em;}
 .LFFPackages .tabs a img{margin-bottom:5px;}



/*Helpers*/
.twB{font-weight:bold;}
.blacktxt {color:#000 !important;}
.greytxt {color:#6C6F70 !important;}
.insideSpace .body{padding:20px 11px}
.dottedSep {background:url("skin/dotted_bkg.png") repeat-x left center; height:1px; width:100%;}
.pagetitle{font-size:22px; font-weight:bold;}
.sousTilteUnivers{color:#f8b600; font-size:15px;}
.sousTitle{font-size:12px; color:black; font-weight:bold; line-height:12px;}
.zoom strong{background:url(skin/zoom_btn.png) no-repeat 7px center; zoom:1;}
.mea .media{margin:0 10px 0 0;}
/*.bouton {*display:block;}*/
.blockBorder .blockInside .line .unit{border-right:0;}
.centerVline{height:36px; line-height:36px; //line-height:20px; }
.mea{position:relative;}
.mea .text p , .mea .text p span{line-height:100%;}
.mea .text .fixedprice {line-height:125%;}
/*.mea .text h3{font-weight:normal !important;}*/
.mea .text .twoLines{line-height:11px;}
.mea a{color:#000; font-size:11px; font-weight:normal; margin-top:10px; text-decoration:none;}
.mea .boutonPromo {color:white !important;}
.mea a:hover{text-decoration:underline;}
.BspaceSm{margin-bottom:5px !important;}

.skinnedInput {width:260px;}
.error label {color:#f40909; font-weight:bold;}
.error input, .error textarea{border:1px solid #f40909; color:#f40909 !important;}
.error input{background-color:#fddcdc;}
.textArea .skinnedInput {height:83px; width:570px;}

.leftForm {float:left; width:626px; margin-right:5px;}
.whiteBB {border-top: 1px solid #FFF; margin-top:8px; padding-top:6px;}
.leftPartNetwork {float:left; width:770px; margin-right:10px;}
.leftPartGroup {float:left; width:60%;}
.rightPartGroup {float:right; width:40%; height:100%;}
.smallInsideSpace .body{padding:8px}

/*scroller*/
#scroller.horizontal .left, .horizontal .right {text-indent:-9999px; overflow:hidden; zoom:1;}
#scroller.horizontal .left{display:block; background:url(skin/left_btn.png) no-repeat left center; height:65px; line-height:65px; float:left; width:18px;}
#scroller.horizontal .right{display:block; background:url(skin/right_btn.png) no-repeat left center; height:65px; line-height:65px; float:right; width:18px;}

.horizontal #slider2-buttons .previous, .horizontal #slider2-buttons .next {
    cursor: pointer;
    float: left;
    height: 50px;
    position: relative;
    top: -80px;
    width: 25px;
    z-index: 10;
}
.horizontal .RN_carousel_1 .next {
    background: url("/dws/css/skin/bg_vitaff.png") no-repeat scroll -374px -4px transparent;
}


.horizontal #slider2-buttons .previous, .horizontal #slider2-buttons .next {
    cursor: pointer;
    float: left;
    height: 50px;
    position: relative;
    top: -80px;
    width: 25px;
    z-index: 10;
}

.horizontal .RN_carousel_1 .next {
    background: url("/dws/css/skin/bg_vitaff.png") no-repeat scroll -374px -4px transparent;
}

.horizontal #slider2-buttons .previous, .horizontal #slider2-buttons .next {
    cursor: pointer;
    float: left;
    height: 50px;
    position: relative;
    top: -80px;
    width: 25px;
    z-index: 10;
}

.horizontal .RN_carousel_1 .previous {
    background: url("/dws/css/skin/bg_vitaff.png") no-repeat scroll -350px -4px transparent;
}


#scroller.horizontal ul {}
#scroller.horizontal {position:relative; margin:0 auto; width:90%; padding:0 25px }
#scroller.horizontal ul .mea {border-right:1px solid #f3f3f3; }
#scroller ul {}
#scroller .last .mea{border-right:0;}
#scroller ul li .mea{ padding:6px; //float:left;//overflow:visible !important/**/; }
#scroller ul li p {font-size:10px; letter-spacing:-0.020em; line-height:13px;}

#scroller.tabsMode {padding:0;width:100%;}
#scroller.tabsMode .blockSlider {border:0;}
#scroller.tabsMode ul .mea {border:0;}

/* row, cell */
.row {}
.cellT {vertical-align:top !important; }
.cellB {vertical-align:bottom !important;}

/* all */
.cell {display:inline-block;margin-right:-0.30em;vertical-align:middle;overflow:hidden;}
/* Webkit */
@media screen and (-webkit-min-device-pixel-ratio:0) {.cell {margin-right:-0.3em;}}
/* ie */
.cell {*display:inline !important; *margin-right:0; *zoom:1;}
/* ff2 */
.cell, x:-moz-any-link {display:-moz-inline-box;}
/* restore ff3 */
.cell, x:-moz-any-link, x:default {display:inline-block;}


.blockSlider{margin:0;}
.blockSlider li {}
.blockSlider .cell {}
.sliderPrev {background:url(skin/left_btn.png) no-repeat right center;width:18px; height:68px;cursor:pointer; position:absolute; left:2px; }
.sliderNext {float:right;background:url(skin/right_btn.png) no-repeat left center;width:18px; height:68px;cursor:pointer; position:absolute; right:2px;}
.inactive {opacity:0.4;ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; *filter:alpha(opacity=40); cursor:default;}

.scrollerVertical {position:relative;padding:12px 0;zoom:1;}
.scrollerVertical .cell {display:block !important; margin-right:0 !important;}
.scrollerVertical .sliderPrev {background:url(skin/up_btn.png) no-repeat left top;width:162px; height:18px;cursor:pointer; position:absolute; top:0; margin-bottom:2px; }
.scrollerVertical .sliderNext {float:right;background:url(skin/down_btn.png) no-repeat left bottom;width:162px; height:8px;cursor:pointer; position:absolute; bottom:2px;z-index:10000;}
.scrollerVertical ul li .mea{ padding:6px  6px 4px 6px; background-color:white; border-bottom:2px solid #EDEDED;height:69px;}
.scrollerVertical ul .cell{}

/*listActu*/
.listActu li {margin-bottom:6px; padding-bottom:6px; background:url(skin/dotted_bkg.png) repeat-x left bottom;}
.listActu li li{padding-bottom: 0; padding-left: 10px; background : url(/css/skin/arrow_nav_left.png) no-repeat scroll left 4px transparent;}
.listActu .last {background-image:none;}
.leftPart{width:548px;  margin-right:4px; float:left; overflow:hidden; zoom:1;}
.rightPart { overflow:hidden; _overflow:visible; zoom:1;}
.dealeractivity h2.pageTitle {white-space: normal;line-height:1em;}

.skinnedSelect .selectSkinned, .skinnedInput{display: block;height: 32px;line-height: 30px;padding: 0 0 0 0;}
.skinnedSelect .selectSkinned .selected {display: block; background-color:white; color:#A2A5A4 !important; height: 30px;line-height: 30px; padding: 0px; border: 1px solid #D0CFCB;}
.skinnedSelect .selectSkinned .clear {clear:both;}
.skinnedSelect .selectSkinned .selectedOption {float:left;display: block;padding:0px;font-weight:normal;font-size:11px;color:#000;padding:0 0 0 6px;}
.skinnedSelect .selectSkinned .dropDown {float: right;width: 21px;height: 30px;line-height: 30px;background:url(/css/skin/skinnedForm/dropdown.gif) no-repeat 0% 0%;}
.skinnedSelect .selectSkinned .optionsContainer {position:absolute;display:none;border: 1px solid #D0CFCB;border-top: 0; z-index: 50000;}
.skinnedSelect .selectSkinned .option {padding:0 5px 0 10px;height: 30px;line-height: 30px;background-color: #FFF;text-align:left;font-weight:normal;font-size:12px;color:#000;border: 0 !important;}
.skinnedSelect .selectSkinned .optionsContainer .selected{background-image: none;background:#f2f2f2;color:#000000 !important;}
.skinnedSelect .selectSkinned .disabled {background: none;background-color:#FFF;color:#f2f2f2;}
.skinnedSelect .selectSkinned{padding-right: 5%;}
.hiddenSelect select {display:none;}
.skinnedInput{border: 1px solid #D0CFCB; color:#A2A5A4 !important;}
.skinnedCheck, .skinnedRadio{overflow: hidden; _overflow: visible; zoom: 1; position: relative; z-index: 30000;}
.skinnedCheck{margin-bottom: 3px;}
.skinnedCheck input, .skinnedRadio input{float: left;}
.skinnedCheck label, .skinnedRadio label{ display: block; height: 17px; line-height: 17px; float: left; padding-left: 5px;}
.skinnedCheckActive label, .skinnedRadioActive label{ padding-left: 23px;}
.skinnedCheckActive input, .skinnedRadioActive input{position: absolute; left: -3000px;}

.skinnedCheckActive label.notCheckedSkinned{background: url(/css/skin/skinnedForm/checkbox.gif) no-repeat left top;}
.skinnedCheckActive label.checkedSkinned{background: url(/css/skin/skinnedForm/checkbox.gif) no-repeat left bottom;}
.errormsg {display:block; padding-top:5px; padding-bottom:5px; color:#f40909; font-weight:bold;}


#nbResults .selectSkinned{_position:relative;//position:relative;}
#nbResults .optionsContainer{_left:0;//left:0;}
#civi .selectSkinned{width:70px;}
.fourLines{display:block; height:60px !important; line-height:10px;}
.listeConces li{color:#999999; float:left; margin-right:10px; text-transform:uppercase; background:url(skin/square.png) no-repeat left 6px; padding-bottom:7px; padding-left:5px;}
.blockGradient {background:#f9f9f9 url(skin/block_network.png) repeat-x left bottom;}
.resultSearchLeft {width:476px;}
.resultSearchLeft2 {width:360px;}

.block .body p {
color:#000;
}

.block .body .axs_reference{
color:#6C6F70;
}

.mea .text .axs_reference{
color:#6C6F70;
}



/* blockPromo */
.blockPromo .head { background: #d52f2d url('skin/block_promo_head_gradient.png') repeat-x left bottom;color:#fff; font-weight:bold;padding-top:10px;padding-bottom:5px;font-size:130%;}
.blockPromo .foot {background: #d52f2d url('skin/block_promo_head_gradient.png') repeat-x left bottom;padding:5px 0;}
.blockPromo .foot .paginationTabsMode {float:right;padding-right:10px;}
.blockPromo .foot .paginationTabsMode li {float:left;}
.blockPromo .foot .paginationTabsMode li a {display:block;padding:1px 5px;color:#7d8081;background-color:#fff;margin-left:1px;font-weight:bold;text-decoration:none;}
.blockPromo .foot .paginationTabsMode li.current a {color: #d52f2d;}
.blockPromo .itemPromo .model{color:black; font-weight:bold; font-size:12px !important; letter-spacing:0.01em !important;  ont-size:uppercase;}
.blockPromo .itemPromo .promo{color:#999999; font-size:11px !important; padding-bottom:5px;}
.blockPromo .itemPromo .price{color:#b92220; font-size:14px !important; }
.blockPromo .itemPromo .strike{color:#6d6d6d; font-size:12px !important; margin-bottom:10px; }


/* range page fake */



/* ============================ Content ================================ */
.rangepage { width:638px; /*position:relative;*/  }

.rangepage .line { border-bottom:1px solid #d0cfc8; padding-bottom:10px;  }
.rangepage .last { margin-bottom:80px; _margin-bottom:40px; }
.rangepage .size1on5 { width:120px; }
.rangepage h3 { float:left; height:90px; width:100%; text-align:center; vertical-align:middle; line-height:90px; }
/* Cufon adaptation */
.rangepage h3 span.hInside { margin:45px auto 0; display:block; width:90px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.rangepage h3 span.hInside { margin:45px 0 0; }
	.rangepage h3 span.cufon { /*margin-top:45px;*/ }
}
.rangepage h3 span, .rangepage h3 span.hInside { *margin:0 auto; }
.rangepage h3 span.cufon-vml { *margin:0 auto!important; }

.rangepage div {  }
.rangepage ul {  }
.rangepage ul li { display:block; float:left; width:160px; }
.rangepage ul li ul li { width:140px; }
.rangepage ul li a { text-decoration:none; }
.rangepage ul li a img { display:block; margin:0 auto; height:80px; position:relative;}
.rangepage ul li.liHover a img {z-index:1000;}
.rangepage ul li a span { color:#000; display:block; text-align:center; text-transform:uppercase; }
.rangepage ul li span { zoom:1;}

/* Adjust titles sur 2 lignes  */
.rangepage .two_lines { margin-top:-73px; margin-top:-135px\9; _margin-top:-152px; //margin-top:-140px; }
.rangepage .two_lines h4 { width:120px; }


.blockTabsStep .tabs li{margin-right:0;}
.blockTabsStep .tabs li a, .blockTabsStep .tabs li.last a, .blockTabsStep .tabs li a:hover {border:1px solid #bababa;border-width:1px 0 1px 1px;}
.blockTabsStep .tabs li a:hover {background:url("/css/skin/gradient/GRIS_04/gradient_tabs.png") repeat-x left top #D0CFCB;color:#000;}
.blockTabsStep .tabs li.current a {background:none; color:#000; border: 1px solid #fff;border-top:1px solid #cfcfcf;border-left:1px solid #bababa;}
.blockTabsStep .tabs li.last a {border-right:1px solid #bababa;}


/* VEHICULES NEUF */
.bigTxt .text{font-size:13px;}
/*
FIX
.actu .leftPart .mea img{width:136px !important;}
.actu .rightPart .mea img{width:194px !important;}
*/
.blockFilled .mea .text, .blockFilledUniverse .mea .text {padding:9px 10px 4px 0 !important;}
#scroller .blockSlider .mea .text {padding-top:0 !important;}


/* center Flash*/
#flashflash{text-align:center;}
/*iframe {filter:alpha(opacity=0);}*/
.popMask{background-image:none !important;background-color:#fff !important;left:0;overflow:hidden;_overflow:visible;_zoom:1;padding:0;position:absolute;top:0;z-index:9000;}
.layer{visibility:hidden;}
.layer{overflow:visible;margin:0;padding:20px;position:absolute;text-align:left;top:35%;left:50%;z-index:100000;}
#formLayer{width:610px;}
#formLayer .body{height:500px;overflow-y:auto;}
#formLayer .actionButtons a{text-decoration:none;}
#formLayer .title{font-size:17px;}

.listeConces {overflow:hidden; _overflow:visible; zoom:1; width:49%; _margin-right:-3px; }

.iframePopin {height:500px; width:100%; border:0; margin-left:2px; margin-right:2px; overflow-x : hidden;}

.pageAxs .blockTabs button.bouton {*margin-top:-16px;}
.pageAxs .blockTabs button.bouton strong {white-space:nowrap;}

.cartRight .cart {white-space:nowrap !important;}

.hidden {position:absolute;left:-5000px;top:-5000px;display:block !important;}
#accessMap {height:auto !important;}

.groupDealersScroll {overflow: auto; overflow-x: hidden; height: 490px;}


/* reecriture header */
#titleNav {width:500px;}

a.bouton .cart {background: url(skin/boutonCart.png) no-repeat 4px center; white-space:normal; text-transform:uppercase; _display:inline; _width:auto; }
.cartSelect {position:absolute;bottom:5px; left:10px; }

.promoPopLayer {background: #fff;position: absolute;z-index: 9010;left: 0;top: 0;visibility: hidden;overflow: visible;}
.promoPopLayer .bouton .cart { _float:left; }

.layerContent .actionButtons {overflow: hidden;_overflow: visible;zoom: 1;padding-top: 14px; padding-right: 12px;position: relative;z-index: 9011;text-align:right;}
.layerContent .actionButtons a {height: 18px;width: 18px;overflow: hidden;margin-left: 2px;overflow: hidden;text-indent: 3000px;display:block;float:right;}
.layerContent .actionButtons .closeBox {background:url(skin/picto_close.png) no-repeat 5px 5px; margin-left:15px;}

.layerContent {text-align: left;font-family:Arial,"Trebuchet ms",Verdana,sans-serif;font-size:85%;}
.layerContent .detailsContent{padding: 15px;}

.selectLayer {border:1px solid #c4c5c0;}
.selectLayer .selectContent {padding:20px; }
.selectLayer .printBox {display:none !important;}
.selectLayer .buttonsLayer {text-align:right; margin-top:15px}

.boutonTransverse {background: #F7B113 url("/css/skin/gradient/BTN/gradient_univers_btn.png") repeat-x left top; border:1px solid #FFF; }
.boutonTransverse:hover { background:#f39c12 url(skin/gradient/BTN/gradient_univers_hover_btn.png) repeat-x left top;  cursor:pointer; }



/* gestion navG sur HP */
#navigation li a  {
    padding:0;

}
#navigation li a  span {
    background-image:none;
    padding:0;
}
#navigation li a span span {
    background: none;
    padding-left: 0 ;
    background: url("/css/skin/arrow_nav_left.png") no-repeat 0 10px;
    background-repeat:no-repeat;
    padding:0 0 0 20px;

}
#navigation li a:hover span {
    background:none;
}
#navigation li a:hover span span {
    background-image: url("/css/skin/arrow_nav_left_Roll.png");
    background-repeat:no-repeat;
}
/* navigationBy8 */
#navigation .navigationBy8  li a  {
    height:41px;
}
#navigation .navigationBy8  .last a  {
    height:43px;
}
#navigation .navigationBy8  li span  span {
    padding-top:12px;
    background-position:10px 16px;
}
#navigation .navigationBy8  li .twoLines  {
    padding-top:6px;
    background-position:10px 10px;
}
#navigation .navigationBy8  .last span {
}
#navigation .navigationBy8  .last .twoLines {
}


/* navigationBy7 */
#navigation .navigationBy7  li a  {
    height:47px;
}
#navigation .navigationBy7  .last a  {
    height:49px;
}
#navigation .navigationBy7  li span  span {
    padding-top:16px;
    background-position:10px 20px;
}
#navigation .navigationBy7  li .twoLines  {
    padding-top:8px;
    background-position:10px 12px;
}
#navigation .navigationBy7  .last span {
}
#navigation .navigationBy7  .last .twoLines {
}

/* navigationBy6 */
#navigation .navigationBy6  li a  {
    height:55px;
}
#navigation .navigationBy6  .last a  {
    height:57px;
}
#navigation .navigationBy6  li span  span {
    padding-top:20px;
    background-position:10px 24px;
}
#navigation .navigationBy6  li .twoLines  {
    padding-top:12px;
    background-position:10px 16px;
}
#navigation .navigationBy6  .last span {
}
#navigation .navigationBy6  .last .twoLines {
}

/* navigationBy5 */
#navigation .navigationBy5  li a  {
    height:67px;
}
#navigation .navigationBy5  .last a  {
    height:65px;
}
#navigation .navigationBy5  li span  span {
    padding-top:26px;
    background-position:10px 30px;
}
#navigation .navigationBy5  li .twoLines  {
    padding-top:18px;
    background-position:10px 22px;
}
#navigation .navigationBy5  .last span {
}
#navigation .navigationBy5  .last .twoLines {
}


/* navigationBy4 */
#navigation .navigationBy4  li a  {
    height:83px;
}
#navigation .navigationBy4  .last a  {
    height:85px;
}
#navigation .navigationBy4  li span  span {
    padding-top:34px;
    background-position:10px 38px;
}
#navigation .navigationBy4  li .twoLines  {
    padding-top:25px;
    background-position:10px 29px;
}
#navigation .navigationBy4  .last span {
}
#navigation .navigationBy4  .last .twoLines {
}


/* navigationBy3 */
#navigation .navigationBy3  li a  {
    height:111px;
}
#navigation .navigationBy3  .last a  {
    height:112px;
}
#navigation .navigationBy3  li span  span {
    padding-top:48px;
    background-position:10px 53px;
}
#navigation .navigationBy3  li .twoLines  {
    padding-top:39px;
    background-position:10px 43px;
}
#navigation .navigationBy3  .last span {
}
#navigation .navigationBy3  .last .twoLines {
}



/* carousel vertical promotion */

#slider-stage{
    height:339px;/* do not touch ! the JS will do the rest.. or almost */
    width:200px;
    overflow:auto;
    overflow-x:hidden;
    overflow-y:hidden;
    margin:0 auto;
}
#slider-buttons{
    width:200px;
    margin:0 auto;
}

#slider-buttons .previous,
#slider-buttons .next{

    height: 25px;/* Used with JS for rendering : can modify, but do not delete' */
    background: green;
    color: yellow;
    display: block;
}

#slider-buttons .previous{
    background: url('../css/skin/up_btn.png') no-repeat 18px 8px transparent;
}
#slider-buttons .next{
    background: url('../css/skin/down_btn.png') no-repeat  18px 8px transparent;
}
#slider-buttons .previous:hover,
#slider-buttons .next:hover{
    cursor: pointer;
}


#slider-list{
    height: 2000px;
    border:0;
    margin:0;
    padding:0;
    top:400px;
    text-align: center;
}
#slider-list li{
    width:200px;/* Always put the same that has been used in #slider-list li */
    height:145px;/* Used with JS for rendering : can modify, but do not delete' */
    margin-bottom:7px;/* Used with JS for rendering : can modify, but do not delete' */
    clear: both;
    list-style:none;
    display: inline-block;
    margin:0;
    border:0;
    text-align: center;
    /*padding:4px;*/
}

#slider-list li a {
    border: none;
}

#slider-list li img {
    border: none;
    max-height: 142px;/* Always put the same that has been used in #slider-list li */
    max-width: 200px;/* Always put the same that has been used in #slider-list li */
    width: 200px;/* Always put the same that has been used in #slider-list li */
    min-width: 200px;/* Always put the same that has been used in #slider-list li */
}



    /* block slideShow */
    .block_slideShow {
        background: url(/css/skin/bg_vitaff.png) no-repeat 50% 100%;
        padding-bottom:15px;
        margin-bottom:15px;
    }

    /* block map */
    .block_map {
        width:535px;
        margin:0 auto;
    }
        .block_map .titlePart {
            margin-bottom:20px;

        }
    .adressPartWrapper {
        background:#f0f0f0;
    }
    .adressPartWrapper {
        width:100%;
    }
    .adressPartWrapper:after {
        content:".";
        display:block;
        clear:both;
        overflow:hidden;
        height:0;
        visibility:hidden;
    }
        .block_map .adressPart {
            width:206px;
            height: 227px;
            float:left;
            color:#444;
        }
            .block_map .adressPartN1 {
                padding:12px 15px;
            }
            .block_map .adressPart .p {
                margin-bottom:10px;
            }
        .block_map .mapPart {
            float:left;
            padding-left:10px;
            background:white;
        }
            .block_map .mapPart img {
                float: right;
            }


    .page2colsNav.pageHomeVitaff #leftColumn {
        margin-right:25px;
    }
    .page2colsNav.pageHomeVitaff #mainInside {
        margin-right: 25px;
        width: 545px;
    }

    .page2colsNav.pageHomeVitaff .titlePart {

    }
    .page2colsNav.pageHomeVitaff .title {

    }

    /* demande informations */

    .demande-informations {
        background: url("/dws/css/skin/btn_demande_informations.png") no-repeat scroll 0 0 transparent;
        color: white;
        display: block;
        font-size: 20px;
        height: 57px;
        line-height: 20px;
        padding-left: 30px;
        padding-top: 6px;
        width: 190px;
        margin-bottom: 10px;
    }

    /* block services */
    .block_servicesList ul, .block_servicesList ul li.service{
        list-style-type: none;
        overflow:hidden;
        clear:left;
        position: relative;
    }
    .block_servicesList .service {
        display: block;
        padding: 10px 10px 0 10px;
        background: #FFBF00 url(/dws/css/skin/bg_vitaff.png) repeat-x 0 -301px;
        color:white;
        font-size:12px;
        zoom: 1;
        margin:0;
        height:85px;
        overflow: hidden;
        position:relative;
        list-style-type: none;
        /* il y a un espace entre les LI sous IE7, toutes les solutions ont été testés mais aucune ne fonction */
        *margin-top:-3px;
    }

    .block_servicesList .service:first-child {
        margin-top:0;
    }

    .block_servicesList .serviceN1 {
        border-bottom: 1px solid #FBD880;
        padding-bottom:10px;
        width:100%;
    }
    /*.block_servicesList .serviceN1:after {
        content:".";
        display:block;
        clear:both;
        overflow:hidden;
        height:0;
        visibility:hidden;
    }*/

    .block_servicesList .service .picto{
        width: 36px;
        height: 36px;
        float: left;
        margin-right:10px;
    }
    .block_servicesList .service .address-bloc {
        /*width: 143px;*/
        overflow:hidden;
        display: block;
    }

    .block_servicesList .serviceTitleContainer {
        text-align: center;
    }
    .block_servicesList .serviceTitle {
        font-size:12px;
        margin-bottom:4px;
    }
    .block_servicesList .address {
        display: block;
        /*width: 100%;*/
    }

    .block_servicesList .address table td{
        width: 200px;
    }

    .block_servicesList .address table td{
        width: 200px;
    }

/* block staff */
.block_staff .imgPart {
    border-left:1px solid #e4e4e4;
    border-right:1px solid #e4e4e4;
    padding:4px 5px;
    background:#f3f3f3;
    width: 63px;
    float:left;
    min-height: 100px;
    max-height: 100px;
    height: 100px;
}

.block_staff .imgPart img{
    min-height: 80px;
    max-height: 80px;
    min-width: 64px;
    max-width: 64px;
}


.block_staff .entry {
    width:100%;
    height: 100px;
    float:left;
}
.block_staff .entry:after {
    content:".";
    display:block;
    clear:both;
    overflow:hidden;
    height:0;
    visibility:hidden;
}
.block_staff .infosPart {
    float:left;
    width:94px;
    height: 100px;
    padding-left:12px;
    font-size:12px;
    position:relative;
    z-index:1;
}
    .block_staff .name {
        display:block;
        color:#333;
        background: url(/dws/css/skin/bg_vitaff.png) no-repeat 0 0;
        min-height:38px;
        padding: 8px 0;
        font-size: 11px;
    }
    .block_staff .function {
        display:block;
        color:#fab700;
        line-height: 12px;
       text-align: left;
    }
    .hasJS .block_staff .entry:hover .function {
        width: 130px;
        position: relative;
        z-index: 1;
    }
    .block_staff .seeMore {

    }
        .block_staff .seeMore .cite {
            font-weight:bold;
            font-style:italic;
            display:block;
            margin-bottom:7px;
        }
        .block_staff .seeMore .tel {
            color:#767a7d;
        }
    .hasJS .seeMore {
        position:absolute;
        top:-5000px;
    }
    .hasJS .block_staff .entry:hover .name {
        background:none;
    }
    .hasJS .block_staff .entry:hover .seeMore {
        top:0;
        left:110px;
        width:190px;
        background: url(/dws/css/skin/bg_vitaff.png) no-repeat -89px -637px;
        min-height:72px;
        padding:10px;
    }
    .hasJS .block_staff .entry:hover {
        background: url(/dws/css/skin/bg_vitaff.png) no-repeat 100px -637px;
    }

/* block staff :: slider */
.block_staff #slider2-stage{
    overflow:hidden;
    position:relative;
    z-index:1;
   /* width: 155px;*/
}
.block_staff #slider2-stage:hover {
    width:393px;
}


.block_staff #slider2-buttons .previous,
.block_staff #slider2-buttons .next{
    height: 15px;
    cursor: pointer;
    width:100%;
    display:block;
    position:relative;
}
.block_staff .RN_carousel_1 .previous {
    background: url(/dws/css/skin/bg_vitaff.png) repeat-x -10px -751px;
}
.block_staff .RN_carousel_1 .next {
    background: url(/dws/css/skin/bg_vitaff.png) repeat-x -10px -766px;
}
.block_staff #slider2-list{
    height: 2000px;
    border:0;
    margin:0;
    padding:0;
    top:400px;
    text-align: center;
}
.block_staff .RN_carousel_1 #slider2-buttons{
    width:auto;
    margin:0;
   /* padding-left: 10px;*/
}

/*
    Informations Generales
    BO Override
*/
.informations-generales #mainInside {
    margin-right: 0px;
    width: 555px;
}



/* block staff :: slider horizontal */
.horizontal #slider2-stage{
    overflow:hidden;
    position:relative;
    z-index:1;
}
.horizontal #slider2-stage:hover {
    width:155px;
}


.horizontal #slider2-buttons .previous,
.horizontal #slider2-buttons .next{
    width: 25px;
    cursor: pointer;
    height: 50px;
    float: left;
    position:relative;
    z-index: 10;
    top: -80px;
}
.horizontal #slider2-buttons .previous { left:-10px; }
.horizontal #slider2-buttons .next { float: right; right: -4px; }
.horizontal .RN_carousel_1 .previous {
    background: url(/dws/css/skin/bg_vitaff.png) no-repeat -350px -4px transparent;
}
.horizontal .RN_carousel_1 .next {
    background: url(/dws/css/skin/bg_vitaff.png) no-repeat -374px -4px transparent;
}
.horizontal #slider2-list{
    width: 2000px;
    border:0;
    margin:0;
    padding:0;
    padding-left: 5px;
    left:400px;
    /*text-align: center;*/
}
.horizontal .RN_carousel_1 #slider2-buttons{
    /*height: auto;*/
    margin:0;
    height: 90px;/*to hide buttons*/
    overflow:hidden;/*to hide buttons*/
    padding-left: 10px;
}



.horizontal #slider2-list li{
    width:75px;/* Always put the same that has been used in #slider-list li */
    height:90px;/* Used with JS for rendering : can modify, but do not delete' */
    margin-right:7px;/* Used with JS for rendering : can modify, but do not delete' */

    float: left;
    list-style:none;
    display: inline-block;
    margin:0;
    padding:0;
    border:0;
    text-align: center;
    /*padding:4px;
    padding-left: 4px;*/
    margin-top: 5px;
    margin-right: 5px;
}

.horizontal #slider2-list li a {
    border: none;
}

.horizontal #slider2-list li img {
    border: none;
    max-width: 85px;/* Always put the same that has been used in #slider-list li */
    max-height: 90px;/* Always put the same that has been used in #slider-list li */
    height: 80px;/* Always put the same that has been used in #slider-list li */
    width: 64px;
    max-height: 85px;/* Always put the same that has been used in #slider-list li */
}


/*
    Informations Generales
    BO Override
*/
.informations-generales #mainInside {
    margin-right: 0px;
    width: 555px;
}


.informations-generales #leftColumn{
    margin-right: 10px;
}
.informations-generales #mainInside {
    margin-right: 0;
}
.informations-generales #rightColumn {
    float: left;
    width: 210px;
}



/*
    Informations Generales
    EO Override
*/

/* titles / btns */
.block_staff .titlePart,
.block_servicesList .titlePart{
    margin-bottom:16px;
}
    .block_staff .titlePart .txt1,
    .block_servicesList .titlePart .txt1  {
        display:block;
        font-size:22px;
        color:white;
        background:#767a7d;
    }
    .block_staff .titlePart .txt2,
    .block_servicesList .titlePart .txt2    {
         display:block;
         text-align:right;
         font-size:28px;
         color:#767a7d;
    }

    .block_map .titlePart .txt2   {
         display:block;
         text-align:left;
         font-size:20px;
         color:#767a7d;
    }


.headerContent_dws .titlePart{
    float:left;
    line-height: 28px;
}
    .headerContent_dws .txt1{
        font-size:25px;
        color:#f7b100;
    }
    .headerContent_dws .txt2{
        color:#767a7d;
        font-size:30px;
    }
.headerContent_dws .logoPart{
    float:right;
}


/* common */

.RN_block {
    display:block !important;
}
.vitaff_btn {
    display:block;
    background: url(/dws/css/skin/bg_vitaff.png) repeat-x 0 -268px;
    color:white;
    text-decoration:none;
    font-weight:bold;
    text-transform:uppercase;
    border-top:1px solid white;
    border-left:1px solid white;
    border-bottom:1px solid #e4a700;
    border-right:1px solid #e4a700;
    min-height:30px;
    line-height:30px;
}
    .vitaff_btn span {
        padding-left:20px;
        background: url(/dws/css/skin/bg_vitaff.png) no-repeat 7px -197px;
    }

.btn_block1 {
    background: url(/dws/css/skin/bg_vitaff.png) no-repeat -111px 0;
    color:white;
    font-size:22px;
    padding:5px;
    height: 50px;
}
.btn_block1N1 {
    background: url(/dws/css/skin/bg_vitaff.png) no-repeat 7px -132px;
    color:white;
    font-size:22px;
    padding-left:25px;
    display:block;
}

/* Mosaique contact */
#page.page1col #mainInside {
    margin: 0;
    padding: 0;
    width: 965px;
}
#mosaique {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    /*background: grey;*/
}


#mosaique .block{
    float: left;
    margin: 0;
    padding: 0;
    width: 234px;
    max-width: 234px;
    height: 210px;
    max-height: 210px;
    margin: 7px 7px 0px 0px;

    text-align: left;

    /* set opacity to normal */
}

#mosaique .blockChat{
    float: left;
    margin: 0;
    padding: 0;
    width: 234px;
    max-width: 234px;
    height: 235px;
    max-height: 235px;
    margin: 7px 7px 0px 0px;

    text-align: left;

    /* set opacity to normal */
}

#mosaique .block .flat{
    background: #fff;
    margin: 0;
    padding: 1px;
    width: 232px;
    max-width: 232px;
    height: 208px;
    min-height: 208px;
    max-height: 208px;

    filter:alpha(opacity=0);
    -moz-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;

    z-index: 666;
}


#mosaique .block .content{
    position: relative;
    top: -210px; /*210 + 30 for the margin-top*/
    margin-left: 25px;
    margin-right: 25px;

    z-index: 669;

}

#mosaique .block .detail{
    margin: 0;
    padding: 0;

    position: relative;
    top: -210px; /*210 + 30 for the margin-top*/
    margin-left: 25px;
    margin-right: 25px;

    filter:alpha(opacity=0);
    -moz-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;

    z-index: 670;/**/
}

#mosaique .block .over.detail{
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
}

h1 { color: #333333; text-align: left;}
h1,
#mosaique .block h3{
    text-transform: uppercase;
    cursor: default;
}

h1.titlePopin {
    height: 40px;
    line-height: 25px;
}

#mosaique .block .boutonUnivers{
    font-size: 10px;
}


#mosaique .block .content .title{
    margin-top: 30px;
    margin-bottom: 12px;
    width: 100%;
    font-size: 18px;
    line-height: 21px;
    color: #ffffff;
    cursor: default;
    /*background: pink;*/
}


#mosaique .block .content .over.title{
    color: #333333;
    font-weight: bold;
    cursor: default;
}

#mosaique .block .detail p{
    font-size: 11px;
    margin-bottom: 12px;
    color: #555555;
    cursor: default;
}

#mosaique .block .detail .bigFont{
    color: #555555;
    font-size: 20px;
    margin-bottom: 2px;
    cursor: default;
    font-weight: bold;
}

#mosaique .block .detail .notabene{
    color: #555555;
    font-size: 15px;
    cursor: default;
}



#mosaique .block .detail .asterisque{
    color: #555555;
    font-size: 9px;
    cursor: default;
    padding-top: 45px;
}

/* homepage - specific cases */
.homepage {}


/* shortcuts */

.homepage  .marginTop10 {
    margin-top: 10px;
}

.homepage  .marginTop5 {
    margin-top: 5px;
}
.homepage  .marginBottom10 {
    margin-bottom: 10px;
}
.homepage  .marginBottom5 {
    margin-bottom: 5px;
}

.homepage .RN_carousel_1 {
    margin-top: 10px;
}

.layerContainer, .layerContainer iframe {
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-y: hidden;

}

/*SHOWROOM ESSAI DE VEHICULES*/

#showroom_essai {
    width:965px;
    height:476px;
    position: relative;
    overflow: hidden;
    line-height: 1.1;
}

#showroom_essai .showroomBG {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

#showroom_essai form {
    background: url(skin/bg_white_70.png);
    margin: 30px 0 0 30px;
    padding: 16px 20px 10px 20px;
    width: 240px;
}

#showroom_essai fieldset {
    padding: 0;
}

#showroom_essai h2 {
    text-transform: uppercase;
    font-size: 21px;
}

#showroom_essai p {
    margin: 7px 0;
}

#showroom_essai select {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    width: 100%;
    margin: 7px 0;
}

#showroom_essai .skinnedSelect {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    margin: 10px 0 14px;
    cursor:pointer;
}

#showroom_essai .skinDisabled {
    cursor: default;
    position: relative;
}

#showroom_essai .skinnedSelect .selectSkinned {
    padding: 0;
}

#showroom_essai .skinnedSelect .selectSkinned .selectedOption, #showroom_essai .skinnedSelect .selectSkinned .option {
    font-weight: bold;
}

#showroom_essai .skinDisabled .selectSkinned .selected {
    background: #F4F3F1;
}

#showroom_essai .skinDisabled .selectSkinned .selectedOption {
    color: #999999;
}

#showroom_essai .skinnedSelect .selectSkinned .optionsContainer {
    max-height: 270px;
    overflow: auto;
}

#showroom_essai .skinDisabled .layerDisabled {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.layerContainer, .layerContainer iframe {
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-y: hidden;
}

.aServicesCtn {
    position: absolute;
    width: 210px;
    height: 26px;
    margin-top: 0;
    *margin-top: 7px;
}
.aServicesCtn:hover {
    cursor: pointer;
}
.arrowServices {
    position: relative;
    width: 85px;
    height: 13px;
    margin: 5px auto;
}
#aUpServices {
    background: url("skin/arrowUpServices.png") left top no-repeat;
}
#aDnServices {
    background: url("skin/arrowDnServices.png") left bottom no-repeat;
    *margin-top: 12px;
}

.legalNotice {
    display: none;
}