/** * * * @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*/ /*fonts.css*/ /* **************** B.. STYLES GENERAUX (balises) ***************** */ .mentions {font-style:normal;color:#7f7f7f;} .txtYellow {color:#fab700 !important;} .txtGrey {color:#d6d6d6;} .txtGreyDark {color:#B5BABD;} .txtWhite {color:#ffffff;} .txtBlack {color:#000 !important;} /* ==== prioriétés de backgrounds ==== */ .bgRepeat {background-repeat:repeat !important;} .bgRepeatX {background-repeat:repeat-x !important;} .bgRepeatY {background-repeat:repeat-y !important;} .bgNoRepeat {background-repeat:no-repeat !important;} .bgPositionLT {background-position:left top !important;} .bgPositionLB {background-position:left bottom !important;} .bgPositionRT {background-position:right top !important;} .bgPositionRB {background-position:right bottom !important;} .bgPositionLC {background-position:left center !important;} .bgPositionRC {background-position:right center !important;} .bgPositionCT {background-position:center top !important;} .bgPositionCB {background-position:center bottom !important;} .bgPositionCC {background-position:center center !important;} /* headings - .h1-.h6 classes should only be used to maintain the semantically appropriate heading levels, *never* on a p, span, div, etc */ /* accessibilite */ /* **************** C.. CLASSES DE MISES EN PAGE ***************** */ /* alignment */ /* context : applique le contexte de formatage (cf la doc fournie lot1 pour plus d'informations */ /* ====== margins et paddings ====== */ /* ----- block padding ----- */ /* ----- content padding ----- */ /* padding */ .paddingxSm{padding:2px !important;} .tPaddingxSm{padding-top:2px !important;} .rPaddingxSm{padding-right:2px !important;} .bPaddingxSm{padding-bottom:2px !important;} .lPaddingxSm{padding-left:2px !important;} .hPaddingxSm{padding-left:2px !important;padding-right:2px !important;} .vPaddingxSm{padding-top:2px !important;padding-bottom:2px !important;} /* margin */ .marginxSm{margin:2px !important;} .tMarginxSm{margin-top:2px !important;} .rMarginxSm{margin-right:2px !important;} .bMarginxSm{margin-bottom:2px !important;} .lMarginxSm{margin-left:2px !important;} .hMarginxSm{margin-left:2px !important;margin-right:2px !important;} .vMarginxSm{margin-top:2px !important;margin-bottom:2px !important;} .marginxxSm{margin:1px !important;} .tMarginxxSm{margin-top:1px !important;} .rMarginxxSm{margin-right:1px !important;} .bMarginxxSm{margin-bottom:1px !important;} .lMarginxxSm{margin-left:1px !important;} .hMarginxxSm{margin-left:1px !important;margin-right:1px !important;} .vMarginxxSm{margin-top:1px !important;margin-bottom:1px !important;} /* separation */ .dottedSeparator {border-bottom:1px dotted #ccc;} ul.dottedSeparator {border-top:1px dotted #ccc;} ul.dottedSeparator li {border-bottom:1px dotted #ccc;} .solidSeparator {border-bottom:1px solid #ccc;} ul.solidSeparator {border-top:1px solid #ccc; background-color: #A0A09D;} ul.solidSeparator li {border-bottom:1px solid #ccc;} ul.solidSeparator li.last {border-bottom:none;} /* v-align */ valignTop {vertical-align: top;} /* **************** D.. STRUCTURES ***************** */ /* ============================ Default Nav Header ================================ */ /* menu */ /* subMenu */ /* titres */ /* subMenu */ /* ---- breadcrumb trail ---- */ /*hauteurHeader*/ /* ============================ /Default Nav Header ================================ */ /* ============================ Default Nav Footer ================================ */ /* ---- Footer --- */ #footer{border-top:solid 1px #000;padding:3px 0;} #footer:after{content: "";display: block;height: 0;overflow: hidden;clear: both;} /* ============================ /Default Nav Footer ================================ */ /* **************** LISTES DEROULANTES HEADER / FOOTER ******************** */ /* ============ Templates ============ */ /* backgrounds de test */ /*#body {background-color:#f66;} #navMyRenaultN2 {background-color:orange;} #leftColumn{background-color:blue;} #rightColumn{background-color:yellow;} #mainInside {background-color:green;} #billboard {background-color:#999;}*/ /* FIN backgrounds de test */ #page {padding-bottom:20px;} #body { /* TODO : sous IE, supprimer la marge bottom non voulue */ padding:0;border:none;margin-bottom:5px; } #navMyRenaultN2 {} /* .page2colsNav #leftColumn{float:left;width:160px;} .page2colsNav #rightColumn{float:left;margin-left:18px;margin-right:0;} .page2colsNav #mainInside {float:left;width:609px;margin-left:18px;} .espaceClient #rightColumn {float:right;width:160px;margin-left:0px;} .espaceClient #mainInside{margin-left:0px;margin-right:0px;} */ .PageTitleBlock{padding-bottom: 10px!important;} .PageTitleBlock h1#pageTitle{ text-transform : uppercase; color:#000!important;} .PageTitleBlock h1#pageTitle strong{color:#F7B100!important; margin-right: 5px;} .PageTitleBlock h1#pageTitle, .PageTitleBlock h1#pageTitle strong {vertical-align:top;} #leftColumn .PageTitleBlock{padding-top: 3px;} .myrenoTitle{margin-bottom: 15px;} .myrenoTitle .mea .media{margin: 0 5px 5px 0;} .myrenoTitle h2{text-transform: uppercase;} .myrenoTitle h2.cufonize{padding-top: 4px;} .PageTitleBlock .withActionButtons, x:-moz-any-link, x:default { overflow-y: hidden;} #mainInside .blockFilled , #mainInside .blockFilled .blockInside {background: none;} #billboard {} /* ============================ Gestion Flash ================================ */ /* ============================ /Gestion Flash ================================ */ /* Home Page spe */ .pageHome #mainInside .miniHspace .lastunt{_float:right;} /* ============================ Navigation ================================ */ #navigation {margin-right:0;} /* ==== On Dark Background (Flash or Image) ==== */ /* ==== sliding Nav alternatives ==== */ /* ============================ /Navigation ================================ */ /* ============================ Menu Droite ================================ */ /* ---- models ----*/ /* ============================ /Menu Droite ================================ */ h2{line-height:25px;font-size:189%;} /* **************** E.. BLOCS CONTENUS *****************/ /* Page inscription */ .page2colsNav .pageInscription{} .pageInscription .blockBorder .blockInside .blockForm .line .unit{ border: 0; } .pageInscription .blockBorder .blockInside .blockForm input{ width: 97%;} .pageInscription .blockBorder .blockInside .blockForm label{ font-weight: bold; } .pageInscription input.bouton{width:auto !important;font-weight:bold;text-transform:uppercase;_border:0;text-align:center;line-height:30px !important;} /* ===== MEA (image left content right) ===== */ /* ---- Mise en avant with no wrap ----- */ .mea .mediaBorder {border:solid 1px #cbcbcb;} /* ---- Mise en avant ----- */ /* ---- Listes ----- */ ul.listeChevLight li, ul li.listeChevLi {background:transparent url(skin/puce/carre.png) no-repeat scroll left center; padding-left:10px;} /* - Version specifique - */ /* ---- Listes ----- */ .greenFire {background-image: url(skin/puce/greenFireMyR.png);} .redFire, .orangeFire, .greenFire {background-position: left 4px;background-repeat: no-repeat;padding: 5px 0 5px 20px;filter:expression(pngFix(this));} /* ---- Liens & boutons ----- */ .delete {padding:4px 0 4px 18px;background:transparent url(skin/bg_poubelle_black.png) no-repeat 0 center;text-decoration:underline;} .gdc {padding:4px 0 4px 18px;background:transparent url(skin/bg_vehicle_blue.png) no-repeat 0 center;text-decoration:underline;} .iconeRenaultSm {_zoom:1;padding:4px 0 4px 23px;text-transform:uppercase;background:transparent url(skin/ico_renaultSm.png) no-repeat 0 center;font-weight:bold;_filter:expression(pngFix(this));} .descDealer{ min-height: 76px; _height: 76px;} .favorite .floatR{color:#F9B603; padding-right:20px; text-decoration:none;} .favorite,.favoriteOff{background-repeat:no-repeat;background-position:right center; padding:0;line-height: 1.7em; text-decoration: none;_zoom:1;} .favorite{background-image:url(skin/puce/favorite.png);} .favoriteOff{background-image:url(skin/puce/favorite-off.png);} .favorite a, .favoriteOff a{padding-right: 20px; text-decoration: none;} .favorite a{color: #f9b603;} .favorite a:hover, .favoriteOff a:hover{text-decoration: underline;} .deleteField .delete {padding: 0 20px 0 0; background-position:right center; display: inline-block;} .bouton {overflow:hidden;zoom:1;} .boutonGris {background-color:#FFFFFF !important;background-image:url(/css/skin/bg_degrade_segmentTitle.png) !important;background-repeat:repeat-x !important;background-position:left bottom !important;color:black !important;border:solid 1px #c8c8c8 !important;zoom:1;} /* ---- Liens & boutons ----- * */ .chevronGrisFonce, .listChevronGrisFonce li {color:#666;background:url(skin/puce/chevronGrisFonce.png) no-repeat left 5px; padding-left:7px;} .chevronGris, .listChevronGris li {color:#cccccc;background:url(skin/puce/chevronGris.png) no-repeat left 5px; padding-left:7px;} .chevronBlanc li{color:#fff;background:url(skin/dotNavigation.png) no-repeat left -55px; padding-left:7px;} .listChevronNoir li{color:#fff;background:url(skin/puce/chevronNoir.png) no-repeat left 4px; padding-left:7px;} .listChevronBlanc li {color:#fff;background:url(skin/puce/chevronBlanc.png) no-repeat left 4px; padding-left:7px;} .plusYellow {background:url(skin/puce/plusYellow.png) no-repeat left 5px !important; padding-left:10px;} .listChevronGrisFonce li a {color:#666;} .listChevronGris li a {color:#ccc;} .listChevronBlanc li a {color:#fff;} .listChevronNoir li a{ color:#000; text-decoration: underline;} .listChevronNoir li a:hover{text-decoration: none;} /* ---- dataArray ----- */ /* ---- dataArray ----- */ /* ---- liste d'activites ---- */ /* ---- 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" */ /* template avec navigation et colonne de droite */ /* template fullsize */ /* template avec une navigation ET une colonne de droite */ /* template avec une navigation OU une colonne de droite */ /* template normal unit colles */ /* ----- custom sizes ------ */ /* **************** H.. BLOCKS GENERIQUES : STYLES PAR DEFAUTS ***************** */ /* ====== block par defaut ====== */ .head{ min-height:10px; _height:10px;} .border {border: 1px solid #e5e5e5 !important;} .borderL, .vBorder {border-left: 1px solid #e5e5e5 !important;} .borderR, .vBorder {border-right: 1px solid #e5e5e5 !important;} .borderT, .hBorder {border-top: 1px solid #e5e5e5 !important;} .borderB, .hBorder {border-bottom: 1px solid #e5e5e5 !important;} .border0 {border: none !important;} .borderL0, .vBorder0 {border-left: none !important;} .borderR0, .vBorder0 {border-right: none !important;} .borderT0, .hBorder0 {border-top: none !important;} .borderB0, .hBorder0 {border-bottom: none !important;} .borderTDotted, .borderVDotted{border-top-style: dotted !important;} .borderBDotted, .borderVDotted{border-top-style: dotted !important;} .borderLDotted, .borderHDotted{border-top-style: dotted !important;} .borderRDotted, .borderHDotted{border-top-style: dotted !important;} .segment {border:solid 1px #ebe9e9;} /*.segmentTitle { background : #fff url(/css/skin/bg_degrade_segmentTitle.png) repeat-x scroll left bottom !important; font-size:110%; font-weight:bold; padding:5px 20px; text-transform:none; }*/ .segmentTitleLong{background : #fff url(/css/skin/bg_degrade_segmentTitleBig.png) repeat-x scroll left bottom !important;font-weight:normal;} .blockToggle .openInfo{min-width:0px; background : transparent url(/css/skin/puce/moins.png) no-repeat scroll right center;} .toggleClosed .openInfo{min-width:0px; background : transparent url(/css/skin/puce/plus.png) no-repeat scroll right center;} .blockToggle .openInfo a{background:none !important;text-decoration:none;} .Dblock{display:block;} .alert {overflow:hidden;padding-left:44px !important;min-height:27px;_height:27px;background-image:url(/css/skin/puce/alerte-sm.png) !important;background-repeat:no-repeat !important;background-position: left top !important;/*_filter:expression(pngFix(this));*/} .alertws {overflow:hidden;padding-left:44px !important;min-height:27px;_height:27px;background-image:url(/css/skin/puce/alerte-sm.png) !important;background-repeat:no-repeat !important;background-position: left top !important;/*_filter:expression(pngFix(this));*/} .alertSm {overflow:hidden;padding-left:33px !important;height:30px;background-image:url(/css/skin/puce/alerte-sm.png) !important;background-repeat:no-repeat !important;background-position: left center !important;} /* ======= blockCartouche ======= */ .blockCartouche {background:#e5e5e5 url(/css/skin/bg_blockCartouche.png) repeat-x left top;overflow:hidden;_zoom:1;} .blockCartouche .picto {float:left;min-height:77px;_height:77px;width:145px;background-position:right 10px;background-repeat:no-repeat;_filter:expression(pngFix(this));} .blockCartouche .body {background-repeat:no-repeat;} /* ==== blockBg ==== */ .blockBg .bodyBg {background-repeat:no-repeat;background-position:right top;background-color:transparent;} /* foot */ /*======block filled ======*/ .blockFilled, .blockFilled .blockInside{background-color:#f3f3f3;} .darkerFilled {background-color: #c4c4c4 !important;} .blockFilledWhite, .blockFilledWhite .blockInside{background-color: #FFF !important;} /* type2 */ .blockFilledType2, .blockFilledType2 .blockInside{ background: #363535 url(skin/filledType2.jpg) repeat-x left top; color: #FFF;} .blockFilledType2 .head, .blockFilledType2 .head h2{ color: #FFF;} .blockFilledType2 .body p{ font-weight: bold; } .blockFilledType2 .body ul li{ font-size: 95%}; /*======block filled universe ======*/ /*======block avec bordure ======*/ /*======espacement interne bloc ======*/ /*====== frame ======*/ /*====== frame ======*/ /* **************** I.. BLOCKS ***************** */ /* ====== block toogle ====== */ /* MODEL PICKER */ /* Tip Home */ /* Page Focus */ /*faux onglets steps*/ .stepHeading {/*padding:10px 30px;*/} .stepHeading li {border-bottom: 4px solid #bcbcbc;} .stepHeading li a {text-decoration:none; color:#bcbcbc;display:block;position:relative;} .stepHeading li.current a {color:#000;} .stepHeading li.current a span {color:#f9bb10;} .stepHeading li.current {color: #000;border-color: #f9bb10;cursor:pointer} .stepHeading li.last {padding-right:0;} .stepHeading li.lastCurrent a {padding-bottom:4px;margin-bottom:-4px;background:transparent url(/css/skin/bg_lastCurrentStepHeading.png) no-repeat 50% bottom;} /* #main productaction */ .productAction {/*border-bottom:1px solid #d9d9d9;*/_zoom:1;} .productAction li {border-color:#fff;border-top:none;_zoom:1;} .productAction li a {_zoom:1;border:none;background:none;padding:10px 5px 10px 50px;color:#fff;display:block;} .productAction li.resa a {background:url('/img/esc/miniVisu/picto_resa.png') no-repeat 10px center;} .productAction li.brochure a{background:url('/img/esc/miniVisu/picto_brochure.png') no-repeat 10px center;} .productAction li.telephone a{background:url('/img/esc/miniVisu/picto_telephone.png') no-repeat 10px center;} .productAction li.loupe a {background:url('/img/esc/miniVisu/picto_loupe.png') no-repeat 10px center;} .productAction li.rdv a{background:url('/img/esc/miniVisu/picto_rdv.png') no-repeat 10px center;} /* **************** ONGLETS ***************** */ /* onglets par defaut */ .blockTabs .tabs li{margin-bottom:0; background:#d0d0d0 url(/css/skin/bg_degrade_ongletOff.gif) repeat-x left bottom; } .blockTabs .tabs li.current {padding-bottom:0px;background-color:#FDDD47;} .blockTabs .tabs li.twoLines a {line-height:15px; padding-top:18px; min-height:44px !important; _height:44px !important;} /*.blockTabs .tabs li.current a {font-weight:bold;}*/ .blockTabs .tabs a {font-weight:normal;font-size:100%;color:#535353;} .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 { padding-top:8px; border-top:solid 1px #ebe9e9; border-right:solid 1px #ebe9e9; border-left:solid 1px #ebe9e9; } .blockTabs .tabs li.last a { border-top:solid 1px #ebe9e9; border-right:solid 1px #ebe9e9; border-left:solid 1px #ebe9e9; } /* tabContent */ /*.hasJS .tabCtn {background:#fff;}*/ /*MODIFEEEEEEEEEEEEEEEEEEEEEEEEEEEE*/ /* **************** BLOCS SPECIFIQUES ***************** */ /* pagination */ /* plan du site */ /* newsletter */ /**/ .renaultPassion {min-height:104px;_height:104px;padding-right:190px;} /* Services */ .servicesList li{float: left; margin-right: 5px;} .blockMyServices .head { padding-left: 0;} .blockMyServices .head h3{ text-transform: uppercase;} .blockMyServices .head h3 span{ margin-left: 10px; font-size: 70%; color: #666666; padding-left:10px; border-left: 1px solid #666; display: inline-block; line-height: 11px;} .blockMyServices .body h5{ font-weight: bold;} .blockMyServices .blockServicesLogin label, .blockMyServices .blockContrat label{display: block; margin-bottom: 3px;} .blockMyServices .blockServicesLogin input, .blockMyServices .blockContrat input{ width: 95%; } .blockMyServices .blockServicesLogin input.bouton{ width: auto !important; font-weight: bold; } .blockMyServicesContent p{margin-bottom: 10px; } .blockMyServicesContent h4{font-weight: bold; text-transform: uppercase;} .blockMyServicesContent .linksServices li{ margin-bottom: 10px; } /* Block ERREUR */ .blockError{ background: url(skin/pictoAttention.png) no-repeat left top; padding: 5px 0 5px 25px; } /* Block Link */ .blockLink{overflow: hidden; _overflow: visible; zoom:1;} .blockLink .link a{ color: #797979; } .blockLink .link a img{ display: inline; float: left; vertical-align: center; margin-right: 8px;} .blockLink .link{ float: left;} .blockLink .addButton{float: right;} /* Nouveau contrat */ .blockContrat h4, .blockServiceDescription h4{ color: #4c4c4c; text-transform: uppercase; font-size: 120%; font-weight: bold;} #rightColumn .blockContrat input{ width: 98%; _width: 96%;} /* creerEspace */ .creerEspace {position:relative;height:137px;} .creerEspace .bouton{/*position:absolute;bottom:30px;left:20px;_zoom:1;*/} .creerEspace .linkWp{/*position:absolute;bottom:10px;left:20px;_zoom:1;*/} .connexion {height:177px !important;} .connexion form#loginForm{//margin-top:-8px!important;} .connexion form#loginForm .noContext{//margin-top:3px!important;} .connexion form#loginForm .noContext button.bouton{//padding-right:0px!important;} .connexion fieldset{padding:0 69px 0 20px;} /*.connexion .bouton {position:absolute;height:32px;right:20px;padding-left:28px;top:50%;_top:auto;_bottom:5px;margin-top:-17px;background: url(skin/btn/btnConexion.png) no-repeat left top;border:0px;}*/ /*.connexion .boutonhover{background: url(skin/btn/btnConexionHover.png) no-repeat left top;}*/ .connexion .check {vertical-align:middle;} .connexion .labelTop label {padding-bottom:0px;font-weight:bold;} .connexion input.text{height:14px;padding:2px 0 2px 2px;} .connexion span.text input.text{border:1px solid #B5BABC !important;} .connexion .error span.text input.text{border:1px solid #FF0000 !important;} .space{font-size:0px;line-height:0px;height:0px;} .template {display:none;} /* #addVehicleEticom (ajout de vehicule) */ #billboard .txtGrey, #billboard .listChevronGris li a, #billboard .chevron, #billboard .chevron a{color: #4e4e4e; text-decoration: none;} #billboard .listChevronGris li a:hover, #billboard .chevron a:hover{text-decoration: underline;} #billboard .chevronGrs, #billboard .listChevronGris li{background-image: url(skin/puce/chevronGrisFonce.png);} #billboard .line{margin-top: 10px;} #billboard .line .line{margin-top: 0px;} #billboard .headMain {overflow:hidden;_overflow:visible;zoom:1;} #billboard .headMain h2{float:left;font-size:150%;text-transform:uppercase;margin-top:3px;} #billboard .headMain .bouton{float:right;background:none;border:0;margin-top:4px;} #billboard .templateHead {} #billboard .empty {width:80%;height: 1px;/*background: green;display:none;*/line-height:1px;display:none;} #billboard .visibleEmpty .empty {display:block;visibility:hidden;} #billboard .head a.closeBlock {float: right; position: absolute;right: 3px;top: 5px;padding: 4px;overflow: hidden;text-indent: -5000px; height: 7px; width: 7px; background:url(skin/puce/delete.png) no-repeat 3px 2px;zoom:1;} #billboard .drag {zoom:1;display:block;margin-right:10px;float:none;height:15px;cursor:move;width:auto;} #billboard .title{display:inline;float:left;width:auto; font-weight: normal;} #dashBoardVehiculesSortMeHandler .webBoxMarker {border:1px dotted #d6d6d6;margin:0;} #dashboardDonneesPersonnellesSortMeHandler .webBoxMarker {border:1px dotted #d6d6d6;margin:0;} .templateBlock {position:relative;} #billboard .templateBody .body {padding:5px} #billboard #id_2100 .templateBody{background: #f8f8f8;} #billboard .cufonizePortlet{padding-top: 4px;} /* #dashBoradVehicules */ #dashBoardVehicules {background: #FFF;margin-right: 5px!important;} #dashBoardVehicules .head {background: #fafafa;} #dashBoardVehicules .head h2, #dashboardDonneesPersonnelles .head h2 {padding-left:50px; color:#000; height: 23px; padding-top: 7px; background: url(skin/pictos/myrenoportlet.png) no-repeat left top;} #dashBoardVehicules .blockInside {} #dashBoardVehicules .body .head{background:#ededed;} #dashBoardVehiculesTabs .tabs{position:absolute;top:33px;right:7px;} #dashBoardVehiculesTabs .tabs a {background:#262525 ; color:#ccc;text-align: center;width:12px;line-height:10px;min-height:10px !important;_height: 10px;padding:2px 0 0 0;} #dashBoardVehiculesTabs .tabs .current a {border:solid 1px #ccc;color:#ccc;line-height:10px;min-height:10px !important;_height: 10px;padding:1px 0 0 0;} /* dashboardDonneesPersonnelles */ #dashboardDonneesPersonnelles {background: #FFF;margin-left: 5px!important;} #dashboardDonneesPersonnelles .head {background:#fafafa;} #dashboardDonneesPersonnelles .head h2 {background-position: left -41px;} #dashboardDonneesPersonnelles .blockInside {} #dashboardDonneesPersonnelles .body .head {background:#ededed;} #dashBoardVehicules .unit {margin-right: 1px;} #dashboardDonneesPersonnelles .unit {margin-right: 1px;} #dashboardDonneesPersonnelles .lastunit, #dashBoardVehicules .lastunit {margin-right: 0px;} #dashBoardVehicules .line, #dashboardDonneesPersonnelles .line {position:relative;/*float:none;*/} /* **************** J.. DIFFERENCIATION UNIVERS ***************** */ /* **************** FORMULAIRES ******************** */ /*home*/ /* champs par defaut */ /* fieldset */ /* ligne de formulaire */ /* groupe de checkboxes � gauche */ /* alignement du label */ /* conteneurs inputs */ /* label sizes */ /* input sizes */ /* segment de formulaire avec picto en bg */ .pictoBg {padding-left:75px;background-position:left 50%;background-repeat:no-repeat;background-image:url(/img/esc/miniVisu/pictoBorne.png);} .pictoBorne {background-image:url(/img/esc/miniVisu/pictoBorne.png);} img.pngFix{background-image:url(skin/px.gif); filter:expression(pngFix(this));} #addVehicleEticom ul.labelTop, #addVehicleMatchField ul.labelTop{height: 115px;} .fline span.fld select{width: 100%; border: none !important;} #addVehicleEticom .fline span.fld select{width: 80%; border: none !important;} #addVehicleEticom li.lastunit div.line {width:240px;} #addVehicleEticom .fline span.fld select{width: 80%; border: none !important;} #addVehicleEticom li.lastunit div.line {width:240px;} /* FIX UNIT IE6 */ #page.espaceClient .unit{overflow: hidden;} /* blocVehiculeLie */ .toggleHead{cursor:pointer;} .blocVehiculeLie input{border:1px solid #bdc1c4;} .blocVehiculeLie .bouton {border:none;} .blocVehiculeLie .sizeInputText{width:230px;} .blocVehiculeLie .sizeDate{width:63px;} .blocVehiculeLie .sizeYear{width:79px;} .blocVehiculeLie .pictoBorne{background:url(/img/esc/miniVisu/pictoBorne.png) #ffffff no-repeat 30% 33px;} .blocVehiculeLie .head{padding: 10px 10px 0px 10px!important;} /* Block Push My Renault */ .pushMyRenault{position: relative;} .pushMyRenault .cufonizeTextPush{font-size: 13px; padding-top: 10px;} .pushMyRenault .cufonizeTextPush strong{color: #fab700;} .pushMyRenault .cufonizeTextPush span.cufon{margin-bottom: 12px!important;} .pushMyRenault .linkPushMyRenault{ position: absolute; bottom: 5px;} .pushMyRenault .linkPushMyRenault a strong{font-weight: bold!important;background:none;padding-left:10px;padding-right:10px;} .pushMyRenault .media{margin-right: 10px; padding-right: 4px;} .pushMyDealers {position: relative; border: 1px solid #cbcac5; background: #e5e5e5 url(skin/bg_blockCartouche.png) repeat-x left top;} .pushMyDealers .price {float: left; font-size: 10px; width: 115px; color: #000; position: relative;} .pushMyDealers .price span.newPrice {font-size: 29px;display: block; color:#f7b300;} .pushMyDealers .price span.oldPrice {font-size: 16px; color:#8f8d8d; position: relative; padding: 0 3px; margin-left:-2px;} .pushMyDealers .price span.oldPrice img.strech {position: absolute; left: 1px; bottom: 2px; width: 100%; height: 17px; z-index: 2;} .pushMyDealers .price span.bundlePrice{position: relative; top:-2px; text-transform: uppercase;} .pushMyDealers .boutonNoLink{width:132px; overflow: hidden;} .pushMyDealers .dealerprivileges{color: #000; font-size: 20px; font-weight: bold; padding: 14px 0 0 25px; text-transform: uppercase; background: url(skin/portlets/title/offres.png) no-repeat left 13px;} /* **************** Mes vehicules ***************** */ .cursor{cursor:pointer !important;} .bakcGreyLight{background-color:#f3f3f3 !important;} .bakcGreyLight2{background-color:#f9f9f9 !important;} .RborderDashedGrey{border-right:1px dashed #b5b5b5 !important;} .LborderDashedGrey{border-left:1px dashed #b5b5b5 !important;} .hasJs .espaceClient .mesVoitures .blockToggle .head a{color:#f8b600 !important;} .mesVoitures .blockBorderGrey .head{border:1px solid #d5d4d4 !important;} .mesVoitures .blockBorderGrey .body{border:1px solid #d5d4d4 !important;border-top:0px !important;} .mesVoitures .blockBorderGrey .body li{color:#6c6c6c;} .mesVoitures .blockBorderGrey .head{border:1px solid #d5d4d4 !important;background-color:#f9f9f9 !important;background-image:none !important;color:#f8b600 !important;text-transform:uppercase;font-weight:bold;font-size:16px;} .mesVoitures .blockBorderGrey .gradient{background:none !important;} .mesVoitures .blockBorderGrey .head h4,.mesVoitures .blockBorderGrey .head h4 a{color:#f8b600 !important;text-transform:uppercase;font-weight:bold;font-size:20px;padding-top:5px;text-decoration:none !important;} .mesVoitures .head select{width:235px !important;} .mesVoitures .insideSpaceLg .body .line {overflow:hidden;_overflow:visible;_zoom:1;width:auto;float:none;padding:10px 20px;} .mesVoitures .insideSpaceLg .body .even { background-color:#fff !important; background-image:none !important; } .mesVoitures .insideSpaceLg .body .odd { background-color:#f9f9f9 !important; background-image:none !important; } .mesVoitures .segmentTitle{background: #FED72E;} .mesVoitures .blockToggle .head{padding:0px 10px 0px 10px !important;} .blockImp {background:url(/css/skin/bakcImpBlock.png) repeat-x bottom left;} .mediaNDisplay{display:none;} .blockImp .mediaNDisplay {display:block;} .blockImp .mediaNDisplay img{margin:0 30px 0 0;} .pictoMySerMargin{margin:0 30px 0 0;} .mesVoitures .blockToggle .head a {background:url(/css/skin/puce/chevronsToggleGd.png) no-repeat right 8px;} .mesVoitures .toggleClosed .head a {background-position:right -84px;} .btnYellow{background: repeat-x left bottom #fddd47;border:1px solid #ffcd03;color:#fff;text-transform:uppercase;text-decoration:none;font-weight:normal;display:inline-block;width:auto;padding:2px 10px;text-align:center;cursor:pointer;font-size:11px;font-weight:bold;} .btnGrey{background:url(/css/skin/btn/gradient_greyLight_btn.png) repeat-x left bottom #f5f5f5;border:1px solid #c8c8c8;text-transform:uppercase;text-decoration:none !important;font-weight:normal;display:inline-block;width:auto;padding:4px 18px;text-align:center;cursor:pointer;font-size:11px;font-weight:bold;color:#494949;} .btnGreyDark{background:url(/css/skin/btn/gradient_greyDark_btn.png) repeat-x left bottom #f5f5f5;border:1px solid #c4c2c2;text-transform:uppercase;text-decoration:none !important;font-weight:normal;display:inline-block;width:auto;padding-right:5px;text-align:center;cursor:pointer;font-size:10px;font-weight:bold;color:#fff;margin-top:5px;} .btnGreyDark span{vertical-align:middle;line-height:18px;} .boutonUniversElec {background:#22BAD7 url(skin/btn/gradient_univers_elec_btn.png) repeat-x left top;cursor:pointer;} .boutonUniversElec strong{padding-right:10px;} .boutonUniversElec:hover {background:#229FD7 url(skin/btn/gradient_univers_elec_hover_btn.png) repeat-x left top;cursor:pointer;} /**pictos **/ .tool{background:url(/css/skin/tool.png) no-repeat left center;padding-left:25px;} .toolGrey{background:url(/css/skin/puce/toolGrey.png) no-repeat left center;padding-left:15px;} .calendar{background:url(/css/skin/calendar.png) no-repeat left top;padding-left:25px;height:20px;display:inline-block;_filter:expression(pngFix(this));} .maj{background:url(/css/skin/maj.png) no-repeat left top;padding-left:25px;height:20px;display:inline-block;_filter:expression(pngFix(this));} .chevronJaune {background:url(/css/skin/puce/chevronJaune.png) no-repeat left center;padding-left:15px;} .arrowRight{background:url(/css/skin/arrowRight.png) no-repeat left 8px;padding-left:30px;} .arrowLeft{background:url(/css/skin/arrowLeft.png) no-repeat left 8px;padding-left:30px;} .arrowRight a,.arrowLeft a{_padding-top:0px !important;} /**popin et tooltip **/ /* .tooltipImp {width:121px;background:transparent;border:0px;} .tooltipImp .head{background:url(/css/skin/block/yellowTooltipTop.png) no-repeat center bottom;_filter:expression(pngFix(this));height:2px;min-height:2px !important;;max-height:2px !important;;padding:0 !important;} .tooltipImp .body{background:url(/css/skin/block/yellowTooltipBody.png) repeat-x center bottom #fddd46;border:1px solid #ffcf0b;text-align:center;font-size:10px;} .tooltipImp .footer{height:12px;background:url(/css/skin/block/yellowTooltipFooter.png) no-repeat left top;_filter:expression(pngFix(this));} .mesVoitures .blockBorderGrey .tooltipImp .head,.mesVoitures .blockBorderGrey .tooltipImp .body,.mesVoitures .blockBorderGrey .tooltipImp .footer{border:0;} */ .tooltipImp { background: white; border: 1px solid #BCB; padding: 5px; position: absolute; width:122px; margin-top:-5px !important; } .tooltipImp .head { display:none; } .tooltipImp .footer { background: url("/css/skin/arrowB.png") no-repeat 0 0; display: block; height: 11px; left: 20px; position: absolute; bottom: -10px; width: 17px; } .tooltipImpToRight .footer { left: -10px; height:17px; top:40px; bottom:auto; background: url("/css/skin/arrowL.png") no-repeat 0 0; } *:first-child+html .tooltipImpToRight { margin-top:-25px !important; } iframe {filter:alpha(opacity=0);} iframe.csFrame {filter:alpha(opacity=100);} .popMask{background-image:none !important;background-color:#fff !important;left:0;overflow:hidden;_overflow:visible;_zoom:1;padding:0;position:absolute;top:0;z-index:9000;} .layer{visibility:hidden;} .layer{overflow:visible;margin:0;padding:20px;position:absolute;text-align:left;top:35%;left:50%;z-index:100000;} .layer .actionButtons{margin-right:30px;} .layer .actionButtons .closeBox {background:url(/css/skin/puce/delete_bis.png) no-repeat scroll right transparent;padding-right:15px;text-decoration:none;} .layer .headLayer,.layer .headLayerBack{height:27px;background:url(/css/skin/block/layerHead.png) no-repeat;/*_filter:expression(pngFix(this));*/} .layer .headLayer{background-position:left top;padding-left:105px;} .layer .headLayerBack{background-position:-1655px top;padding-right:25px;} /*.layer .body,.layer .bodyBack{background:url(/css/skin/block/layerBody.png) no-repeat;_filter:expression(pngFix(this));} .layer .body{background-position:left top;padding-left:18px;} .layer .bodyBack{background-position:-1569px top;padding:30px 30px 15px 15px;}*/ .layer .body{background:url(/css/skin/block/layerBody.png) no-repeat left top;_filter:expression(pngFix(this));padding-left:18px; } .layer .bodyBack{background:url(/css/skin/block/layerBody.png) no-repeat -1569px top;padding:0 30px 0 15px;} .layer .bodyGrey{background:url(/css/skin/block/layerBodyGrey.png) repeat-y -1569px top;padding:10px 25px 0px 0px;} .layer .bodyBottom{background:url(/css/skin/block/layerBody.png) repeat-y -1569px top;padding:10px 25px 0px 0px;} .layer .footerLayer,.layer .footerLayerBackt{height:27px;background:url(/css/skin/block/layerFoot.png) no-repeat;_filter:expression(pngFix(this));} .layer .footerLayer{background-position:left top;padding-left:105px;} .layer .footerLayerBackt{background-position:-1656px top;padding-right:25px;} .layer .footerLayerGrey,.layer .footerLayerBackGrey{height:27px;background:url(/css/skin/block/layerFootGrey.png) no-repeat;_filter:expression(pngFix(this));} .layer .footerLayer,.layer .footerLayerBack{height:27px;background:url(/css/skin/block/layerFoot.png) no-repeat;_filter:expression(pngFix(this));} .layer .footerLayerGrey{background-position:left top;padding-left:105px;} .layer .footerLayerBack, .layer .footerLayerBackGrey{background-position:-1656px top;padding-right:25px;} .layerType1{width:450px;background:transparent;} .layerType1 ul{border:1px solid #dfdede;margin:15px 0;zoom:1;overflow:auto;_overflow-y:scroll;max-height:200px;_height:200px;} .layerType1 li{background-color:#f9f9f9;padding:4px 10px;} .layerType1 .greyDark{background-color:#dfdede;} .layerType1 .btnPrint{text-align:center;} .layerType1 .btnPrint a{display:inline-block;padding:3px 10px;width:auto;} .layerType2{margin-left:-100px;} .layerType2{width:595px !important;background:transparent;} .layerType2 .headLayerBack{background-position:right top;_background-position:-1510px top;} .layerType2 .bodyBack{padding-top:0 !important;background-position:-1424px top;} .layerType2 .footerLayerBackt{background-position:-1511px top;} .layerType2 .actionButtons{margin-right:0;} .layerType2 .title{color:#F7B100 !important;font-size:14px;} .layerType2 p{margin-top:10px;} .layerType2 .asterix{color:#929594;} .layerType2 .donnees{font-weight:bold;} .layerType2 .mentions p{color:#929594;} .layerTypeAuto{width:auto !important;_overflow:visible;_zoom:1;background:transparent;} .layerTypeNoBgColor{_overflow:visible;_zoom:1;background:transparent;} .layerTypeAuto .headLayerBack,.layerTypeNoBgColor .headLayerBack{height:41px;margin-right:-1px;background:transparent url(/css/skin/block/layerHead.png) no-repeat right top !important;_overflow:visible;_zoom:1;} .layerTypeAuto .bodyBack, .layerTypeNoBgColor .bodyBack{background-position:right top;} .layerTypeAuto .footerLayerBackt, .layerTypeNoBgColor .footerLayerBackt{height:41px;background:url(/css/skin/block/layerFoot.png) no-repeat right top !important;} #conditionsGral{width:760px;margin-left:-130px;} #conditionsGral .actionButtons{position:absolute;right:25px;} #conditionsGral .title{display:block;font-size:24px;padding-bottom:20px;margin-bottom:20px;} #conditionsGral .conditions{height:330px;overflow-y:scroll;} #conditionsGral p{padding-bottom:10px;} #operationLayer .title,#kilometrageLayer .title,#LayerRevision .title{font-size:17px;} #operationLayer input.text,#operationLayer select,#kilometrageLayer input.text{color:#000;font-size:12px;font-weight:bold;} #kmControl{width:153px;} #kilometrageLayer input.text{width:120px;} #kilometrageLayer .btnYellow { _width:120px; _height:25px; } .layer #initialisationLayer .bodyGrey{background-position: -1424px top;} .layer #initialisationLayer .footerLayerBackGrey{background-position: -1511px top;} /**formulaire Entretien **/ .proEntretien{padding:10px 15px;} .proEntretien label{font-weight:normal;display:block;float:none;padding-bottom:5px;} .proEntretien .fline{padding:5px 0;} .proEntretien span.text {width:100px;} /**Donnees atelier **/ .Datelier{width:100%;border-top:1px solid #dfdede;border-left:1px solid #dfdede;} .Datelier .contentHide .line{width:auto;float:none;} .Datelier .contentHide .line,.Datelier .contentHide .lastunit {overflow:hidden;_overflow:visible;zoom:1;} .Datelier .contentHide .lastunit {float:none !important;_float:right;display:block;width:auto !important;zoom:1;margin-right:0 !important;} .Datelier .contentHide .unit{float:left;margin-right:18px; zoom:1;} .Datelier td{border-right:1px solid #dfdede;color:#6e6e6e;} .Datelier td,.Datelier td a{color:#6e6e6e;text-decoration:none;} .Datelier thead tr{height:35px;} .Datelier thead td{background-color:#f1f1f1;font-weight:bold;color:#000000;} .Datelier thead .date{width:15%;color:#fff;background-color:#fed113;} .Datelier .date{color:#4d4d4d;font-weight:bold;padding-left:25px;} .Datelier .km{width:25%;padding-left:40px;} .Datelier .etab{width:60%;text-align:left;padding-left:35px;} .lightLine td{background-color:#f8f8f8;height:35px;padding-left:40px;} .lightLine .date{background-color:#e1e1e1;} .darkLine td{background-color:#f1f1f1;height:35px;padding-left:40px;} .darkLine .date{background-color:#d8d8d8;} .toggleHead {cursor:pointer;border-bottom:1px solid #dfdede;} .noBorderBottom {border-bottom: none !important;} .jsToggle .etab{background:url(/css/skin/puce/chevronsToggleGdTrans.png) no-repeat 335px 12px;} .jsToggleOpen .etab{background:url(/css/skin/puce/chevronsToggleGdTransUp.png) no-repeat 335px 14px !important;} .lightLine .etab{background-color:#f8f8f8 !important;} .darkLine .etab{background-color:#f1f1f1 !important;} .Contenttoggle{text-align:left;} .Contenttoggle{padding:10px 20px 10px 30px;} .Contenttoggle .contentHide{background:url(/css/skin/block/degTop.png) repeat-x top left;} .Contenttoggle td{background:url(/css/skin/block/degBottom.png) repeat-x bottom left;} .Contenttoggle .info{padding:10px 20px 10px 40px;_padding:10px 20px 10px 30px;} .info span{text-align:left !important;float:left;padding-right:10px;height:30px;} .info .infoContent{_float:left !important;_width:400px;} .info li{float:left;margin:0;padding-right:12px;background:url(/css/skin/puce/greypuce.png) no-repeat left center !important;padding-left:16px;} .info .Nback{background:none !important;} .contentHide{display:none;} .contentHide .lastunit{float:left;} .toggleOpen .contentHide{display:block;} /** POPUP IMPRESSION**/ .popupImp{margin:20px !important;overflow-x:scroll;} .popupImp h2{margin-top:15px;font-size:14px;} .popupImp .numberCar{font-size:11px;} .Datelier_popup{width:513px;font-size:11px !important;border:1px solid #b0b0b0;border-right:0px;} .Datelier_popup thead td,.Datelier_popup thead .date{background-color:#ffcc43 !important;color:#000;text-align:left;padding-left:15px !important;border-bottom:2px solid #B1B1B1;border-right:2px solid #B1B1B1;} .Datelier_popup .Contenttoggle td{border-bottom:2px solid #b1b1b1;} .Datelier_popup .Contenttoggle td.last{border-bottom:0px;} .Datelier_popup .bRightDark{border-right:1px solid #b0b0b0 !important;} .Datelier_popup .date{padding-left:10px;padding-right:10px;} .Datelier_popup .contentHide{display:block;} .Datelier_popup .lightLine td,.Datelier_popup .darkLine td{padding-left:15px;text-align:left;border-bottom:1px solid #DFDEDE;} .popupImp{} .popupImp_offres{margin:20px !important;text-align:left;} .popupImp_offres #headerContent,.popupImp_offres .breadcrumb {overflow:hidden;_overflow:visible;zoom:1;} .popupImp_offres .coordonnees{margin:10px 0 20px 0;font-size:12px;} .popupImp_offres .coordonnees p{width:100%;margin-bottom:19px;} .popupImp_offres .coordonnees span{display:inline-block;font-weight:bold;width:45%;} .popupImp_offres .coordonnees .lastunit span{display:inline-block;font-weight:bold;width:60%;} .popupImp_offres .media{margin-right:40px !important;} .popupImp_offres .text{margin-top:5px !important;} .popupImp_offres .title1{margin:20px 0 20px 0;line-height:40px; padding-bottom: 0;} .popupImp_offres .title1 img{float: left;} .popupImp_offres .title2{font-size:22px !important;} .popupImp_offres .title2 img{float:left;margin-top:0px;} .popupImp_offres .title3{font-size:20px;} .popupImp_offres p{margin-top:10px;} .popupImp_offres .asterix{color:#929594;} .popupImp_offres .donnees{font-weight:bold;} .popupImp_offres .mentions p{color:#929594;} .popupImp_offres .titreMention{margin:20px 0;font-weight:bold;color:#000 !important;} .popupImp_offres .btnVal{text-align:center;overflow:hidden;_overflow:visible;zoom:1;float:left;width:100%;margin:25px 0;} .favourite h3{font-size:12px;font-weight:bold;padding:5px;} .TOperations {width:100%;font-size:10px !important;} .TOperations .title{font-weight:bold;padding-bottom:10px;font-size:11px;} .TOperations .bGrey td,.bGrey{background-color:#d8d8d8;} .TOperations tbody td{border-bottom:2px solid #fff;padding:2px 0;} .backWhite{background-color:#fff !important;} .TOperations .Nselected img{visibility:hidden;} .TOperations .emptyCell{background-color:#fff !important;width:3%;} .TOperations .operationCar{text-align:left;padding-left:10px !important;} .TOperations .operationNum{padding-right:30px;padding-left:10px;} .verticalText{ /*writing-mode:tb-rl;*/ -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); white-space:nowrap; display:block; width:15px; height:20px; font-size:10px; font-weight:normal; line-height:19px; } .verticalText{display:table \9} .Trevision {margin-top:40px;font-size:10px;} .Trevision ul{width:710px;_width:550px;} .Trevision li {float:left;width:45%;margin-right:10px;text-align:left;padding:4px 0 4px 10px;} .Trevision .context td.t2item {width:49%;text-align:left;padding:4px 0 4px 10px;} .Trevision p{width:670px;_width:530px;} .titleTable{text-align:left;font-weight:bold;font-size:11px;} .normes{border-top:1px dotted #b5b5b5;margin-top:15px;padding-top:15px;} .Tnormes{margin-top:15px;float:left;font-size:9px;width:37%;} .Tnormes thead td{border:0px;text-transform:uppercase;font-weight:bold;} .Tnormes td{border:1px solid #bfbdbd;text-align:left;padding:1px 4px 2px 5px;} .Nborder{border:0px !important;} .title2{font-size:11px !important;font-weight:bold;} .txtSmall{font-size:9px;} .Thuile{width:60%;margin-left:2px;} /* ====== block toogle ====== */ /* toggleClosed*/ .espaceClient .blockBorderGrey .blockToggle .head a{display:block;background:url(skin/puce/chevronsToggleGd.png) no-repeat scroll right 8px transparent;padding-left:0 !important;} .hasJS .espaceClient .toggleClosed .favourite {background:url(/css/skin/bg_degrade_favoriteTitle.png) repeat-x scroll left bottom #FED72E !important;} .hasJS .espaceClient .toggleClosed h5.head a:hover {color:#fff;} .hasJS .espaceClient .blockBorderGrey .toggleClosed .head a:hover{background:url(skin/puce/chevronsToggleGd.png) no-repeat scroll right -84px transparent;text-decoration:none !important;} .espaceClient .blockToggle .head a.delete,.espaceClient .blockToggle .head a.delete:hover {height:20px;position:absolute;right:30px;top:1px;width:20px;background:url(skin/bg_poubelle_black.png) no-repeat scroll center center transparent} .espaceClient .blockToggle .head a.gdc,.espaceClient .blockToggle .head a.gdc:hover {height:20px;position:absolute;right:30px;top:1px;width:20px;background:url(skin/bg_vehicle_blue.png) no-repeat scroll center center transparent} .espaceClient .blockToggle .body .text{overflow: hidden; zoom:1; position: relative;} .espaceClient .blockToggle .body .labelGen{font-weight:bold;color:#000;margin-right:10px;} .espaceClient .blockToggle .body .inputText{width:240px;} /* Block Main Home Myrenault V2 */ .blockMyRenoMainhome{padding-top: 10px;} .blockMyRenoMainhome .visuals{overflow: hidden; position: relative; width: 100%;} .blockMyRenoMainhome .visuals .blockVisu{ position: absolute; top:0; left: 0; width: 100%; opacity: 0; -moz-opacity : 0; -ms-filter: "alpha(opacity=0)"; filter : alpha(opacity=0); } .blockMyRenoMainhome .visuals .blockVisu img, .blockMyRenoMainhome .visuals .blockVisu object, .blockMyRenoMainhome .visuals .blockVisu embed{ width: 100%; } .blockMyRenoMainhome .visuals .switching{ z-index: 50000; opacity: 1; -moz-opacity : 1; -ms-filter: "alpha(opacity=100)"; filter : alpha(opacity=100); display:inline-block; } .blockMyRenoMainhome .visuals .active { opacity: 1; -moz-opacity : 1; -ms-filter: "alpha(opacity=100)"; filter : alpha(opacity=100); } .blockMyRenoMainhome .tabs ul.ongletsBy3 li{ display: block; float: left; width: 33.3%; } .blockMyRenoMainhome .tabs{margin-top: 1px;} .blockMyRenoMainhome .tabs, .blockMyRenoMainhome .tabs ul{ overflow: hidden; zoom: 1;} .blockMyRenoMainhome .tabs ul.ongletsBy3 li.last{width: auto; float: none;} .blockMyRenoMainhome .tabs ul li a{ cursor: pointer; background:none repeat scroll 0 0 #CBCDCC; display:block; font-size:100%; font-weight:bold; height:54px; line-height:54px; padding:2px 5px; text-align:center; color: #000; overflow: hidden; margin: 0 1px 0 0; text-decoration: none; } .blockMyRenoMainhome .tabs ul li.last a{ margin: 0; } .blockMyRenoMainhome .tabs ul li.active a, .blockMyRenoMainhome .tabs ul li a:hover{ background:url(/css/skin/gradient/JAUNE/gradient_tabs.png) repeat-x scroll left top #F7B100; color: #FFF; text-decoration: underline; } /* New My reno Home block */ .blockMyRenoMainhomeLateral{overflow: hidden;} .blockMyRenoMainhomeLeft .tabs{ float: left; width: 255px; overflow: hidden; margin-top: 0;} .blockMyRenoMainhomeRight .tabs{ float: right; width: 255px; overflow: hidden; margin-top: 0;} .blockMyRenoMainhomeLateral .tabs ul{ width: 255px !important; overflow: hidden;} .blockMyRenoMainhomeLateral .tabs li{float: none!important; width: 255px!important; display: block;} .blockMyRenoMainhomeLateral .tabs li a{ margin: 0 0 1px 0 !important; padding:0 5px!important;} .blockMyRenoMainhomeLateral .tabs li.last a{margin: 0;} .blockMyRenoMainhomeLeft .visuals{float: right; width: 514px; display: block;} .blockMyRenoMainhomeRight .visuals{float: left; width: 514px; display: block;} .blockMyRenoMainhomeTop .tabs{margin:0 0 2px 0;} /* ====== FORMS ====== */ input.text{padding-top:3px;padding-bottom:3px;width:95%;} .fline label{padding-top:3px !important;} .error span.text{background:none;border:none;} .error input,.error select{background-color:#FFE5E5;border:1px solid #FF0000!important;} .hAuto { _height:auto !important; } /* ==== Popin migration ==== */ #migrateUserLayer .migrateTitle { font-size:18px; font-weight: bold;} #migrateUserLayer .migrateText { font-size:14px; font-weight: bold;} /* fix ie6 login page */ .size2on3{_width:66%;} .size1on4{_width:24%;} .editMode .modeView, .visuMode .modeEdit{display: none;} .modeEdit .errorForm{border: 1px solid #f60000!important;} .homeLogin .block .bouton, .homeLogin .block{display: block;} .homeLogin .line{display: block; margin-top: 10px;} .homeLogin .unit{border: 0!important;} .homeLogin .block .bouton strong{padding-right: 0px; padding-left: 27px;} .homeLogin .block .twoLineBtn strong{margin-bottom: -4px;} .visuMode .modeView .bouton strong, .editMode .modeEdit .bouton strong{padding-right: 10px !important;} #leftColumn .actionButtons{display: none;} #myPersonalDataForm .fld select{width: 80px;} #myPersonalDataForm .fld select[name="myProfile.profession"]{width: 70%;} .alertBlock, .myGarageBlock .alertBlock{background: #f8f8f8; border: 1px solid #f8b90a;} .alertBlock .alert, .myGarageBlock .alertBlock .alert{background-image: url(skin/puce/alerte.png) !important;} .alertWSBlock .alertws, .myGarageBlock .alertWSBlock .alert{background-image: url(skin/puce/alertews.png) !important;} .alertWSBlock, .myGarageBlock .alertWSBlock{border: 1px solid #f8b90a;} .myGarageBlock .blockToggle .head a.delete, .myGarageBlock .blockToggle .head a.delete:hover{width: auto; padding-right: 20px; background-position: right center; color: #000; top: 30px; right: 10px;} .myGarageBlock .blockToggle .head a.gdc, .myGarageBlock .blockToggle .head a.gdc:hover{width: auto; padding-right: 30px; background-position: right center; color: #000; top: 32px; right: 90px;} .myGarageBlock .hideTipText span{text-indent: 0px;} a.chevronYellow, .myGarageBlock a.chevronYellow{background: url(skin/puce/chevronYellow.png) no-repeat left top; padding-left: 18px; } .myGarageBlock a.chevronBlue{background: url(skin/puce/chevronBlue.png) no-repeat left top; padding-left: 18px; } .myGarageBlock a.chevronMultimedia{background: url(skin/puce/chevronMultimedia.png) no-repeat left top; padding-left: 25px; font-weight: bold; } .myGarageBlock .garageBlock{position: relative;} .hasJS .toggleClosed .head a strong{background: url(skin/arrow_nav_left.png) no-repeat scroll left 4px transparent !important;} .hasJS .toggleClosed .head a:hover strong{background: url(skin/puce/chevronsToggleWhite.png) no-repeat scroll left -88px transparent !important;} .labelHoverLine{position: relative;} .labelHoverLine .labelHover{display: none;} #dashboardDonneesPersonnellesSortMeHandler .alertSm{height: auto; min-height: 17px; padding-top: 10px; } .hasJS .labelHoverLine .labelHover{display: block; position: absolute; left: 2px; padding-left:2px; top: 2px; height: 15px; overflow: hidden; color: #414141; font-weight: normal; } .noBold{font-weight: normal !important;} .autoLabelLine {position: relative;} .autoLabelHover {display: none; position: absolute; left: 2px; padding-left:2px; top: 2px; height: 15px; overflow: hidden; color: #414141; font-weight: normal;} .titleLogin{color: #424242;} .titleLogin .txtBlack{ color: #000!important;} .titleLogin .txtBig{ font-size: 130%;} /* Block Offres */ .blockOffre{margin:10px -20px 0;padding:7px 15px 0 15px;*padding:4px 15px 0 15px;background:url(/css/skin/block/bgYellowBlock.png) repeat-x;} .blockOffre img{margin-top:2px;} .blockOffre .topText{font-size:25px;padding-top:5px;color:#fff !important;text-transform:uppercase;} .blockOffre .bottomText{float:left;display:block;padding-top:5px;height:25px;font-size:19px;color:#000 !important;text-transform:uppercase;} .blockOffre a{float:left;padding:5px 0 0 10px;margin-left:20px;text-decoration:none;font-weight:bold;color:#fff;background:url(skin/arrow_nav_left_Roll.png) no-repeat left 10px;} /* Block Carousel Portlet */ #dashBoardVehiculesTabs .blockCarousel{overflow: hidden; position: relative; zoom: 1; width: 100%;} #dashBoardVehiculesTabs .blockCarousel .navCarousel{overflow: hidden; position: absolute; right: 0; top: -5px; text-align: right; z-index: 50; *top: -10px;} #dashBoardVehiculesTabs .blockCarousel .navCarousel ul.nav li{display: inline; margin-right: 0px;} #dashBoardVehiculesTabs .blockCarousel .navCarousel ul.nav li a{overflow: hidden; /*padding: 2px; font-size: 1px;*/ display: inline-block; font-size: 1px; width: 6px; height: 6px; background: #6b6f70; color:#6b6f70; } #dashBoardVehiculesTabs .blockCarousel .navCarousel ul.nav li.currentNav a{background: #fab500; color: #fab500;} #dashBoardVehiculesTabs .blockCarousel .nextBtn, #dashBoardVehiculesTabs .blockCarousel .prevBtn{position: absolute; width: 10px; height: 10px; overflow: hidden; text-indent: 5000px; text-decoration: none; z-index: 50;} #dashBoardVehiculesTabs .blockCarousel .nextBtn{background: url(skin/puce/chevronNoir.png) no-repeat center top; right: 15%; top: 25px; *background-position: left top; *margin-right: -5px;} #dashBoardVehiculesTabs .blockCarousel .prevBtn{background: url(skin/puce/chevronsReturnNoir.png) no-repeat center top; left: 15%; top: 25px; *background-position: left top;} #dashBoardVehiculesTabs .blockCarousel .elemCarousel{display: block; position: absolute; width: 100%; top: -50000px; left: -50000px; z-index: 49;} #dashBoardVehiculesTabs .blockCarousel .current{display: block; position: relative; left: auto; top: auto;} /* Bloc Goodies */ .blockGoodies a.chevronYellow{background: url(skin/puce/chevronYellow.png) no-repeat left top; padding-left: 18px; font-weight: bold; } .blockGoodies a.chevronBlue{background: url(skin/puce/chevronBlue.png) no-repeat left top; padding-left: 18px; } .blockGoodies ul.tabs{overflow: hidden;} /* Goodies applications */ .blockGoodies .blockApplicationGoodies{ overflow: hidden; margin-top: 10px; } .blockGoodies .blockApplicationGoodies h3{ margin: 10px 0; padding: 7px 15px; background: #EBEAE9; line-height: 35px; font-size: 20px; } .blockGoodies .blockApplicationGoodies .text{min-height: 90px; _height: 90px;} .blockGoodies .blockApplicationGoodies .applications{display: block; float: none; overflow: hidden;} .blockGoodies .blockApplicationGoodies .application{display: block; float: left; overflow: hidden; width: 49%;} .blockGoodies .blockApplicationGoodies .applications .odd{clear: left;} .blockGoodies .blockApplicationGoodies .application h4{font-size: 15px; text-transform: uppercase; margin-top: 10px;} .blockGoodies .blockApplicationGoodies .application .details strong{display: block;} .blockGoodies .blockApplicationGoodies .application .details{margin-top: 10px;} /* Goodies contents Info */ .blockGoodies .infos{ background: #F2F2F2; width: 192px; position: absolute; height: 329px; right: 0; top: 0; z-index: 200; } .blockGoodies .infos .titleVisual{ padding: 35px 15px 25px 15px; border-bottom: 2px solid #FFF;} .blockGoodies .infos .titleVisual .new{position: absolute; left: 15px; top:10px; background: url(skin/new.png) no-repeat left top; height: 17px; width: 44px; overflow: hidden; text-indent: 5000px;} .blockGoodies .infos .titleVisual .boldtitle{font-size: 17px; text-transform: uppercase;} .blockGoodies .infos .titleVisual .lighttitle{font-weight: normal; font-size: 12px; color: #969e9f;} .blockGoodies .infos .downVisual{ padding: 100px 15px 20px 15px; width: 162px; position: absolute; bottom: 0; left: 0; background: url(skin/downBG.png) no-repeat center top;} /* Block Carousel Diapos */ .blockCarouselDiapos{ height: 395px; overflow: hidden; margin-top: 20px; margin-right: 2px; position: relative; } .blockCarouselDiapos .visuals{ height: 329px; overflow: hidden; margin-bottom: 1px; position: relative; z-index: 299; } .nextVisual, .prevVisual{position: absolute; left: 0; top: 0; width: 35px; height: 329px; display: none; z-index: 300;} .nextVisual a, .prevVisual a{display: block; width: 35px; height: 329px; overflow: hidden; text-indent: 5000px; background:url(skin/pictos/flecheGauche.png) no-repeat left 60px; outline: none;} .nextVisual a{background: url(skin/pictos/flecheDroite.png) no-repeat right 60px;} .navVisualActive .nextVisual{right: 0; left: auto;} .navVisualActive .nextVisual, .navVisualActive .prevVisual{ display: block; } .navVisualActive .visuals { margin: 0 40px 1px 40px; } .blockCarouselDiapos .visuals .blockVisual{ position: absolute; left: -5000px; top: -5000px; width: 100%; height: 100%; background:#FFF; } .blockCarouselDiapos .visuals .switching, .blockCarouselDiapos .visuals .current{ left: 0; top: 0; z-index: 200; } .blockCarouselDiapos .visuals .blockVisual img{ height: 329px; width: 575px; position: relative; z-index: 100px; } .blockCarouselDiapos .visuals .blockVisual .mediaFullSize img{width:100%; height:100%;} /* Navigation */ .blockCarouselDiapos .nav{ height: 65px; width: 100%; position: relative; overflow: hidden; } .blockCarouselDiapos .nav .list{display: block; height: 65px; display: block; overflow: hidden;} .blockCarouselDiapos .nav ul{ height: 65px; display: block; width: 5000px;} .blockCarouselDiapos .nav ul li{height: 65px; width: 95px; overflow: hidden; position: relative; margin-right: 1px; display: block; float: left; background: #eae9e8; color:#eae9e8; text-indent: 5000px;} .blockCarouselDiapos .nav ul li.last{margin-right:0px;} .blockCarouselDiapos .nav ul li a{position: relative; display: block; width: 95px; height: 65px; overflow: hidden; border: 0; text-decoration: none;} .blockCarouselDiapos .nav ul li a img{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; border: 0; text-decoration: none;} .blockCarouselDiapos .nav ul li a span.overSpan{ text-decoration: none; display: block; position: absolute; left: 0; top: 0; z-index: 11; width: 75px; height: 45px; overflow: hidden; border: 0; text-indent: 5000px; display: none; } .blockCarouselDiapos .nav ul li.current a span.overSpan, .blockCarouselDiapos .nav ul li a:hover span.overSpan{display: block; border: 11px solid #FFF;} .blockCarouselDiapos .nav .prevBtn, .blockCarouselDiapos .nav .nextBtn{ display: none; width: 47px; float: left; background: #eae9e8; position: relative; z-index: 500; } .blockCarouselDiapos .nav .prevBtn a, .blockCarouselDiapos .nav .nextBtn a{ display: block; width: 47px; height: 65px; text-indent: 5000px; overflow: hidden;} .blockCarouselDiapos .nav .prevBtn a{ background: url(skin/puce/chevronsReturnNoir.png) no-repeat 20px 28px;} .blockCarouselDiapos .nav .nextBtn a{ background: url(skin/puce/chevronNoir.png) no-repeat 20px 28px;} /* active carousel */ .blockCarouselDiapos .activeCarousel .prevBtn{ margin-right: 1px; display: block;} .blockCarouselDiapos .activeCarousel .nextBtn{ margin-right: 0px; display: block;} .blockCarouselDiapos .activeCarousel .list{width: 672px; float: left; position: relative; z-index: 400;} .page2colsNav .blockCarouselDiapos .activeCarousel .list{width: 478px;} .blockCarouselDiapos .disabledBtn{ opacity: 0.3; -moz-opacity : 0.3; -ms-filter: "alpha(opacity=30)"; filter : alpha(opacity=30); } /* Carousel special styles */ /* blockVirtualParc */ .blockVirtualParc .blockCarouselDiapos {padding-top: 20px; border-top: 1px solid #efefef; height: 230px;} .blockVirtualParc .blockCarouselDiapos .visuals{height: 160px;} .blockVirtualParc .blockCarouselDiapos .visuals .blockVisual img{width: 120px; height: auto;} .blockVirtualParc .garageBlock h5{font-size: 11px; color:#6c6f70;} .blockVirtualParc .garageBlock h5 strong{display: block; color:#000;font-size: 14px; text-transform: uppercase;} .blockVirtualParc .garageBlock .detail{color:#6c6f70;} .blockVirtualParc .garageBlock .detail strong{display: block; color:#000;} .garageBlock a.deleteVehicleAction, .blockVirtualParc .garageBlock a.deleteVehicleAction{position: absolute; right: 0; top: 0; padding: 0 15px 0 0; background-position: right 3px;} /* blockLesPlus */ .blockLesPlus .blockCarouselDiapos{height: auto;} .blockLesPlus .blockCarouselDiapos .visuals{height: 414px;} .blockLesPlus .blockCarouselDiapos .visuals .blockVisual img{width: 100%; height: auto;} .blockLesPlus .blockTabs .tabs li a{ text-align: left; padding-left:15px; padding-right:15px; color:#000; text-decoration: none;} .blockLesPlus .blockTabs .tabs li a strong{ font-weight: normal; padding-left: 10px; background: url(skin/puce/chevronNoir.png) no-repeat 0 4px;} .blockLesPlus .blockTabs .tabs li.current a{ color:#FFF;} .blockLesPlus .blockTabs .tabs li.current a strong{background-image: url(skin/puce/chevronBlanc.png);} .blockCarouselDiapoRenoPro{height: 478px;} .blockCarouselDiapoRenoPro .visuals, .blockCarouselDiapoRenoPro .visuals .blockVisual{height: 422px;} .blockCarouselDiapoRenoPro .visuals .blockVisual img{width: 100%; height: auto;} /* visualWithText */ .visualWithText {height: 252px;} .visualWithText .visuals, .visualWithText .visuals .blockVisual{height: 185px;} .visualWithText .nextVisual, .visualWithText .prevVisual, .visualWithText .nextVisual a, .visualWithText .prevVisual a{height: 185px;} .visualWithText .visuals .blockVisual img{height: auto; width: 215px;} .visualWithText .visuals .blockVisual h3{display: block; text-transform: uppercase; font-weight: bold; color:#fab700; margin-bottom: 5px;} .visualWithText .visuals .blockVisual h4{color:#000; font-size: 13px; text-transform: uppercase;} .visualWithText .visuals .blockVisual .date{margin-bottom: 12px; display: block;} .visualWithText .nav ul li, .visualWithText .nav ul li a{width: 223px;} .visualWithText .nav ul li a img{width: 95px;} .visualWithText .nav ul li a .details{width: 120px; margin-left: 100px; text-indent: 0px; font-size: 11px;} .visualWithText .nav ul li a .details strong{display: block; text-transform: uppercase; font-weight: bold;} .visualWithText .nav ul li.current a{background:#FFF;} .visualWithText .nav ul li.current a span.overSpan{display: none;} .visualWithText .nav ul li.current a .details strong{color:#fab700;} .tabsLinkAlignLeft ul.tabslink li a{text-align: left; padding-left:15px; padding-right:15px; color:#000; text-decoration: none;} .tabsLinkAlignLeft ul.tabslink li a span{ font-weight: normal; padding-left: 10px; background: url(skin/puce/chevronNoir.png) no-repeat 0 4px; text-decoration: none;} .tabsLinkAlignLeft ul.tabslink li.current a span, .tabsLinkAlignLeft ul.tabslink li a:hover span{background-image: url(skin/puce/chevronBlanc.png); text-decoration: none;} .tabsLinkAlignLeft ul.tabslink li a:hover{ text-decoration: none!important;} /* Layer classes */ iframe.csFrame { border: none; } .layerPopin .closer { background-image:url(/css/skin/closeLayerImg.png); background-position:right 1px; background-repeat:no-repeat; cursor:pointer; line-height:15px; margin-bottom:15px; padding-right:20px; position:relative; text-align:right; z-index:10000; } .clonedTipBoxLayer {margin-top: 10px;} #mainInside .myGarageBlock .toggleClosed {/*padding-bottom:10px !important;*/} .errorContainer { display: inline-block; } .layerPopinMyrenault{ position:fixed; top:50%; left:50%; _position:absolute; _top:0;z-index:1000; width:420px; border:1px solid #D0CFCB; background: #FFF; } /* ====== Popin Offres ====== */ .blocEvolution .title, .blocPopinOffres .title {font-size:100%;} .blocEvolution .linkOffre , .blocPopinOffres .linkOffre {text-decoration:none;} .blocEvolution .linkOffre:hover, .blocPopinOffres .linkOffre:hover {text-decoration:underline;} /* ====== Jauges ====== */ .jauge {overflow:hidden;} .jauge span{color:#dbdad8;} .jauge p span, .jauge p, .jauge .txt {color:#fbc533; margin-bottom:2px; display:inline;} .jauge .jaugeWrapper{display:block; height:11px; width:99%; background:url(skin/jauge/bgJauge.png) repeat-x left top; border-right:1px solid #98a1a2;} .jauge .pourcent0{float:left;} .jauge .pourcent100{float:right;} .jauge .jauge1, .jauge .jauge10, .jauge .jauge20, .jauge .jauge30, .jauge .jauge40, .jauge .jauge50, .jauge .jauge60, .jauge .jauge70, .jauge .jauge80, .jauge .jauge90, .jauge .jauge100, .jauge .jauge10{display:block; height:11px; background:url(skin/jauge/bgJaugePourcent.png) repeat-x left top;} .jauge .jauge1{width:1%;} .jauge .jauge10{width:10%;} .jauge .jauge20{width:20%;} .jauge .jauge30{width:30%;} .jauge .jauge40{width:40%;} .jauge .jauge50{width:50%;} .jauge .jauge60{width:60%;} .jauge .jauge70{width:70%;} .jauge .jauge80{width:80%;} .jauge .jauge90{width:90%;} .jauge .jauge100{width:101%;} /* Portlets */ /* body portlet */ #mainInside .portletContainer #bodyPortlet{margin-top: 20px;} #mainInside .portletContainer, #mainInside .portletContainer #bodyPortlet.portletBar { position: relative; width: 100%; *width: auto; text-align:center; } #mainInside .portletContainer #bodyPortlet.portletBar ul.mainPortlet{ display: block; height: 75px; text-align: center; *display: inline-block; } #mainInside .portletContainer #bodyPortlet.portletBar ul.mainPortlet li{ display: inline-block; padding-right: 1px; margin-right: -1px; text-align: center; height: 75px; position: relative; width: 109px; background: url(skin/portlets/separator-bottom.png) no-repeat right 3px; *float: left; } #mainInside .portletContainer #bodyPortlet.portletBar ul.mainPortlet li.last{padding-right: 0; margin-right: 0; background: none;} #mainInside .portletContainer #bodyPortlet.portletBar ul.mainPortlet li.loading{width: 100%;} #mainInside .portletContainer #bodyPortlet.portletBar ul.mainPortlet li a{ display: block; height: 25px; padding-top: 50px; text-decoration: none; font-size: 11px; color:#6c6f70; font-family: Arial, Helvetica, sans-serif; } #mainInside .portletContainer #bodyPortlet.portletBar ul li a span.picto{ right: 2px; top:2px; background: url(skin/portlets/pastille.png); } #mainInside .portletContainer #bodyPortlet.portletBar ul.mainPortlet li.hover a, #mainInside .portletContainer #bodyPortlet.portletBar ul.mainPortlet li.hover a:hover, #mainInside .portletContainer #bodyPortlet.portletBar ul.mainPortlet li a:hover{ color: #f5a700; } #mainInside .portletContainer #bodyPortlet.portletBar ul.mainPortlet li ul.subPortlet{ position: absolute; z-index: 50001; bottom: 100%; width: 240px; background:#FFF; border: 1px solid #bbb; display: none; } #mainInside .portletContainer #bodyPortlet.portletBar ul.mainPortlet li span.arrowArrow{ position: absolute; z-index: 50002; bottom: 100%; height: 10px; width: 14px; background: url(skin/portlets/arrowPicto-bottom.png) no-repeat left top; display: none; } #mainInside .portletContainer #bodyPortlet.portletBar ul.mainPortlet li.hover ul.subPortlet{ display: block; left: 50%; margin-left: -87px; margin-bottom: 0px; } #mainInside .portletContainer #bodyPortlet.portletBar ul.mainPortlet li.lasthover ul.subPortlet { margin-left: -200px; } #mainInside .portletContainer #bodyPortlet.portletBar ul.mainPortlet li.hover span.arrowArrow{ display: block; left: 50%; margin-left: -8px; margin-bottom:-9px; } #mainInside .portletContainer #bodyPortlet.portletBar ul.mainPortlet li ul.subPortlet li{ display: block; float: none; width: auto; text-align: left; padding: 8px 15px 0 15px; height: auto; background: none; } #mainInside .portletContainer #bodyPortlet.portletBar ul.mainPortlet li ul.subPortlet li a{ text-align: left; padding: 0 0 0 10px; height: auto; font-weight: bold; background: url(skin/puce/chevronJaune.png) no-repeat 2px 5px; } #mainInside .portletContainer #bodyPortlet.portletBar ul.mainPortlet li ul.subPortlet li.seeMore{ background: none!important; margin: 10px 15px 0px 15px; padding: 0 0 10px 0; border-bottom: 1px solid #dfdfdf; } #mainInside .portletContainer #bodyPortlet.portletBar ul.mainPortlet li ul.subPortlet li.seeMore a{ padding: 0; height: auto; background: none!important; text-transform: uppercase; } #mainInside .portletContainer #bodyPortlet.portletBar ul.mainPortlet li ul.subPortlet li div.elemPortlet{border-bottom: 1px solid #dfdfdf; padding-bottom: 8px;} #mainInside .portletContainer #bodyPortlet.portletBar ul.mainPortlet li ul.subPortlet li.last div.elemPortlet{border-bottom: 0; padding-bottom: 8px;} /* Skin pictos portlets My renault */ #mainInside .portletContainer #bodyPortlet.portletBar ul.mainPortlet li.message a{ background: url(skin/portlets/message.png) no-repeat center 4px; } #mainInside .portletContainer #bodyPortlet.portletBar ul.mainPortlet li.entretien a{ background: url(skin/portlets/entretien.png) no-repeat center 4px; } #mainInside .portletContainer #bodyPortlet.portletBar ul.mainPortlet li.alertes a{ background: url(skin/portlets/alerte.png) no-repeat center 4px; } #mainInside .portletContainer #bodyPortlet.portletBar ul.mainPortlet li.suivi a{ background: url(skin/portlets/suivi.png) no-repeat center 4px; } #mainInside .portletContainer #bodyPortlet.portletBar ul.mainPortlet li.agenda a{ background: url(skin/portlets/agenda.png) no-repeat center 4px; } #mainInside .portletContainer #bodyPortlet.portletBar ul.mainPortlet li.offres a{ background: url(skin/portlets/offres.png) no-repeat center 6px; } #mainInside .portletContainer #bodyPortlet.portletBar ul.mainPortlet li.shopping a{ background: url(skin/portlets/shopping.png) no-repeat center 6px; } #mainInside .portletContainer #bodyPortlet.portletBar ul li.message a span.picto{right:28px;} #mainInside .portletContainer #bodyPortlet.portletBar ul li.entretien a span.picto{right:36px;} #mainInside .portletContainer #bodyPortlet.portletBar ul li.alertes a span.picto{right:32px;} #mainInside .portletContainer #bodyPortlet.portletBar ul li.suivi a span.picto{right:26px;} #mainInside .portletContainer #bodyPortlet.portletBar ul li.agenda a span.picto{right:31px;} #mainInside .portletContainer #bodyPortlet.portletBar ul li.offres a span.picto{right:31px;} #mainInside .portletContainer #bodyPortlet.portletBar ul li.shopping a span.picto{right:31px;} #mainInside .portletContainer #bodyPortlet.portletBar ul.mainPortlet li.hover a, #mainInside .portletContainer #bodyPortlet.portletBar ul.mainPortlet li.hover a:hover, #mainInside .portletContainer #bodyPortlet.portletBar ul.mainPortlet li a:hover{ background-position: center -349px; } #mainInside .portletContainer #bodyPortlet.portletBar ul.mainPortlet li.offres a:hover{ background-position: center -347px; } #mainInside .portletContainer #bodyPortlet.portletBar ul.mainPortlet li.shopping a:hover{ background-position: center -347px; } /* Title Portlet */ .pageNav #mainInside .portletContainer{margin-top: 25px;} #mainInside .portletContainer #titlePortlet{margin-top: -3px; *margin-top: -9px; _margin-top: -9px;} #mainInside .portletContainer #titlePortlet.portletBar{ position: absolute; right: 0; top: -40px; } #mainInside .portletContainer #titlePortlet.portletBar ul li{ display: block; float: left; height: 32px; width: 45px; padding: 5px; background: url(skin/portlets/separator-top.png) no-repeat left 10px; } #mainInside .portletContainer #titlePortlet.portletBar ul li.first{ background: none; } #mainInside .portletContainer #titlePortlet.portletBar ul li a{ display: block; position: relative; width: 45px; height: 35px; text-indent: 500px; overflow: hidden; white-space: nowrap; background-position: center top; background-repeat: no-repeat; color: #FFF; text-decoration: none; } #mainInside .portletContainer #titlePortlet.portletBar ul li a span.picto{ right: 2px; top:2px; } #mainInside .portletContainer #titlePortlet.portletBar ul li.alertes a span.picto{right: 6px;} #mainInside .portletContainer #titlePortlet.portletBar ul li ul{display: none;} #mainInside .portletContainer #titlePortlet.portletBar ul li.message a{background: url(skin/portlets/title/message.png) no-repeat 10px 7px;} #mainInside .portletContainer #titlePortlet.portletBar ul li.entretien a{background: url(skin/portlets/title/entretien.png) no-repeat 10px 5px;} #mainInside .portletContainer #titlePortlet.portletBar ul li.alertes a{background: url(skin/portlets/title/alertes.png) no-repeat 10px 7px;} #mainInside .portletContainer #titlePortlet.portletBar ul li.suivi a{background: url(skin/portlets/title/suivi.png) no-repeat 10px 10px;} #mainInside .portletContainer #titlePortlet.portletBar ul li.agenda a{background: url(skin/portlets/title/agenda.png) no-repeat 10px 7px;} #mainInside .portletContainer #titlePortlet.portletBar ul li.offres a{background: url(skin/portlets/title/offres.png) no-repeat 10px 9px;} #mainInside .portletContainer #titlePortlet.portletBar ul li.shopping a{background: url(skin/portlets/title/shopping.png) no-repeat 10px 9px;} #mainInside .portletContainer #titlePortlet.portletBar ul li.message a:hover{background-position: 10px -294px;} #mainInside .portletContainer #titlePortlet.portletBar ul li.entretien a:hover{background-position: 10px -296px;} #mainInside .portletContainer #titlePortlet.portletBar ul li.alertes a:hover{background-position: 10px -294px;} #mainInside .portletContainer #titlePortlet.portletBar ul li.suivi a:hover{background-position: 10px -291px;} #mainInside .portletContainer #titlePortlet.portletBar ul li.agenda a:hover{background-position: 10px -294px;} #mainInside .portletContainer #titlePortlet.portletBar ul li.offres a:hover{background-position: 10px -292px;} #mainInside .portletContainer #titlePortlet.portletBar ul li.shopping a:hover{background-position: 10px -292px;} /* onnectBar portlets */ #connectBar .portletBar { display: none; left: 0; position: absolute; top: 100%; z-index: 6000; } #connectBar.hoverPortletCtn .portletBar { display: block; } #connectBar.hoverPortletCtn .portletBar ul.mainPortlet { background: none repeat scroll 0 0 #FFFFFF; padding: 5px; } #connectBar.hoverPortletCtn .portletBar ul.mainPortlet li { float: left; } #connectBar.hoverPortletCtn .portletBar ul.mainPortlet li ul { display: none !important; } .overNav #connectBar.hoverPortletCtn .portletBar ul.portletsBy1, #connectBar.hoverPortletCtn .portletBar ul.portletsBy1 { width: 45px; } .overNav #connectBar.hoverPortletCtn .portletBar ul.portletsBy2, #connectBar.hoverPortletCtn .portletBar ul.portletsBy2 { width: 90px; } .overNav #connectBar.hoverPortletCtn .portletBar ul.portletsBy3, #connectBar.hoverPortletCtn .portletBar ul.portletsBy3 { width: 135px; } .overNav #connectBar.hoverPortletCtn .portletBar ul.portletsBy4, #connectBar.hoverPortletCtn .portletBar ul.portletsBy4 { width: 180px; } .overNav #connectBar.hoverPortletCtn .portletBar ul.portletsBy5, #connectBar.hoverPortletCtn .portletBar ul.portletsBy5 { width: 225px; } .overNav #connectBar.hoverPortletCtn .portletBar ul.portletsBy6, #connectBar.hoverPortletCtn .portletBar ul.portletsBy6 { width: 270px; } .overNav #connectBar.hoverPortletCtn .portletBar ul.portletsBy7, #connectBar.hoverPortletCtn .portletBar ul.portletsBy7 { width: 315px; } #connectBar.hoverPortletCtn .portletBar { } #connectBar.hoverPortletCtn .portletBar ul li { display: block; float: left; height: 34px; padding: 0px; width: 45px; } #connectBar.hoverPortletCtn .portletBar ul li a { background-position: center top; background-repeat: no-repeat; color: #FFFFFF; display: block; height: 35px; overflow: hidden; position: relative; text-decoration: none; text-indent: 500px; white-space: nowrap; width: 45px; } /* ====== Page Mon Entretien ====== */ .tabEntretien .blockTabs .body{padding: 25px 0 0 0;} .tabEntretien .blockTabs .tabs .notCurrent a{background:none;} .tabEntretien .blockTabs .tabs li a{background-color:#cbcac5;font-weight:bold; text-decoration:none; border:none;} .tabEntretien .blockTabs .tabs li a:hover, .tabEntretien .blockTabs .tabs .current a{background-color:#F7B100;} .tabEntretien .blockTabs .tabCtn{position: relative;} .tabEntretien .btnHoverRight{position: absolute; right: 0; top: -7px; z-index:50;} .tabEntretien .btnRightHover{position: relative; right: 0; top: -7px; z-index:50; text-align: right;} .tabEntretien .mainToggle {} .tabEntretien .mainToggle h2{text-transform:uppercase;} .tabEntretien .mainToggle .blocWrapper { border-bottom:1px solid #c8c7c1;} .tabEntretien .mainToggle .body{padding-bottom:8px;} .tabEntretien .mainToggle .body p{color:#000;} .tabEntretien .mainToggle .body .info{margin-bottom:5px;} .tabEntretien .mainToggle .toggle{padding:8px 0!important; overflow:hidden; cursor:pointer;} .tabEntretien .mainToggle .toggle.head{background-color:#FFF !important;} .tabEntretien .mainToggle .title{overflow:hidden; border-bottom:1px solid #c8c7c1; padding:12px 0;} .tabEntretien .mainToggle .blockToggle .head a{padding:0; background:none;} .tabEntretien .mainToggle .blockToggle .head{background:#FFF url(skin/flecheOuv.png) no-repeat 98% 10px;} .hasJS .tabEntretien .mainToggle .blockToggle.toggleClosed .head{background:#FFF url(skin/flecheFerm.png) no-repeat 98% 10px;} .hasJS .tabEntretien .mainToggle .toggleHead{border-bottom:none;} .tabEntretien .mainToggle .toggle .toggleTitle{position:relative; overflow:hidden; zoom:1;} .tabEntretien .mainToggle .toggle .toggleTitle a img{position:absolute; right:10px; top:3px;} .tabEntretien .mainToggle .toggle .toggleTitle .date p{color:#FAB700; font-weight:bold;} .tabEntretien .mainToggle .toggle .toggleTitle .date, .tabEntretien .mainToggle .toggle .toggleTitle .km, .tabEntretien .mainToggle .toggle .toggleTitle .etab, .tabEntretien .mainToggle .title .titleWrapper .etabTitle, .tabEntretien .mainToggle .title .titleWrapper .kmTitle, .tabEntretien .mainToggle .title .titleWrapper .dateTitle{float:left;} .tabEntretien .mainToggle .toggle .toggleTitle .date, .tabEntretien .mainToggle .toggle .toggleTitle .km, .tabEntretien .mainToggle .title .titleWrapper .dateTitle, .tabEntretien .mainToggle .title .titleWrapper .kmTitle{width:80px;} .tabEntretien .mainToggle .title .titleWrapper a{float:right; color:#fab700; text-decoration:none;} .tabEntretien .mainToggle .etabWrapper {margin-left:160px;} .formLine label{display:block; margin-top:15px; margin-bottom:5px;} .formLine input, .formLine select{padding:4px;} .tabEntretien .echEnt{overflow:hidden;} .tabEntretien .echEnt .btnEntretien{margin-top:5px; } .tabEntretien .echEnt .btnEntretien strong{ background: url(skin/btn/btn-entretien.png) no-repeat left top; padding-left: 35px;} .tabEntretien .echEnt h2{text-transform:uppercase; display: inline-block; position: relative; *float: left;} .tabEntretien .echEnt .univRen{color:#F8B600 !important;} .tabEntretien .echEnt .echEntInfo h3{float:left; font-size:18px; color:#a2a5a4;} .tabEntretien .echEnt .echEntInfo {overflow:hidden; border-bottom:1px solid #c8c7c1;} .tabEntretien .echEnt .echEntInfo span.checker{float:right; font-weight: bold;} .tabEntretien .echEnt .echEntInfo span.checker label{font-weight: bold;} .tabEntretien .echEnt .echEntWrapper{overflow:hidden; border-bottom:1px solid #c8c7c1; padding:7px 0; position:relative;} .tabEntretien .echEnt .echEntWrapper ul{float:left;} .tabEntretien .echEnt .echEntWrapper ul li{list-style-type:square; list-style-position:inside;} .tabEntretien .echEnt .echEntWrapper a{position:absolute; top:33%; right:0;} .tabEntretien .echEnt .echEntInfo span.skinnedCheckActive label.notCheckedSkinned{background: url(skin/skinnedForm/checkbox-entretien.png) no-repeat left -183px;} .tabEntretien .echEnt .echEntInfo span.skinnedCheckActive label.checkedSkinned{background: url(skin/skinnedForm/checkbox-entretien.png) no-repeat left 2px} .tabEntretien .precOper .blockToggle { border:1px solid #c8c7c1; } .tabEntretien .precOper .blockToggle .head{padding:0px !important; background: #FFF url(skin/flecheOuv.png) no-repeat 98% 12px; } .hasJS .tabEntretien .precOper .toggleClosed .head{background:#fff url(skin/flecheFerm.png) no-repeat 98% 12px !important; border:none;} .hasJS .tabEntretien .precOper .toggleClosed .toggleHead{border:none;} .tabEntretien .precOper .blockToggle .head .toggleTitle{padding:10px; text-transform:uppercase;} .tabEntretien .precOper .blockToggle .head .toggleTitle h2{text-transform:uppercase;} .tabEntretien .precOper .blockToggle .body{padding: 10px 0 0 0;} .tabEntretien .precOper .echEntWrapper{ border:none; padding:10px; background: #ebecea; /* Old browsers */ background: -moz-linear-gradient(top, #ebecea 0%, #e6e4e2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebecea), color-stop(100%,#e6e4e2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ebecea 0%,#e6e4e2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ebecea 0%,#e6e4e2 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ebecea 0%,#e6e4e2 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebecea', endColorstr='#e6e4e2',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ebecea 0%,#e6e4e2 100%); /* W3C */ } .tabEntretien .precOper .echEntWrapper ul li{color:#6c6f70;} .tabEntretien .precOper .echEnt{padding: 5px 0 10px 0;} .tabEntretien .precOper .echEnt .echEntInfo{border:none; padding: 0 10px;} .tabEntretien .precOper .echEnt .echEntInfo h3{} .tabEntretien .entretienToggle{ border:1px solid #c8c7c1;} .tabEntretien .entretienToggle h2{text-transform:uppercase;} .tabEntretien .entretienToggle .univRen{color:#F8B600 !important;} .tabEntretien .entretienToggle .echEntWrapper ul li, .tabEntretien .entretienToggle .body p{color:#000;} .tabEntretien .entretienToggle .blockToggle .head{padding:0px !important; border-bottom:1px solid #c8c7c1; background:url(skin/flecheOuv.png) no-repeat 98% 12px;} .tabEntretien .entretienToggle .blockToggle .head .toggleTitle{padding:10px;} .tabEntretien .entretienToggle .blockToggle .head .questInfo{margin-right:10px;} .tabEntretien .entretienToggle .toggleHead{border:none; position: relative;} .tabEntretien .entretienToggle .body{padding:10px 15px 20px 45px;} .tabEntretien .entretienToggle .echEnt .echEntInfo h3{margin-top:15px;} .hasJS .tabEntretien .entretienToggle .toggleClosed .head{background:#fff url(skin/flecheFerm.png) no-repeat 98% 12px !important; border:none;} .hasJS .tabEntretien .infoTipBox{ display: inline-block; width: 19px; height: 15px; position: relative; z-index: 20; top: -1px; background: url(skin/pictos/detailTipBox.png) no-repeat left top; overflow: hidden; text-indent: 30px; } /* Fake Carousel */ .tabEntretien .blockFakeCarousel{overflow: hidden; position: relative; padding: 0 10px;} .tabEntretien .blockFakeCarousel .titleFakeCarousel{overflow: hidden; position: relative;} .tabEntretien .blockFakeCarousel .titleFakeCarousel h3{float: left; margin-right: 10px; font-size: 18px; color:#000;} .tabEntretien .blockFakeCarousel .titleFakeCarousel .carSwitcher{float: left; vertical-align: bottom;} .tabEntretien .blockFakeCarousel .titleFakeCarousel .carSwitcher ul{display: block; position: relative; margin-top: 2px; *margin-top: 8px;} .tabEntretien .blockFakeCarousel .titleFakeCarousel .carSwitcher ul li, .tabEntretien .blockFakeCarousel .titleFakeCarousel .carSwitcher ul li a{display: inline-block; width: 8px; height: 8px; overflow: hidden; font-size: 1px;} .tabEntretien .blockFakeCarousel .titleFakeCarousel .carSwitcher ul li a{display: block; text-indent: 15px; background: #6c6f70;} .tabEntretien .blockFakeCarousel .titleFakeCarousel .carSwitcher ul li{*float: left; *margin-right: 3px;} .tabEntretien .blockFakeCarousel .titleFakeCarousel .carSwitcher ul li.current a{ background: #f8b600;} .tabEntretien .blockFakeCarousel .carouselBlock{display: block; overflow: hidden; width: 100%; clear: both;} .tabEntretien .blockFakeCarousel .carouselBlock .prevBtn, .tabEntretien .blockFakeCarousel .carouselBlock .nextBtn{display: block; overflow: hidden; width: 45px; float: left; min-height: 90px; _height: 90px;} .tabEntretien .blockFakeCarousel .carouselBlock .prevBtn a, .tabEntretien .blockFakeCarousel .carouselBlock .nextBtn a{ display: block; overflow: hidden; width: 45px; float: left; height: 90px; text-indent: 60px; background: url(skin/carouselprevnext-btn.png) no-repeat left top; } .tabEntretien .blockFakeCarousel .carouselBlock .nextBtn a{ background-position: -64px 15px;} .tabEntretien .blockFakeCarousel .carouselBlock .prevBtn a{ background-position: 8px 15px;} .tabEntretien .blockFakeCarousel .carouselBlock .nextBtn{float: right;} .tabEntretien .blockFakeCarousel .carouselBlock .descBlock{overflow: hidden; position: relative; min-height: 90px; _height: 90px;} .tabEntretien .blockFakeCarousel .carouselBlock .descBlock .unit{border-right: 1px solid #dedede; padding-top:5px; padding-bottom:5x; } .tabEntretien .blockFakeCarousel .carouselBlock .descBlock .lastunit{border: 0;} .tabEntretien .blockFakeCarousel .carouselBlock .descBlock .myGarageBlock{text-align: left;} .tabEntretien .blockFakeCarousel .carouselBlock .descBlock .myCar{text-transform: uppercase; padding:0; min-height: 60px; _height: 60px;} .tabEntretien .blockFakeCarousel .carouselBlock .descBlock .myCar img.media{width: 99px; float: left; margin: 0 10px 10px 0;} .tabEntretien .blockFakeCarousel .carouselBlock .descBlock .myCar h4{ text-transform: uppercase; color:#fab700; font-size: 18px; margin-bottom: 7px;} .tabEntretien .blockFakeCarousel .carouselBlock .descBlock .myCar strong.desc{ text-transform: uppercase; color:#6c6f70; font-size: 14px; margin-bottom: 7px;} .tabEntretien .blockFakeCarousel .carouselBlock .descBlock .myGarageBlock .immat, .tabEntretien .blockFakeCarousel .carouselBlock .descBlock .myGarageBlock .immat span.immatText{ background: url(skin/immatriculation.png) no-repeat left top; height: 20px; display: inline-block; padding: 0 0 0 20px; } .tabEntretien .blockFakeCarousel .carouselBlock .descBlock .myGarageBlock .immat{ *width: 1%;} .tabEntretien .blockFakeCarousel .carouselBlock .descBlock .myGarageBlock .immat span.immatText{ background-position: right top; display: block; line-height: 20px; padding: 0 8px 0 0; font-size: 16px; color:#313131; position: relative; padding-top: 4px; *display: inline-block; } .tabEntretien .blockFakeCarousel .carouselBlock .descBlock .myGarageBlock .linkMaj a{font-weight: bold;} .tabEntretien .blockFakeCarousel .carouselBlock .descBlock .myGarageBlock .kilometrage{ font-weight: bold; display: inline-block; padding: 0; height: 20px; color: #999999; line-height: 20px; position: relative; } .tabEntretien .blockFakeCarousel .carouselBlock .descBlock .myGarageBlock .kilometrage span.labelkilom{ border: 1px solid #dedede; display: inline-block; height: 20px; line-height: 20px; padding-right: 3px; padding-left: 3px; } .tabEntretien .blockFakeCarousel .carouselBlock .descBlock .myGarageBlock .kilometrage span.kilom{ display: inline-block; height: 20px; line-height: 20px;color: #999999; position: relative; *top:-2px; } .tabEntretien .blockFakeCarousel .carouselBlock .descBlock .myGarageBlock .kilometrage span.kilom span{ display: inline-block; height: 20px; line-height: 20px; padding-right: 3px; padding-left: 3px; border: 1px solid #dedede; border-right:0; color:#f5a700; } .tabEntretien .blockFakeCarousel .carouselBlock .descBlock .myGarageBlock .kilometrage span.kilom span.zero{color: #999999;} /* popinEntretien */ .layerType2 .popinEntretien{overflow: hidden; position: relative; padding: 10px;} .layerType2 .popinEntretien .title{font-weight: bold;text-transform: uppercase; position: relative; font-size: 30px!important; color: #000000!important;} .layerType2 .popinEntretien .title strong{color:#f5a700!important;} .layerType2 .popinEntretien .contenu p{font-size: 11px;} .layerType2 .popinEntretien .formEntretien .line{margin-top:10px;} .layerType2 .popinEntretien .formEntretien label{font-weight: bold; font-size: 11px;} .layerType2 .popinEntretien .formEntretien .champs input{text-align: right; width: 110px; padding-right: 1px; border: 1px solid #dedede; height: 15px;} .layerType2 .popinEntretien .formEntretien input.submitPopinEntretien{ border: 0; background: url("skin/puce/chevronYellow.png") no-repeat scroll left 1px transparent; padding-left: 15px; font-size: 11px; font-weight: bold; } /* ====== Page Messagerie ====== */ .hasJS .blockMessagerie .head, .blockMessagerie .head{padding:0px !important; margin-right: 10px; overflow: hidden;} .blockMessagerie .head .checker{float:left; margin-top:2px; padding: 10px 0 10px 10px; //margin-top:0;} .blockMessagerie .blocWrapper{border-bottom:1px solid #C8C7C1;} .blockMessagerie .messagHead{overflow:hidden; padding:8px 10px; background-color:#efefef; border-bottom:1px solid #c8c7c1;} .blockMessagerie .messagHead .messagAffich{float:left;line-height:17px; padding-top: 2px;} .blockMessagerie .messagHead .messagAffich span{display:inline-block;} .blockMessagerie .messagHead .messagAffich .all{border-right:1px solid #c8c7c1; padding-right:8px;line-height:10px; margin-right:5px;} .blockMessagerie .messagHead .messagAffich .current{font-weight:bold; text-decoration:none} .blockMessagerie .messagHead .messagAffich .checkAll{margin-right:10px;} .blockMessagerie .messagHead .messagAffich .skinnedCheck{position: relative; float: left; margin-top: 3px;} .blockMessagerie .messagHead .messagFilt{float:right;} .blockMessagerie .messagHead .messagFilt .triDesc, .blockMessagerie .messagHead .messagFilt .triAsc{ display: inline-block; width: 10px; height: 16px; text-decoration: none;} .blockMessagerie .messagHead .messagFilt .triAsc{background: url(skin/messagerie/che_haut.png) no-repeat center center;} .blockMessagerie .messagHead .messagFilt .triDesc{background: url(skin/messagerie/che_bas.png) no-repeat center center;} .blockMessagerie .messagHead .messagFilt #filter{width:169px;} .blockMessagerie .messagHead .messagFilt #skinnedFilter{width: 170px; float: left; margin-right:10px; position: relative;} .blockMessagerie .head{ background: url(skin/messagerie/opened.png) no-repeat right center!important;} .blockMessagerie .toggleClosed .head{ background: url(skin/messagerie/closedLu.png) no-repeat right center!important;} .blockMessagerie .toggleClosed .unRead .head{ background: url(skin/messagerie/closed.png) no-repeat right center!important;} /* toggleMessage default (opened) */ .blockMessagerie .toggleHead{border:none;overflow:hidden;} .blockMessagerie .intMess{float:left; line-height:15px;//line-height:18px;} .blockMessagerie .intMess input{vertical-align:middle; //float:left;} .blockMessagerie .intMess h5{color:#000; display:inline-block; padding: 10px 10px 10px 27px; //float:left; font-weight: bold;} .blockMessagerie .infoFilt{position: absolute; right: 25px; top: 9px;} .blockMessagerie .infoFilt span{display:inline-block;color:#000;} .blockMessagerie .infoFilt span, .blockMessagerie .infoFilt img{margin-left:15px; vertical-align:middle;} .blockMessagerie .infoFilt a, .hasJS .blockMessagerie .toggleClosed .head .infoFilt a{display: inline-block; background: none; color: #000; text-decoration: none;} /* toggleMessage default (closed) */ .blockMessagerie .toggleClosed .intMess h5{color:#9e9e9e; font-weight: normal;} .blockMessagerie .toggleClosed .infoFilt span{color:#9e9e9e;} /* statusMessage */ .blockMessagerie .infoFilt span.statusMessage{ width: 16px; display: inline-block; height: 18px; background: url(skin/messagerie/messageStatus.png) no-repeat left top;} .blockMessagerie .toggleClosed .infoFilt span.statusMessage{ background-position: left -280px;} .blockMessagerie .unRead .infoFilt span.statusMessage{ background-position: left -584px;} /* supprBtn */ .blockMessagerie .infoFilt a.supprBtn{padding: 0; margin-left: 10px;} .blockMessagerie .infoFilt a.supprBtn{ display: inline-block; width: 9px; height: 18px; background: url(skin/messagerie/corbeille.png) no-repeat left center;} .hasJS .blockMessagerie .toggleClosed .head .infoFilt a, .blockMessagerie .toggleClosed .infoFilt a.supprBtn{ background: url(skin/messagerie/corbeilleLu.png) no-repeat left center;} .blockMessagerie .unRead .infoFilt a.supprBtn{ background: url(skin/messagerie/corbeille.png) no-repeat left center !important;} .blockMessagerie .blockInside .body{padding:0 10px 10px 64px;} .blockMessagerie .body p{width:470px; color:#000;} .blockMessagerie .body p .red{color:#ff0000;} .blockMessagerie .unRead .intMess h5{font-weight:bold;} .blockMessagerie .unRead .intMess h5, .blockMessagerie .unRead .infoFilt span{color:#000;} .btnFilter .btnLu strong{background:url(skin/messagerie/pictoBtnLu.png) no-repeat 9px -3px; padding-left:35px;} .btnFilter .btnSup strong{background:url(skin/messagerie/pictoBtnSup.png) no-repeat 9px -3px; padding-left:35px;} /* Icones types messages */ .blockMessagerie .intMess .bvn{background:url(skin/messagerie/bienvenue.png) no-repeat left -35px;} .blockMessagerie .intMess .profil{background:url(skin/messagerie/profil.png) no-repeat left -36px;} .blockMessagerie .intMess .offre{background:url(skin/messagerie/offre.png) no-repeat left -35px;} .blockMessagerie .intMess .evol{background:url(skin/messagerie/evolution.png) no-repeat left -39px;} .blockMessagerie .intMess .rnlt{background:url(skin/messagerie/renault.png) no-repeat left -35px;} .blockMessagerie .intMess .vehicle{background:url(skin/messagerie/suivi.png) no-repeat left -35px;} .blockMessagerie .toggleClosed .intMess .bvn{ background-position: left 10px;} .blockMessagerie .toggleClosed .intMess .profil{background-position: left 9px;} .blockMessagerie .toggleClosed .intMess .offre{background-position: left 10px;} .blockMessagerie .toggleClosed .intMess .evol{background-position: left 8px;} .blockMessagerie .toggleClosed .intMess .rnlt{background-position: left 9px;} .blockMessagerie .toggleClosed .intMess .vehicle{background-position: left 11px;} .blockMessagerie .toggleClosed .unRead .intMess .bvn{ background-position: left -35px;} .blockMessagerie .toggleClosed .unRead .intMess .profil{background-position: left -36px;} .blockMessagerie .toggleClosed .unRead .intMess .offre{background-position: left -35px;} .blockMessagerie .toggleClosed .unRead .intMess .evol{background-position: left -39px;} .blockMessagerie .toggleClosed .unRead .intMess .rnlt{background-position: left -35px;} .blockMessagerie .toggleClosed .unRead .intMess .vehicle{background-position: left -35px;} .btnFilter .btnLu strong{background:url("skin/messagerie/pictoBtnLu.png") no-repeat;} .btnFilter .btnSup strong{background:url("skin/messagerie/pictoBtnSup.png") no-repeat;} .btnFilter .btnLu strong, .btnFilter .btnSup strong{background-position:9px -3px; padding-left:35px;} /* Skins Select and checkbox */ /* select */ .blockMessagerie .messagHead .messagFilt #skinnedFilter{} .blockMessagerie .messagHead .messagFilt #skinnedFilter .selectSkinned{height: 22px; background: #FFF;} .blockMessagerie .messagHead .messagFilt #skinnedFilter .selectSkinned .selected{ width: 168px; height: 20px; border: 1px solid #c6c7c7; line-height: 20px; position: absolute; overflow: hidden;} .blockMessagerie .messagHead .messagFilt #skinnedFilter .selectSkinned .selected .selectedOption{color: #000;} .blockMessagerie .messagHead .messagFilt #skinnedFilter .selectSkinned .selected .dropDown{ height: 20px; line-height: 20px; position: absolute; right: 0; top: 0; width: 15px; background: #FFF url(skin/messagerie/che_bas.png) no-repeat center center; } .myMessages .optionsContainer{margin-top: 0; width: 168px!important; margin-left: 0; border: 1px solid #c6c7c7; border-top: 0; color: #000; background:#FFF;} .myMessages .optionsContainer .option{height: 21px; line-height: 21px; color:#000;} .myMessages .optionsContainer .selected{background: #FFF; padding: 0; margin: 0 10px;} .myMessages .optionsContainer .optionsContainerTop{display: block; margin: 5px 10px; height: 1px; overflow: hidden; background: #c6c7c7;} /* checkbox */ .blockMessagerie .skinnedCheckActive label.notCheckedSkinned{background: url(skin/messagerie/checkbox.png) no-repeat left top;} .blockMessagerie .skinnedCheckActive label.checkedSkinned {background-position: left -488px;} .optionsContainer2 {width: 168px !important; margin-left:0px; margin-top: 0; *margin-top:-1px;} /* My Multimedia*/ .blockMyMultimedia{} .blockMyMultimedia .skinnedSelect .selectSkinned{ width: 400px;} .blockMyMultimedia .blockTabs .tabs li a{ color: #000; font-weight: bold; padding: 1px; text-transform: none; text-decoration: none; border: 0; background: 0;} .blockMyMultimedia .blockTabs .tabs li a:hover, .blockMyMultimedia .blockTabs .tabs li.current a{ color: #FFF; font-weight: bold; background : url(skin/gradient/JAUNE/gradient_tabs.png) repeat-x scroll left top #F7B100;} .blockMyMultimedia .blockTabs .body{border: 1px solid #c5c5c5; padding: 25px; color:#000;} .blockMyMultimedia .blockTabs .body div, .blockMyMultimedia .blockTabs .body p{ color: #000; } .blockMyMultimedia .blockTabs .body h3{font-size: 18px; margin-bottom: 10px;} .blockMyMultimedia .blockTabs .body a.boutonPlus strong{background: url(skin/btn/btn-plus.png) no-repeat left center;} .blockMyMultimedia .blockTabs .body a.boutonDownload strong{background: url(skin/btn/btn-down.png) no-repeat left center;} /* My Reno pro */ .myrenaultpro #leftColumn .PageTitleBlock {margin-right: -50px;} /* ====== Popin Bienvenue ====== */ #bienvenue .cart {padding-right:3px;} #bienvenue .cart strong{font-weight:normal; font-size:11px; padding-left:33px;} #bienvenue .profil strong{background: url("skin/pictos/pictoProfil.png") no-repeat 3px center;} #bienvenue .veh strong{background: url("skin/pictos/pictoGarage.png") no-repeat 3px center;} #bienvenue .offre strong{background: url("skin/pictos/pictoGift.png") no-repeat 3px center;} #bienvenue .entret strong{background: url("skin/pictos/pictoCleOutils.png") no-repeat 3px center;} #bienvenue .mess strong{background: url("skin/pictos/pictoMessage.png") no-repeat 3px center;} /* Add Vehicle Form */ .vehicleAddFormContainer {position: relative;padding-bottom: 40px;} .vehicleAddFormContainer input.text {width: 99%;} .vehicleAddFormContainer .leftBtnSubmit {position: absolute;clear: both;left: 200px;bottom: 10px;} .vehicleAddFormContainer .rightBtnSubmit {position: absolute;clear: both;right: 10px;bottom: 10px;} /* tipBox */ .hasJS .clonedTipBoxLayer{display: block!important;} .infoTipBoxMyRenault{border: 1px solid #c8c7c1;} .infoTipBoxMyRenault .tipboxPic{display: block; position: absolute; left: 30px; top: 100%; height: 10px; width: 15px; background: url(skin/block/tipboxpic.png) no-repeat center top; margin-top: -3px;} .infoTipBoxMyRenaultDealers{border: 1px solid #c6c7c8; background:#e5e5e5 url(/css/skin/bg_blockCartouche.png) repeat-x left top; _zoom:1;} .infoTipBoxMyRenaultDealers span.tipboxPic{display: block; position: absolute; left: 50%; margin-left: -7px; top: 100%; height: 7px; width: 14px; background: url(skin/block/tipboxpicgrey.png) no-repeat center top; margin-top: -1px;} .bodyPopup .PageTitleBlock .actionButtons { display: none !important; } @media print { .PageTitleBlock .actionButtons { display: none !important; } } .page-2-cols #mainInside .portletContainer { position: absolute; /*position: relative;*/ top: 0; width:100%; right: 195px; margin-top: 0; /* *margin-top: -25px; */} /*.page-2-cols .titleMyRenault { *float: left; }*/ .bodyPopup.page-2-cols #mainInside .portletContainer { right: 0px!important;} /* new stepper */ .stepperMyRenault .stepHeading { background: none; height: 27px !important; overflow: hidden !important; } .stepperMyRenault .stepHeading li { background: url('skin/stepperMyRenault/bg_right.png') no-repeat right top !important; border: none !important; height: 27px !important; line-height: 29px !important; padding-right: 13px; } .stepperMyRenault .stepHeading li.current { background: url('skin/stepperMyRenault/bg_current_right.png') no-repeat right top !important; } .stepperMyRenault .stepHeading li.lastCurrent { background: url('skin/stepperMyRenault/bg_lastcurrent_right.png') no-repeat right top !important; } .stepperMyRenault .stepHeading li.last { *position: relative; background: none !important; *margin-top: -1px; padding-right: 0; } .stepperMyRenault .stepHeading li a { background: url('skin/stepperMyRenault/bg_left.png') repeat-x left top !important; color: #6c6f70 !important; height: 27px !important; line-height: 29px !important; margin: 0 !important; padding: 0 25px !important; } .stepperMyRenault .stepHeading li.current a { background: url('skin/stepperMyRenault/bg_current_left.png') repeat-x left top !important; color: #fff !important; } .stepperMyRenault .stepHeading li.last a { text-align: left !important; } .stepperMyRenault .stepHeading li a span { color: #6c6f70 !important; display: inline !important; line-height: 1em !important; padding: 0 !important; } .stepperMyRenault .stepHeading li.current a span { color: #fff !important; } .stepperMyRenault .mea .text { color: #6C6F70; } .stepperMyRenault .mea .text strong { color: #000; } /* blockDealerServices */ .blockDealerServices{} .blockDealerServices .line{background: #FFF!important;} .blockDealerServices .detailsDealerService .body{position: relative; min-height: 94px;} .blockDealerServices .detailsDealerService .details{position: absolute; right: 0; bottom:0; font-size: 11px; color:#000; width: 80%;} .blockDealerServices .detailsDealerService .details span.newPrice {font-size: 33px; color:#f7b300; display:inline-block; line-height: 0.8em} .blockDealerServices .detailsDealerService .details span.oldPrice {font-size: 22px; color:#8f8d8d; position: relative; padding: 0 3px; margin-left:-2px;} .blockDealerServices .detailsDealerService .details span.oldPrice img.strech {position: absolute; left: 1px; bottom: 2px; width: 100%; height: 25px; z-index: 2;} .blockDealerServices .detailsDealerService .details span.bundlePrice{position: relative; top:-2px; text-transform: uppercase;} .blockDealerServices .detailsDealerService .details a.bouton{display: block;} .blockDealerServices .detailsDealerService .details a.bouton, .blockDealerServices .detailsDealerService .details a.bouton strong{font-size: 11px; font-weight: normal; text-align: left;} .blockDealerServices .favoriteDealer{ background: #e5e5e5; padding: 7px; font-size: 11px; } .blockDealerServices .favoriteDealer strong.title{display: block;} /* blockMensionsLegales */ .blockMensionsLegales{overflow: hidden; clear: both;} .blockMensionsLegales a.chevronGrisFonce{text-decoration: none;} .blockMensionsLegales a.chevronGrisFonce:hover{text-decoration: underline;} .blockMensionsLegales .contenthide .content{display: none;} .blockMensionsLegales .contentshow .content{display: block;} .btnConfirmerImpression a{position:relative;} .btnConfirmerImpression img{position:absolute; top:0; left:0;} .btnConfirmerImpression .bgPrint{width:100%} .btnConfirmerImpression .pictoPrint{position: relative; z-index:10; float:left;} .bodyPopup .boutonPrint strong{background: none; position: relative; z-index:10; //padding-left:5px;} .bodyPopup .boutonUnivers{background: none;} /* blockPaiement */ .blockPaiement .stepHead{overflow: hidden;} .blockPaiement .stepHead ul li{float: left; text-align: center; background: url(skin/stepperOrder.png) no-repeat left bottom; height:27px; overflow: hidden; padding-left: 10px; margin-left: -10px;} .blockPaiement .stepHead ul li.first{padding: 0; margin: 0;} .blockPaiement .stepHead ul li strong{text-transform: uppercase; display: block; height: 27px; line-height: 27px; color:#727171;} .blockPaiement .stepHead ul li.current{background-position: left top;} .blockPaiement .stepHead ul li.current strong{ color:#FFF;} .blockPaiement .stepHead ul.stepBy3 li{width: 33%;} .blockPaiement .orderDetails{font-size: 19px; color:#383838;} .blockPaiement .orderDetails .detailsorder{font-size: 11px; color:#000;} .blockDealerServices .titreServicePack h3, .blockPaiement .orderDetails h2{text-transform: uppercase; font-size: 18px; color:#f8b600; margin-bottom: 5px;} .blockPaiement .blockDetailOrder h3{font-size: 14px; color:#010100; margin-bottom: 5px;} .blockPaiement .blockDetailOrder strong{display: block;} .blockPaiement .detailInfoDealer h3{padding-left: 20px; padding-top: 3px; background: url(skin/pictos/star-picto.png) no-repeat left top;} .blockPaiement .detailCoordDealer h3{padding-left: 20px; padding-top: 3px; background: url(skin/pictos/face2.png) no-repeat left top;} .favoriteDealerPopUp h3{padding-left: 20px; padding-top: 3px; /*background: url(skin/pictos/star-picto.png) no-repeat left top;*/} .blockPaiementPopUp .detailCoordDealer h3{padding-left: 20px; padding-top: 3px;} .blockPaiement .blockOrderSelectBank{padding:20px 0 0 90px; background: url(skin/selectBankDealer.png) no-repeat left top; height: 70px;} .blockPaiement .detailCoordDealer{overflow: hidden;} .blockPaiement .detailCoordDealer .columnLeft{float: left; width: 230px; margin-right: 10px;} .blockPaiement .detailCoordDealer .field{margin-bottom: 0px;} .blockPaiement .detailCoordDealer .field strong{float: left; width:90px; margin-right: 20px;} .blockPaiement .detailCoordDealer .columnRight .field strong{ width:155px;} a.boutonPrint strong{background: url(skin/btn/btn-print.png) no-repeat left center; padding-left: 34px;} /* popup Dealer */ .bodyPopup .blockDealerServices {margin: 0 10px;} .bodyPopup .blockDealerServices .favoriteDealer{background: 0; padding: 0;} .bodyPopup .blockDealerServices .detailsDealerService .details{width: 200px; text-align: right;} .bodyPopup .blockDealerServices .detailsDealerService .body{min-height: 60px;} .bodyPopup .blockPaiement .detailCoordDealer .columnLeft{float: left; width: 50%; margin-right: 10px;} .bodyPopup .blockPaiement .detailCoordDealer .field strong{float: left; width:130px; margin-right: 20px;} .bodyPopup .blockPaiement .detailCoordDealer .columnRight .field strong{ width:170px;} .bodyPopup .blockDealerServices .favoriteDealer strong.title{ padding-left: 20px; padding-top: 3px; color: #010100; font-size: 14px; margin-bottom: 5px; text-transform: uppercase; } /* formPopinDealer */ .formPopinDealer {} .formPopinDealer p{font-size: 0.85em;} .formPopinDealer .field{margin-bottom: 10px;} .formPopinDealer .field button{margin-right: 0px;} .formPopinDealer .field select{display: block; width: 100%; height: 25px;} /* blockHistorique */ .blockHistorique{} .blockHistorique .detailsServicePack{} .blockHistorique .detailsServicePack h3{color: #f7b300; text-decoration: uppercase; font-size:11px; font-weight: bold; } .blockHistorique .body .block h4{color:#F8B600;} .blockHistorique .body .block p{color:#000;} .blockHistorique .body .block .infoCommande{border-left: 1px solid #E5E5E5; padding-left:35px;} .blockHistorique .body .block .greyText{color:#999;} .blockGoodies .tutoWrapper{padding:15px 0 15px 15px;} .blockGoodies .tutoWrapper p{color:#000;} .blockGoodies .tutoWrapper .introTuto .desc{margin-bottom: 20px;} .blockGoodies .tutoWrapper .introTuto strong{font-weight:bold; text-decoration:underline; color:#000; font-size: 14px; display:block; margin-bottom: 15px;} .blockGoodies .blockToggle strong{text-transform: capitalize;} /*checkNotif*/ .checkNotif, .checkNotifInput{margin-left:205px;} .checkNotifInput input{margin-right:5px; float:left;} .checkNotifInput label{float:none;} .checkNotifInput .activeLabel{display:none;} .activeNotif .inactiveLabel{display:none;} .activeNotif .activeLabel{display:block;} /* ====== Popin Dealer ====== */ .popInDealer strong{color:#000; font-size:15px;} .popInDealer p{font-size:11px; margin-top: 15px;} .popInDealer a{font-size:11px; margin-top: 15px; display:inline-block; background: url("skin/arrow_nav_left.png") no-repeat left 4px; padding-left: 10px; text-decoration:none;} /* ====== Colors ====== */ .color_1 { color:#f9bb10; } .color_2 { color:#808183; } .color_3 { color:black; } /* fixed myRenault */ /* resizeImgViewport */ .blockCarouselDiapos .nav ul li a img { width:auto; height:auto; } .blockVirtualParc .blockCarouselDiapos .visuals .blockVisual img { width:auto; height:auto; } /* Popin :: delete account */ .genericForm .c_text input { border:1px solid #ccc; padding:2px 4px; } .deleteAccountPopin .popinTitle { font-size:110%; text-transform:none; } .deleteAccountPopin .content { background: url("/img/picto/warning.gif") no-repeat 0 0; padding-left:115px; } /* deleteAccountSurvey */ .deleteAccountSurvey #body { background: url("/img/visuels/bg_delete_account.jpg") no-repeat 100% 100%; margin-bottom:0; } .deleteAccountSurvey #footer { margin-top:0; } .deleteAccountSurvey fieldset { padding:0; } .deleteAccountSurvey legend { margin-left:-8px; } .deleteAccountSurvey textarea { border:1px solid #dadcde; padding:2px 4px; width:45%; } .groupCheckLeft #preferredComBlock { clear: both; } .groupCheckLeft #preferredComBlock span label {display:inline;} div .groupCheckLeft .optinBlock input { float: none; display:inline-block; } div .groupCheckLeft .optinBlock label { display:inline-block; }