/* http://www.renault.hr/css/default.css */ /** * * * @author : Equipe Front Office / Fullsix * * A.. LIBRARIES (reset.css et fonts.css) * B.. STYLES GENERAUX * * C.. CLASSES DE MISES EN PAGE * * D.. STRUCTURES * * E.. BLOCS CONTENUS (content blocks) * * 1. mise en avant (.mea) * 2. listes * * F.. CLASSES DE CONTENUS CUSTOMS (custom content classes) * * G.. CONTENEURS DE BLOCKS * * H.. BLOCKS GENERIQUES : STYLES PAR DEFAUTS * * I.. BLOCKS * * J.. DIFFERENCIATIONS UNIVERS * **/ /* **************** A.. CSS LIBRARY ***************** */ /* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.2.1 */ /*reset.css*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym {border:0;} /*fonts.css*/ body{font:13px arial,verdana,helvetica,clean,sans-serif;*font-size:small;*font:x-small;} table {font-size:inherit;font:100%;} select, input, textarea {font:99% arial,verdana,helvetica,clean,sans-serif;} pre, code {font:115% monospace;*font-size:100%;} body * {line-height:1.22em;} /* **************** B.. STYLES GENERAUX (balises) ***************** */ .bold, strong{font-weight:bold;} .boldHover:hover {font-weight: bold;} .italic, em{font-style:italic;} strong em, em strong {font-style:italic; font-weight:bold;} .mentions {font-size:90%;font-style:italic;} .lower {text-transform: lowercase;} .uppercase {text-transform: uppercase;} .error{color: #fa0000;} .template{display:none;} a.bouton, .underNone , .underNone a {text-decoration:none;} /*Forcage du soulignage sur un lien ci-dessus */ .underline {text-decoration:underline !important;} a {text-decoration:underline; color:#000;} a:hover{text-decoration:none;} #rightColumn a, h3 a, h2 a, h4 a, h5 a, #footer a{text-decoration:none;} ul, ul li {list-style:none;margin:0; padding:0;} dt {font-weight:bold;margin-top:10px;} /* headings - .h1-.h6 classes should only be used to maintain the semantically appropriate heading levels, *never* on a p, span, div, etc */ h1, .h1{font-size:241%; font-weight:bold; text-transform: none; color:#68CCCC;} h2, .h2{font-size:189%; font-weight:bold; text-transform:none; color:#313131;} h3, .h3{font-size:164%; font-weight:normal; text-transform:none; color:#000;} h4, .h4{font-size:110%; font-weight:normal; text-transform: none; color:#000;} h5, .h5{font-size:100%; font-weight:normal; text-transform: none; color:#000;} h6, .h6{font-size:100%; font-weight:normal; text-transform: none; color:#000;} h1#titleInFlash{ font-family:Helvetica, sans-serif; text-transform:uppercase; color:#000; line-height:1em; font-size:205% !important; width: 600px; white-space: nowrap;} .giant {font-size: 350%;} .bigger {font-size: 120%;} /* accessibilite */ .hasJS .accessBloc {display:none;} .hasJS .hidden{display:none !important;} .univers {color:#f8ca41;} .black {color:#000 !important;background-image: url(chevronNoir.png) !important; background-position:-20000px top;background-repeat: no-repeat;} .white {color:#fff !important; background-image: url(chevronBlanc.png) !important; background-position:-20000px top;background-repeat: no-repeat;} .gray {color: #B5BABD !important; background-image: url(chevronGris.png) !important; background-position:-20000px top;background-repeat: no-repeat;} .price{font-weight:bold;font-size:150%;color:#ff0000;} a.print {background:transparent url(action_list.png) no-repeat scroll left 2px;padding-left: 25px;text-transform:uppercase;text-decoration: none;color: #fff;font-weight: bold;} /* **************** C.. CLASSES DE MISES EN PAGE ***************** */ /* alignment */ .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;} /* 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%;} /* ====== margins et paddings ====== */ /* ----- block padding ----- */ .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;} /* ----- content padding ----- */ .pdgStandard{padding:4px 8px;} /* 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;} /* 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;} /* separation */ .separator{border-top:1px solid #E5E5E5; overflow:hidden;} .dottedSeparator {border-bottom:1px dotted #000;_zoom: 1;}/*ici le zoom est utile pour certaines pages qui buggaient et ne crée risque pas de créer d'effets de bord*/ ul.dottedSeparator {border-top:1px dotted #000;border-bottom: none;} ul.dottedSeparator li {border-bottom:1px dotted #000;} ul.dottedSeparator li.last {border-bottom:none;} /* **************** D.. STRUCTURES ***************** */ /* ============================ Default Nav Header ================================ */ #headerBottom{z-index:99; overflow:visible;} #headerTop {overflow:hidden; zoom:1; _overflow:visible;} #header{z-index:9000; position:relative; zoom:1; background: #fff;} .bodyPopup #header {height: auto;} #header:after{content: "";display: block;height: 0;overflow: hidden;clear: both;} .overNav{ padding: 4px 0 4px 0px;font-size:100%;} .overNav ul{text-align:right; /*overflow:hidden;*/ _overflow:visible; zoom:1;} .overNav ul li{ display:inline; text-transform: uppercase; float:right; padding: 2px 0 0 10px;} .overNav ul li strong{color: #EEB40B;} .overNav ul li.search {padding-top:0px;//padding-top: 2px;} .overNav ul li.search span {color:#B6BABB;//margin-top: 10px;} .overNav ul li.search form {//position: relative;//top: -2px;} .overNav ul li.search form input.txt{background:#fff;border:1px #e5e5e5 solid;padding:0 1px} .overNav ul li.search .ok {//height: 16px;//position: relative;//top: -1px;} body:last-child:not(:root:root) .overNav ul li.search .ok {height: 15px;} .overNav form{display:inline;} .overNav .txt, .overNav .ok{color:#B5BBBB;background:#e5e5e5; border:none; padding:1px 2px; vertical-align: bottom;} .overNav .ok{cursor:pointer;padding:0 3px;} .overNav .ok {} .overNav a {text-decoration:none;} .overNav a:link, .overNav a:visited{color: #B6BABB;} .overNav a:focus{color: #52595F;} .overNav a:active, .overNav a:hover{color: #52595F;} #titleAnim {position:relative; background: #A9AAAB url(titleAnim.png) no-repeat right bottom; color:#52595F; font-size: 200%; font-weight: bold; line-height:1em !important; overflow:hidden; _overflow:visible; zoom:1; padding: 17px 50px 18px 20px;height:46px;} #titleAnim img {margin-top:10px;} .bandeauBlanc #titleAnim { background-color: #fff;border-top:1px solid #A9AAAB;border-left:1px solid #A9AAAB; padding: 17px 50px 17px 20px;} #titleAnim strong{color:#fff; display:block;} #titleAnim .randomImg{background:no-repeat left top; filter:expression(pngTrans(this)); position:absolute; top:0px; right: 45px; width:230px; height:79px; } .logo{float:left; margin-right: 20px;} /* menu */ #menu {margin:0; margin-left:110px;_margin-left:113px;vertical-align:middle; list-style:none; text-align:center; clear:both;} #menu li {float:left; position:relative;font-size:11px; background-color:#fff;} .IS_IE #menu li {behavior:expression(addHover(this));} #menu a{text-decoration:none; display:block;} #menu li ul{display: none;position: absolute; z-index: 99 !important; zoom:1;top: 100%; left: -1px;line-height:normal; width:190px; margin:0;padding:0; border:solid 1px #e5e5e5; background-color:#fff;} #menu li.last ul{right: 0px; left:auto} #menu li:hover ul,#menu li.hover ul{display: block;} #menu li a {text-indent:-5000px; overflow:hidden;background-image:url(titresMenu.png);background-repeat:no-repeat;background-position:left center;padding-top:6px;padding-bottom:1px;} /* subMenu */ #menu li li {float:none; text-align:left;zoom:1;position:relative;margin:0;display:block;} #menu li li.sub{background:url(bgArrow_submenu.png) no-repeat right center;} #menu li li a {color:#969da5;padding:7px 8px;background-image:none;text-indent:0;display:block; width:auto !important; _width:100% !important;} #menu li li li a {padding:3px 8px;} #menu li li:hover, #menu li li.hover {background-color:#e5e5e5;} #menu li li ul{visibility:hidden;left:100%; top:-1px; width:160px;} #menu li li:hover ul,#menu li li.hover ul{visibility:visible;} /* titres */ #menu li.rub1 a {background-position:0px center;} #menu li.rub2 a {background-position:-500px center;} #menu li.rub3 a {background-position:-1000px center;} #menu li.rub4 a {background-position:-1500px center;} #menu li.rub5 a {background-position:-2000px center;} #menu li.rub6 a {background-position:-2500px center;} /*Hacks Safari*/ body:last-child:not(:root:root) #menu {display:table;width:876px;} /* subMenu */ /* ---- breadcrumb trail ---- */ .breadcrumb {overflow:hidden; _overflow:visible; zoom:1; clear:both; margin-top:5px;} .breadcrumb ul {min-height:23px; _height:23px; line-height:23px; vertical-align:middle;} .breadcrumb li{display:inline;color:#b5babd;} .breadcrumb li.current{font-weight:bold;} .breadcrumb a:link{text-decoration: none;color:#b5babd;} .breadcrumb a:visited{text-decoration:none;color:#b5babd;} .breadcrumb a:focus, .breadcrumb a:hover, .breadcrumb a:active{text-decoration:underline;} /*hauteurHeader*/ #header .overNav{ height: 15px;} #header #headerContent {height:81px;} #header #menu {height: 18px;//height: 21px;} #header .breadCrumb {height: 23px;} /* ============================ /Default Nav Header ================================ */ /* ============================ Default Nav Footer ================================ */ /* ---- Footer --- */ #footer{color:#B5BABD; padding:3px 3px 3px 5px; margin:0 3px; *margin-right:0; text-align:right; text-transform:uppercase; width:965px; margin:auto;} #footer li{display:inline; font-size:10px; margin-left:15px;} #footer li a{color:#B5BABD !important;} #footer .left{float:left; white-space:nowrap;} #footer .right{float:right; white-space:nowrap;} #footer li.last{ background-image:none;} #footer_print {display:none;} /* ============================ /Default Nav Footer ================================ */ /* **************** LISTES DEROULANTES HEADER / FOOTER ******************** */ ul.right li {float:left;} .toggleList2 a {padding:0 5px; text-transform: uppercase; font-size:.95em; _text-align:left;} .toggleList2 * {padding:0; border:0; margin:0; color:#b6babb; text-decoration:none; list-style-type:none; line-height:1em;} .toggleList2 ul {position:absolute; border:1px solid #b6babb; border-top:0; background:#fff; margin-left:-1px; z-index:2;} .toggleList2 ul a {line-height:1.5em; display:block;} .toggleList2 ul a:hover, .toggleList2 ul a:focus, .toggleList2 ul a:active {text-decoration:underline !important;} .bas {color:#b6babb; margin-top:2px;} .bas a {*font-size:.9em;} .haut {margin-top:1px; *margin-top:-2px;} .haut ul {bottom:.5em; *bottom:1.6em; border-top:1px solid #b6babb; border-bottom:0;} .haut ul li a {font-size:1em;} /* ============ Templates ============ */ body{text-align:center; background:#fff;} body.mceContentBody {text-align:left;} #page{margin:auto; position:relative; text-align:left; font-size:85%; width:965px; font-family: Arial, "Trebuchet ms", Verdana, sans-serif; color:black; text-align:left;} #page.bodyPopup {width:auto;} #page.videoPopup {width:auto;} #page.videoPopup #body {height:auto;min-height:0;} #page.newsletter {width:611px;} #page #rightColumn, #page #navigation {display:none;} #page.pageNav #navigation {display:block !important;} #page.page2cols #rightColumn {display:block;} #page.page2colsNav #rightColumn, #page.page2colsNav #navigation {display:block;} #page.pageFull #body {padding: 0; border: none;} #body{overflow:hidden;_overflow:visible;zoom:1;position:relative;margin:0;padding:18px; border:solid 1px #E5E5E5;} #rightColumn{float:right; width:160px; min-height: 10px;margin-left:18px; _margin-left:15px; position:relative;overflow:hidden;z-index: 3;} #leftColumn{overflow:hidden;_overflow:visible;zoom:1;position: relative;z-index: 3;} #main {overflow:hidden;_overflow:visible;zoom:1;} #navigation {float:left; margin-right:18px; _margin-right:15px;} #mainInside {overflow:hidden;_overflow: visible;zoom:1; position:relative;} /* ============================ Gestion Flash ================================ */ #flash{position:absolute; top:0;left:0;text-align:center; z-index:1;} #flash img{display:inline;} #flash embed, #flash object{display:block;zoom:1;} /* ============================ /Gestion Flash ================================ */ /* Home Page spe */ .pageHome #body {border:none} .pageHome #body, .pageHome #leftColumn, .pageHome #main, .pageHome #mainInside {padding:0;min-height:370px;_height:370px;position:relative;} .pageHome .bottom {position:absolute;bottom:18px;right:18px;} .pageHome .pageTitle{display:none} .pageHome .visuHome {width: 723px;overflow: hidden;} .pageHome .visuHome embed, .pageHome .visuHome object {width: 100%;} /* ============================ Navigation ================================ */ #navigation {width:160px; min-height: 10px; z-index: 10;} #navigation ul {border-top:1px solid #e5e5e5;zoom:1;} #navigation a{color:#9b9ba3;text-decoration:none;} #navigation li {background:url(navigationArrow.png) no-repeat -795px 10px;border-bottom:1px solid #e5e5e5; text-transform:uppercase;zoom:1;} #navigation li a {display:block;padding:7px 3px 7px 12px; zoom:1;} #navigation li.open { background-position:-1192px 10px;} #navigation li.open a {color:#000;} #navigation li.open li a {color:#9b9ba3;} #navigation li.open li {background-position:-795px 7px;} #navigation li ul {display:none; padding-left:8px; border:none;background:none;} #navigation li.open ul {display:block;} #navigation li li {border:none;text-transform:none;background-position:-795px 9px;} #navigation li li.open {background-position:-1192px 7px;} #navigation li li a {padding:5px 3px 5px 12px;} #navigation li.open li ul {display:none;padding-left:12px;} #navigation li li.open ul {display:block;} #navigation li li.open a {color:#000;} #navigation li li.open li a {color:#9b9ba3;} #navigation li li li {background:none;} #navigation li li li a {padding:3px 0 1px 6px;background:url(dotNavigation.png) no-repeat left 9px;} #navigation li li li a.current {color:#000; background-position:left -20px;} #navigation li li li a:hover {background-color:#ededed;} /* ==== On Dark Background (Flash or Image) ==== */ #navigation .darkBack {border-top:1px solid #fff;} #navigation .darkBack a {color:#fff;} #navigation .darkBack li {border-bottom:1px solid #fff;} #navigation .darkBack li.open {background-position:left 9px;} #navigation .darkBack li.open a {color:#e5e5e5;} #navigation .darkBack li.open li a, #navigation .darkBack li li.open li a {color:#f2f2f2;} #navigation .darkBack li li.open a {color:#e5e5e5;} #navigation .darkBack li li li a {background-position:left -50px;} #navigation .darkBack li li li a.current {color:#e5e5e5; background-position:left -50px;} #navigation .darkBack li li li a.current:hover {color:#000; background-position:left -20px;} /* ==== sliding Nav alternatives ==== */ #slidingNav {border: none !important;} #slidingNav li {border: none; background: #fff; position: relative;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;margin-top: -1px;//margin-top: -2px;padding-left: 10px;padding-right: 10px;} #slidingNav li a {padding-top: 4px;padding-bottom: 4px; background:url(navigationArrow.png) no-repeat -795px 7px; border-top: 1px solid #e5e5e5; } .titreSlidingNav {height: 18px;font-size: 1%; cursor: pointer;background: no-repeat left top;filter:expression(pngTrans(this)); margin-left : 1px;} /* ============================ /Navigation ================================ */ /* ============================ Menu Droite ================================ */ #rightColumn h2.productTitle{font-size:236%; font-weight:bold; text-transform: none; color:#fff;} #rightColumn h2.productTitle span.altColor {color:#000; display:block;} #rightColumn h3.productTitle{color:#000; font-size:105%;margin:5px 0; text-transform:uppercase;font-weight:bold} .productAction{text-transform:uppercase; font-size:95%;} .productAction li{border-top:1px solid #ae8d2e;zoom:1;} .productAction li a{display:block;zoom:1;border-top:1px solid #fbda7b; padding:5px 5px 5px 3px; background: url(chevronNoir.png) no-repeat right center; text-decoration:none;} .blackFilled .productAction li a {color:#F8CA41;background-image: url(chevronJaune.png)} .productAction li.noBorder,.productAction li.noBorder a{border: none;} .actionList {background-color: #CACCCB;padding:6px 10px 3px 10px;} .actionList li{ background: url(action_list.png) no-repeat left top; text-transform: uppercase; padding-bottom:3px;} .actionList li a{display:block;padding-left: 25px; color:#fff;} .actionList .email{ background-position: left -46px; ;} .actionList .save{ background-position: left -86px; ;} /* ---- models ----*/ .modeles {font-size:105%;} .modeles a { display:block;padding:5px 10px;zoom: 1;background: #CACCCB url(tous_les_models.png) no-repeat 95% 50%; text-transform:uppercase; color:#fff;} /* ============================ /Menu Droite ================================ */ h2.pageTitle, h1.pageTitle {margin-bottom:18px; color:#f8ca41; height: 51px; min-height: 51px; text-transform:uppercase; white-space: nowrap;} h2.pageTitle strong, h1.pageTitle strong {color:#bec3c6; display:block;font-size:82%;} .pageTitleHidden {visibility: hidden; margin-bottom: 18px;} .minTitle {font-size:140%;} /* **************** E.. BLOCS CONTENUS ***************** /* ===== MEA (image left content right) ===== */ /* ---- Mise en avant with no wrap ----- */ .mea, .mea .text, .meaRight .text, .meaRight {overflow:hidden; _overflow:visible; zoom:1;} .mea .media {float:left; margin:0 18px 0 0;} .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;} /* ---- Mise en avant ----- */ /* ---- Listes ----- */ ul.listePuce li, ul li.listePuce {background:url(carre.png) no-repeat left 5px; padding-left:10px;} ul.listeChev li, ul li.listeChev {background:url(chevrons.png) no-repeat left center; padding-left:10px;} .universList a.title{text-decoration:none; display:block; background:url(chevUniversList.png) no-repeat right 11px;outline:none;padding:7px 25px 7px 10px;} .universList li a.black{background-image:url(chevUniversList.png) !important} .universList li a.gray{background-image:url(chevUniversListGris.png) !important} .universList li a.white{background-image:url(chevUniversListBlanc.png) !important} .universList li {margin-bottom:1px;background:#f8ca41;} .universList li a {zoom:1;} .universList li.last {margin-bottom:0px;} .universList li.open a {background-position:right -483px;} ul.vTabs li{background-color: #CACCCB; border-bottom: 1px solid #fff;} ul.vTabs li.current {background-color: #EDEDED;font-weight: bold;text-transform:uppercase; padding:5px 8px;} ul.vTabs li.current, ul.vTabs li.last{border: none;} ul.vTabs li a {display: block;text-decoration: none;font-weight: bold;text-transform:uppercase; padding:5px 8px;zoom: 1;} .listeCouleurs {overflow:hidden; _overflow:visible; zoom:1; padding-top:3px;} .listeCouleurs li {padding:1px 2px 0 2px; float:left;} .listeCouleurs li.current {border:2px solid #990000;margin: -2px -1px 0px -1px;padding: 1px;_padding-bottom:0;height: 17px; width: 17px;} .listeCouleurs li div {display:none;} .listeCouleurs li.disabled div {display:block;position:absolute;} .listeCouleurs li.current img{_margin-bottom:-3px;} li.redFire, li.orangeFire, li.greenFire {background-position: left 4px;background-repeat: no-repeat;padding: 5px 0 5px 20px;} li.redFire {background-image: url(redFire.png);} li.orangeFire {background-image: url(orangeFire.png);} li.greenFire {background-image: url(greenFire.png);} /* - Version specifique - */ .equipement {overflow:hidden;_overflow:visible;zoom:1;} .equipement .universList{width:49%; float:left; margin-right:18px; _margin-right:15px;} .equipement .precisions {overflow:hidden;_overflow:visible;zoom:1;display:none;} .equipement .selected {display:block;} .equipement .element {padding:7px 5px;} .equipement .element .text {padding-bottom:5px;} /* ---- Listes ----- */ /* ---- Liens & boutons ----- */ .delete {background:url(delete.png) no-repeat left 0px; padding:4px 0 4px 23px;line-height: 1.7em; text-decoration: none;} .makeprincipal {background:url(principal.png) no-repeat left 0px; padding:4px 0 4px 23px;line-height: 1.7em; text-decoration: none;} .favorite {background:url(favorite.png) no-repeat left 0px; padding:6px 0 4px 23px;line-height: 1.7em; text-decoration: none;} .chevron {background:url(chevronNoir.png) no-repeat left 5px; padding-left:7px;} .blackFilled .chevron {background-image:url(chevronJaune.png);} .imgLeadben img{ width:163px; } .imgLeadben { margin-top:85px;} .printImg2 { background:url(print.png) no-repeat left; height:12px; width:15px; display:block;} .chevronBox { width:110px;} .printImg {background:url(print.png) no-repeat left 5px; padding-left:7px;} .boutonCon {vertical-align:middle; display:block; color: #000 !important;padding-right: 10px; background-color: #f8ca41;cursor:pointer;} .boutonCon strong{display:block; overflow:hidden; _overflow:visible; zoom:1; _width:1%;_white-space:nowrap; text-transform:uppercase; font-weight:normal; padding:4px 30px 3px 8px;//padding-bottom:4px; } .boutonCon a { background: url(chevronNoir.png) no-repeat right center; text-decoration:none; font-weight:bold;display:block; padding:4px 30px 3px 8px;} .bouton {vertical-align:middle; display:-moz-inline-box; display:inline-block; color: #000 !important;padding-right: 10px; background-color: #f8ca41;cursor:pointer;} .bouton strong{display:block; overflow:hidden; _overflow:visible; zoom:1; _width:1%;_white-space:nowrap; text-transform:uppercase; font-weight:normal; padding:4px 30px 3px 8px;//padding-bottom:4px; background: url(chevronNoir.png) no-repeat right center; } .bouton strong.return {background-image:url(chevronsReturnNoir.png);background-position: 10px center;padding:4px 8px 3px 30px;} button.bouton, input.bouton {font-size:11px;font-family:Arial,"Trebuchet ms",Verdana,sans-serif;text-transform: uppercase;background-color:#f8ca41;border: none;border-bottom:1px solid #000;padding:3px 5px; //padding-bottom:2px;} .boutonBlanc strong {background-color:#fff !important;color:black !important;} .boutonNoLink strong{background-image: none; padding: 4px 8px 3px 8px;} .bouton input {background:none; border:0; padding:0; font-weight:bold;} .zoom_txt a {background:url(chevronBlanc.png) no-repeat left 5px; padding-left:7px;text-decoration:none;} /* ---- Liens & boutons ----- * /* ---- dataArray ----- */ table.dataArray {border-collapse:separate;border-spacing:1px; width:100%;} table.dataArray th {font-weight:bold;} table.dataArray td, table.dataArray th {padding:6px 10px;} table.dataArray .odd td, table.dataArray .odd th {background:#ededed;} table.dataArray .even td, table.dataArray .even th {background:#e6e6e6;} table.dataArray .universBkg {background:#f8ca41;} table.dataArray .promo {color:#fff;} /* ---- dataArray ----- */ /* ---- liste d'activites ---- */ .activitiesList:after {content: "";display: block;height: 0;overflow: hidden;clear: both;} .activitiesList li {width: 24%; float: left; /*margin-bottom: 20px;*/ //margin-bottom: 10px;_margin-bottom: 5px;} .activitiesList li .input, .activitiesList li .img {float: left; margin-right: 4px;} .activitiesList li .img {margin-top: -11px;//margin-top: -6px;_margin-top: 0;} .activitiesList li .input, .activitiesList li .tipBox {_margin-top: 6px;} /* ---- liste d'activites ---- */ /* **************** G.. CONTENEURS DE BLOCKS ***************** */ /* ici on défini les lignes qui contiennent les blocks, sachant que le dernier block d'une ligne porte les classes "unit sizeXonX lastunit" */ .line, .lastunit {overflow: hidden;_overflow: visible; zoom:1;} .unit{float:left;margin-right:18px; zoom:1;} /* 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.03%;} .size1on3{width:32.03%;} .size2on3{width:66.01%;} .size1on4{width:23.54%;} .size3on4{width:74.51%;} .miniHspace .size1on2{width:49.94%;} .miniHspace .size1on3{width:33.26%;} .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%;} .page2colsNav .size1on4{width:22.63%;} .page2colsNav .size3on4{width:74.21%;} .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:74.39%;} #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;} .lastunitL {float:none; _float:left; display:block; width:auto !important; zoom:1; margin-right:0 !important;} /* **************** H.. BLOCKS GENERIQUES : STYLES PAR DEFAUTS ***************** */ /* ====== block par defaut ====== */ .block{overflow:hidden;_overflow:visible; zoom:1; position:relative;} .blockInside{position:relative;zoom:1;} .body{zoom:1; overflow:hidden; _overflow:visible;} .head{ min-height:19px; _height:19px; padding:4px 10px; color:#000000;} .blockToggle .head {padding:4px 10px;} .blockToggle .head a {padding: 5px 0;} 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: #fff !important;} .darkFilled {background-color: #e6e6e6 !important;} .darkerFilled {background-color: #cacccb !important;} .blackFilled {background:#000;} .blockFilled, .blockFilled .blockInside{background-color:#ededed;} .blockFilled .dottedSeparator {border-bottom:1px dotted #fff;} /*======block filled universe ======*/ .blockFilledUniverse .blockInside{background-color:#f8ca41;} /*======block avec bordure ======*/ .blockBorder .blockInside{border:1px solid #E5E5E5;} .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;} /*====== frame ======*/ .frame {border: 1px solid #b9b9b9;} .frameError {border: 1px solid #ff0000; background-color: #ffe5e5;} /* **************** I.. BLOCKS ***************** */ /* ====== block toogle ====== */ /* toggleClosed*/ .hasJS .toggleClosed .body{display:none;} .blockToggle .head a {display:block;background:url(chevronsToggle.png) no-repeat right 8px;outline:none;_zoom:1;} .blockToggle h5.head a {background-position: right 10px;} .hasJS .toggleClosed .head a {background-position:right -86px;outline:none;} .hasJS .toggleClosed h5.head a {background-position: right -84px;} .blockToggle .head{background-color:#EDEDED;} /*ESPACE CLIENT*/ .escHome{position:relative;} .escHome .blockToggle .head {overflow: hidden;_overflow: visible;zoom: 1;} .escHome .blockToggle .head a { background: none;} .escHome .blockToggle .head a.toggle {float: right; position: relative;top: 6px;padding: 4px;overflow: hidden;text-indent: -5000px; height: 7px; width: 7px; background:url(chevronsToggle.png) no-repeat 3px 4px;} .escHome .toggleClosed .head a.toggle {background-position: 4px -90px;top: 6px;padding: 4px;} .escHome .blockToggle .head a.closeBlock {float: right; position: relative;top: 6px;padding: 4px;overflow: hidden;text-indent: -5000px; height: 7px; width: 7px; background:url(delete2.png) no-repeat 3px 2px;} .escHome .blockToggle .head a.drag{cursor:move;} .escHome .separator {border-color: #b5babd;} .escHome .blockFilled .dottedSeparator {border-bottom:1px dotted #000;} .escHome .km {_zoom: 0;} /* Bug IE6 */ .espaceClient .blockToggle .head, .espaceToggle .block .block .head {background:#cdcdcd url(espaceToggleHead.png) repeat-x left top ;} .espaceClient .favourite {background: #f8ca41 !important;} .blockToggle .head {position: relative;} .blockToggle .head a.delete {position: absolute;background:url(delete22.png) no-repeat center center;height: 20px;width: 20px;right: 30px;top: 1px;} .blockToggle .head a.delete span {display: none;} /*.escHomeBlocks .lastunit{width: 45% !important;}*/ .espaceClient .blockToggle .head,.espaceClient .blockToggle .foot, .espaceClient .blockToggle .body, .espaceClient .block .block .head, .espaceClient .block .block .body {border: 1px solid #aeaeae;} .espaceClient .blockToggle .body .body, .espaceClient .blockTabs .body .body {border:none;} .espaceClient .block .body,.espaceClient .block .block .body, .espaceClient .blockToggle .foot {border-top: 0px;} .espaceClient .blockTabs .tabs {margin: 0 18px;} .espaceClient .blockTabs .body {border: none;} .espaceClient .blockToggle .foot {background: #ededed;} .espaceClient .blockTabs .block .body {background: #fff;} .espaceClient .blockTabs .blockFilled .body {background: #ededed;} .espaceClient .blockTabs .darkFilled .body {background: #e6e6e6;} .espaceClient .blockTabs .body .segment {padding: 18px;} .espaceClient .webBoxMarker { border: 1px dotted black; margin: 0 0 8px 0; ;} .clientRightBox .head,.clientRightBox .foot, .clientRightBox .body{border: 1px solid #000 !important;} .clientRightBox .body {border-width: 0 1px !important; background: #ededed;overflow:hidden} .clientRightBox .head{background: url(loginHead.png) no-repeat -10px top !important; overflow: hidden;text-indent: -5000px; cursor: pointer; zoom:1;} .clientRightBox .headClosed { background-position: -10px -330px !important;} .clientRightBox .foot {background: url(loginFoot.png) repeat-x left top; height: 6px; padding: 0;overflow: hidden;text-indent: -5000px;} .clientRightBox .contenuStd{ padding: 10px 16px;} .clientRightBox .contenuStd input.txt{border: none; margin-bottom: 5px; height: 16px; padding: 2px 5px;width: 100%;//width: 92%; font-weight: bold;} .clientRightBox .contenuStd .check label {margin-left: 5px;} .clientRightBox .profil {border-top: 1px solid #000; padding: 3px 0 3px 18px;} .clientRightBox .profilZone {height: 17px; width: 122px; background: url(escProfilZone.png) no-repeat left top;padding: 1px 3px 6px 5px; margin-left: -5px; margin-top: 5px; overflow: hidden;} .clientRightBox .profilZone .cursor {background: url(escProfilZoneCursor.png) no-repeat right top; height: 17px; padding-right: 7px;} /*ESPACE CLIENT*/ .clientRightBox .links li {background: #f8ca41; border-top: 1px solid #000;} .clientRightBox .links li a {padding:6px 10px 6px 20px; display: block; font-size:11px;zoom: 1; background:url(chevronNoir.png) no-repeat 12px 9px;} .clientRightBox .links li.sub a {padding: 6px 18px 6px 10px;background: transparent url(chevronsToggleH.png) no-repeat 145px center;} .clientRightBox .links li.open a {background-position: -850px center;} .clientRightBox .links li.sub li {background: #f2dea9;} .clientRightBox .links li.sub li a {padding:3px 3px 3px 20px; background:url(chevronNoir.png) no-repeat 12px 7px;} .clientRightBox .links li.sub ul {display: none;} .clientRightBox .links li.open ul {display:block;} .clientRightBox .links li.addConcess {display: none;} /* MODEL PICKER */ .modelPicker .block{margin:0;padding:2px;background:#A9AAAB } .modelPicker .blockInside {background:#A9AAAB !important;} .modelPicker .body{height:80px} .modelPicker .picker {overflow:hidden;_overflow:visible;zoom:1; position:absolute;top:0;left:0; width: 100%;} .modelPicker .picker a.arrow{display:block;text-indent:-5000px;width: 12px; height: 80px; background-color:#A9AAAB ; background-repeat:no-repeat;outline: none;overflow: hidden;} .modelPicker .picker a.return{float: left;background-image:url(chevronsReturnNoir.png);background-position: 4px center; border-right:1px solid #A9AAAB } .modelPicker .picker a.follow{float: right;background-image:url(chevronNoir.png);background-position: 5px center;} .modelPicker .picker a.noImg {background-image: none;cursor: default;} .modelPicker .picker .hScroll {overflow:hidden; float:left; width:1px} .modelPicker .picker ul {height:80px;width: 9000px;} .modelPicker .picker ul li {position:relative;height:80px;overflow: hidden;float:left;border-right:1px solid #A9AAAB ;//position:static;//float:none;//display:inline;zoom:1} .modelPicker .picker ul li a {display:block;text-decoration:none !important; width:138px} .modelPicker .picker ul li a.pickOff span.textField {display:block;margin-top: -28px;height: 27px;//height: 28px;width:134px;padding-left: 2px;padding-right: 2px;text-align:center; font-weight:bold;font-size: 10px !important;} .modelPicker .picker ul li a.pickOff span.textField span{display: block;} .modelPicker .picker ul li a.pickOn {visibility:hidden;width:138px;height:80px} .modelPicker .pickerToggler .body{height:80px} .modelPicker .pickerToggler li {margin:0 0 1px 0;zoom:1} .modelPicker .pickerToggler li a {display:block; background:#E5E5E5 url(homeSwitchButtonsBkg.png) repeat-x top left; text-decoration:none; font-weight:bold; padding:0px 10px; outline: none; zoom:1; //margin-bottom:-1px} .modelPicker .pickerToggler li a.open {cursor:default; background:none; color:#fff } /* Tip Home */ .tool-tip {position: absolute;color: #fff;width: 139px;z-index: 13000;text-align:left;visibility: hidden;top: 0;} .tool-title {font-weight: bold;font-size: 11px;color: #F8CA41;padding: 8px 8px 4px;background: url(tipBubble.png) top left;} .tool-text {font-size: 11px;padding: 4px 8px 8px;background: url(tipBubble.png) bottom right;} /* Page Focus */ .blockFocus h3{font-size: 218%;} .blockFocus h5{font-size: 133%;} .blockFocus ul.togglingFocus {border-top:1px solid #fff;overflow: hidden; _overflow: hidden;zoom: 1;} .blockFocus .togglingFocus li {width:153px;float:left;border-right:1px solid #fff;} .blockFocus .togglingFocus li.last {float:none; _float:right; display:block; width:auto !important; zoom:1; border-right:0;overflow: hidden;_overflow: visible;} .blockFocus .togglingFocus li a {display:block;text-decoration:none; text-align:center; padding: 10px 32px;border-top:1px solid #fff;outline: none;} .blockFocus .mediaFullSize img {vertical-align:top;} .blockFocus .focusSlider {background:url(slider_bkg.png) no-repeat right top;overflow:hidden;_overflow:visible;zoom:1;} .blockFocus .scrollText {overflow:hidden;padding-right:15px;} .blockFocus .conteneurSlider {background:url(slider_bkg.png) no-repeat right bottom;} .blockFocus .mainImg {overflow: hidden;} .blockFocus .mainImg img {display:block;} /*faux onglets steps*/ .stepHeading {overflow: hidden;_overflow: visible;zoom: 1; visibility: hidden;} .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: #000;border-color: #000;cursor:pointer} .stepHeading li.last {padding-right: 30px;} /* **************** ONGLETS ***************** */ /* onglets par defaut */ .blockTabs .tabs {overflow:hidden; _overflow:visible; zoom:1;font-size:100%;} .blockTabs .tabs li{float:left; //display:inline;margin-right:1px;background:#CBCDCC;margin-bottom:1px;} .blockTabs .tabs li.current {background:#F0F0F0;margin-bottom:0;padding-bottom:1px;} .blockTabs .tabs li.last {float:none; _float:left; width:auto; overflow:hidden; _overflow:visible; margin-right:0;} .blockTabs .tabs a{display:block; color:#000; font-weight:bold; font-size:121%; min-height:16px; _height:16px; _width:1%; _white-space:nowrap; text-align:center; outline:none;} .blockTabs .tabs a, .blockTabs .tabs a:hover{text-decoration:none;} .blockTabs .tabs li.current a{color:#000;} .blockTabs .tabs li.last a{_width:auto; border:0;} .blockTabs .onglets10 a, .blockTabs .onglets9 a, .blockTabs .onglets8 a, .blockTabs .onglets7 a, .blockTabs .onglets6 a, .blockTabs .onglets5 a, .blockTabs .onglets4 a, .blockTabs .onglets3 a, .blockTabs .onglets2 a {_width:auto !important; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; white-space: normal;} .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%;} .blockTabs .onglets2 li{width:50%;} /* tabContent */ .hasJS .tabCtn {display:none; background:#F0F0F0;} .hasJS .tabCurrent{display:block !important;} /* **************** BLOCS SPECIFIQUES ***************** */ .presentation_overview{position:relative;overflow:hidden; width:100%;} .presentation_overview a.zone{position:absolute;top:0;left:0;width:20px;height:20px;border:2px solid #FFF;text-indent:-5000px;font-size:30px;letter-spacing:10000px;overflow:hidden;color:#fff;z-index:1; cursor:pointer} .presentation_overview a.zoneCurrent{border-width:4px;width:16px;height:16px;background:url(bgZonePresentationLight.png) repeat left top;_background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod=scale src='/css/skin/bgZonePresentationLight.png');zoom:1} .presentation_overview .visu{vertical-align:top;} .presentation_overview a.close {text-indent:-2000px; overflow:hidden;width:12px; height:12px;background:url(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(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;} .gallery_overview {position: absolute; top: 0;right: 0;width: 75px; height: 200px; z-index: 9000;text-align: center;background:url(bgGalOverview.png) repeat left top;_background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod=scale src='/css/skin/bgGalOverview.png');} .IS_IE .gallery_overview{right: expression(cssRight(this));} .gallery_overview a {display: block; margin: 5px auto;} .gallery_overview a img{margin:2px;} .gallery_overview a.current img{border:2px solid #000; margin:0;} .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;} .mediaScroller li {border-bottom:1px solid #fff; ;} .mediaScroller li.last{border-bottom:0;} .mediaScroller li a{display:block;padding:8px 12px;background:#F0F0F0;text-transform:uppercase;text-decoration:none;} .photoGallery li a {padding:0;} .photoGallery li a img{display:block;//vertical-align:top;} .mediaScroller li a:hover{background:#CACCCB;} .mediaScroller a.arrow{display:block;height:28px; width:100%;text-indent:-5000px; background:#F8CA41 url(scrollArrowNoir.png) no-repeat;} .mediaScroller a.return{background-position:center 12px;} .mediaScroller a.follow{background-position:center -185px;} .photoGallery a.arrow{height:21px;} .photoGallery a.return{background-position:center 9px; border-bottom:1px solid #fff;} .photoGallery a.follow{background-position:center -187px; border-top:1px solid #fff;} .layersMediaScroller{border-top:1px solid #fff;} .layersMediaScroller .layer {padding:8px 10px;} .gallerieOccasion .media {margin-right:15px; _margin-right:9px;} .gallerieOccasion .mediaScroller {height: 52px;border: 0; margin-top: 18px;} .gallerieOccasion .mediaScroller ul {height: 52px;} .hasJS .gallerieOccasion .mediaScroller {width: 0px;} .hasJS .gallerieOccasion .mediaScroller ul {width: 0px;} .hasJS .gallerieOccasion .mediaScroller .hScroll{width:0px;} .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: 50px;} .gallerieOccasion .mediaScroller a.return{float: left;border-right: 1px solid #ededed;background-image:url(chevronsReturnNoir.png);background-position: 5px center;} .gallerieOccasion .mediaScroller a.follow{float: right;border-left: 1px solid #ededed;background-image:url(chevronNoir.png);background-position: 6px center;} .accessories {margin-bottom:20px; visibility:hidden;} .accessories .accessScroller {width:571px; background-color:#f2f2f3; overflow:hidden;} .accessories .accessScroller .arrow a {width:19px; height:93px; background-repeat:no-repeat; text-indent:-5000px; border:0; position:relative; z-index:10;background-color:#F8CA41;} .accessories .return a{float:left; border-right:1px solid #ededed; background-image:url(fleche_scroller.png); background-position:4px center;} .accessories .follow a{float:right; border-left:1px solid #ededed; background-image:url(fleche_scroller_right.png); background-position:8px center;} .accessories .hScroll {float:left;_overflow:hidden; height:93px; width:530px; position:relative; left:-5px; _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:571px; 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;width:76px;height:79px;} .ToolTips {position:absolute; z-index:1000;} .ToolTips {border:1px solid white; color:white; padding:10px; width:135px;background-color:#F8CA41;} .accessories .accessScroller li a:hover img, .accessories .accessScroller li a:focus img, .accessories .accessScroller li a:active img {border-color:#666} .accessories h4.bMargin {*margin-bottom:0 !important;} .listeModeles {position:absolute;top:0;left:0;width:100%; z-index: 5; background:#cbcdcc; visibility: hidden;} .listeModeles h6 {padding:6px 3px;font-size:102%;color:#fff;font-weight:bold;} .listeModeles ul {margin:1px;background:#fff;zoom:1;} .listeModeles li {overflow:hidden;_overflow:visible;zoom:1;} .listeModeles li a {display:block;overflow:hidden;_overflow:visible;zoom:1;padding:2px 5px 4px 5px;text-transform:uppercase;text-decoration: none;} .listeModeles li a:hover {background:#e5e5e5; text-decoration: underline;} .listeModeles li a img {float:right;} .slider {width: 149px;} .slider .sliderBox {height: 15px;width: 149px; overflow: hidden;position: relative;cursor: pointer;} .slider .zone { background: url(backgroundSlider.png) no-repeat left top; width: 400px;height: 15px;position: absolute;} .slider .curseur {height: 15px;width: 13px;background: url(cursor.png) no-repeat left center;} .slider .calque {background: url(reperes.png) repeat-x left center; position: relative; ;} .slider .upd {background: #cbcbcb;color: #666666; padding: 2px 5px;} .sliderCtn h5{color: #999999;} .sliderCtn .bouton{background-color:#9d9d9d;} .sliderBoxUniver h5{color: #000;} .sliderBoxUniver .upd {background: #fff;color: #ffcc33;} .sliderBoxUniver .zone {background-image: url(backgroundSliderUnivers.png);} .sliderBoxUniver .bouton {background-color: #F8CA41;} .pagination li {display: inline; margin: 0 2px;} .pagination li.precedent {margin: 0 4px 0 0;} .pagination li.suivant {margin: 0 0 0 4px;} .pagination li a {font-weight: bold;text-decoration: none;} .pagination li.current a, .pagination li a.current {text-decoration: underline;} .listeVehicules thead th{font-weight: normal;border-bottom: 2px solid #fff;padding: 10px 6px;} .listeVehicules thead th span {background:url(chevronsListeVehicules.png) no-repeat right -40px; padding-right: 15px;} .listeVehicules thead th.trie span {background-position: right 7px;} .listeVehicules thead th.photo {padding: 10px 3px;} .listeVehicules thead th.photo input{vertical-align: middle;margin-right: 2px;} .listeVehicules tbody td {padding: 3px 6px;} .listeVehicules tbody td.photo {padding: 0;width: 70px;height: 50px; border-bottom: 2px solid #fff;} .listeVehicules tbody td.photo img {vertical-align: top; display: block; width: 70px;height: 50px;} .listeVehicules tbody .even td {border-bottom: 2px solid #fff;} .listeVehicules tbody td.evenementCtn {overflow: hidden; _overflow: visible;zoom: 1; padding: 0; height: 25px;} .listeVehicules tbody td.evenementCtn h5.text {float: left; padding: 4px 6px 2px 6px; width:60%;} .listeVehicules tbody td.evenementCtn .evenement {float: right;border-left: 1px solid #fff;background-color: #000; color: #fff; text-transform: uppercase;height: 21px; width: 80px; padding: 2px 3px; font-size: 80%;} .listeVehicules tbody td.evenementCtn .univers {background-color: #f8ca41; color: #000;} .layerToPop {background:#000;position:absolute;-moz-opacity:0.3; -khtml-opacity:0.3; filter:alpha(opacity=30); opacity:0.3; z-index:100;} .blockToPop, .popBlocks {background:#fff;z-index:10000; position:absolute; top:400px;margin:0 auto; text-align:left; padding:20px 10px;} .categorieVoitures {overflow: hidden;_overflow: visible;zoom: 1;visibility: hidden;} .categorieVoitures .col {float: left; border-right: 1px solid #fff;} .categorieVoitures .last {float:none;_float:right;width:auto !important; zoom:1; border-right: 0px;} .categorieVoitures .col h3 {font-weight: bold;background: #ededed;text-align: center;font-size: 120%; padding: 4px 2px;} .categorieVoitures .col li {height: 84px; overflow: hidden;background: #ededed;margin-top: 1px;} .categorieVoitures .col .prim h5 {color: #000; margin-top: 3px; //margin-top: -1px;padding: 0 3px ;zoom: 1;} .categorieVoitures .col .sub {visibility: hidden;} .categorieVoitures .col .sub .layer {display: none;text-align: center;} .categorieVoitures .col .active .prim{display: none;} .categorieVoitures .col .active .sub {visibility: visible;text-align: center;} .categorieVoitures .col .active .sub img {margin: 0 auto;vertical-align: top;} .inlineCategorieVoitures .col {float: none; border: 0; overflow: hidden; zoom: 1;;} .inlineCategorieVoitures .col h3 {display: none;} .inlineCategorieVoitures .col ul li {float: left; margin-right: 1px;width: 149px;} .inlineCategorieVoitures .col ul h3 {display:block} .categorieVoituresDual .last {overflow: hidden;} .categorieVoituresDual .col ul{overflow: hidden;_overflow: visible;zoom: 1;} .categorieVoituresDual .col ul li {float: left;} .categorieVoituresLayer {position: absolute; width: 235px; visibility: hidden;z-index: 99000;} .categorieVoituresLayer .blockInside {padding:10px 18px;} .categorieVoituresLayer h3 {color: #000; margin-bottom: 5px;} .categorieVoituresLayer .desc {color: #000; margin-top: 5px;} .categorieVoituresLayer .desc h4 {color: #000;} .categorieVoituresLayer ul {margin-top: 10px;} .categorieVoituresLayer ul li {border-top: 1px solid #AE8D2E;zoom: 1; cursor: pointer;} .categorieVoituresLayer ul li a {text-decoration: none; display: block;border-top: 1px solid #FBDA7B; padding: 5px 0 3px 0;background: url() no-repeat right 7px;} .tipBox {position: relative; text-decoration: none; zoom: 1;} .tipBox img {*border-right:3px solid #fff;} .alerte, .help {display: -moz-inline-box !important;_display: inline-block !important;} .attention {display: block;overflow: hidden;background: url(infos.png) no-repeat left center; width: 20px;height: 20px;text-indent: -5000px;} .alerte {background: url(alert.png) no-repeat left center !important; width: 20px;height: 20px;padding:0 !important;} .help {background: url(help.png) no-repeat right center;height: 18px; padding-right: 25px;padding-top: 2px; font-weight: bold;} .hideTipText span {text-indent: -5000px;display:block;overflow:hidden;_overflow:visible;zoom:1;} .tipBoxLayer{display: none;} .clonedTipBoxLayer {position: absolute; background: #fff; border:2px ridge #000; border-width: 0 2px 2px 0; z-index:9001;} .km {overflow: hidden;_overflow: visible; zoom: 1;} .km span {float: left;text-align: center;width: 11px; line-height: 16px;margin-right: 1px;background: #000 url() left center repeat-x;color: #fff;font-weight: bold; font-size: 130%;} .km span.last {margin-right: 0;} /* pagination */ ul.nav li {display:inline;} ul.nav li a {text-decoration:none;} ul.nav li.current a {text-decoration:underline;} /* plan du site */ #header .nav li a {font-size:10px;color:#B5BABD;margin-left:20px;} .planSite .midBlock {border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;} /* newsletter */ .newsletter .blockHead {position:relative;} .newsletter .blockHead h3 {color:white;} .newsletter .blockHead div {position:absolute;right:18px;top:135px;color:white;} .newsletter .head {min-height:14px;} .newsletter .evilFilled {background:#666;} .newsletter .evilText, .newsletter .evilText h6, .newsletter .evilText a {color:#666;} .newsletter .evilFilled h5 {color:white;} #footerNews, #footerNews a {color:#B5BABD;} #footerNews .dottedSeparator, #footerNews .dottedSeparator li {border-color:#B5BABD;} #footerNews .chevron {background-image: url(chevronGris.png);} /* **************** J.. DIFFERENCIATION UNIVERS ***************** */ .twingo h1.pageTitle,.twingo h2.pageTitle,.twingo .univers {color:#68cccc;} .twingo .blockFilledUniverse .blockInside, .twingo .boutonUnivers strong, .twingo .mediaScroller a.arrow, table.dataArray .universBkg {background-color:#68cccc !important;} .twingo .universList li, .universList li.twingo {background-color:#68cccc;} .twingo .productAction li{border-color:#4d9999;} .twingo .productAction li a{border-color:#8dd9d9;} .twingo .color {color:#fff;} /* **************** FORMULAIRES ******************** */ /*home*/ select#selectLinks{width: 96% !important;} /* champs par defaut */ input.text {border:1px solid #B5BABC;} input.check {} select {border:1px solid #B5BABD;} /* fieldset */ fieldset {padding:10px;} .reducebottom {margin-bottom:-23px !important;} fieldset h3 {font-size:1.1em; font-weight:bold;margin-bottom:10px;} /* ligne de formulaire */ .error label {color: #ff0000;font-weight: bold;} .error input, .error span.text, .error select {border:1px solid #ff0000; background-color: #ffe5e5;} .fline, ul.fline li {overflow:hidden; _overflow:visible; zoom:1;} li.fline, ul.fline li, p.fline {margin-bottom:10px ;} .fline label {float:left; font-weight:bold;} .fline input {vertical-align:middle;} /* groupe de checkboxes à gauche */ .groupCheckLeft label {float:none; overflow:hidden; zoom:1; font-weight:normal; width:auto !important; display:block;} .groupCheckLeft input.check {float:left; margin-right:5px;//margin-top: -4px;} /* alignement du label */ .labelLeft label {float:left;} .labelRight label {float:right;} .labelTop label {float:none; display:block;} /* conteneurs inputs */ span.fld {display:block; overflow:hidden; _overflow:visible; zoom:1;} span.fld select, span.fld textarea {width:auto;} span.text {border:1px solid #B5BABC;} /* un input text est contenu dans un span*/ span.text input.text {border:0; padding:1px 0; width:100%;} span.text textarea.text{width: 100%;border:0;padding:0;} span.fld textarea {border: none;} /* label sizes */ .label10 label, label.label10 {width:10%;} .label20 label, label.label20 {width:20%;} .label30 label, label.label30 {width:30%;} .label40 label, label.label40 {width:40%;} .label50 label, label.label50 {width:50%;} .label60 label, label.label60 {width:60%;} .label70 label, label.label70 {width:70%;} .label80 label, label.label80 {width:80%;} .label90 label, label.label90 {width:90%;} .labelAuto label{width: auto;} /* input sizes */ .input10 {width:10% !important;} .input20 {width:20% !important;} .input30 {width:30% !important;} .input40 {width:40% !important;} .input50 {width:50% !important;} .input60 {width:60% !important;} .input70 {width:70% !important;} .input80 {width:80% !important;} .input90 {width:90% !important;} .input10, .input20, .input30, .input40, .input50, .input60, .input70, .input80, .input90{ float:none!important;} /* **************** CORRECTIONS ******************** */ #int-picture-zoom {z-index:9000;} div.block div.blockInside div.body div.blockFilledUniverse div.blockFilledUniverse div.blockInside p.h3 {color:inherit !important;} /******* DEBUG *******/ /****** POPUP CONFIG *********/ #page.bodyPopup #CarConfigurator {background-color:#ededed;} #page.bodyPopup #body .detailVersion {background:url(headBkg.png) 0 0 repeat-x;} #page.bodyPopup #body .detailVersion h1 {position:relative; height:63px !important; text-transform:uppercase; color:#000; font-size:300%; background:url(headRight.png) right 0 no-repeat;} #page.bodyPopup #body .detailVersion span {position:absolute; left:110px; top:12px;} #page.bodyPopup .line {clear:both; background-color:#ededed;} #page.bodyPopup .blocImgs {overflow:hidden;} #page.bodyPopup #blocImg1 {float:left; width:49%;} #page.bodyPopup #blocImg2 {float:right; width:49%;} #page.bodyPopup .paddingLg {padding-top:0 !important;} /****** PROMOTIONS ******/ .rangePagePromoBloc {border:none !important;background-color:#de0000;margin: 10px -10px 0;margin-top:10px;padding :3px 10px;} .rangePagePromoBloc a {border:none !important;} a.compPromoBloc {display:block;padding :3px 10px;margin-top:8px;text-decoration:none;text-transform:uppercase;background:#de0000 url(chevronBlanc.png) no-repeat 200px 7px; color:#fff;} .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() 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;} .priceSpecsPromo {color:#de0000;} #postFooter {clear:both; padding-top:5px;} .blackFilled a {color:#F8CA41;} /****** CALENDAR SBOL******/ #sbolCalendar {background:#fff; width:245px; margin:0 auto;position:relative;} #sbolCalendar td { font-size:10px; text-align:right; line-height:13px; color:#404040;} #sbolCalendar ul{ padding:0; margin:0px;} #sbolCalendar li{float:left; list-style-type:none; margin: 0px 0px 0px 11px; font-size:11px; display:inline;} #sbolCalendar a { color:#202020;} #sbolCalendar .calendarLayer{ position:absolute; top:0; left:0; z-index:1; } #sbolCalendar .fog{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.5; filter:alpha(opacity=50); } #sbolCalendar .calendarLayer .text{ position:relative; text-align:center; color:#fff; } #sbolCalendar .head a { text-decoration:none;} #sbolCalendar .head {background:transparent url(degrade_head.png) repeat-x top left; height:41px; overflow:hidden; text-align:center; float:none;} #sbolCalendar .echelleDate { text-align:center; font-weight:bold; padding-top:3px} #sbolCalendar .echelleDate .date { margin:0 20px; _margin:0 15px;} #sbolCalendar .head ul { margin:4px 0 0 31px; overflow:hidden; _overflow:visible; zoom:1; } #sbolCalendar .head li { width:14px;} #sbolCalendar .flecheGauche { background:transparent url(arrowL.png) no-repeat center left;} #sbolCalendar .flecheDroite { background:transparent url(arrowR.png) no-repeat center right;} #sbolCalendar .body { overflow:hidden; _overflow:visible; zoom:1;} #sbolCalendar .colLeft table { width:38px;} #sbolCalendar .colLeft { float:left} #sbolCalendar .colRight { } #sbolCalendar .bodyCalendar {float:left; width:220px; overflow:hidden; } #sbolCalendar .footerCalendar { overflow:hidden; _overflow:visible; zoom:1; padding:3px 0 5px 0; margin:0 25px 10px 47px;} #sbolCalendar .footerCalendar span { float:left; color:#edb42f; font-weight:bold; } #sbolCalendar .footerCalendar ul { float:right;} #sbolCalendar .gridLayout{ background:transparent url(bg_calendar.png) no-repeat left 7px; float:right; width:174px; position:relative; overflow:hidden; height:195px; } #sbolCalendar .gridLayout .available, #sbolCalendar .gridLayout .unavailable, #sbolCalendar .gridLayout .closed{ position:absolute; width:24px; } #sbolCalendar .gridLayout .available{ background-color:#8db165; display:block; } #sbolCalendar .gridLayout .available:hover{ background-color:#8db165; } #sbolCalendar .gridLayout .selected{ background-color:#f3c037 !important; } #sbolCalendar .gridLayout .unavailable{ background-color:#afafaf; } #sbolCalendar .gridLayout .closed{ background-color:#afafaf; } #weekNumber a{ text-decoration:none; } #weekNumber a.selected, #weekNumber a:hover{ text-decoration:underline; font-weight:bold; } .subFootCal{width:245px;margin:0 auto;margin-top:5px;} #sbolCalCB{float:left;margin-right:5px;_margin-right:2px;} .subFootCal label{display:block;overflow:hidden;_overflow:visible;zoom:1;} #sbolCalendar .calendarLegend li{float:none;display:block;overflow:hidden;_overflow:visible;zoom:1;} #sbolCalendar .calendarLegend {margin-left:35px;} #sbolCalendar .calendarLegend .legend{width:20px;height:11px;float:left;margin-right:5px;display:block;} #sbolCalendar .calendarLegend .available{background-color:#8DB165;} #sbolCalendar .calendarLegend .selected{background-color:#F3C037;} #sbolCalendar .calendarLegend .unavailable{background-color:#AFAFAF;} #sbolCalendar .calendarLegend .legendTxt{overflow:hidden; _overflow:visible; zoom:1;display:block;} /* custom price choice */ .htttc label {color:#7d7d7d;text-transform:uppercase;font-size:105%;} .htttc select, .htttc select option{color:#7d7d7d;}