/******************************************** * @author : Equipe Front Office / Fullsix * ********************************************/ /*********************************************************** * STYLES GENERAUX (balises) * ************************************************************/ html {font-size:100%;} body {font-size:.7em; font-family:verdana, helvetica, clean, sans-serif; color:rgb(130,130,130); background-color:white;} body, h1, h2, h3, h4, h5, h6, p, ul, li, img, fieldset {margin:0; padding:0; border:0;} ul {list-style-type:none;} a {text-decoration:underline; color:rgb(130,130,130);} a:hover, a:focus, a:active {text-decoration:none; outline:none;} h1, .h1{font-size:2.8em; line-height:3em; font-weight:normal;} h2, .h2{font-size:1.89em; line-height:2.09em; font-weight:bold;} h3, .h3{font-size:1.21em; line-height: 1.41em; font-weight:normal;} h4, .h4{font-size:1.10em; line-height:1.3em; font-weight:normal;} h5, .h5{font-size:1em; line-height:1.3em; font-weight:normal;} h6, .h6{font-size:1em; line-height:1.3em; font-weight:normal;} #page {width:964px; margin:auto; text-align:center; position:relative;} #page * {text-align:left;} /****************************************************** * CLASSES GENERIQUES * ******************************************************/ .bold, strong{font-weight:bold;} .boldHover:hover {font-weight: bold;} .italic, em, i {font-style:normal;} /* Pas d'italique sur Dacia */ #mainInside .line .italic h4 {font-weight:normal;} .mentions {font-size:90%; font-style:normal;} #mainInside .line .mentions h4 {font-weight:normal;} .lower {text-transform: lowercase;} .uppercase {text-transform: uppercase;} .error{color: #fa0000;} .error input, .error select {background-color:#ffe5e5; border:1px solid #ff0000;} .template{display:none;} a.bouton, .underNone , .underNone a {text-decoration:none;} .separator {border-top:1px solid rvb(130,130,130); overflow:hidden;} /*Forcage du soulignage sur un lien ci-dessus */ .underline {text-decoration:underline !important;} .hasJS .hidden{display:none !important;} .screenreader {position:absolute; left:0; top:-5000px; width:1px; height:1px; overflow:hidden;} .bouton {display:-moz-inline-box; display:inline-block; cursor:pointer;} .bouton strong {background:#002892 url(skin/bout_chevron_right.png) no-repeat 96% 7px; display: block; color:#ffffff;line-height:2em; text-transform:uppercase;padding:0px 23px 0px 7px; margin:1px;font-weight:normal;} button.bouton {font-size:11px;color: #fff;font-family:Arial,"Trebuchet ms",Verdana,sans-serif;text-transform: uppercase;background-color:#002892;border: none;padding:3px 5px; //padding-bottom:2px;} .bouton strong.puce {padding:10px 7px 10px 23px;} .bouton strong.return {background-image:url(skin/bout_chevron_left.png); background-position:4% 10px; *background-position:4% 12px; padding-left:23px !important; padding-right:7px !important;} a.bouton .print {padding-right:7px !important;} #mainInside ul.tabs {overflow:hidden; margin-bottom:0;} .blockTabs ul.tabs li {float:left;background-color:#7B89AF;} .blockTabs ul.tabs li a {display:block; _width:auto !important; padding-left:5px; padding-right:5px; line-height:1.8em; text-align:center !important; text-decoration:none; font-weight:bold; color: #fff;} .blockTabs ul.tabs li.current {background:#f2f2f3;} .blockTabs ul.tabs li.current a{background:#f2f2f3;color:#7B89AF ;} .blockTabs .onglets10 li{width:10%;} .blockTabs .onglets9 li{width:11.1%;} .blockTabs .onglets8 li{width:12.5%;} .blockTabs .onglets7 li{width:14.28%;} .blockTabs .onglets6 li{width:16.66%;} .blockTabs .onglets5 li{width:20%;} .blockTabs .onglets4 li{width:25%;} .blockTabs .onglets3 li{width:33.33%;} .blockTabs .onglets2 li{width:50%; *width:49.9%;} #page .tabs .last a {margin-right:0;} .tabCtn {background-color:#f2f2f3; display:none;} .tabCurrent {display:block;} .separator{border-top:1px solid rgb(130,130,130); overflow:hidden;} /* context : applique le contexte de formatage (cf la doc fournie lot1 pour plus d'informations) */ .context {overflow:hidden; _overflow:visible; zoom:1;} .fullWidth {width: 100%;} /* alignement */ .txtL{text-align:left !important;} .txtC,.txtC td, .txtC th{text-align:center !important;} .txtR{text-align:right !important;} .txtT,.txtT td, .txtT th{vertical-align:top !important;} .txtM{vertical-align:middle !important;} .txtB,.txtB td, .txtB th{vertical-align:bottom !important;} .txtBase {vertical-align:baseline !important;} .floatL {float:left !important;} .floatR {float:right !important;} .center {margin-left:auto !important; margin-right:auto !important;} .clear{clear:both;} /* padding */ .paddingSm{padding:5px !important;} .tPaddingSm{padding-top:5px !important;} .rPaddingSm{padding-right:5px !important;} .bPaddingSm{padding-bottom:5px !important;} .lPaddingSm{padding-left:5px !important;} .hPaddingSm{padding-left:5px !important;padding-right:5px !important;} .vPaddingSm{padding-top:5px !important;padding-bottom:5px !important;} .padding{padding:10px !important;} /* FIX THESE !!! */ .tPadding{padding-top:10px !important;} .rPadding{padding-right:10px !important;} .bPadding{padding-bottom:10px !important;} .lPadding{padding-left:10px !important;} .hPadding{padding-left:10px !important;padding-right:10px !important;} .vPadding{padding-top:10px !important;padding-bottom:10px !important;} .paddingLg{padding:20px !important;} .tPaddingLg{padding-top:20px !important;} .rPaddingLg{padding-right:20px !important;} .bPaddingLg{padding-bottom:20px !important;} .lPaddingLg{padding-left:20px !important;} .hPaddingLg{padding-left:20px !important;padding-right:20px !important;} .vPaddingLg{padding-top:20px !important;padding-bottom:20px !important;} .lPaddingxLg{padding-left:40px !important;} .hPaddingxLg{padding-left:40px !important;padding-right:40px !important;} .vPaddingxLg{padding-top:40px !important;padding-bottom:40px !important;} .tPaddingxLg{padding-top:40px !important;} .rPaddingxLg{padding-right:40px !important;} .bPaddingxLg{padding-bottom:40px !important;} .lPaddingxxLg{padding-left:60px !important;} .hPaddingxxLg{padding-left:60px !important;padding-right:60px !important;} .vPaddingxxLg{padding-top:60px !important;padding-bottom:60px !important;} .tPaddingxxLg{padding-top:60px !important;} .rPaddingxxLg{padding-right:60px !important;} .bPaddingxxLg{padding-bottom:60px !important;} .lPaddingxxLg{padding-left:60px !important;} .padding0{padding:0 !important;} .tPadding0{padding-top:0 !important;} .rPadding0{padding-right:0 !important;} .bPadding0{padding-bottom:0 !important;} .lPadding0{padding-left:0 !important;} .hPadding0{padding-left:0 !important;padding-right:0 !important;} .vPadding0{padding-top:0 !important;padding-bottom:0 !important;} .pdgStandard {padding:8px 8px;} /* margin */ .marginSm{margin:5px !important;} .tMarginSm{margin-top:5px !important;} .rMarginSm{margin-right:5px !important;} .bMarginSm{margin-bottom:5px !important;} .lMarginSm{margin-left:5px !important;} .hMarginSm{margin-left:5px !important;margin-right:5px !important;} .vMarginSm{margin-top:5px !important;margin-bottom:5px !important;} .margin{margin:10px !important;} .tMargin{margin-top:10px !important;} .rMargin{margin-right:10px !important;} .bMargin{margin-bottom:10px !important;} .lMargin{margin-left:10px !important;} .hMargin{margin-left:10px !important;margin-right:10px !important;} .vMargin{margin-top:10px !important;margin-bottom:10px !important;} .marginLg{margin:20px !important;} .tMarginLg{margin-top:20px !important;} .rMarginLg{margin-right:20px !important;} .bMarginLg{margin-bottom:20px !important;} .lMarginLg{margin-left:20px !important;} .hMarginLg{margin-left:20px !important;margin-right:20px !important;} .vMarginLg{margin-top:20px !important;margin-bottom:20px !important;} .tMarginxLg{margin-top:40px !important;} .rMarginxLg{margin-right:40px !important;} .bMarginxLg{margin-bottom:40px !important;} .lMarginxLg{margin-left:40px !important;} .hMarginxLg{margin-left:40px !important;margin-right:40px !important;} .vMarginxLg{margin-top:40px !important;margin-bottom:40px !important;} .margin0{margin:0 !important;} .tMargin0{margin-top:0 !important;} .rMargin0{margin-right:0 !important;} .bMargin0{margin-bottom:0 !important;} .lMargin0{margin-left:0 !important;} .hMargin0{margin-left:0 !important;margin-right:0 !important;} .vMargin0{margin-top:0 !important;margin-bottom:0 !important;} .miniVspace {margin-top:1px !important;margin-bottom:1px !important;} .miniBspace {margin-bottom:1px !important;} .miniTspace {margin-top:1px !important;} .line, .lastunit {overflow: hidden;_overflow: visible; zoom:1;} .unit{float:left; margin-right:18px; zoom:1;} #mainInside .line .unit h4 {font-weight:normal;} #mainInside .line .unit .blockFilledUniverse h4 {font-weight:bold;} /* template avec navigation et colonne de droite */ .size1on1{float:none !important;margin-right:0; width:auto;} .miniHspace .unit {margin-right:1px;} .noHspace .unit {margin-right:0px;} /* template fullsize */ .size1on2{width:49.07%;} .size1on3{width:31%;} .size2on3{width:66.01%;} .size1on4{width:22.5%; _width:22.2%;} .size3on4{width:74.51%;} .miniHspace .size1on2{width:49.94%;} .miniHspace .size1on3{width:33.26%; _width:33.20%;} .miniHspace .size2on3{width:66.63%;} .miniHspace .size1on4{width:24.91%;} .miniHspace .size3on4{width:74.97%;} /* template avec une navigation ET une colonne de droite */ .page2colsNav .size1on2{width:48.42%;} .page2colsNav .size1on3{width:31.23%;} .page2colsNav .size2on3{width:65.61%; _width:64.3%;} .page2colsNav .size1on4{width:22.63%;} .page2colsNav .size3on4{width:74.21%;} #mainInside.size3on4 {margin-bottom:20px;} .page2colsNav .miniHspace .size1on2{width:49.91%;} .page2colsNav .miniHspace .size1on3{width:33.22%;} .page2colsNav .miniHspace .size2on3{width:66.61%;} .page2colsNav .miniHspace .size1on4{width:24.87%;} .page2colsNav .miniHspace .size3on4{width:74.95%;} .page2colsNav .noHspace .size1on2{width:49.99%;} .page2colsNav .noHspace .size1on3{width:33.32%;} .page2colsNav .noHspace .size2on3{width:66.65%;} .page2colsNav .noHspace .size1on4{width:24.99%;} .page2colsNav .noHspace .size3on4{width:74.99%;} /* template avec une navigation OU une colonne de droite */ #page.page2cols .size1on2, #page.pageNav .size1on2{width:48.79%;} #page.page2cols .size1on3, #page.pageNav .size1on3{width:31.73%;} #page.page2cols .size2on3, #page.pageNav .size2on3{width:65.86%;} #page.page2cols .size1on4, #page.pageNav .size1on4{width:23.19%;} #page.page2cols .size3on4, #page.pageNav .size3on4{width:73.55%;} #page.page1col #rightColumn, #page.page2cols #leftColumn, #page.pageNav #rightColumn {display:none;} #page.page2cols #mainInside {width:81.2%; padding-left:10px; padding-bottom:20px;} #page.page1col #mainInside, #page.pageNav #mainInside {/*width:73.55%;*/ padding:10px 10px 0 85px;} #page.pageNav .miniHspace .size1on2{width:49.93%;} #page.pageNav .miniHspace .size1on3{width:33.24%;} #page.pageNav .miniHspace .size2on3{width:66.62%;} #page.pageNav .miniHspace .size1on4{width:24.89%;} #page.pageNav .miniHspace .size3on4{width:74.96%;} /* template normal unit colles */ .noHspace .size1on2{width:49.99% !important;} .noHspace .size1on3{width:33.32% !important;} .noHspace .size2on3{width:66.65% !important;} .noHspace .size1on4{width:24.99% !important;} .noHspace .size3on4{width:74.99% !important;} /* custom sizes */ .lastunit {float:none; _float:right; display:block; width:auto !important; zoom:1; margin-right:0 !important;} .block{margin-bottom:1px;} .Vspace{margin-top: 18px !important; margin-bottom:18px !important;} .Tspace{margin-top: 18px !important;} .Bspace{margin-bottom:18px !important;} .noVspace {margin-top:0 !important; margin-bottom:0 !important;} .noTspace {margin-top:0 !important;} .noBspace {margin-bottom:0 !important;} .mea, .mea .text, .meaRight .text, .meaRight {overflow:hidden; _overflow:visible; zoom:1;} .mea .media {float:left; margin:0 18px 0 0; width:auto !important;} .meaRight .media{float:right; margin:0 0 0 18px;} .meaWrap .text{overflow:visible; zoom:0;} .blockFilled .mea .text, .blockFilledUniverse .mea .text {padding:9px 10px 9px 0;} .blockFilled .meaRight .text, .blockFilledUniverse .meaRight .text {padding:9px 0 9px 10px;} .insideSpace .mea .text, .insideSpace .meaRight .text {padding:0;} #mainInside .line .unit .text h4 {font-weight:bold;} .text h5 {font-weight:bold;} .miniHspace .unit .block .blockInside p.body img {_width:100% !important;} img.txtT {_width:100%;} /* block par defaut */ .block{overflow:hidden; _overflow:visible; zoom:1; position:relative;} .blockInside{position:relative; zoom:1;} .body{overflow:hidden; _overflow:visible; zoom:1;} .head{min-height:19px; _height:19px; padding:4px 10px; color:#000000;} .blockToggle .head {padding:4px 10px;} .blockToggle .head a {display:block; padding: 5px 0; color:rgb(130,130,130); text-decoration:none; background:url(skin/toggle_bottom.png) 97% 11px no-repeat; _zoom:1;} .toggleClosed .head a {background:url(skin/toggle_right.png) 97% 11px no-repeat !important; _zoom:1;} .hasJS .toggleClosed .body {display:none;} h5.head {padding: 8px 10px 4px 10px;} .headRight{min-height:23px; padding-left:30px; padding-top:4px; color:#000000;} .whiteSpacer{border-bottom: 1px solid #fff;} .whiteSpacerR{border-right: 1px solid #fff;} .whiteSpacerL{border-left: 1px solid #fff;} .darkSpacer{border-bottom: 1px solid #ededed;} .borderR{border-right: 1px solid #e5e5e5;} .mediaFullSize img, .mediaFullSize embed, .mediaFullSize object {width:100%;} /* foot */ .foot{overflow:hidden; _overflow:visible; zoom:1; text-align:center; padding:10px 0;} /* block filled */ .whiteFilled {background-color:white !important;} .darkFilled {background-color:rgb(242,242,243) !important;} .darkerFilled {background-color:#cacccb !important;} .blackFilled {background:#000;} .blockFilled, .blockFilled .blockInside{background-color:rgb(242,242,243);} .blockFilled .dottedSeparator {border-bottom:1px dotted #fff;} /* block avec bordure */ .blockBorder .blockInside{border:1px solid #E5E5E5; padding:8px;} .blockBorder .blockInside .line .unit {border-right:1px solid #E5E5E5;} .blockBorder .blockInside .line .lastunit, .blockBorder .blockInside .block .blockInside {border:none} /* espacement interne bloc */ .insideSpace .body{padding:9px 10px 9px 10px;} /* tables */ table {width:100%;} tr {background-color:#f2f2f2; line-height:2.2em;} tr.even {background-color:rgb(242,242,243);} th, td {padding-left:10px;} /* faux onglets steps */ #mainInside .stepHeading {overflow: hidden;_overflow: visible;zoom: 1; margin-bottom:0;} .stepHeading li {float: left;color: #9b9b9b; border-bottom: 3px solid #9b9b9b; font-weight: bold;} .stepHeading li a {text-decoration:none; color:#9B9B9B;} .stepHeading li.current a {color:#000;} .stepHeading li.current {color:#003292; border-color:#003292; cursor:pointer;} .stepHeading li.last {padding-right: 30px;} /* formulaires */ form h3 {font-weight:bold; font-size:1.1em; margin-bottom:10px;} form .labelTop label {font-weight:normal; display:block;} form .fld select {/*width:100%;*/ height:1.3em; margin:1px 0 10px;} form .groupCheckLeft input, form .togEl {position:relative; top:3px; *top:1px;} form .groupCheckLeft label {display: inline;} form .labelTop .fline label {font-size:.84em;} form .labelTop .fld select {margin-bottom:5px;} form .labelTop .size1on3 .text {width:165px;} form .labelTop .lastunit .text {width:150px; *width:149px;} form .groupCheckLeft .lastunit .text, form/*#webform*/ fieldset ul .body .text {width:auto !important;} #page.pageNav form/*#webform*/ ul.groupCheckLeft {width:100%;} form .labelTop .fline .text input {height:1.2em; margin-bottom:5px;} form .size2on3 .text, form textarea.text {width:345px; *width:343px;} form .size2on3 .error .text {width:317px; *width:315px;} .tipBoxLayer {display:none;} .clonedTipBoxLayer {position:absolute; background:#fff; border:1px solid rgb(172,189,0); z-index:100; width:200px; margin-left:145px; padding:10px !important;} .clonedTipBoxLayer h5 {color:rgb(139,153,0); margin-bottom:5px;} .clonedTipBoxLayer .tMarginSm {margin-bottom:5px !important;} .attention {display:block; overflow:hidden; background:url(skin/infos.png) no-repeat left center; width:20px; height:20px; float:right;} .hideTipText span {text-indent:-5000px; display:block; overflow:hidden; _overflow:visible; zoom:1;} /* Defilement d'images */ .mediaScrollerCtn, .mediaScrollerCtn .mediaScroller {overflow:hidden; _overflow:visible; zoom:1;} .mediaScrollerCtn .media {float:left; _margin-right:-3px;} .mediaScrollerCtn .media object, .mediaScrollerCtn .media embed {display:block;} .mediaScrollerCtn .media img {display:block;} .mediaScroller {position:relative; border-left:1px solid #fff;} .mediaScroller ul {overflow:hidden;} .hasJS .mediaScroller ul {height:0px; background-color:rgb(242,242,243);} .mediaScroller li {border-bottom:1px solid #fff;} .mediaScroller li.last{border-bottom:0;} .mediaScroller li a{display:block; background:rgb(242,242,243); text-transform:uppercase; text-decoration:none; padding: 8px 12px;} .mediaScroller li a:hover, .mediaScroller li.current a {background-color:rgb(130,130,130); color:white;} .mediaScroller a.arrow{display:block; height:28px; width:100%; text-indent:-5000px;background: url(skin/scrollArrowNoir.png) no-repeat scroll 0%;} .gamme .mediaScroller a.arrow{background-color:rgb(172,189,0);} .mediaScroller a.return{background-position:center 12px;} .mediaScroller a.follow{background-position:center -185px;} .photoGallery li a {padding:0;} .layersMediaScroller .layer {padding:8px 10px;} .gallerieOccasion .media {margin-right:15px;} .gallerieOccasion .mediaScroller {height:100px; border:0; margin-top:18px;} .gallerieOccasion .mediaScroller ul {height:100px;} .hasJS .gallerieOccasion .mediaScroller {width:0;} .hasJS .gallerieOccasion .mediaScroller ul {width:0;} .hasJS .gallerieOccasion .mediaScroller .hScroll {width:0;} .gallerieOccasion .mediaScroller .hScroll {float:left; overflow:hidden;} .gallerieOccasion .mediaScroller li {float:left; border-bottom:0; border-right:1px solid #ededed;} .gallerieOccasion .mediaScroller li.last {border-right:0;} .gallerieOccasion .mediaScroller li a {padding:0; display:inline;} .gallerieOccasion .mediaScroller li a img{display:inline;} .gallerieOccasion .mediaScroller a.arrow {width:14px; height:100px;} .gallerieOccasion .mediaScroller a.return{float:left; border-right:1px solid #ededed; background-image:url(skin/fleche_scroller.png); background-position:4px center;} .gallerieOccasion .mediaScroller a.follow{float:right; border-left:1px solid #ededed; background-image:url(skin/fleche_scroller_right.png); background-position:5px center;} .accessories {margin-bottom:20px; visibility:hidden;} .accessories .accessScroller {width:549px; background-color:#f2f2f3; overflow:hidden;} .accessories .accessScroller .arrow a {width:14px; height:93px; background-repeat:no-repeat; text-indent:-5000px; border:0; position:relative; z-index:10;} .accessories .return a{float:left; border-right:1px solid #ededed; background-image:url(skin/fleche_scroller.png); background-position:4px center;} .accessories .follow a{float:right; border-left:1px solid #ededed; background-image:url(skin/fleche_scroller_right.png); background-position:5px center;} .accessories .hScroll {float:left; overflow:hidden; height:93px; width:521px; position:relative; left:-4px; _left:2px;} .accessories .hScroll ul {width:10000px; height:93px;} .accessories .hScroll li {margin:5px 0; float:left; width:76px; _width:auto; _position:relative; *z-index:1; *position:relative;} .accessories .hScroll li.last {margin-right:0;} .accessories .media .show, .accessories .media .desc {width:549px; border-top:10px solid white;} .accessories .media .show img {width:100% !important;} .accessories .accessScroller li a {outline:none !important; display:block; _display:inline; *position:relative; *-index:1;} .accessories .accessScroller li a img {border:2px solid #f2f2f3;} /*.rightToolTip {position:absolute; float:left; _float:none; margin-top:-87px; _margin-top:0; left:-130px; padding:5px 10px; z-index:10; _width:100px;} .leftToolTip {position:absolute; float:left; _float:none; margin-top:-87px; _margin-top:0; right:-110px; _right:-121px; padding:5px 10px; z-index:1000000; _width:100px;}*/ .ToolTips {position:absolute; z-index:1000;} /************************************** * HEADER * ***************************************/ #header {position:relative; z-index:2; color:rgb(0,50,146); background-color:#ffffff; overflow:hidden;} /**---------------------------------- - LIENS D'ACCES RAPIDE - */ *.overnav {font-size:.9em; line-height:18px; background-color:white; text-align:right !important;} *.overnav a {color:rgb(0,50,146); text-decoration:none; padding:0 10px;} *.overnav a:hover, *.overnav a:focus, *.overnav a:active {text-decoration:underline;} /**------------------------------------- - ZONE DE TITRE DE PAGE - */ #headerContent {background: white url(skin/bkg_header.png) 0 0 no-repeat; height:100px;} #headerContent p, #headerContent h1, #headerContent div {float:left; color:white;} #headerContent p {margin:18px 0 0 35px; _margin-left:15px;} #headerContent p img {width:78px;height:72px;} #headerContent h1, #headerContent div {margin:10px 0 0 97px; font-weight:normal;} #headerContent a:focus, #headerContent a:active {outline:invert dotted thin;} /**-------------- - MENU - */ #menu {float:left; margin-top:-20px;margin-left:193px; _position:relative; _z-index:2;} #menu a {color:rgb(0,50,146); text-decoration:none;text-align:center;outline:0px red solid;} #menu li {float:left;} #menu li a {padding:0 10px; display:block; background-repeat:no-repeat; background-image:url(skin/decoupe_nav.png); height:16px; overflow:hidden; text-indent:-500px;} #menu li ul {padding:2px 0 0 0; border:1px solid; border-top:0; margin:0; z-index:3; background-color:white;} #menu li li {float:none; padding-left:0; position:relative; left:-2px; *left:0; margin:0 -12px 0 0;} #menu li li a {padding:3px 20px 3px 13px; line-height:1.1em; height:auto; background:white; overflow:visible; text-indent:0; position:relative; z-index:101;} .hasJS #menu li ul {position:absolute; margin:5px 0 0 1px;} .hasJS #menu .show ul {display:block !important;} .iframeBackground {position:absolute; width:100%; height:98%; _display:block !important; z-index:100;} #menu .rub1 {color:rgb(166,181,221); border-color:rgb(123,137,175);} #menu .rub1 li a {color:rgb(166,181,221); width:143px;} #menu .rub1 li a:hover, #menu .rub1 li a:focus, #menu .rub1 li a:active {color:white; background-color:rgb(123,137,175);} #menu .rub2 {color:rgb(172,189,0); border-color:rgb(139,153,0);} #menu .rub2 li a {color:rgb(172,189,0); width:122px;} #menu .rub2 li a:hover, #menu .rub2 li a:focus, #menu .rub2 li a:active {color:white; background-color:rgb(139,153,0);} #menu .rub3 {color:rgb(255,150,0); border-color:rgb(241,119,0);} #menu .rub3 li a {color:rgb(255,150,0); width:169px;} #menu .rub3 li a:hover, #menu .rub3 li a:focus, #menu .rub3 li a:active {color:white; background-color:rgb(241,119,0);} #menu .rub4 {color:rgb(129,201,231); border-color:rgb(99,164,191);} #menu .rub4 li a {color:rgb(129,201,231); width:118px;} #menu .rub4 li a:hover, #menu .rub4 li a:focus, #menu .rub4 li a:active {color:white; background-color:rgb(99,164,191);} #menu .rub5 {color:rgb(207,0,48); border-color:rgb(172,0,40);} #menu .rub5 li a:hover, #menu .rub5 li a:focus, #menu .rub5 li a:active {color:white; background-color:rgb(172,0,40);} /**------------------------- -CHEMIN DE FER - */ .pageHome .breadcrumb {margin-top:0; visibility:hidden;} .breadcrumb {font-size:.9em; line-height:.9em; margin-top:23px; height:23px; clear:both; color:rgb(0,50,146);} .breadcrumb a {color:rgb(0,50,146); text-decoration:none;_line-height:12px;} .breadcrumb a:hover, .breadcrumb a:focus, .breadcrumb a:active {text-decoration:underline;} /******************************************* * Templates * ********************************************/ #body {width:100%; position:relative; z-index:1; overflow:hidden; *overflow:visible; *zoom:1;} .pageHome #body {overflow:visible; zoom:0;} /* Fond flash */ #flash {position:absolute; top:0; left:0; z-index:10;} /* ne se trouve plus en arriere-plan */ /*#flash * {width:100%;}*/ /* Appli Java */ #mapArea {position:relative !important; width:455px !important; _overflow:visible !important; _zoom:1 !important;} /**----------------------- - Menu Gauche - */ .pageHome #leftColumn, .pageHome #footer form, .pageNoCol #leftColumn {display:none;} #leftColumn {width:160px; float:left; margin-bottom:20px;} #pageTitle {position:relative; height:85px; font-weight:normal; margin-bottom:5px;} #pageTitle embed {width:100%;} #pageTitle span {position:relative; font-size:1.2em; top:-4px;} #leftColumn h3 {font-size:1.1em; font-weight:bold;} .hasJS #leftColumn #navigation li ul, .hasJS #leftColumn #navigation .open ul ul {display:none;} .hasJS #leftColumn #navigation .open ul, .hasJS #leftColumn #navigation .open ul .open ul {display:block; margin:2px 0;} #leftColumn #navigation a {text-decoration:none; display:block; line-height:15px; padding:3px 0; color:rgb(130,130,130); border-bottom:1px solid rgb(130,130,130);} #leftColumn #navigation li li a, #leftColumn #navigation li li li a {border-bottom:1px solid white; line-height:18px;} #leftColumn #navigation li a {padding-left:21px; width:139px;} #leftColumn #navigation li li a {padding:0 0 1px 30px; width:130px;} #leftColumn #navigation li li li a {padding:2px 0 2px 40px; line-height:12px; width:120px;} /**------------------------------ - Conteneur Central - */ #mainInside {float:left; width:549px; padding:10px 10px 0 85px; _padding-left:81px; line-height:1.3em; min-height:5px; _height:5px;} .pageHome #mainInside {width:100%; padding:0; position:relative; z-index:2; float:none;} .pageHome #mainInside .line .unit .block {margin-bottom:0;} .pageNav #mainInside {width:709px; float:right;} div.page2colsNav div#mainInside.size3on4 {width:794px; padding:0 10px 0 0;} #mainInside h3.presBlocs {padding-bottom:5px; border-bottom:1px solid; margin:40px 0 20px 0; background-color:rgb(242,242,243);} #mainInside h3.presBlocs span {background-color:#ffffff; display:block; padding-bottom:5px;} #mainInside .line h4, #mainInside .desc h4 {font-weight:bold; margin-bottom:5px;} #mainInside a:focus, #mainInside a:active {outline:invert dotted thin;} #mainInside h5.presContenus {margin-bottom:5px; font-weight:bold; text-decoration:underline;} #mainInside ul.listePuce li {background:url(skin/picto_maininside_1.png) -8px 4px no-repeat; padding-left:13px;} #mainInside ul.listeChev li {background:url(skin/list_chevrons.png) -4px 4px no-repeat; padding-left:13px;} #mainInside a.chevron {background:url(skin/list_chevrons.png) -4px 4px no-repeat; padding-left:12px; font-weight:bold; display:inline;} /**---------------------- - Menu Droite - */ .pageHome #rightColumn, .pageNav #rightColumn, .pageNoCol #rightColumn {display:none;} #rightColumn {width:160px; float:left; padding-bottom:20px;} .productTitle h2, .productTitle div {padding:6px 0 0 11px; font-weight:normal;} .productTitle p {padding:5px 0 5px 14px; font-weight:bold; font-size:1.1em;} .productTitle p em {font-style:normal; font-weight:normal;} .productAction li, .actionList li {padding-top:1px;} .productAction form {width:100%; display:none;} .productAction a, .actionList a {/*line-height:30px;*/line-height:16px; padding-top:8px; _padding-top:7px; padding-bottom:7px; color:#ffffff; text-decoration:none; display:block; width:133px; padding-left:27px;} .actionList a {width:123px; padding-left:37px;} .actionList .print a {background:rgb(130,130,130) url(skin/picto_actionlist_print.png) 0 7px no-repeat; /*visibility:visible !important;*/} .actionList .email a {background:rgb(130,130,130) url(skin/picto_actionlist_mail.png) 0 9px no-repeat; /*visibility:visible !important;*/} .actionList .save a {background:rgb(130,130,130) url(skin/picto_sauvegarder.png) 8px 5px no-repeat;} /*.print {display:none;}*/ .modeles {border-top:1px solid #ffffff;} .modeles h3 {color:#ffffff; text-transform:uppercase; font-size:1em; padding:7px 0 3px 12px;} .modeles a {color:#ffffff; text-decoration:none; display:block; width:133px; padding-left:27px;} .modeles a:hover, .modeles a:focus, .modeles a:active {text-decoration:underline;} /* MODEL PICKER */ /* .modelPicker {height:80px; margin-bottom:0;} .modelPicker .block{margin:0;} .modelPicker .body{height:80px;} .modelPicker .picker {overflow:hidden; zoom:1; position:absolute; top:0; left:0; width:100%;} .modelPicker .picker a.arrow{display:block; text-indent:-5000px; width:12px; height:80px; outline:none; background:#fff url(skin/modelPickerArrows.png) no-repeat left 27px; position:relative; z-index:5000;} .modelPicker .picker a.return{float:left; margin-right:-1px;} .modelPicker .picker a.follow{float:right; background-position:right 27px;} .modelPicker .picker a.noImg {background-image:none; cursor:default;} .modelPicker .picker .hScroll {overflow:hidden; float:left; width:auto; _height:80px;} .modelPicker .picker .hScroll ul {float:right;} .modelPicker .picker ul {height:80px;} .modelPicker .picker ul li {position:relative; float:left; border-left:1px solid #9d9ea2; //position:static; //float:none; //display:inline; zoom:1} .modelPicker .picker ul li img {width:169px; height:80px;} .modelPicker .picker ul li a {display:block; text-decoration:none !important; width:169px;} .modelPicker .picker ul li a.pickOn {visibility:hidden; width:169px; height:80px;} .modelPicker .lastunit {display:none;} .modelPicker .size3on4 {float:right;} */ .modelPicker {height:80px; margin-bottom:0; overflow:hidden;background:#fff;} .modelPicker .size3on4 {float:right;width:100% !important;} .pageHome #body {height:372px !important;} /* Fix temporaire: Pour passer sous le flash de la home et surencherir par rapport au script */ .pageHome .modelPicker .body{height:80px;} .pageHome .modelPicker .size3on4 {width:68% !important;} .modelPicker .picker {overflow:hidden;/*width:684px; */} .pageHome .picker {float:right;} .modelPicker .picker a.arrow{display:block; text-indent:-5000px; width:12px; height:80px; outline:none; background:#fff url(skin/modelPickerArrows.png) no-repeat left 27px;} .modelPicker .picker a.return{float:left; margin-right:-1px;} .modelPicker .picker a.follow{float:right; background-position:right 27px;} .modelPicker .picker a.noImg {background-image:none; cursor:default;} .modelPicker .picker .hScroll {float:left; height:80px; overflow:hidden; position:relative;/*width:660px;*/} .pageHome .modelPicker .picker .hScroll {width:660px;} .modelPicker .picker .hScroll ul {overflow:hidden; height:80px;position:absolute;} .pageHome .modelPicker .picker .hScroll ul {float:right;*position:relative;} .modelPicker .picker .hScroll ul li {float:left; border-left:1px solid #9d9ea2;} .modelPicker .picker .hScroll ul li.noBrd{border-color:#fff;} .modelPicker .picker .hScroll ul li a {display:block; text-decoration:none !important; width:169px; padding:0 25px;} .modelPicker .picker .hScroll ul li a.pickOn {visibility:hidden; width:169px; height:80px;} .modelPicker .picker .hScroll ul li a img {width:169px; height:80px;} .modelPicker .picker .hScroll ul li a span {display:none;} .modelPicker .lastunit {display:none;} /************************************* * Footer * **************************************/ .pageNav #footer {margin-top:10px;} .pageHome #footer {margin-top:10px; background:none;} #footer {margin-bottom:10px;} #footer form {padding-top:2px; margin-top:-8px; *margin-top:12px; margin-left:-2px; *margin-left:-10px; width:220px;} #footer legend {font-size:.9em; line-height:1.4em; color:rgb(0,50,146); _margin-left:4px;} #footer label, #footer input {color:rgb(130,130,130);} #footer #cpville {border:0; width:125px; height:16px; *height:17px; padding:1px 0 1px 6px; *padding-top:0; line-height:18px; *margin-left:8px;} #footer .submit {position:relative; top:4px; left:-5px; *left:1px; margin-top:-3px; margin-left:6px;} #footer form div {position:absolute; margin-top:2px; _margin-top:0;} #footer p {margin-top:8px; *margin-top:-12px;} .pageHome #footer p {margin-top:10px;} #footer .overnav {text-align:center !important;} #footer .overnav img {float:right; overflow:hidden; margin-top:-1.2em;} body:last-child:not(:root:root) #footer .overnav img {margin-top:0;} /* footer home */ .pageHome #footer form{display:none;} .pageHome #footer p {_margin-top:8px;} /**************************************************** * Couleurs transverse et decouverte * ****************************************************/ #leftColumn h3 {background:white url(skin/decouverte/picto_left_1.png) 0 2px no-repeat; padding:0 0 5px 20px; color:rgb(166,181,221); border-bottom:1px solid rgb(123,137,175);} #leftColumn #navigation li a:hover, #leftColumn #navigation li a:focus, #leftColumn #navigation li a:active, #leftColumn #navigation li a.current, #leftColumn #navigation li.open a {color:rgb(123,137,175); background:url(skin/decouverte/picto_left_1.png) 0 6px no-repeat; border-bottom:1px solid rgb(166,181,221);} #leftColumn #navigation li.open {border-bottom:1px solid rgb(130,130,130);} #leftColumn #navigation li.open li {border-bottom:0;} #leftColumn #navigation li.open li a {color:rgb(130,130,130); background:transparent url(skin/decouverte/picto_nav_niv2.png) 20px 6px no-repeat; border-bottom:1px solid white;} #leftColumn #navigation li.open li a:hover, #leftColumn #navigation li.open li a:focus, #leftColumn #navigation li.open li a:active, #leftColumn #navigation li.open li a.current {color:rgb(123,137,175); background:transparent url(skin/decouverte/picto_nav_niv2.png) 20px -48px no-repeat; border-bottom:1px solid white;} #leftColumn #navigation li.open li.open a {color:rgb(123,137,175); background:transparent url(skin/decouverte/picto_nav_niv2b.png) 20px -12px no-repeat; border-bottom:1px solid white;} #leftColumn #navigation li.open li.open a:hover, #leftColumn #navigation li.open li.open a:focus, #leftColumn #navigation li.open li.open a:active, #leftColumn #navigation li.open li.open a.current {background:transparent url(skin/decouverte/picto_nav_niv2b.png) no-repeat 20px -12px;} #leftColumn #navigation li.open li.open li a {color:rgb(130,130,130); background:transparent url(skin/decouverte/picto_nav_niv3.png) 31px 5px no-repeat;} #leftColumn #navigation li.open li.open li a:hover, #leftColumn #navigation li.open li.open li a:focus, #leftColumn #navigation li.open li.open li a:active, #leftColumn #navigation li.open li.open li a.current {color:rgb(123,137,175); background:transparent url(skin/decouverte/picto_nav_niv3.png) 31px -37px no-repeat;} #pageTitle {color:#b2b2b2;} #pageTitle span {color:rgb(166,181,221);} #mainInside h3.presBlocs {color:rgb(123,137,175); border-color:rgb(166,181,221);} #rightColumn {background:rgb(166,181,221) url(skin/decouverte/bkg_right_column.png) 0 100% no-repeat;} .productTitle {color:white; background:rgb(166,181,221) url(skin/decouverte/bkg_right_title.png) 0 0 no-repeat;} .productAction{background-color:rgb(166,181,221);} .productAction a {background-color:rgb(123,137,175); background-image:url(skin/picto_productlist.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='/css/skin/picto_productlist_IE.png'); background-position:0 12px; background-repeat:no-repeat;} .productAction a:hover, .productAction a:focus, .productAction a:active {background-color:rgb(94,109,148);} .modeles a {background:url(skin/picto_modeles_link.png) 14px 3px no-repeat;} #footer {background:white url(skin/decouverte/bkg_footer.png) 0 0 no-repeat;} #footer #cpville {background:white url(skin/decouverte/bkg_input_footer.png) 0 0 no-repeat;} .blockFilledUniverse .blockInside{background-color:rgb(242,242,243); color:rgb(130,130,130);} #mainInside .line .unit .meaWrap .text h4, #mainInside .line .lastunit .meaWrap .text h4 {color:rgb(123,137,175);} .text h5 {color:rgb(123,137,175);} .boutonUnivers strong {background-color:rgb(123,137,175);} .body h4 strong {color:rgb(123,137,175);} th {color:rgb(123,137,175);} .blockTabs .bouton a {background: none;} .desc h4 {color:rgb(166,181,221);} .ToolTips {border:1px solid white; color:white; padding:10px; width:135px; background-color:rgb(123,137,175);} .accessScroller .arrow a {background-color:rgb(166,181,221);} .accessories .accessScroller li a:hover img, .accessories .accessScroller li a:focus img, .accessories .accessScroller li a:active img {border-color:rgb(166,181,221);} .accessories h4.bMargin {*margin-bottom:0 !important;} .mediaScroller a.arrow{background-color:rgb(166,181,221);} #staf.decouverte {border:1px solid rgb(166,181,221);} /************************************* * Couleurs gamme * *************************************/ .gamme #leftColumn h3 {background:white url(skin/gamme/picto_left_1.png) 0 2px no-repeat; padding:0 0 5px 20px; color:rgb(172,189,0); border-bottom:1px solid rgb(139,153,0);} .gamme #leftColumn #navigation li a:hover, .gamme #leftColumn #navigation li a:focus, .gamme #leftColumn #navigation li a:active, .gamme #leftColumn #navigation li a.current, .gamme #leftColumn #navigation li.open a {color:rgb(139,153,0); background:url(skin/gamme/picto_left_1.png) 0 6px no-repeat; border-bottom:1px solid rgb(172,189,0);} .gamme #leftColumn #navigation li.open li {border-bottom:0;} .gamme #leftColumn #navigation li.open li a {color:rgb(130,130,130); background:transparent url(skin/gamme/picto_nav_niv2.png) 20px 6px no-repeat; border-bottom:1px solid white;} .gamme #leftColumn #navigation li.open li a:hover, .gamme #leftColumn #navigation li.open li a:focus, .gamme #leftColumn #navigation li.open li a:active, .gamme #leftColumn #navigation li.open li a.current {color:rgb(139,153,0); background:transparent url(skin/gamme/picto_nav_niv2.png) 20px -48px no-repeat; border-bottom:1px solid white;} .gamme #leftColumn #navigation li.open li.open a {color:rgb(139,153,0); background:transparent url(skin/gamme/picto_nav_niv2b.png) 20px -12px no-repeat; border-bottom:1px solid white;} .gamme #leftColumn #navigation li.open li.open a:hover, .gamme #leftColumn #navigation li.open li.open a:focus, .gamme #leftColumn #navigation li.open li.open a:active, .gamme #leftColumn #navigation li.open li.open a.current {background:transparent url(skin/gamme/picto_nav_niv2b.png) no-repeat 20px -12px;} .gamme #leftColumn #navigation li.open li.open li a {color:rgb(130,130,130); background:transparent url(skin/gamme/picto_nav_niv3.png) 31px 5px no-repeat;} .gamme #leftColumn #navigation li.open li.open li a:hover, .gamme #leftColumn #navigation li.open li.open li a:focus, .gamme #leftColumn #navigation li.open li.open li a:active, .gamme #leftColumn #navigation li.open li.open li a.current {color:rgb(139,153,0); background:transparent url(skin/gamme/picto_nav_niv3.png) 31px -37px no-repeat;} .gamme #pageTitle {color:#b2b2b2;} .gamme #pageTitle span {color:rgb(172,189,0);} .gamme #mainInside h3.presBlocs {color:rgb(139,153,0); border-color:rgb(172,189,0);} .gamme #rightColumn {background:rgb(172,189,0) url(skin/gamme/bkg_right_column.png) 0 100% no-repeat;} .gamme .productTitle {color:white; background:rgb(172,189,0) url(skin/gamme/bkg_right_title.png) 0 0 no-repeat;} .gamme .productAction{background-color:rgb(172,189,0);} .gamme .productAction a {background-color:rgb(139,153,0);} .gamme .productAction a:hover, .gamme .productAction a:focus, .gamme .productAction a:active {background-color:rgb(109,120,0);} /*.gamme .modeles a {background:url(skin/picto_modeles_link.png) 14px 3px no-repeat;}*/ .gamme #footer {background:white url(skin/gamme/bkg_footer.png) 0 0 no-repeat;} .gamme #footer #cpville {background:white url(skin/gamme/bkg_input_footer.png) 0 0 no-repeat;} .gamme .blockFilledUniverse .blockInside{background-color:rgb(172,189,0); color:white;} .gamme #mainInside .line .unit .meaWrap .text h4, .gamme #mainInside .line .lastunit .meaWrap .text h4 {color:rgb(139,153,0);} .gamme .text h5 {color:rgb(139,153,0); *margin-top:10px;} .gamme .bouton strong {background-color:rgb(172,189,0);} .gamme .boutonUnivers strong {background-color:rgb(139,153,0);} .gamme #rightColumn.body h4 {background-color:rgb(172,189,0);} .gamme #rightColumn .body h4 strong {background-color:rgb(172,189,0); color:white;} .gamme span.univers {color:rgb(172,189,0);} .gamme .body h4 strong {color:rgb(172,189,0);} .gamme th {color:rgb(139,153,0);} .gamme .blockTabs ul.tabs li { background:rgb(139,153,0) url(skin/bloc_onglets_bkg_list_inactif.png) 0 0 no-repeat;} .gamme .blockTabs ul.tabs li a {color:white; background:url(skin/bloc_onglets_bkg_link_inactif.png) 100% 0 no-repeat;} .gamme .blockTabs ul.tabs li.current{background:rgb(242, 242, 242) url(skin/bloc_onglets_bkg_list.png) 0 0 no-repeat;} .gamme .blockTabs ul.tabs li.current a {color:rgb(139,153,0); background:url(skin/bloc_onglets_bkg_link.png) 100% 0 no-repeat;} .gamme .desc h4 {color:rgb(172,189,0);} .gamme .ToolTips {background-color:rgb(172,189,0);} .gamme .accessScroller .arrow a {background-color:rgb(172,189,0);} .gamme .accessories .accessScroller li a:hover img, .gamme .accessories .accessScroller li a:focus img, .gamme .accessories .accessScroller li a:active img {border-color:rgb(172,189,0);} .gamme .dataArray th, .gamme .dataArray a {color:rgb(130,130,130);} .gamme .dataArray td.universBkg, .gamme .dataArray td.universBkg a {background-color:rgb(172,189,0); color:white;} .gamme .mediaScroller a.arrow{background-color:rgb(172,189,0);} #staf.gamme {border:1px solid rgb(172,189,0);} /************************************* * Couleurs services * *************************************/ .services #leftColumn h3 {background:white url(skin/services/picto_left_1.png) 0 2px no-repeat; padding:0 0 5px 20px; color:rgb(255,150,0); border-bottom:1px solid rgb(241,119,0);} .services #leftColumn #navigation li a:hover, .services #leftColumn #navigation li a:focus, .services #leftColumn #navigation li a:active, .services #leftColumn #navigation li a.current, .services #leftColumn #navigation li.open a {color:rgb(241,119,0); background:url(skin/services/picto_left_1.png) 0 6px no-repeat; border-bottom:1px solid rgb(255,150,0);} .services #leftColumn #navigation li.open li {border-bottom:0;} .services #leftColumn #navigation li.open li a {color:rgb(130,130,130); background:transparent url(skin/services/picto_nav_niv2.png) 20px 6px no-repeat; border-bottom:1px solid white;} .services #leftColumn #navigation li.open li a:hover, .services #leftColumn #navigation li.open li a:focus, .services #leftColumn #navigation li.open li a:active, .services #leftColumn #navigation li.open li a.current {color:rgb(241,119,0); background:transparent url(skin/services/picto_nav_niv2.png) 20px -48px no-repeat; border-bottom:1px solid white;} .services #leftColumn #navigation li.open li.open a {color:rgb(241,119,0); background:transparent url(skin/services/picto_nav_niv2b.png) 20px -12px no-repeat; border-bottom:1px solid white;} .services #leftColumn #navigation li.open li.open a:hover, .services #leftColumn #navigation li.open li.open a:focus, .services #leftColumn #navigation li.open li.open a:active, .services #leftColumn #navigation li.open li.open a.current {background:transparent url(skin/services/picto_nav_niv2b.png) no-repeat 20px -12px;} .services #leftColumn #navigation li.open li.open li a {color:rgb(130,130,130); background:transparent url(skin/services/picto_nav_niv3.png) 31px 5px no-repeat;} .services #leftColumn #navigation li.open li.open li a:hover, .services #leftColumn #navigation li.open li.open li a:focus, .services #leftColumn #navigation li.open li.open li a:active, .services #leftColumn #navigation li.open li.open li a.current {color:rgb(241,119,0); background:transparent url(skin/services/picto_nav_niv3.png) 31px -37px no-repeat;} .services #pageTitle {color:#b2b2b2;} .services #pageTitle span {color:rgb(255,150,0);} .services #mainInside h3.presBlocs {color:rgb(241,119,0); border-color:rgb(255,150,0);} .services #rightColumn {background:rgb(255,150,0) url(skin/services/bkg_right_column.png) 0 100% no-repeat;} .services .productTitle {color:white; background:rgb(255,150,0) url(skin/services/bkg_right_title.png) 0 0 no-repeat;} .services .productAction{background-color:rgb(255,150,0);} .services .productAction a {background-color:rgb(241,119,0);} .services .productAction a:hover, .services .productAction a:focus, .services .productAction a:active {background-color:rgb(214,110,9);} .services .modeles a {background:url(skin/picto_modeles_link.png) 14px 3px no-repeat;} .services #footer {background:white url(skin/services/bkg_footer.png) 0 0 no-repeat;} .services #footer #cpville {background:white url(skin/services/bkg_input_footer.png) 0 0 no-repeat;} .services .blockFilledUniverse .blockInside{background-color:rgb(255,150,0); color:white;} .services #mainInside .line .unit .meaWrap .text h4, .services #mainInside .line .lastunit .meaWrap .text h4 {color:rgb(241,119,0);} .services .text h5 {color:rgb(241,119,0);} .services .bouton strong {background-color:rgb(241,119,0);} .services .boutonUnivers strong {background-color:rgb(255,150,0);} .services .body h4 strong {color:rgb(241,119,0);} .services #mainInside .dataArray .odd th {color:rgb(241,119,0);} .services .blockTabs ul.tabs li a {background-color:rgb(255,150,0);} .services .blockTabs ul.tabs li.current a {color:rgb(241,119,0); background-color:rgb(242,242,243);} .services .desc h4 {color:rgb(255,150,0);} .services .ToolTips {background-color:rgb(241,119,0);} .services .accessScroller .arrow a {background-color:rgb(255,150,0);} .services .accessories .accessScroller li a:hover img, .services .accessories .accessScroller li a:focus img, .services .accessories .accessScroller li a:active img {border-color:rgb(255,150,0);} .services .dataArray th, .services .dataArray a {color:#828282;} .services .dataArray td.universBkg, .services .dataArray td.universBkg a {background-color:rgb(255,150,0); color:white;} .services .mediaScroller a.arrow{background-color:rgb(255,150,0);} #staf.services {border:1px solid rgb(255,150,0);} /************************************* * Couleurs financement * *************************************/ .financement #leftColumn h3 {background:white url(skin/financement/picto_left_1.png) 0 2px no-repeat; padding:0 0 5px 20px; color:rgb(129,201,231); border-bottom:1px solid rgb(99,164,191);} .financement #leftColumn #navigation li a:hover, .financement #leftColumn #navigation li a:focus, .financement #leftColumn #navigation li a:active, .financement #leftColumn #navigation li a.current, .financement #leftColumn #navigation li.open a {color:rgb(99,164,191); background:url(skin/financement/picto_left_1.png) 0 6px no-repeat; border-bottom:1px solid rgb(129,201,231);} .financement #leftColumn #navigation li.open li {border-bottom:0;} .financement #leftColumn #navigation li.open li a {color:rgb(130,130,130); background:transparent url(skin/financement/picto_nav_niv2.png) 20px 6px no-repeat; border-bottom:1px solid white;} .financement #leftColumn #navigation li.open li a:hover, .financement #leftColumn #navigation li.open li a:focus, .financement #leftColumn #navigation li.open li a:active, .financement #leftColumn #navigation li.open li a.current {color:rgb(99,164,191); background:transparent url(skin/financement/picto_nav_niv2.png) 20px -48px no-repeat; border-bottom:1px solid white;} .financement #leftColumn #navigation li.open li.open a {color:rgb(99,164,191); background:transparent url(skin/financement/picto_nav_niv2b.png) 20px -12px no-repeat; border-bottom:1px solid white;} .financement #leftColumn #navigation li.open li.open a:hover, .financement #leftColumn #navigation li.open li.open a:focus, .financement #leftColumn #navigation li.open li.open a:active, .financement #leftColumn #navigation li.open li.open a.current {background:transparent url(skin/financement/picto_nav_niv2b.png) no-repeat 20px -12px;} .financement #leftColumn #navigation li.open li.open li a {color:rgb(130,130,130); background:transparent url(skin/financement/picto_nav_niv3.png) 31px 5px no-repeat;} .financement #leftColumn #navigation li.open li.open li a:hover, .financement #leftColumn #navigation li.open li.open li a:focus, .financement #leftColumn #navigation li.open li.open li a:active, .financement #leftColumn #navigation li.open li.open li a.current {color:rgb(99,164,191); background:transparent url(skin/financement/picto_nav_niv3.png) 31px -37px no-repeat;} .financement #pageTitle {color:rgb(130,130,130);} .financement #pageTitle span {color:rgb(129,201,231);} .financement #mainInside h3.presBlocs {color:rgb(99,164,191); border-color:rgb(129,201,231);} .financement #rightColumn {background:rgb(129,201,231) url(skin/financement/bkg_right_column.png) 0 100% no-repeat;} .financement .productTitle {color:white; background:rgb(129,201,231) url(skin/financement/bkg_right_title.png) 0 0 no-repeat;} .financement .productAction{background-color:rgb(129,201,231);} .financement .productAction a {background-color:rgb(99,164,191);} .financement .productAction a:hover, .financement .productAction a:focus, .financement .productAction a:active {background-color:rgb(68,125,148);} .financement .modeles a {background:url(skin/picto_modeles_link.png) 14px 3px no-repeat;} .financement #footer {background:white url(skin/financement/bkg_footer.png) 0 0 no-repeat;} .financement #footer #cpville {background:white url(skin/financement/bkg_input_footer.png) 0 0 no-repeat;} .financement .blockFilledUniverse .blockInside{background-color:rgb(129,201,231); color:white;} .financement #mainInside .line .unit .meaWrap .text h4, .financement #mainInside .line .lastunit .meaWrap .text h4 {color:rgb(99,164,191);} .financement .text h5 {color:rgb(99,164,191);} .financement .bouton strong {background-color:rgb(99,164,191);} .financement .boutonUnivers strong {background-color:rgb(99,164,191);/*rgb(68,125,148);*/} .financement .body h4 strong {color:rgb(99,164,191);} .financement th {color:rgb(99,164,191);} .financement .blockTabs ul.tabs li a {background-color:rgb(129,201,231);} .financement .blockTabs ul.tabs li.current a {color:rgb(129,201,231); background-color:rgb(242,242,243);} .financement .desc h4 {color:rgb(129,201,231);} .financement .ToolTips {background-color:rgb(99,164,191);} .financement .accessScroller .arrow a {background-color:rgb(129,201,231);} .financement .accessories .accessScroller li a:hover img, .financement .accessories .accessScroller li a:focus img, .financement .accessories .accessScroller li a:active img {border-color:rgb(129,201,231);} .financement .mediaScroller a.arrow{background-color:rgb(129,201,231);} #staf.financement {border:1px solid rgb(129,201,231);} /******************************* * Templates * *******************************/ /* MyDacia */ .dacia .text h5 {color:rgb(130,130,130);} .dacia #leftColumn #navigation li a:hover, .dacia #leftColumn #navigation li a:focus, .dacia #leftColumn #navigation li a:active, .dacia #leftColumn #navigation li a.current, .dacia #leftColumn #navigation li.open a {color:rgb(207,0,48); background:url(skin/myDacia/picto_left_1.png) 0 6px no-repeat; border-bottom:1px solid rgb(207,0,48);} .dacia #leftColumn #navigation li.open li {border-bottom:0;} .dacia #leftColumn #navigation li.open li a {color:rgb(130,130,130); background:transparent url(skin/myDacia/picto_nav_niv2.png) 20px 6px no-repeat; border-bottom:1px solid white;} .dacia #leftColumn #navigation li.open li a:hover, .dacia #leftColumn #navigation li.open li a:focus, .dacia #leftColumn #navigation li.open li a:active, .dacia #leftColumn #navigation li.open li a.current {color:rgb(207,0,48); background:transparent url(skin/myDacia/picto_nav_niv2.png) 20px -38px no-repeat; border-bottom:1px solid white;} .dacia #leftColumn #navigation li.open li.open a {color:rgb(207,0,48); background:transparent url(skin/myDacia/picto_nav_niv2b.png) 20px 9px no-repeat; border-bottom:1px solid white;} .dacia #leftColumn #navigation li.open li.open a:hover, .dacia #leftColumn #navigation li.open li.open a:focus, .dacia #leftColumn #navigation li.open li.open a:active, .dacia #leftColumn #navigation li.open li.open a.current {background:transparent url(skin/myDacia/picto_nav_niv2b.png) no-repeat 20px -12px;} .dacia #leftColumn #navigation li.open li.open li a {color:rgb(130,130,130); background:transparent url(skin/myDacia/picto_nav_niv3.png) 31px 8px no-repeat;} .dacia #leftColumn #navigation li.open li.open li a:hover, .dacia #leftColumn #navigation li.open li.open li a:focus, .dacia #leftColumn #navigation li.open li.open li a:active, .dacia #leftColumn #navigation li.open li.open li a.current {color:rgb(207,0,48); background:transparent url(skin/myDacia/picto_nav_niv3.png) 31px -10px no-repeat;} .dacia .size1on2 {margin-right:10px;} .dacia .escHome {margin-top:10px; position:relative;} .dacia .escHome .block {border:1px solid #d5d5d7; border-bottom:0;} .dacia .escHome .head {border-bottom:1px solid #d5d5d7; overflow:hidden;} .dacia .escHome .head .drag {display:block; cursor:move;} .dacia .escHome .head .drag strong {color:#cf0030;} .dacia .escHome .body {border-bottom:1px solid #d5d5d7;} .dacia #mainInside .escHome ul.listePuce li {background:none; padding-left:0;} .dacia .text h5 {margin-top:0;} .dacia #mainInside {width:/*696px;*/536px; margin-left:13px;} .dacia #mainInside a {color:#676767; text-decoration:none; font-weight:bold; font-size:.8em;} #mainInside a.bouton {font-size:100% !important;} .dacia #mainInside li a {color:#676767; text-decoration:underline; font-weight:normal; font-size:1em;} .dacia #mainInside li a.bouton {margin:10px 0 !important; display:block; text-decoration:none;} .dacia .blockTabs ul.tabs li a {background:url(skin/red-round-corner-right.png) 100% 0 no-repeat; color: #fff !important; font-weight: bold !important;text-decoration: none !important;} .dacia .blockTabs ul.tabs li.current a {color:#CF0030 !important; background:url(skin/grey-round-corner-right.png) 100% 0 no-repeat;} .dacia .blockTabs .body .segment {padding:10px; border-top:1px solid white;} .dacia .blockTabs .body .whiteSpacer {border-bottom:0;} /* La classe segment ci-dessus effectue la separation ; on annule celle qui devait */ /* etre faite par whiteSpacer pour conserver une mise en page correcte */ .dacia #mainInside .separator .chevron {display:inline;} .dacia #mainInside .mea .chevron {display:block;} #page.dacia .km {border:1px solid #b2b2b2; background-color:#9c9c9c; color:white; font-weight:bold; text-align:center;} #page.dacia .km span {margin-left:2px;} .dacia #rightHeader{background:#cf0030 url(skin/myDacia/fleche_top_nav_right.png) 90% 50% no-repeat;} .dacia #rightColumn {background:none;} .dacia #rightColumn .body {background:#cf0030;} .dacia #rightColumn .foot {padding-bottom:30px; background:#cf0030 url(skin/myDacia/btm_nav_right.png) 0 100% no-repeat;} .dacia #rightColumn .body div {padding:10px; border:1px solid #cf0030; border-top:0; border-bottom:0;} .dacia #rightColumn .body div div {padding:0; border:0;} .dacia #rightColumn .txtR {text-align:left !important;} /*Promotion CSS car configurator*/ .configuratorPromoBox {overflow:hidden;_overflow:visible;zoom:1;} .configuratorPromoBox h4 {background:#de0000;padding:1px 10px;float:right;color:#fff;margin:3px 0;text-transform:uppercase;} .configuratorPromoBox span {float:right;clear:both;} .configuratorPromoBox span strong {font-size:130%;} #rightColumn .configuratorPromoBox h4 {float:left;} #rightColumn .configuratorPromoBox span {float:left;width:100%;} h3.Bspace .configuratorPromoBox {font-size:62%;} .confAllPromo span{background:url('skin/allPromos.png') no-repeat left top; color:#fff;text-decoration:underline;padding-left:100px;padding-top:5px; height:40px; display:block;font-weight:bold;font-size:100%;text-decoration:none;text-transform:uppercase;} .confAllPromo span a {color:#fff;} .confAllPromo span strong {display:block;} #CarConfigurator .choice li span.confListPromo {float:none;background:#d20000;text-transform:uppercase;font-weight:normal;margin-right:10px;color:#fff;padding:2px 1px 2px 3px;} #CarConfigurator .choice li span.confListPromo span {float:none;} .boutonPromo {padding:2px 5px;background-color:#de0000;color:#fff;text-transform:uppercase;text-decoration:none;margin-top:5px;} /* debug IE */ #CarConfigurator .choice li span { *float:right !important; } #CarConfigurator .choice li span span { *float:none !important; } #CarConfigurator .choice li span strong { } #CarConfigurator .choice li span strong span { } #CarConfigurator .choice li span.confListPromo { *float:none !important; *margin:0 5px 0 0; } #CarConfigurator .choice li span.confListPromo span { } /* // debug IE */ .priceSpecsPromo {color:#de0000;} #postFooter {clear:both; padding-top:5px;} .blackFilled a {color:#F8CA41;} .dacia .bouton strong {background:#cf0030 url(skin/myDacia/fleche_bouton.png) 95% 6px no-repeat; color:#FFFFFF; display:block; line-height:2em; text-transform:uppercase; font-weight:normal;padding:0 23px 0 7px;} .dacia .escHome .bouton strong {width:123px;padding:0 7px;} .dacia button.bouton {background:#cf0030; text-align:center !important;} .dacia .clientRightBox .links li.sub ul {display:none;} .dacia .clientRightBox .links li.sub ul a {padding:10px 22px; background-image:none;} .dacia .clientRightBox .links li.open ul {display:block;} .dacia .body h4 strong, .dacia #mainInside .dataArray th {color:#CF0030} .dacia .contenuStd {background-color:white;} .dacia .contenuStd div.tMarginSm {padding-bottom:10px !important;} .dacia .contenuStd h3 {font-size:1em;} .dacia .contenuStd div {margin-top:10px;} .dacia .contenuStd a {color:#676767; text-decoration:none;} .dacia .contenuStd input {display:block; color:#676767; margin-top:3px; width:133px;} .dacia .contenuStd .check input {display:inline; margin-bottom:-1px; margin-left:0; margin-right:0; width:auto;} .dacia .profil {color:white;} .dacia .profilZone {margin-top:5px; background-image:url(skin/myDacia/bkg_cursor.png); width:131px; height:18px;} .dacia .profilZone .cursor {background:url(skin/myDacia/frg_cursor.png) 100% 0 no-repeat; position:relative; top:2px; left:2px; height:14px;} .dacia .links li {background-color:#828282; color:white; margin-left:-11px; margin-right:-11px; border-top:1px solid white; vertical-align:middle;} .dacia .links li a.subLink {margin-left:0; padding-left:25px; background:#ac0028 url(skin/myDacia/puce_sublink.png) 0 14px no-repeat;} .dacia .links li a {margin-left:13px; background:url(skin/myDacia/fleche_bouton.png) 0 14px no-repeat; text-decoration:none; color:white; display:block; padding:10px 11px;} .dacia .links .sub li {background-color:#cf0030;} .dacia .blockToggle .head {background-color:#f2f2f2;} .dacia .blockToggle {border: 1px solid #D5D5D7;} .dacia .blockToggle .body, .dacia .blockToggle .foot{border-top: 1px solid #D5D5D7;} .dacia .blockToggle .lastunit {*float:left;} .dacia #mainInside .blockToggle .head a {color:#cf0030;text-transform: uppercase;background: transparent url(skin/myDacia/toggleRed.png) no-repeat scroll 97% -90px !important} .dacia #mainInside .toggleClosed .head a {background-position: 97% 10px !important} .dacia #mainInside .blockToggle .head a strong {font-weight: normal;} .dacia #footer {background:white url(skin/myDacia/bkg_footer.png) 0 0 no-repeat;} .dacia #footer #cpville {background:white url(skin/myDacia/bkg_input_footer.png) 0 0 no-repeat;} .dacia .mediaScroller a.arrow{background-color:rgb(207,0,48);} .dacia .favourite {background: #cf0030 !important; } .dacia .favourite a {color: #fff !important;} .dacia #mainInside .escHome .blockToggle .head {padding:0 10px; overflow:hidden; _overflow:visible; _zoom:1;} .dacia #mainInside .escHome .blockToggle .head a {background:none !important;} .dacia #mainInside .escHome .blockToggle .head a strong{font-weight: bold;} .dacia #mainInside .escHome .blockToggle .head a.closeBlock {float:right; background:url(skin/myDacia/fermer.png) 5px 5px no-repeat !important; height:10px; width:15px; overflow:hidden; text-indent:-5000px; margin-top:5px;} .dacia #mainInside .escHome .blockToggle .head a.toggle {float:right; background:url(skin/myDacia/developper.png) 5px 6px no-repeat !important; height:10px; width:15px; overflow:hidden; text-indent:-5000px; margin:5px 5px 0 0;} .dacia #mainInside .escHome .toggleClosed .head a.toggle {background:url(skin/myDacia/envelopper.png) 8px 5px no-repeat !important;} .dacia #mainInside .escHome .blockToggle .body {border-top: none;} .dacia #mainInside .blockToggle .favourite a {background: transparent url(skin/myDacia/favouriteToggle.png) no-repeat scroll 97% -90px !important;} .dacia #mainInside .toggleClosed .favourite a {background-position: 97% 10px !important;} .dacia .productAction{background-color:#cf0030;} .dacia .productAction a {background-color:#ac002a;} .dacia .productAction a:hover, .dacia .productAction a:focus, .dacia .productAction a:active {background-color:#900021;} .dacia .escProductionActionTitle {color: #fff;margin: 0 -11px;font-weight: normal;background-color:#AC0028;padding:5px 10px;text-transform: uppercase; font-size: 12px;} .dacia .help {display:none;} .dacia .line .lastunit .blockFilled h5 {text-transform:uppercase;} .dacia .line .lastunit .blockFilled dt {font-weight:bold;} .dacia .line .lastunit .blockFilled dd {margin-bottom:10px; margin-left:5px;} .dacia .blockFilled .dottedSeparator {border-bottom:1px solid rgb(130,130,130);} .dacia .clientRightBox #rightHeader.head {padding-right:0; *padding-bottom:14px; _padding-bottom:4px;} .dacia .groupCheckLeft .fline {overflow:hidden; _overflow:visible; zoom:1;} .dacia .groupCheckLeft .fline label {float:left; width:89%; _width:88%; padding-left:0 !important; margin-top:2px; *margin-top:4px;} .dacia .groupCheckLeft .fline input {float:left; vertical-align:center;} .dacia .size3on4 .fline label {float:none !important; _width:85%; _zoom:1;} .dacia form .groupCheckLeft input {left:-8px; *left:-12px; _left:-10px; *top:-2px;} .dacia form#nlForm .groupCheckLeft input {left:0;} .dacia form .size3on4 input {top:-8px; *top:-12px; _top:-1px;} #staf.dacia {border:1px solid rgb(207,0,48);} .dacia #loginForm {*margin-bottom:0;} .dacia #loginForm .lastunit {margin-top:5px;} .dacia #loginForm #cookie {margin:0 0 0 0px; *top:2px;} .dacia #loginForm .groupCheckLeft {margin-top:8px !important; *margin-top:5px !important;} .dacia #myProfile .blockFilled input {top:2px; *top:-2px;} .dacia #forgottenForm button.bouton {position:relative; *top:1px;} .dacia .blockTabs ul.tabs li {margin-right:1px; background:#CF0030 url(skin/red-round-corner-left.png) 0 0 no-repeat;} .dacia .blockTabs ul.tabs li.current {background:rgb(242,242,243) url(skin/grey-round-corner-left.png) 0 0 no-repeat;} .dacia .blockTabs ul.tabs li.last {margin-right:0;} .dacia .blockTabs .onglets4 li {width:24.85%;} /* Overview */ .gallery_overview {position:absolute; bottom:0; right:0; line-height:.9em;} .gallery_overview a {float:left; display:block; margin-left:-1px; _margin-left:0;} .gallery_overview img {border:1px solid rgb(130,130,130); border-bottom:0;} .zone, .pres {position:absolute;} .zone {cursor:pointer; overflow:hidden; display:block; width:23px; height:23px; border:2px solid white; letter-spacing:1000px; font-size:1000px;} .zone:hover {margin-top:-1px; margin-left:-1px; width:21px; height:21px; border:4px solid white;} .zone:focus, .zone:active {outline:none !important;} .vTabs li {background:rgb(242,242,243); margin-bottom:1px; _zoom:1;} .vTabs li.current {padding:5px 10px 5px 20px; background:url(skin/picto_maininside_1.png) -1px 9px no-repeat;} .vTabs li a {background:rgb(0,40,146); display:block; padding:5px 10px 5px 20px; text-decoration:none; color:white; _zoom:1;} .presentation_overview a.close {text-indent:-2000px; overflow:hidden;width:15px; height:15px;background:url("skin/closeLayerImg.png") no-repeat left top; position:absolute; right:-1px; top:-1px;} .presentation_overview .pres{z-index:2;width:200px; top: 0;border:1px solid #000;position:absolute; visibility: hidden;} .presentation_overview .notVisible {visibility: hidden !important;} .presentation_overview .zoom_txt{color:#FFF;width:190px;position:absolute;bottom: 0;left: 0;padding: 3px 5px;overflow: hidden; background:url("skin/bgZonePresentation.png") repeat left top;_background-image: url(skin/px.gif);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod=scale src='/css/skin/bgZonePresentation.png');} .presentation_overview .zoom_txtTop{top:0; bottom: auto;} .presentation_overview .zoom_txt a {color: #fff;} /* Showroom - 3 */ #mainInside .dataArray tr {line-height:1.8em;} #mainInside .dataArray td, #mainInside .dataArray th {padding:5px 10px;} #mainInside form.context {width:auto;} .pageNav .blockToggle .head, .pageNav .blockToggle .body {background:#f2f2f2; border-top:1px solid white;} .pageNav .blockToggle table {border-collapse:collapse;} .pageNav .blockToggle td {border:1px solid white;} #mainInside .dataArray a.chevron {background-image:none; font-weight:normal; padding-left:0; line-height:1.3em;} #mainInside .dataArray li {padding:3px 0;} #mainInside .dataArray td.universBkg a.chevron {background-image:none; padding-left:0;} /* Teintier statique */ .blockBorder img {width:100%;} .servicesDispos .blockBorder img {width:auto;} .blockBorder img.media, .blockBorder .listeCouleurs img {width:auto;} .blockBorder .listeCouleurs {overflow:hidden;} .blockBorder .listeCouleurs li {float:left; padding:1px; padding-bottom:0; border:2px solid white; cursor:pointer; line-height:1em; position:relative; left:-2px;} .blockBorder .listeCouleurs div {position:absolute; display:none;} .blockBorder .listeCouleurs .disabled div {display:block;} .blockBorder .listeCouleurs li.current {border-color:red;} /* Dealer Locator */ .pageNoCol #mainInside {width:100%; padding:0;} .pageNoCol #footer form {margin-top:15px;} .pageNoCol #footer form .submit {left:-3px; margin-top:-1px;} .pageNoCol label {cursor:pointer;} .pageNoCol ul.labelTop {border:0 !important;} .pageNoCol .line {background:rgb(242,242,243);} .pageNoCol .size1on2 {width:47.2%; border-right:2px solid white;} .pageNoCol .unit {margin-right:0;} .pageNoCol .pdgStandard h3 {margin-bottom:8px;} .pageNoCol .darkFilled {padding:8px; background:rgb(242,242,243) !important; border-top:2px solid white; border-bottom:2px solid white;} .pageNoCol .darkFilled label {display:block; font-size:1.21em; font-weight:bold; margin-bottom:5px;} .pageNoCol #localisation {width:200px; border:1px solid rgb(130,130,130); top:0; cursor:auto;} .pageNoCol .fline {border:0 !important;} .pageNoCol .darkFilled .size1on2 {width:53%; padding-bottom:0;} .pageNoCol .txtR .bouton {float:right;} .pageNoCol .activitiesList li {float:left; width:50%; *width:49.9%; margin-bottom:8px !important; cursor:pointer;} .pageNoCol .activitiesList img {float:left; cursor:pointer; margin-top:-7px;} .pageNoCol .activitiesList label {float:left; width:170px;} .pageNoCol .activitiesList strong {font-weight:normal;} .pageNoCol .activitiesList .listLeft {clear:both;} .pageNoCol input {position:relative; top:3px; float:left; cursor:pointer; color:rgb(130,130,130);} .pageNoCol select {color:rgb(130,130,130);} .pageNoCol .activitiesList a {text-decoration:none; display:block; margin-top:5px; padding-left:55px;} .pageNoCol #mainInside a {color:rgb(130,130,130); font-size:.9em;} .pageNoCol #mainInside .whiteSpacer {border-bottom:2px solid white;} .pageNoCol #mainInside .whiteSpacer a {font-size:1em;} .pageNoCol #mainInside .insideBlock .body {background:rgb(242,242,243);} .pageNoCol #mainInside .insideBlock .hPaddingLg {padding-left:10px !important; padding-right:10px !important;} .pageNoCol #mainInside .insideBlock h5 {margin:10px 0; font-weight:bold; font-size:1.2em; padding:5px 10px;} .pageNoCol #mainInside .insideBlock p {padding:0 10px;} .pageNoCol #mainInside .bouton strong {background-color:#a6b5de !important;} .pageNoCol #mainInside .blockInside {position:static;} .pageNoCol .blockBorder img, .activitiesList img {width:auto !important;} .pageNoCol .clonedTipBoxLayer {border:1px solid rgb(166,181,221);} .pageNoCol .clonedTipBoxLayer h5 {color:rgb(130,130,130);} .pageNoCol .nav {float:right;} .pageNoCol .nav a {text-decoration:none; cursor:default;} .pageNoCol .nav .current a {text-decoration:underline; cursor:pointer;} .pageNoCol #dl_results .hPaddingLg {padding-left:10px !important; padding-right:10px !important;} /*.pageNoCol .noresize .body {padding:9px 20px;}*/ /* Page de resultat du Dealer Locator */ .blockBorder .nav {overflow:hidden; _overflow:visible; zoom:1;} .blockBorder .context img {width:auto;} .blockBorder .nav img {width:auto;} .blockBorder .nav li {float:left; margin-right:3px;} /* pagination */ ul.nav li {display:inline;} ul.nav li a {text-decoration:none;} ul.nav li.current a {text-decoration:underline;} /* universList */ .equipement {overflow:hidden; _overflow:visible; _zoom:1; background:rgb(242,242,243);} .equipement .precisions {width:46%; float:left; display:none; padding:8px;} .equipement .selected {display:block;} .equipement .universList {width:50%; float:left;} .universList a.title{text-decoration:none; display:block; background:url(skin/toggle_right.png) no-repeat 95% 10px; outline:none;padding:7px 25px 7px 10px;} .universList li {margin-bottom:1px;background:#7B89AF;} .gamme .universList li {background:#8B9900;} .services .universList li {background:#FF9600;} .financement .universList li {background:#63A4BF;} .dacia .universList li {background:#CF0030;} .universList li.decouverte {background:#7B89AF !important;} .universList li.gamme {background:#8B9900 !important;} .universList li.services {background:#F17700 !important;} .universList li.financement {background:#63A4BF !important;} .universList li.dacia {background:#CF0030 !important;} .universList li .element .tMarginSm {padding:8px; margin-top:0;} .universList * {color:black !important;} .universList li a {zoom:1; color:rgb(130,130,130); font-weight:bold !important; text-decoration:none !important;} .universList li div a {font-weight:normal !important;} .universList li.last {margin-bottom:0px;} .universList li.open a {background:url(skin/toggle_bottom.png) no-repeat 95% 11px;} /* plan du site */ .pageNoCol .size1on3 {border-right:2px solid white;} .pageNoCol .lastunit {border-right:0;} .pageNoCol .size1on3 h3 {font-weight:bold;} .pageNoCol .line {background:none;} .pageNoCol .line .line {border-bottom:2px solid white;} .pageNoCol .fullWidth img {width:100%;} .pageNoCol #mainInside ul.listePuce li {background:transparent url(skin/puces_plan_du_site.png) -8px 4px no-repeat;} .pageNoCol #mainInside ul.listePuce li li {background:transparent url(skin/puces_n2_plan_du_site.png) -8px 5px no-repeat;} /* Galerie Images */ .photoGallery .mediaScroller img {width:106px; height:96px;} div.lastBkg {background-image:url(skin/brRoundcorner_lastBloc.png) !important; background-position:100% 100% !important; background-repeat:no-repeat !important;} /* modelpicker de la nav droite */ .modeles a {cursor:default; background-image:none; padding-left:12px; padding-top:5px;} .modeles a:hover, .modeles a:focus, .modeles a:active {text-decoration:none;} .listeModeles h6, .listeModeles ul img {display:none;} .listeModeles ul a {background:transparent url(/css/skin/picto_modeles_link.png) no-repeat scroll 14px 4px; padding-left:27px; width:133px; text-decoration:none; color:white;} /* layer de debug */ #nsDbg {position:absolute; top:10px; left:10px; color:#fff; background-color:#111; z-index:9999; padding:10px;} /* popup sur "envoyer a un ami" */ #staf {position:absolute;} #staf .body {background:white;} #staf .body h4 {padding:0 0 0 15px; *padding:0 0 0 10px;} #staf .body h4 strong {color:rgb(130,130,130); position:relative !important;} #staf fieldset label {margin-left:0;} #staf .body h3 {padding:10px 10px 0;} #staf .body p {padding:0 10px 0;} #staf .body textarea {width:525px;} #staf .body form {padding-bottom:16px; background:rgb(242,242,243) url(/css/skin/brRoundcorner_lastBloc.png) no-repeat scroll 100% 100%;} /* Presentation de gamme */ .miniHspace .size1on3 .body {background:rgb(242,242,243);} .layerToPop {background:#000;position:absolute;-moz-opacity:0.3; -khtml-opacity:0.3; filter:alpha(opacity=30); opacity:0.3; z-index:100; border:1px solid rgb(172,189,0);} .blockToPop, .popBlocks {background:#fff;z-index:10000; position:absolute; top:400px;margin:0 auto; text-align:left; padding:20px 10px;} .versionBlockToPop {border:1px solid rgb(172,189,0);} /* popup diverses */ #closer {line-height:15px; background-position:right 0 !important;} .iframeContent {width:935px; _width:965px; height:450px;} #page.bodyPopup {width:auto;} #page.bodyPopup .lastunit {margin-right:0 !important; *margin-top:-15px;} #page.bodyPopup .bMargin {margin-right:10px; _margin-right:30px;} #page.bodyPopup .padding {padding:10px 10px 10px 0 !important;} #page.bodyPopup .whiteSpacer {background:rgb(242,242,243); padding-bottom:20px;} #page.bodyPopup .whiteFilled div img {width:100%;} #page.bodyPopup .whiteFilled div {overflow:hidden; _overflow:visible; zoom:1;} #page.bodyPopup #body .detailVersion {background:url(/css/skin/bkg_header_2.png) 0 0 no-repeat;} #page.bodyPopup #body .detailVersion h1 {position:relative; height:137px !important; text-transform:uppercase; color:white; font-size:300%;} #page.bodyPopup #body .detailVersion img {position:absolute; left:43px; top:23px;} #page.bodyPopup #body .detailVersion span {position:absolute; left:240px;} #page.bodyPopup .line {clear:both;} #page.bodyPopup .blockFilledUniverse .blockInside h5 {padding-left:5px;} #page.bodyPopup .blockFilledUniverse .blockInside * {background:rgb(172,189,0); color:white;} #page.bodyPopup .blockFilledUniverse .blockInside p {color:white;} #page.bodyPopup #mainInside .line h4 {/*background:rgb(242,242,243);*/ cursor:default;} #page.bodyPopup .blocImgs {overflow:hidden;} #page.bodyPopup #blocImg1 {float:left; width:48%;} #page.bodyPopup #blocImg2 {float:right; width:48%; margin-right:10px;} #page.bodyPopup .paddingLg {padding-top:0 !important; padding-right:20px !important; padding-left:0 !important;} #page.bodyPopup .blockFilledUniverse .paddingLg {padding-right:0 !important;} #page.bodyPopup #leftColumn {width:100%; display: none;} #page.bodyPopup #leftColumn #CarConfigurator .lastunit h3, #page.bodyPopup #leftColumn #CarConfigurator .unit h3 {background:white url(/css/skin/gamme/picto_left_1.png) no-repeat scroll 0pt 4px; border-bottom:1px solid #8b9900; color:#8b9900; padding:0pt 0pt 5px 20px; margin-bottom:0; margin-top:15px;} #page.bodyPopup #mainInside {width:100%; padding:0;} #page.bodyPopup #rightColumn {display:none;} #page.bodyPopup .size1on2 .block .blockInside .body .block {padding:0; border:0;} #page.bodyPopup .rPaddingLg {padding:0 !important;} #page.bodyPopup #leftColumn .blockFilledUniverse .blockInside h3 {background:rgb(172,189,0); border-bottom:0; color:white; padding:0 0 0 5px;} #page.bodyPopup .views li {background:white url(/css/skin/onglet_view_left_activ.png) 0 0 no-repeat; float:left; width:171px; margin-top:14px; line-height:18px; height:18px; color:#656565; padding-left:20px;} #page.bodyPopup .legalText {padding-bottom:5px;} #page.bodyPopup #headerContent img {margin:23px 0pt 0pt 43px;} #page.bodyPopup #leftColumn h3 {background:none; border-bottom: none; padding:0; color:#828282;} #page.bodyPopup #leftColumn, #page.bodyPopup #footer, #page.bodyPopup .breadcrumb {display:none;} /* Suppression car disparition du corps de page dans le layer au clic sur une version du configurateur ------ edit : jai remis pour corriger un jira! le bug etait logique et dut a la difference de template entre renault et dacia */ /** divers */ .segment .mea .media {width:70px !important;} .popsConfig {border:1px solid rgb(172,189,0);} #page.dacia #leftColumn, #page.dacia #rightColumn {display:block !important;} /** webforms */ .btn {border:0; color:white; background-color:#002892; cursor:pointer;} .Tspace .body .btn {float:right; margin-left:2px; *text-align:center !important;} #concessionRequest {list-style-type:none;} #labelRequest {font-size:1.1em;} .WFLayer_2051 .size2on3 .size1on1 .noresize .body {*display:none;} #webform .Tspace .body input.btn {*text-align:center;} .errorMsg {color:red; margin-bottom:10px;} #webform .line .unit .block .blockInside .body {padding:9px 0;} #webform .group h3 {font-weight:bold;} #webform .group label {font-weight:normal !important;} #webform .blockFilled label {font-weight:bold;} #concessionRequest {*margin-left:-15px;} #webform option, #webform select {height: auto !important;} #webform .line .unit .block .blockInside .body .text p {margin:0 10px;} #page.c_44_TWINGO #leftColumn {display:block !important;} .blockFocus .togglingFocus li {border-right:1px solid #FFFFFF; float:left; width:153px;} .blockFocus .togglingFocus li.last {float:none; width:auto; _position:relative; _left:-3px; _margin-right:-3px;} /* sorry */ .blockFocus .togglingFocus li a {border-top:1px solid #FFFFFF; display:block; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; padding:10px 32px; text-align:center; text-decoration:none;} .blockFilledUniverse .blockInside .togglingFocus li {background-color:#AAB4E3 !important;} .gamme .blockFilledUniverse .blockInside .togglingFocus li {background:rgb(172,189,0) !important;} .services .blockFilledUniverse .blockInside .togglingFocus li {background:rgb(255,150,0) !important;} .financement .blockFilledUniverse .blockInside .togglingFocus li {background:rgb(129,201,231) !important;} .dacia .blockFilledUniverse .blockInside .togglingFocus li {background:#cf0030 !important;} .blockFilledUniverse .blockInside .togglingFocus li a {color:white !important;} .blockFocus .conteneurSlider {background:transparent url(skin/sliders/slider_bkg.png) no-repeat scroll right bottom;} .blockFocus .focusSlider {background:transparent url(skin/sliders/slider_bkg.png) no-repeat scroll right top; overflow:hidden;} .blockFocus .scrollText {overflow:hidden; padding-right:15px;} .blockFocus h3 {font-size:218%;} .blockFocus h5 {font-size:133%;} .hasJS #mainImg div.media {visibility:hidden; position:absolute;/*display:none;*/} /* passage en visibility:visible; et display:none; au load de la page (donc via JS) afin de conserver des dimensions correctes sous IE */ .hasJS #mainImg div.show {visibility:visible; position:static;/*display:block;*/ width:615px; height:271px;} .hasJS #mainImg div.show object {display:block; width:615px; height:271px;} .promo #rightColumn .blockFilled, .promo #rightColumn .blockFilled .blockInside {background:#A6B5DD url(skin/decouverte/bkg_right_title.png) no-repeat scroll 0 0; color:white;} .promo #rightColumn .blockFilledUniverse .blockInside, .promo #rightColumn .blockToggle .blockInside {background:#A6B5DD; color:white;} .promo #rightColumn .blockFilledUniverse .body {padding:0 !important;} .promo #rightColumn a {color:white;} .promo #rightColumn .blockToggle input.paddingSm {padding:0 !important; width:136px;} .promo #rightColumn .blockFilledUniverse .productNav h3 {margin-left:10px; margin-bottom:5px; font-size:1em; font-weight:bold; line-height:1.3em;} .promo #rightColumn .blockToggle .head {padding-bottom:0;} .promo #rightColumn .blockToggle .head a {background:transparent url(/css/skin/bout_chevron_right.png) 97% 8px no-repeat; font-weight:bold;} .promo #rightColumn .toggleClosed .head a {background:transparent url(/css/skin/bout_chevron_bottom.png) 97% 8px no-repeat !important;} .promo #rightColumn .insideSpace .body {padding:0 10px;} .promo #rightColumn .Tspace {margin-top:14px !important; *margin-top:10px !important;} .promo #rightColumn form .txtR {*text-align:left !important;} .promo #rightColumn form .txtR .bouton {*width:138px;} #fragmentMentions {display:none;} #mainInside .tipBox strong {line-height:1em;} /* Correctifs */ .page2colsNav #mainInside .size1on1 .lastunit .body strong {font-size:.9em;} #category_search_options label {/*font-size:.9em;*/ letter-spacing:-1px;} #familles.meaRight .media {margin-left:0;} .famillesList li {_height:30px !important;} .famillesList li input {margin:2px 1px !important; *margin:0 !important;} .page2colsNav .size1on1 .lastunit .size1on2 {width:46.5%; *width:46.2%;} .formRecherche .champsRecherche {width:345px !important; *width:330px !important;} .formRecherche .bouton {*top:0 !important; *text-align:center !important;} #zoneRecherche .axsLinks * {text-align:center;} #zoneRecherche tr {line-height:1.3em;} #zoneRecherche td.axsLinks a {white-space:normal;}