/** * * * @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;} /* ==== 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;} /* **************** 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:5px;margin-right:10px;} #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/chevronNoir.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;} .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));} .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/favoriteStar.png);filter:expression(pngFix(this));} .favoriteOff{background-image:url(skin/favoriteStarOff.png);filter:expression(pngFix(this));} .bouton {color: #fff !important;border:solid 1px #ffcd03;background-color:#fddd47;background-image:url(/css/skin/bg_degrade_segmentTitleYellow.png);background-repeat:repeat-x;background-position:left bottom; _border: none;} button.bouton, input.bouton {border:solid 1px #ffcd03;background-color:#fddd47;zoom:1;} button.boutonNoLink strong,input.boutonNoLink strong{background-image: none; padding: 3px 8px 2px 8px;} .bouton {overflow:hidden;padding:0;zoom:1;} button.boutonNoLink strong, input.boutonNoLink strong {_width: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;} .bouton strong, .input strong {padding-right:15px;} /* ---- 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;} .blockToggle .head {padding:4px 10px !important;} .blockToggle .head a {padding:0;} .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{background : transparent url(/css/skin/puce/moins.png) no-repeat scroll right center;} .toggleClosed .openInfo{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/panneau_alerte.png) !important;background-repeat:no-repeat !important;background-position: left top !important;/*_filter:expression(pngFix(this));*/_background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/css/skin/panneau_alerte.png", sizingMethod="crop");} .alertSm {overflow:hidden;padding-left:33px !important;height:30px;background-image:url(/css/skin/panneau_alerte_sm.png) !important;background-repeat:no-repeat !important;background-position: left center !important;/*_filter:expression(pngFix(this));*/_background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/css/skin/panneau_alerte.png", sizingMethod="crop");} /* ======= 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 ====== */ /* toggleClosed*/ .blockToggle h5.head a {background-position: right 6px;} .hasJS .toggleClosed .head a {background-position:right -89px;outline:none;} .hasJS .toggleClosed h5.head a {background-position: right -89px;} /*ESPACE CLIENT*/ .espaceClient .favourite {background: #fed72e url(/css/skin/bg_degrade_favoriteTitle.png) repeat-x left bottom !important;} .espaceClient .segment .block{margin-bottom:0;} .espaceClient .blockToggle .head,.espaceClient .blockToggle .foot, .espaceClient .blockToggle .body, .espaceClient .block .block .head, .espaceClient .block .block .body {border: none;} .espaceClient .blockToggle .foot {background: #f2f2f2;} .espaceClient .blockTabs .darkFilled .body {background: #A0A09D;} .espaceClient .blockTabs .tabs {margin:0;} /*.escHomeBlocks .lastunit{width: 45% !important;}*/ /*ESPACE CLIENT*/ .blockToggle .head a.delete {position:absolute;height:20px;top:1px;width:20px;right:30px;background:url(skin/bg_poubelle_black.png) no-repeat center center;} .blockToggle .head a.delete span {display:none;} .espaceClient .blockTabs .blockFilled .body {background: #F3F3F3;} .espaceClient #dashBoardVehiculesTabs.blockTabs .blockFilled .body {background: none;} .espaceClient .blockToggle .foot {color:#797979;} /* 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.current a {font-weight:bold;} .blockTabs .tabs a {font-weight:normal;font-size:100%;text-transform:uppercase;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 */ .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 {padding-right:126px;position:relative;height:137px;padding:20px;} .creerEspace .bouton{position:absolute;bottom:30px;left:20px;_zoom:1;} .creerEspace .linkWp{position:absolute;bottom:10px;left:20px;_zoom:1;} .connexion {height:177px;} .connexion fieldset{padding:0 149px 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-top:0px;} .connexion span.text input.text{border:1px solid #B5BABC !important;} .space{font-size:0px;line-height:0px;height:0px;} .template {display:none;} /* #addVehicleEticom (ajout de vehicule) */ #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 {cursor:move;} #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/deleteYel.png) no-repeat 3px 2px;zoom:1;} #billboard .drag {zoom:1;} #dashboardDonneesPersonnellesSortMeHandler .head a.closeBlock {background-image:url(skin/puce/delete.png);} #dashBoardVehiculesSortMeHandler .webBoxMarker {border:1px dotted #d6d6d6;margin:0;} #dashboardDonneesPersonnellesSortMeHandler .webBoxMarker {border:1px dotted #d6d6d6;margin:0;} .templateBlock {position:relative;} #billboard .templateBody .body {padding:5px} /* #dashBoradVehicules */ #dashBoardVehicules {background:#3a3a3a;} #dashBoardVehicules .head {background:#262525 url(/css/skin/bg_degrade_head_noir.png) repeat-x left top;} #dashBoardVehicules .head h2 {color:#ccc;} #dashBoardVehicules .blockInside {background:#353535;} #dashBoardVehicules .body .head{background:#262525;} #dashBoardVehiculesTabs .tabs{position:absolute;right:20px;top:4px;} #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 {} #dashboardDonneesPersonnelles .head {background:#e8e8e6 url(/css/skin/bg_degrade_head_grey.png) repeat-x left top;} #dashboardDonneesPersonnelles .blockInside {} #dashboardDonneesPersonnelles .body .head {background:#e8e8e6;} #dashBoardVehicules .unit {width:33% !important;_overflow: hidden;} #dashboardDonneesPersonnelles .unit {width:50% !important;margin:0;_width:49.7%!important;/*_overflow: hidden;*/} /*#dashboardDonneesPersonnelles .lastunit, #dashBoardVehicules .lastunit {width:auto !important;}*/ #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;} /* 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;} /* 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;} /* **************** 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:#fffffd url(skin/gradient/bg_gradient_title.png) repeat-x left bottom !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; } .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; _margin: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:url(/css/skin/btn/gradient_yellow_btn.png) 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;} /**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;} iframe {filter:alpha(opacity=0);} .popMask{background-image:none !important;background-color:#fff !important;left:0;overflow:hidden;_overflow:visible;_zoom:1;padding:0;position:absolute;top:0;z-index:9000;} .layer{visibility:hidden;} .layer{overflow:visible;margin:0;padding:20px;position:absolute;text-align:left;top:35%;left:50%;z-index:100000;} .layer .actionButtons{margin-right:30px;} .layer .actionButtons .closeBox {background:url(/css/skin/puce/close.png) no-repeat scroll right bottom transparent;padding-right:25px;} .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:30px 30px 15px 15px;} .layer .bodyGrey{background:url(/css/skin/block/layerBodyGrey.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 .footerLayerGrey{background-position:left top;padding-left:105px;} .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;} .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;} #operationLayer .title,#kilometrageLayer .title,#LayerRevision .title{font-size:17px;} #operationLayer input.text,#operationLayer select,#kilometrageLayer input.text{color:#acacac;font-size:12px;font-weight:bold;} #kmControl{width:153px;} #kilometrageLayer input.text{width:120px;} #kilometrageLayer .btnYellow { _width:120px; _height:25px; } /**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;} .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{} .favourite h3{font-size:12px;font-weight:bold;padding:5px;} .TOperations {width:513px;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;width:550px;font-size:10px;} .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;} .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:20px;float:left;font-size:9px;} .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:325px;margin-left:2px;} /* ====== block toogle ====== */ /* toggleClosed*/ .espaceClient .blockToggle .head a{display:block;background:url(skin/puce/chevronsToggle.png) no-repeat scroll right 8px transparent;padding-left:0 !important;} .espaceClient .blockBorderGrey .blockToggle .head a{display:block;background:url(skin/puce/chevronsToggleGd.png) no-repeat scroll right 8px transparent;padding-left:0 !important;} .espaceClient .blockToggle .head a,.espaceClient .blockToggle .head a:hover strong {color:#000;} .espaceClient .blockToggle .head strong {padding-left:0 !important;background:none !important;} .espaceClient .blockToggle .head a:hover strong {background:none !important;} .espaceClient .blockToggle .head a strong,.espaceClient .blockToggle .head a:hover strong{font-weight:bold !important;} .hasJS .espaceClient .toggleClosed .favourite {background:url(/css/skin/bg_degrade_favoriteTitle.png) repeat-x scroll left bottom #FED72E !important;} .hasJS .espaceClient .toggleClosed .head a { color: #000; outline:none; padding-left:10px; display:block; background-position:right -84px;} .hasJS .espaceClient .toggleClosed h5.head a:hover {color:#000;} .hasJS .espaceClient .toggleClosed .head a:hover{background:url(skin/puce/chevronsToggle.png) no-repeat scroll right -84px transparent;text-decoration:none !important;} .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} /* ====== FORMS ====== */ input.text{padding-top:3px;padding-bottom:3px;width:98%;} .error span.text{background:none;border:none;} .error input,.error select{background-color:#FFE5E5;border:1px solid #FF0000;} .hAuto { _height:auto !important; }