@charset "utf-8"; /* ============================= */ /* ========= reset css ========= */ /* ============================= */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent } ul {list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;} /* :focus {outline:0;} */ ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse; border-spacing:0;} .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width:0px; line-height:0px; font-size:0px;} html{ font-size: 125%; } body{ font-size: 0.5em; } /* ============================= */ /* ========= container ========= */ /* ============================= */ body { color:#363636; font-family:Arial, Helvetica, sans-serif; line-height:1.5em; background:#CCCCFF url(../images/bg/bg_body.jpg) repeat 0 0;} .hidden { position:absolute; left:-9000px;} /*FONTS*/ @font-face { font-family: 'JPHandStraight'; src: url('fonts/jphst-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/jphst-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/jphst-webfont.woff') format('woff'), /* Modern Browsers */ url('fonts/jphst-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/jphst-webfont.svg#JPHandStraight') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'DINBlackRegular'; src: url('fonts/dinbk-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/dinbk-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/dinbk-webfont.woff') format('woff'), /* Modern Browsers */ url('fonts/dinbk-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/dinbk-webfont.svg#DINBlackRegular') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'DINMediumRegular'; src: url('fonts/dinmd-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/dinmd-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/dinmd-webfont.woff') format('woff'), /* Modern Browsers */ url('fonts/dinmd-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/dinmd-webfont.svg#DINMediumRegular') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'DINLightRegular'; src: url('fonts/dinlt____-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/dinlt____-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/dinlt____-webfont.woff') format('woff'), /* Modern Browsers */ url('fonts/dinlt____-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/dinlt____-webfont.svg#DINLightRegular') format('svg'); /* Legacy iOS */ } /* HEADER */ .headerBg { width:100%; background:url(../images/bg/bg_header.jpg) repeat-x 0 0;} .header { width:964px; margin:0 auto;} .header .topSection { height:40px; overflow:hidden; position:relative;} .header .topSection .colLeft { float:left;} .header .topSection .colRight { position:absolute; right:0; top:0;} .topSection .colLeft ul { padding-top:8px;} .topSection .colRight ul { padding-top:14px;} .topSection .colRight ul li { color:#fff; font-size:1.3em; display:inline; float:left; padding-right:1em;} .topSection .colRight ul li a { color:#fff; text-decoration:none;} .topSection .colRight ul li a:focus, .topSection .colRight ul li a:hover { text-decoration:underline;} .header .headerContent { height:122px; position:relative; background: url(../images/bg/bg_boutique-courrier.png) no-repeat left top;} .header .headerContent.pro{ background: url(../images/bg/bg_boutique-courrier_pro.png) no-repeat left top;} .headerContent .bgSection { position:absolute; left:0; top:0; z-index:0;} .headerContent .bgSection span { width:840px; overflow:hidden; display:block;} .headerContent .logo { position:absolute; left:4px; top:10px; z-index:1;} .headerContent .logoPro { position:absolute; left:0; top:34px; z-index:1;} .headerContent .myAccount { position:absolute; right:0; top:30px; width:118px;} .headerContent .myAccount.connected .listRound2 a { color: #000; background: none; padding-left: 13px; } .headerContent .myAccount.connected .listRound2 .name { background: url(../images/bg/bg_list-arrow.png) no-repeat left 5px } .headerContent .myAccount.connected .listRound2 .disconnect { background: url(../images/bg/bg_disconnect.png) no-repeat left 5px; } .headerContent .myAccount span.hdrAccount { display:block; font-size:1.3em; color:#363636; padding:0 0 4px 14px; margin-bottom:8px; font-weight:700; background:url(../images/bg/bg_user.png) no-repeat 0 0;} .headerAccess {width: 964px; text-align: right; padding-right: 38px; text-indent: -9999px; outline: 0; position:absolute; overflow:hidden; font-size:0; left:-9000px;} .headerAccess ul li { display: inline;} .headerAccess ul li.aller-contenu {padding-left: 6px;} .headerAccess ul li a {text-decoration: none;} .headerAccess ul li a:focus, .headerAccess ul li a:hover {text-decoration: underline;} /* NAV */ .navWrap { margin-bottom:5px; min-height:10px; position:relative; z-index:5;} .navWrap .nav_main { height:50px; background:url(../images/bg/bg_nav.png) no-repeat 0 0;} .navWrap .nav_main ul {} /*.navWrap .nav_main ul li { display:inline-block; float:left; height:50px; position:relative; color:#2b2b2b;} .navWrap .nav_main ul li a { position:relative; display:inline-block; vertical-align:middle; height:50px; font-size:1.29em; font-weight:700; color:#2b2b2b; text-decoration:none; text-align:left; padding:0 25px 0 25px;} .navWrap .nav_main ul li a span.text { display:inline-block; padding-top:7px; text-align:left; cursor:pointer;}*/ .nav_main {display: table;width:963px;} .nav_main ul {display: table-row;} .nav_main li {display: table-cell; background:url(../images/bg/bg_nav-line.png) no-repeat 0 0; vertical-align:top; } .nav_main li:first-child{background:none;width:46px} .nav_main li a{ text-align:left; display:block; height:41px; padding:10px 0 0 25px; *height:42px; *padding:10px 0 0 11px; color: #2B2B2B; font-size: 1.29em; font-weight: 700; text-decoration:none; position:relative;} .nav_main li a:focus, .nav_main li a:hover{/*background:url(../images/bg/bg_nav-link-push.png) no-repeat center 42px;*/} .nav_main li a span.blockHover{ position:absolute; bottom:-8px; *bottom:-7px; left:1px; height:17px; display:none;background:url(../images/bg/bg_nav-link-push.png) no-repeat center top; width:100%;} .nav_main.pro li a span.blockHover{ position:absolute; bottom:-8px; *bottom:-7px; left:1px; height:17px; display:none;background:url(../images/bg/bg_nav-link-push_pro.png) no-repeat center top; width:100%;} .nav_main.presentat li a span.blockHover{ position:absolute; bottom:-8px; *bottom:-7px; left:1px; height:17px; display:none;background:url(../images/bg/bg_nav-link-push_presentat.png) no-repeat center top; width:100%;} .nav_main li.selected a span.blockHover, .nav_main li a:focus span.blockHover, .nav_main li a:hover span.blockHover{display:block; border-top: 1px solid transparent;} .navWrap .nav_main li.onelinemenu a { padding: 17px 0 0 25px;} .navWrap .nav_main li.onelinemenu a span.blockHover { bottom: -2px;} .navWrap .nav_main li.home { width:46px; height:62px; padding:0; } .navWrap .nav_main li a.home { display:block; position:relative; top:0; width:29px; height:41px; *height:42px; padding:10px 0 0 17px;} .navWrap .nav_main li a.home img{ padding:5px 0 0 0;} .maskLeft { position:absolute; left:0; top:41px; display:block; width:8px; height:9px; background: url(../images/bg/bg_nav-mask-left.png) no-repeat 0 0; z-index:10;} .maskRight { position:absolute; right:0; top:45px; display:block; width:5px; height:5px; background: url(../images/bg/bg_nav-mask-right.png) no-repeat 0 0; z-index:10;} .navWrap .nav_main ul li .push { width:100%; position:absolute; left:1px; margin-right:-1px; bottom:-9px; z-index:5; display:block; display:none; height:17px; background:url(../images/bg/bg_nav-link-push.png) no-repeat center top; } .navWrap .nav_main ul li a:hover .push { display:block;} .navWrap .nav_main ul li.selected .push { display:block !important;} /* BLOCK PUSH 3 COLS*/ .main { width:964px; margin:-2px auto 0 auto; *margin:0 auto 0 auto; padding-bottom: 30px; position: relative; } .main .leftShadow { position: absolute; top: 0; left: -130px; width: 130px; height: 450px; background: url(../images/bg/bg_content_shadow.png) no-repeat 0 top; } .main .rightShadow { position: absolute; top: 0; right: -129px; width: 130px; height: 450px; background: url(../images/bg/bg_content_shadow.png) no-repeat -140px top; } .blockPush3Cols { position:relative; height:226px;} .blockPush3Cols .push3cols { position:absolute; width:953px; height:213px; padding:13px 0 0 19px; left:-4px; background:url(../images/bg/bg_push-3cols.png) no-repeat 0 0;} .push3cols .item { float:left; width:310px; height:196px; position:relative; border-left:solid 1px #b2b2b2; padding:0 1px 0 0;} .push3cols .item:first-child{ border-left:none;} .push3cols .item a { display:block; text-decoration:none; cursor:pointer;} .push3cols .item .imgPush { position:absolute; bottom:0; right:1px; z-index:0;} .push3cols .item .title { position:absolute; font-weight:normal; left:20px; top:20px; display:block; font-size:2.5em; line-height:1em; font-family:'JPHandStraight', Arial, Helvetica, sans-serif; color:#363636; width: 200px; } .push3cols .item .title.comptePro { width: 255px; top:30px;} .push3cols .item .title.cartePro { top:30px;} .item.pushBoutique h3.title {line-height: 1.2em;} .push3cols .item .desc { position:absolute; left:20px; top:100px; display:block; font-size:1.65em; line-height:1.4em; color:#363636;} .push3cols .item a:focus .desc, .push3cols .item .desc:hover{ text-decoration:underline;} .push3cols .outerImage { left:186px; top:8px;} .circleArrow { position:relative; width:25px;} .circleArrow span { position:absolute; width:25px; height:25px; margin-left:5px; font-size: 0; line-height: 0; background:url(../images/btn/btn_arrow-circle.png) no-repeat 0 0;} .push3cols .selected .circleArrow span { background:url(../images/btn/btn_arrow-circle.png) no-repeat 0 -25px;} .push3cols .selected .title, .push3cols .selected .desc { color:#772059;} /* FOOTER COURIER TRACKING */ .footer { width:964px; margin:0 auto;} .blockTrack { min-height:10px; height:170px; position:relative; padding-bottom:30px; margin-bottom:20px; background:url(../images/bg/bg_block-border-bottom.png) no-repeat 0 bottom;} .blockTrack .colLeft {width:747px; padding:0 0 0 2px; position:relative; height:200px; float:left;} .blockTrack .colRight { width:215px; float:left;} .blockTrack .colLeft .bgCourrierLeft { position:absolute; left:-89px; top:7px; width:207px; height:145px; z-index:0; background:url(../images/bg/bg_courrier-track-left.png) no-repeat left top;} .blockTrack .colLeft .bgCourrierRight { position:absolute; left:673px; top:2px; width:75px; height:93px; z-index:1; background:url(../images/bg/bg_courrier-track-right.png) no-repeat left top;} .blockTrackOrder { width:729px; position:relative; z-index:1;} .blockTrackOrder .hdr { height:51px;} .blockTrackOrder .hdr h3 { font-size:1.8em; color:#363636; font-weight:normal; padding:14px 0 0 0; font-family:'DINBlackRegular', Arial, Helvetica, sans-serif; color:#363636;} .blockTrackOrder .wrapTrackOrder { width:728px; height:112px; background:url(../images/bg/bg_track-order.png) no-repeat 0 0;} .wrapTrackOrder .trackLeft { float:left; width:204px; padding:0 0 0 0; } .wrapTrackOrder .trackRight { float:left; width:524px;} .wrapCourrier { padding:7px 0 0 12px;} .wrapCourrier .imageSection { text-align:center; height: 38px; } .wrapCourrier label { display:block; font-size:1.2em; font-weight:700; padding-bottom: 6px; } .wrapCourrier .trackData { position:relative; min-height:10px;} .wrapCourrier .trackData .error { color:#f00;} span.txtInput1 { display:block; width:176px; height:24px; padding:0 0 0 4px; background:url(../images/bg/bg_input-sprite.png) no-repeat left -29px;} span.txtInput1 input { color:#363636; display:block; width:149px; height:24px; padding:0 27px 0 0; border:none; margin:0; background:#F5A602 url(../images/bg/bg_input-sprite.png) no-repeat right 0; font-size:1.2em; font-family:Arial, Helvetica, sans-serif;} .wrapTrackOrder.pro span.txtInput1 input {background:#583459 url(../images/bg/bg_input-sprite.png) no-repeat right 0;} div.error { height: 1em; color: red; font-size: 130%; } .wrapCourrier .trackData .btnSubmit { position:absolute; top:4px; left:157px; display:block; width:18px; height:16px; border:none; text-indent:-9000px; color:#666; cursor:pointer; background:url(../images/btn/btn_submit-arrow.png) no-repeat 0 0;} .courrierData { width:495px; padding:0 0 0 29px; position:relative;} .showResults{ font-size:1.2em;} .showResults thead{ height:35px;} .showResults thead th{ text-align:left; padding:10px 0 0 0;} .showResults thead th.numeroSuivi{ width:117px;} .showResults thead th.date{ width:83px;} .showResults thead th.statut{ width:175px;} .showResults tbody{} .showResults tbody td{ padding:0 0 0 0; margin:0;} .showResults tbody td.messageStatut{ padding:0 0 0 0; width:150px; } .showResults tbody td a{ margin:10px 0 0 0;} .showResults caption{ display: none; } .blockNumberInfo{ position:absolute; left:30px; top:65px; font-size:1.2em;} .linkOrange1 { display:inline-block; text-decoration:none; text-transform:uppercase; height:25px; padding:0 0 0 18px; font-size:0.9em; color:#fff; font-family:'DINMediumRegular', Arial, Helvetica, sans-serif; background:url(../images/btn/btn_sprite.png) no-repeat 0 -1756px;} .linkOrange1 span { display:inline-block; height:19px; padding:6px 10px 0 5px; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -1756px;} .linkOrange3 { margin-top: 15px; font-size: 1.3em; display:inline-block; text-decoration:none; height:25px; padding:0 0 0 18px; color:#fff; font-family:'DINMediumRegular', Arial, Helvetica, sans-serif; background:url(../images/btn/btn_sprite.png) no-repeat 0 -2452px;} .linkOrange3 span { display:inline-block; height:19px; padding:6px 15px 0 5px; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -2422px;} .trackQuestions { padding:0 0 0 36px; width:182px;} .trackQuestions .hdr { height:45px;} .trackQuestions .hdr h3 { font-size:1.8em; color:#363636; font-weight:normal; padding:14px 0 0 0; font-family:'DINBlackRegular', Arial, Helvetica, sans-serif; color:#363636;} .trackQuestions .numeroPrix{ padding:0 0 0 34px; margin:0 0 15px 0; background:url(../images/icon_mobile.png) no-repeat left top;} .trackQuestions .numeroPrix span{ display:block;font-family:'DINBlackRegular', Arial, Helvetica, sans-serif; font-size:2em; color:#363636;} .trackQuestions .numeroPrix em{ display:block;color:#363636; font-size:1em; line-height:1.1em; color:#363636;} .trackQuestions ul {} .trackQuestions ul li { display:block; float:left; width:179px; padding-bottom:10px; } .trackQuestions ul li a { text-decoration:none; font-size:1.2em; font-weight:700; color:#363636;} .trackQuestions ul li a:focus, .trackQuestions ul li a:hover{ text-decoration:underline;} .trackQuestions span{ font-size:0.9em; line-height:1.1em; display:block; font-style:italic;} .linkEcrivez { display:inline-block; padding:6px 0 3px 35px; font-size:1.2em; font-weight:700; color:#363636; text-decoration:none; background:url(../images/bg/bg_ico-letter.png) no-repeat 2px 0;} .linkBesoinAide { display:inline-block; padding:5px 0 4px 35px; font-size:1.2em; font-weight:700; color:#363636; text-decoration:none; background:url(../images/bg/bg_ico-besoin-aide.png) no-repeat 0 0;} /* FOOTER SITE MAP */ .blockSiteMap { min-height:10px; padding-bottom:30px; margin-bottom:10px; background:url(../images/bg/bg_block-border-bottom.png) no-repeat 0 bottom;} .blockSiteMap .rowMap { width:961px; padding-left:3px; overflow:hidden;} .blockSiteMap .colMap { float:left; width:300px; padding:0 0 3000px 19px; margin-bottom:-3000px; border-left:solid 1px #afafad;} .blockSiteMap .colMap:first-child { border:none; width:318px; padding-left:3px !important} .blockSiteMap .colMap .hdr { min-height:35px;} .blockSiteMap .colMap h3 { font-size:1.5em; line-height:1em; font-weight:normal; font-family:'DINBlackRegular', Arial, Helvetica, sans-serif;} .blockSiteMap .colMap .hdrServices { padding:3px 0 5px 36px; background:url(../images/bg/bg_ico-services-laposte.png) no-repeat 0 0;} .blockSiteMap .colMap .hdrOutils { padding:3px 0 5px 30px; background:url(../images/bg/bg_ico-outils.png) no-repeat 0 0;} .blockSiteMap .colMap .hdrDistribution { padding:3px 0 5px 45px; background:url(../images/bg/bg_ico-distribution.png) no-repeat 0 2px;} .blockSiteMap .colMap .hdrnewsEmail { padding:3px 0 5px 45px; background: url("../images/bg/bg_ico-letter.png") no-repeat scroll 4px 5px transparent;} .blockSiteMap .colMap ul li { font-size:1.1em; line-height:1em; padding:0 0 10px 10px; color:#363636; background:url(../images/bg/bg_list-arrow.png) no-repeat 0 1px;} .blockSiteMap .colMap ul li a { color:#363636; text-decoration:none; } .blockSiteMap .colMap ul li a:focus, .blockSiteMap .colMap ul li a:hover { text-decoration:underline; } /* FOOTER NAV */ .footerNav { min-height:10px; overflow:hidden; padding-bottom:50px;} .footerNav .footerLogo { float:left; width:90px;} .footerNav ul { padding-top:18px;} .footerNav ul li { display:inline; float:left; font-size:1.1em; line-height:1em; padding:0 10px 0 10px; color:#363636; border-left:solid 1px #363636;} .footerNav ul li:first-child { padding-left:0; border:none;} .footerNav ul li a {color:#363636; text-decoration:none; display:inline-block; float:left;} .footerNav ul li a:focus, .footerNav ul li a:hover { text-decoration:underline;} /* HP CAROUSEL */ .blockHpCarousel { position:relative; min-height:10px; z-index:0; margin-bottom:10px;} .blockHpCarousel .carrWrapper { z-index:0; position:relative; width:964px; padding:0 92px 0 92px; min-height:420px; left:-92px; background:url(../images/bg/bg_hp-carousel.png) no-repeat 0 0;} .blockHpCarousel .carrWrapper .blockCarItem { position:relative; width:1018px; height:404px; background-color:transparent !important; background:url(../images/bg/bg_item-carousel.png) no-repeat 18px 0;} .blockHpCarousel .blockCarItem .imgServiceLigne { position:absolute; top:0; right:37px;} .blockHpCarousel .blockCarItem .imgWomanWings { position:absolute; left:1px; bottom:1px;} .blockHpCarousel .blockCarItem .imgPaperPlane { position:absolute; right:13px; bottom:34px;} .blockHpCarousel .blockCarItem .imgBoxes { position:absolute; right: -64px; top: 245px; width:194px; height:202px;z-index: 9999;} .blockHpCarousel .blockCarItem .description { position:absolute; top:60px; left:514px; width:415px; padding-top:10px;} .blockHpCarousel .blockCarItem .description h3 { color:#655c53; font-size:4em; line-height:1em; text-transform:uppercase; font-family:'DINBlackRegular', Arial, Helvetica, sans-serif;} .blockHpCarousel .blockCarItem .description .subTitle { font-size:3.3em; line-height:1em; color:#655c53; font-family:'DINLightRegular',Arial, Helvetica, sans-serif;} .blockHpCarousel .blockCarItem .addInfo { position:absolute; left:514px; top:265px;} .blockHpCarousel .blockCarItem .addInfo .price { display:inline-block; margin-right:20px;} .blockHpCarousel .addInfo .price .partirde { display:block; font-size:1.2em; line-height:1.2em; font-family:'DINMediumRegular', Arial, Helvetica, sans-serif;} .blockHpCarousel .addInfo .price .wrapPrice { display:inline-block; } .blockHpCarousel .price .wrapPrice .price { font-size:5.5em; line-height:1em; letter-spacing:-2px; color:#e05101; font-family:'DINBlackRegular', Arial, Helvetica, sans-serif;} .blockHpCarousel .price .wrapPrice .price .sup { font-size:0.6em; position:relative; top:-20px; left:-10px;} .blockHpCarousel .price .wrapPrice .lettre { display:inline-block; font-size:1.7em; color:#e05101; margin-left:-45px; font-family:'DINMediumRegular', Arial, Helvetica, sans-serif;} .blockHpCarousel .addInfo .linkOrange2 { position:relative; bottom:17px;} .linkOrange2 { display:inline-block; height:49px; padding:0 0 0 23px; font-size:1.5em; color:#fff; font-weight:700; background:url(../images/btn/btn_sprite.png) no-repeat 0 -277px; text-decoration:none;} .linkOrange2 span { display:inline-block; height:33px; padding:16px 35px 0 0; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -218px;} .blockHpCarousel .caroufredsel_wrapper{ padding:0 18px; margin:0 0 0 -18px !important;} .blockCarContainer{} .blockHpCarousel .carrWrapper .blockCarNavContainer{ position:absolute; bottom:30px; left:110px;} .carrWrapper .blockCarNavContainer .blockCarNav{ float:left; vertical-align:middle; padding:2px 0 0 0;} .carrWrapper .blockCarNavContainer .blockCarNav ul{} .carrWrapper .blockCarNavContainer .blockCarNav li{ float:left; list-style:none;color:#666666;} .carrWrapper .blockCarNavContainer .blockCarNav li a{ /*background: url(../images/btn/btn_caroucel-pager-links.png) no-repeat left top;*/ cursor: pointer; display: inline-block; height: 13px; margin-right: 2px; /*text-indent: -9000px;*/ /*width: 12px; font-size:0.001em;*/ color:#666666; /*letter-spacing:-90000px;*/ float:left;} .carrWrapper .blockCarNavContainer .blockCarNav li a:focus, .blockLEL .carrWrapper .blockCarNavContainer .blockCarNav li a:hover{ /*background: url(../images/btn/btn_caroucel-pager-links.png) no-repeat left -13px;*/} .carrWrapper .blockCarNavContainer .blockCarNav li.selected a{ /*background: url(../images/btn/btn_caroucel-pager-links.png) no-repeat left -13px;color:#666;*/} .carrWrapper .blockCarNavContainer .playPauseContainer{ float:left; padding-left:15px; vertical-align:middle; margin-right: 2px;} .carrWrapper .blockCarNavContainer .playPauseContainer a{ cursor: pointer; /*display:block; height: 17px; margin-right: 2px; font-size:0.001em; width: 17px;*/ } .carrWrapper .blockCarNavContainer .playPauseContainer a.stop{} .carrWrapper .blockCarNavContainer .playPauseContainer a.move{} /* LISTS */ ul.listRound1 li { display:inline; float:left; font-size:1.2em; line-height:1.2em;} ul.listRound1 li a { color:#fff; display:inline-block; height:22px; vertical-align:top; padding:0 0 0 11px; font-weight:700; text-decoration:none;} ul.listRound1 li a span { display:inline-block; height:22px; vertical-align:top; padding:5px 15px 0 4px; text-transform:uppercase; cursor:pointer;} ul.listRound1 li a:focus, ul.listRound1 li a:hover { color:#363636; background:url(../images/btn/btn_sprite.png) no-repeat 0 -27px; } ul.listRound1 li a:focus span, ul.listRound1 li a:hover span { background:url(../images/btn/btn_sprite.png) no-repeat right 0; cursor:pointer;} ul.listRound1 li.selected { border-bottom:1px solid #fff; height:21px; } ul.listRound1 li.selected a { color:#363636; background:url(../images/btn/btn_sprite.png) no-repeat 0 -2242px;} ul.listRound1 li.selected a span { background:url(../images/btn/btn_sprite.png) no-repeat -296px -2197px; cursor:pointer;} ul.listRound2 { overflow: hidden; } ul.listRound2 li { display:inline; float:left; font-size:1.2em; line-height:1.2em;} ul.listRound2 li a { display:block; height:20px; padding:0 0 0 9px; color:#006397; font-weight:700; text-decoration:none; background:url(../images/btn/btn_sprite.png) no-repeat 0 -85px;} ul.listRound2 li a span { display:block; color:#006397; height:19px; padding:4px 10px 0 10px; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -56px;} /* T-editorial */ /* general */ .contentBg { width:100%; margin-bottom: 30px; background: url(../images/bg/bg_content.jpg) repeat-x 0 bottom;} .roundedContainerTop { width:962px; height:8px; background:url(../images/bg/rounded_962.png) no-repeat 0 0;} .roundedContainerTopDispacth { width:962px; height:8px; background:url(../images/bg/rounded_962x2.png) no-repeat 0 0;} .roundedContainerBottom { width:962px; height:8px; background:url(../images/bg/rounded_962.png) no-repeat 0 -30px;} .roundedContainerBottomDispacth { width:962px; height:8px; background:url(../images/bg/rounded_962x2.png) no-repeat 0 -30px;} .mainContent { width:962px; height:100%; /*overflow: hidden;*/ min-height: 668px; background:url(../images/bg/bg_white-1x1.gif) repeat 0 0;} .mainContent2 { width:962px; height:100%; /*overflow: hidden;*/ min-height: 668px; background:url(../images/bg/main2xbg.png) repeat 0 0;;} .breadcrumb { /*padding: 15px 10px 22px 15px; */display:block; overflow:hidden;} .breadcrumb.reexpedition { padding: 20px 0 0 30px;} .breadcrumb li { float:left;font-size: 1.2em;padding-right: 5px; color:#363636;} .breadcrumb li.selected { font-weight:700;} .breadcrumb li a { color:#686667; text-decoration:none;} .breadcrumb li a:focus, .breadcrumb li a:hover { text-decoration:underline;} .article { width:882px; padding:40px 30px 50px 50px; float:left;} .article h2 {width:635px; font-size:4.25em; letter-spacing:-0.02em; color:#565a5c; line-height: 0.85em; padding:0 0 40px 0;} .articleBox {width:635px; float:left;} .mainContent2 .breadcrumb { padding: 15px 0 0 30px;} /* fixed breadcrumb positioning in t_service_dispatched */ /* T-editorial - ARTICLE */ .boxVideo{ width:620px; height:392px; padding: 0 7px; background:#e8e8e8;} .boxVideoTop { background:url(../images/bg/rounded_635.jpg) no-repeat 0 0; height:8px; width:635px;} .boxVideoBottom { background:url(../images/bg/rounded_635.jpg) no-repeat 0 bottom; height:8px; width:635px;} .articleBox p { padding:15px 0; font-size: 1.35em; line-height: 1.4em;} .articleLinks { /*padding:8px;*/ margin-bottom:10px;/* background:#f5f5f5 url(../images/bg/bg_article_links.jpg) no-repeat 7px 5px;*/ } .articleLinksTop { background:url(../images/bg/rounded_635.jpg) no-repeat 0 0; height:8px;} .articleLinksBottom { background:url(../images/bg/rounded_635.jpg) no-repeat 0 bottom; height:8px;} .articleLinks a { text-transform:uppercase;background:#e8e8e8 url(../images/bg/bg_article_links.png) no-repeat 7px 0; padding:2px 0 2px 35px; text-decoration:none; font-size:1.2em; color:#333; font-weight:700;display: block;} .articleLinks.selected a { background:#e8e8e8 url(../images/bg/bg_article_links_selected.png) no-repeat 7px 0;} .editorialQuestions .collapseQuestions { margin-top:-15px;} /* T-editorial - ARTICLE - knowmore */ .knowmoreBox { background:url(../images/bg/separator.jpg) no-repeat 0 0; padding:28px 0 0 0; overflow:hidden;} .knowmoreBox .knowmoreTitle { font-size:1.6em; text-transform:uppercase; color:#565a5c; font-weight:700; padding:0 0 30px 0;} .otherArticles li { width:184px; float:left; padding:0 16px; border-left:1px solid #ccc;} .otherArticles li:first-child { padding-left:0; border:0;} .otherArticles li h4 { font-size:1.4em; text-transform:uppercase; color:#565a5c; padding:5px 0;} .otherArticles li .smalDesc { font-size:1.1em; line-height:1.3em; padding-bottom:10px; display:block;} .otherArticles li .readMore { background:url(../images/bg/bg_list-arrow.png) no-repeat 0 3px;font-size:1.1em; color:#565a5c; text-decoration:none; padding-left: 10px;} .otherArticles li .readMore:focus, .otherArticles li .readMore:hover { text-decoration:underline; } /* T-editorial - ARTICLE - ASIDE */ .article .aside {width:200px; float:right;} .article .aside .asideTop { background:url(../images/bg/rounded_200.jpg) no-repeat 0 0; height:10px;} .article .aside .asideBottom { background:url(../images/bg/rounded_200.jpg) no-repeat 0 bottom; height:10px;} .article .aside .asideMenu {background-color:#f5f5f2; padding:10px 20px 0 20px;} .article .aside .asideMenu li{ padding-bottom:12px;} .article .aside .asideMenu li a{ position:relative; padding-left:20px; font-size:1.4em; color:#363636; text-decoration:none; background:url(../images/icons/ico_accordion_arrows.png) no-repeat 0 2px;} .article .aside .asideMenu li ul { padding-left:10px; padding-top:10px;} .article .aside .asideMenu li ul li a { color:#363636; text-decoration:none; font-size:1.2em; background:url(../images/icons/ico_accordion_arrows.png) no-repeat 0 -40px; width:5px; height:8px; padding-left:20px; line-height: 1.6em; } .article .aside .asideMenu li ul li a:focus, .article .aside .asideMenu li ul li a:hover { color:#E54A06; background:url(../images/icons/ico_accordion_arrows.png) no-repeat 0 -27px;} /* T-editorial - ARTICLE - ASIDE - Accordion styles */ .article .aside .asideMenu .dcjq-count { display:none;} .article .aside .asideMenu .dcjq-parent-li { padding-bottom:12px;} .article .aside .asideMenu .dcjq-parent { position:relative; padding-left:20px; font-size:1.4em; color:#363636; text-decoration:none; background:none;} .article .aside .asideMenu .dcjq-icon { position:absolute; left:0; top: 2px; background:url(../images/icons/ico_accordion_arrows.png) no-repeat 0 0; display:block; width:12px; height:12px;} .article .aside .asideMenu .dcjq-parent.test { color:#E54A06;} .article .aside .asideMenu .dcjq-parent.test .dcjq-icon { background:url(../images/icons/ico_accordion_arrows.png) no-repeat 0 -17px; display:block; width:12px; height:12px;} .article .aside .asideMenu .dcjq-parent-li ul { padding-left:10px; padding-top:10px;} .article .aside .asideMenu .dcjq-parent-li ul li a { color:#363636; text-decoration:none; font-size:1.2em; background:url(../images/icons/ico_accordion_arrows.png) no-repeat 0 -40px; width:5px; height:8px; padding-left:20px; line-height: 1.6em; } .article .aside .asideMenu .dcjq-parent-li ul li a:focus, .dcjq-parent-li ul li a:hover { color:#E54A06; background:url(../images/icons/ico_accordion_arrows.png) no-repeat 0 -27px;} /* T CONTACT */ .erroMenssage{ display:none !important;} .blockContact{ padding:46px 40px 31px 47px;} .blockContact h4{ font-family:'JPHandStraight', Arial, Helvetica, sans-serif; font-weight:lighter; font-size:4em; text-transform:uppercase; color:#E54A06; line-height:0.8em;} .blockContact p{ font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:1.4em; display:block; padding:26px 0;} .blockContact span{ font-size:1.2em; color:#565a5c; display:block; padding:0 0 9px 0;} .formWrapper{ width:545px; float:left; padding:0 0 31px 0;} .formWrapper .topCorners{ width:545px; height:9px; margin:0; padding:0; background:url(../images/bg/form_topCorners.jpg) no-repeat left top;} .formWrapper .bottomCorners{ width:545px; height:9px; margin:0; padding:0; background:url(../images/bg/form_bottomCorners.jpg) no-repeat left top;} .formWrapper .formContent{ background:url(../images/bg/bg_grey-1x1.gif) repeat 0 0; padding:0 23px 0 23px; min-height:10px;} .formWrapper .formContent span{ color:#363636; font-weight:bold; font-size:2em; font-family:Arial, Helvetica, sans-serif; padding:19px 0 0 0; display:block; line-height:1em;} .formWrapper .formContent h3 { color:#363636; font-weight:bold; font-size:2em; font-family:Arial, Helvetica, sans-serif; padding:19px 0 25px 0; display:block; line-height:1em;} .formWrapper .middle{ height:30px;} .formWrapper .formContent .formRow { padding:0 0 10px 0;height: 35px;} .formWrapper .formContent .formRow label{ width:232px; display:inline-block; font-size:1.2em; color:#565a5c;} .formWrapper .formContent .formRow label.error{ left: 245px; position: relative; color:red; font-size:1em; font-style:italic;} .formWrapper .formContent .formRow strong { display:inline-block; height:30px; padding:0 15px 0 0; background:url(../images/bg/bg_input-form.png) no-repeat right -30px;} .formWrapper .formContent .formRow strong input{ display:inline-block; width:206px; font-family:Arial, Helvetica, sans-serif; padding:0 0 0 15px; height:30px; border:0; background:#F5F5F2 url(../images/bg/bg_input-form.png) no-repeat left top;font-size:1.2em; color:#565a5c;} .formWrapper .formContent .formRow strong.error { display:inline-block; height:30px; padding:0 15px 0 0; background:url(../images/bg/bg_input-form-error.png) no-repeat right -30px; } .formWrapper .formContent .formRow strong input.error{ display:inline-block; width:206px; font-family:Arial, Helvetica, sans-serif; padding:0 0 0 15px; height:30px; border:0; background:url(../images/bg/bg_input-form-error.png) no-repeat left top;font-size:1.2em; color:#F00000;} .formWrapper .formContent .formRow .wrapInput { font-size:100%; font-weight:normal; line-height:normal; display:inline-block; height:30px; padding:0 15px 0 0; background:url(../images/bg/bg_input-form.png) no-repeat right -30px;} .formWrapper .formContent .formRow .wrapInput input{ display:inline-block; width:206px; font-family:Arial, Helvetica, sans-serif; padding:0 0 0 15px; height:30px; border:0; background:#F5F5F2 url(../images/bg/bg_input-form.png) no-repeat left top;font-size:1.2em; color:#565a5c;} .formWrapper .formContent .formRow .wrapInput.error { display:inline-block; height:30px; padding:0 15px 0 0; background:url(../images/bg/bg_input-form-error.png) no-repeat right -30px; } .formWrapper .formContent .formRow .wrapInput input.error{ display:inline-block; width:206px; font-family:Arial, Helvetica, sans-serif; padding:0 0 0 15px; height:30px; border:0; background:url(../images/bg/bg_input-form-error.png) no-repeat left top;font-size:1.2em !important; color:#F00000;} .formWrapper .formContent .formRow .wrapInput.errors{ display:inline-block; height:30px; padding:0 15px 0 0; background:url(../images/bg/bg_input-form-error.png) no-repeat right -30px; } .formWrapper .formContent .formRowCivilite{ padding:31px 0 10px 0;} .formWrapper .formContent .formRowCivilite span{width:186px; font-weight:normal; display:inline-block; font-size:1.2em; color:#565a5c; padding:0;} .formWrapper .formContent .formRowCivilite label{ display:inline-block; font-size:1.2em; color:#565a5c; padding:0 0 0 9px;} .formWrapper .formContent .formRowCivilite input{ display:inline-block; padding:0; margin:0 0 0 46px;} .formWrapper .formContent .formRowTextArea label{ display:block; font-size:1.2em; color:#565a5c; height:29px;} .formWrapper .formContent .formRowTextArea textarea{ display:block; font-family:Arial, Helvetica, sans-serif; margin:0; padding:5px; background:url(../images/bg/bg_textarea.png) no-repeat left top; width:460px; height:69px; border:0; resize:none; max-width:460px; min-width:460px; max-height:69px; min-height:69px; font-size:1.2em; color:#565a5c;border: 1px solid #F5F5F2;} /* @Wyniwyg 022012 - correction des bordures des selects en cas de d�sactivation des couleurs */ .blockContact .formRow .selectBox-dropdown { border: 1px solid #F5F5F2; } .blockContact .formRow .selectBox-dropdown:focus { border:solid 1px #b5cfe7; margin:0; } .formWrapper .formContent .formRowTextArea label.error{ display:block; font-size:1em; font-style:italic; color:red; height:29px;} .formWrapper .formContent .formRowVerification{ margin:29px 0 0 0; overflow:hidden;} .formWrapper .formContent .formRowVerification em{ display:inline-block; float:left; font-size:1.2em; font-weight:normal; width:154px; font-style:normal; text-align:left;} .formWrapper .formContent .formRowVerification .verificationPlugin{ display:inline-block; width:318px;} .formWrapper .formContent .formRowVerification .verificationPlugin span{ padding:0; margin:0; width:auto; font-size:1em;} .formWrapper .formContent .formRowVerification .verificationPlugin input{ width:auto; padding:0; margin:0;} .formWrapper .formContent em{ display:block; text-align:center; font-size:1.4em; padding:26px 0; font-style:normal; color:#565a5c; font-family:Arial, Helvetica, sans-serif; font-weight:bold; clear:both;} .formWrapper .formContent .blockButton{ padding:26px 0 29px 352px;} .formWrapper .formContent .blockButton span{display:inline-block; height:43px; padding:0 0 0 19px; cursor:pointer; font-size:1.6em; color:#fff; font-weight:700; background:url(../images/btn/btn_sprite.png) no-repeat 0 -1667px; text-decoration:none;} .formWrapper .formContent .blockButton span input{ border:0; display:inline-block; font-size:1em; font-weight:bold; color:#ffffff; height:43px; padding:0 35px 0 0; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -1621px;} .formWrapper .largerSpace{ padding:0 0 39px 0 !important;} .formRow #emailContent { height:auto; } .formRow #email {height:2px; position:relative;} .formRow #email {height:2px; position:relative;} .formRow #pagePortAdresse {height:2px; position:relative;} .pagePortAdresse { width:32px; height:30px; position:relative; float:right;} .tooltip .tooltip-content { background: url(../images/tooltip_top.png) no-repeat top left; width:310px; padding:20px 20px 10px 20px; min-height:50px; /*position: relative;*/ /*top: -203px; right:-188px;*/ /*z-index: 1000;*/} .tooltip .tooltip-bottom { background:url(../images/tooltip_bottom.png) no-repeat bottom left; width:350x; height:35px; /*position: relative;*/ /*top: -203px; right:-188px; *//*z-index: 1000;*/} .tooltip p { font-size:1em; line-height:1.2em; color:#565A5C; font-style:italic; padding:0;} #tooltip h3, #tooltip div { margin: 5px;; position:absolute; } .tooltip { position:absolute; height:10px; width:350px;} .formWrapper .formContent .formRow a.question { height: 31px; width: 31px; text-indent:1000px; right:-10px;} .formRow #email .toolbt { float: left; height: 20px; position: absolute; top: -31px; right:-5px;} .formRow #email infobulle-tooltips { top:-15px; position:absolute;} .blockContact .rightCTAS{ float:left; margin:0 0 0 50px;} .blockContact .rightCTAS .blockCTA{ width:280px; margin:30px 0 30px 0; position:relative;} .blockContact .rightCTAS .blockCTA:first-child{ margin:0 0 30px 0;} .blockContact .rightCTAS .blockCTA img.ctaBg{ position:absolute; top:0; right:0;} .blockContact .rightCTAS .blockCTA em{ font-family:Arial, Helvetica, sans-serif; font-size:1.9em; color:#E54A06; font-weight:bold; font-style:normal;} .blockContact .rightCTAS .blockCTA p{ padding:0; margin:0; font-size:1.2em; color:#565a5c; padding:7px 0; font-weight:bold;} .blockContact .rightCTAS .blockCTA span{ font-size:1.2em; font-weight:normal; color:#363636;} /*.blockContact .rightCTAS .blockCTA input{ width:155px; height:30px; border:0; background:url(../images/bg/bg_input-CTA.png) no-repeat left top;font-size:1.2em; color:#565a5c;font-family:Arial, Helvetica, sans-serif; padding:0 0 0 5px;}*/ .blockContact .rightCTAS .blockCTA strong, .blockContact .rightCTAS .blockCTA .wrapInput { display:inline-block; height:30px; padding:0 15px 0 0; background:url(../images/bg/bg_input-form.png) no-repeat right -30px;} .blockContact .rightCTAS .blockCTA strong input, .blockContact .rightCTAS .blockCTA .wrapInput input{ display:inline-block; width:122px; font-family:Arial, Helvetica, sans-serif; padding:0 0 0 15px; height:30px; border:0; background:url(../images/bg/bg_input-form.png) no-repeat left top;font-size:1.2em; color:#565a5c;} .blockContact .rightCTAS .blockCTA .blockBtn{ padding:25px 0 0 0;} .blockContact .rightCTAS .blockCTA .blockBtn span{display:inline-block; height:25px; padding:0 11px 0 16px; font-size:1.6em; color:#fff; font-weight:700; background:url(../images/btn/btn_sprite.png) no-repeat left -1756px; text-decoration:none; cursor:pointer;} .blockContact .rightCTAS .blockCTA .blockBtn span input{ border:0; width:auto; display:inline-block; font-size:0.8em; font-weight:bold; color:#ffffff; height:25px; padding:0 15px 0 5px; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -1726px;} .errorDisplay{ display:none; color:#F00; font-size:1.5em; width:500px; padding:0 0 10px 0; overflow:hidden; } .errorDisplay ul li { font-size:0.8em; padding-bottom:0.2em;} .errorDisplay ul li label { font-size:1em;} #formSearch .errorDisplay { width:100%; float:left; margin-bottom:15px; margin-top:-10px;} #formSearch .errorDisplay ul li { width:100%; float:left;} .blockContact .rightCTAS .linkOrange1 span{ color:#ffffff; display:inline-block; padding:4px 10px 0 5px; text-transform:none; height:21px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.4em; background: url("../images/btn/btn_sprite.png") no-repeat scroll right -1726px transparent;} .blockContact .rightCTAS .separatorCTAS{ height:5px; width:280px; background:url(../images/bg/separator.jpg) no-repeat left top;} /* HOME PRO */ /* carroussel */ .blockHpCarousel .carrWrapper.pro .imgGirlLaptop { position:absolute; right: 30px; bottom:2px;} .blockHpCarousel .carrWrapper.pro .blockCarItem { background:url(../images/bg/bg_item-carousel_pro.png) no-repeat 18px 0;} .blockHpCarousel .carrWrapper.pro .blockCarItem .description {left: 50px; width:580px; top: 45px;} .blockHpCarousel .carrWrapper.pro .blockCarItem .addInfo {left: 50px;} .blockHpCarousel .carrWrapper.pro .blockCarItem .description h3 { font-family:'JPHandStraight', Arial, Helvetica, sans-serif; color:#006295; font-size:3em; line-height: 1.5em; } .blockHpCarousel .carrWrapper.pro .blockCarItem .description h3 img{ vertical-align:text-top; margin:-14px 0 0 0;} .blockHpCarousel .carrWrapper.pro .blockCarItem .description .subTitle { text-transform:uppercase; font-size:2.4em; padding-top: 20px;} /* buttons */ .linkBlue { display:inline-block; height:49px; padding:0 0 0 23px; font-size:1.6em; color:#fff; font-weight:700; background:url(../images/btn/btn_sprite.png) no-repeat 0 -396px; text-decoration:none;} .linkBlue span { display:inline-block; height:33px; padding:16px 35px 0 0; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -337px;} .linkBlue input { display:inline-block; height:46px; padding:0 35px 0 0; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -337px; border: none; margin: 0; color: #FFF; font-size: 1em; font-weight: 700; } .linkGrey { display:inline-block; height:49px; padding:0 0 0 23px; font-size:1.5em; color:#fff; font-weight:700; background:url(../images/btn/btn_sprite.png) no-repeat 0 -508px; text-decoration:none;} .linkGrey span { display:inline-block; height:33px; padding:16px 45px 0 0; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -448px;} /* header */ .headerContent .myAccount span.hdrAccount.pro { color:#fff; background:url(../images/bg/bg_user_pro.png) no-repeat 0 0; } .nav_main.pro ul li .push { background:url(../images/bg/bg_nav-link-push_pro.png) no-repeat center top;} /* bottom cols */ .push3cols .item .title.pro { background:url(../images/media/pro.jpg) no-repeat 190px 8px; width: 240px;} /* footer */ .blockTrackOrder .wrapTrackOrder.pro { background:url(../images/bg/bg_track-order_pro.png) no-repeat 0 0;} .wrapTrackOrder.pro .wrapCourrier label {color:#fff;} . /* HOME E-SERVICE */ .mainContent.eservice { overflow:visible;} .wrapCaroucel.eservice{ min-height: 355px; left: -93px;} .wrapCaroucel.eservice .imgGirlEService {position:absolute; right: 0; bottom:0;} .wrapCaroucel.eservice .itemCaroucel { margin:0; padding:0; background:url(../images/bg/bg_item-carousel_eservice.jpg) no-repeat 0 0; height:356px; width: 962px; background-color: #999 !important;} .wrapCaroucel.eservice .itemCaroucel .description {left: 50px; width:580px; top: 10px;} .wrapCaroucel.eservice .itemCaroucel .addInfo {left: 50px; top: 240px;} .wrapCaroucel.eservice .itemCaroucel .addInfo ul{} .wrapCaroucel.eservice .itemCaroucel .addInfo li{ float:left;} .wrapCaroucel.eservice .itemCaroucel .description h2 { font-family:'JPHandStraight', Arial, Helvetica, sans-serif; text-transform:uppercase; color:#5b8900; font-size:3.5em;font-weight: 400; line-height: 1.2em; overflow:hidden;} .wrapCaroucel.eservice .itemCaroucel .description h2 img { float:left; /*padding-top:8px;*/} .wrapCaroucel.eservice .itemCaroucel .description h2 span{ padding:10px 0 0 0; display:block; float:left;} .wrapCaroucel.eservice .itemCaroucel .description .subTitle { text-transform:uppercase; font-size:2.4em; padding-top: 20px; float:none; display:block;} .linkGreen { display:inline-block; height:46px; padding:0 0 0 20px; font-size:1.5em; color:#fff; font-weight:700; background:url(../images/btn/btn_sprite.png) no-repeat 0 -622px; text-decoration:none;} .linkGreen span { display:inline-block; height:30px; padding:16px 35px 0 0; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -561px; color:#fff;} .push3cols.eservice { margin-top:40px; float:left;} .push3cols.eservice .item { width: 305px;} .push3cols.eservice .item .desc { font-size: 1.4em; top: 50px;} .push3cols.eservice .item .buttons { position:absolute; bottom:0;left: 20px;} .push3cols.eservice .item .imgPush {bottom: 60px; right: 0;} .push3cols.eservice .item .title {top: 0;} .nav_main.eservice ul li .push { background:url(../images/bg/bg_nav-link-push_eservice.png) no-repeat center top;} .nav_main.eservice ul li.selected a span.text { color:#5b8a00} .linkGreenSmall { display:inline-block; height:26px; padding:0 0 0 18px; font-size:1.6em; color:#fff; font-weight:700; background:url(../images/btn/btn_sprite.png) no-repeat 0 -723px; text-decoration:none;margin-top: 8px;} .linkGreenSmall span { display:inline-block; height:26px; padding: 4px 16px 2px 6px; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -693px;font-size: 0.8em;} .eservice .push3cols h3.title {width: 275px;} /* T SERVICE EMPLACEMENT */ .mainContent.etapes { overflow:visible;} .wrapEtapes { background:url(../images/emplacement/bg_emplacement2.png) no-repeat 0 0;width: 964px;padding: 0 140px;left: -93px; position:relative; min-height: 410px;} .wrapEtapes h3 { font-family:"DINMediumRegular", Arial, Helvetica, sans-serif; font-size:3.4em; color:#5b8900; text-transform:uppercase;line-height: 3em;} .wrapEtapes .breadcrumb {padding: 20px 0 0; margin-left:-10px;} .etapes .wrapEtapes .etapesTab { list-style-position: inside; } .etapes .wrapEtapes .etapesTab li{ background:url(../images/emplacement/bg_progress.jpg) no-repeat 0 -60px; font-size:4.7em;line-height: 1.3em; width:120px; height:20px; float:left; height: 61px; width: 205px; padding-left: 10px;} .etapes .wrapEtapes .etapesTab li:first-child { background:url(../images/emplacement/bg_progress.jpg) no-repeat 0 0;} .etapes .wrapEtapes .etapesTab li.last{background:url(../images/emplacement/bg_progress.jpg) no-repeat 0 -120px} .etapes .wrapEtapes .etapesTab li a { font-family:"DINMediumRegular", Arial, Helvetica, sans-serif; font-size:1em; text-decoration:none; line-height:1.3em;color:#696760;font-weight: 700;} .etapes .wrapEtapes .etapesTab li a span{ font-family:Arial, Helvetica, sans-serif; color:#696760; font-size:0.3em; text-decoration:none; vertical-align: middle; } .etapes .wrapEtapes .etapesTab li a em { font-style:normal; display:inline-block;} .etapes .wrapEtapes .etapesTab li.selected, .etapes .wrapEtapes .etapesTab li.selected a, .wrapEtapes .etapesTab li.selected a span, .wrapEtapes .etapesTab li a:focus, .wrapEtapes .etapesTab li a:hover, .wrapEtapes .etapesTab li a:focus span, .wrapEtapes .etapesTab li a:hover span { color:#5b8900; } .etapes .wrapEtapes .etapesTab li.selected a, .wrapEtapes .etapesTab li a:focus, .wrapEtapes .etapesTab li a:hover { border-bottom: 1px solid transparent;} .pickTimbresContainer{ margin-top:10px; float:left} .pickTimbresTop { background:url(../images/emplacement/bg_uploader.jpg) no-repeat 0 0; width:860px; height:10px; float:left} .pickTimbresBottom { background:url(../images/emplacement/bg_uploader.jpg) no-repeat 0 bottom; width:860px; height:10px; float:left;} .pickArea { float:left; margin-top:30px;} .pickTimbres { background-color:#f5f5f2;float:left; width:840px; padding:0 10px;} .pickTimbres .selectBtn { width:840px; float:left;} .pickTimbres .selectBtn a { margin-left:30px;} .pickTimbres .selectBtn a:first-child { margin-left:0;} .pickTimbres .selectBtn .selectGreen {display:inline-block; height:40px; padding: 1px 0 0 10px; font-size:1.6em; color:#fff; font-weight:700; background:url(../images/emplacement/bg_btn_upload.jpg) no-repeat 0 -46px; text-decoration:none; border-bottom: 1px solid transparent;} .pickTimbres .selectBtn .selectGreen span {display:inline-block; height:26px; padding: 11px 100px 2px 20px; cursor:pointer; background:url(../images/emplacement/bg_btn_upload.jpg) no-repeat right 0;font-size: 0.8em;} .pickTimbres .selectBtn .selectGrey {display:inline-block; height:40px; padding: 1px 0 0 10px; font-size:1.6em; color:#fff; font-weight:700; background:url(../images/emplacement/bg_btn_upload.jpg) no-repeat 0 -147px; text-decoration:none;} .pickTimbres .selectBtn .selectGrey span {display:inline-block; height:26px; padding: 11px 100px 2px 20px; cursor:pointer; background:url(../images/emplacement/bg_btn_upload.jpg) no-repeat right -95px;font-size: 0.8em; color:#332b2a;} .scrollpane { width:455px; float:left;margin-right: 10px;overflow: auto;} .scrollpane li { width:102px; height:63px; float:left; padding:3px;} .stamp { height: 235px; width: 375px; float:right; background:url(../images/emplacement/bg_poste.jpg) no-repeat 0 0; position:relative;} .stamp img {width:242px; height:150px; position:absolute; top:25px; left:25px;} .navEtapes a { margin:20px 0 0 350px;} /*Footer*/ .etapesFooter { padding: 20px 10px} .etapesFooter img{ display:inline-block; float:left; width:44px; height:38px;} .etapesFooter ul { float:left; width:800px; padding-top:10px;} .etapesFooter li { float:left; } .etapesFooter li a { font-family:Arial, Helvetica, sans-serif; font-weight:700; font-size:1.1em; color:#332b2a; display:block; float:left;padding:0 10px; text-decoration:none; } .etapesFooter li a:focus, .etapesFooter li a:hover { text-decoration:underline;} /* T_COMPTE_ACCUEIL */ .monCompte{ overflow:visible;} .monCompteWrapper{ height:62px; position:relative; margin:17px 0 0 0;} .monCompteWrapper .blockMonCompte{ position:absolute; top:0; left:-4px; height:62px; width:970px; background:url(../images/bg/bg_mon-compte-header.png) no-repeat left top; padding:0;} .monCompteWrapper .blockMonCompte span{ float:left; display:block; text-transform:uppercase; font-size:1.8em; color:#363636; padding:16px 0 0 54px; text-shadow: -1px 1px #ffffff;} .monCompteWrapper .blockMonCompte em{ float:left; display:block; font-style:normal; font-size:1.8em; color:#363636; padding:16px 0 0 9px; text-shadow: -1px 1px #ffffff;} .monCompteWrapper .blockMonCompte em strong{ text-transform:uppercase;} .linkWhiteButton{display:inline-block; height:25px; padding:0 11px 0 0; color:#fff; font-weight:700; background:url(../images/btn/btn_sprite.png) no-repeat right -969px; text-decoration:none; cursor:pointer; float:right; margin:10px 56px 0 0;} .linkWhiteButton span{ border:0; width:auto; text-transform:none !important; display:inline-block; font-size:1.3em !important; font-weight:bold; color:#363636; height:20px; padding:5px 0 0 20px !important; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat left -942px; text-shadow:none !important;} .blockAccueilCompte{ padding:0 50px 0 49px;} .blockAccueilCompte h2{font-family: 'DINMediumRegular'; font-weight:bold; font-size:3.4em; color:#d75216; text-transform:uppercase; display:block; padding:38px 0;} .blockAccueilCompte .blockTransferezCompte{ width:829px; padding:18px 0 0 34px; position:relative; height:141px; background:url(../images/bg/bg_transferez-comptes.png) no-repeat left top;} .blockAccueilCompte .blockTransferezCompte h3{font-family: 'JPHandStraight'; font-size:2.5em; font-style:normal; display:block; padding:0 0 18px 0;} .blockAccueilCompte .blockTransferezCompte p{ font-size:1.4em; font-family:Arial, Helvetica, sans-serif; color:#000000; display:block; width:596px;} .blockAccueilCompte .blockTransferezCompte img{ position:absolute; top:40px; right:36px;} .blockTransferezCompte .linkOrange1{ font-size:1.3em; text-transform:none; margin:12px 0 0 0;} .blockAccueilCompte .blockConsomationService{ overflow:hidden; min-height:10px;} .blockAccueilCompte .blockConsomationService h3 { font-size: 1.9em; font-weight: bold; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; padding-top: 30px; } .blockAccueilCompte .blockConsomationService span{ display:block; font-size:2.1em; color:#363636; font-family:Arial, Helvetica, sans-serif; padding:37px 0 0 0;} .blockAccueilCompte .blockConsomationService em{ display:block; font-size:1.4em; color:#363636; font-family:Arial, Helvetica, sans-serif; font-style:normal; padding:5px 0 40px 0;} .blockConsomationService .blockService .blockLinks .contrat a { background: none; padding-left: 0; overflow: hidden; } .blockConsomationService .blockService .blockLinks .contrat a span { font-size: 12px; padding-top: 0; display: inline; } .blockConsomationService .blockService .blockLinks .contrat a .numContrat { padding-right: 18px; } .blockConsomationService .blockService .blockLinks .contrat a .dateContrat { padding-right: 10px; } .blockConsomationService .blockService.nouvelleAdresse .blockLinks .contrat span { color: #D20077; } .blockConsomationService .blockService.reexpeditionCourrier .blockLinks .contrat span { color: #006397; } .blockConsomationService .blockService.nouvelleAdresse .blockLinks .contrat a:focus, .blockConsomationService .blockService.nouvelleAdresse .blockLinks .contrat a:hover { color: #D20077; text-decoration: underline; } .blockConsomationService .blockService.reexpeditionCourrier .blockLinks .contrat a:focus, .blockConsomationService .blockService.reexpeditionCourrier .blockLinks .contrat a:hover { color: #006397; } .blockConsomationService .blockService{ width:270px; height:300px; position:relative; float:left; margin:0 25px 20px 0;} .blockConsomationService .blockService h4{ display:block; text-transform:none; position:absolute; left:29px; font-size:1.9em; font-weight:700; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; height:100px; line-height:21px;} .blockConsomationService .blockService em{ display:block; position:absolute; left:29px; top:72px; font-size:1.2em; color:#000000; font-style:normal;} .blockConsomationService .blockService em strong{} .blockConsomationService .blockService p{ display:block; padding:0 20px; position:absolute; left:0; top:183px; font-size:1.2em; color:#363636;} .blockConsomationService .blockService .blockLinks{ width:250px; position:absolute; top:93px; left:0; padding:16px 0 0 20px;} .blockConsomationService .blockService .blockLinks ul{} .blockConsomationService .blockService .blockLinks li{} .blockConsomationService .blockService .blockLinks li a{ display:block; color:#363636; text-decoration:none; padding:0 0 6px 14px; background:url(../images/bg/bg_list-arrow.png) no-repeat left 3px; font-size: 12px; } .blockConsomationService .blockService .blockLinks a:focus, .blockConsomationService .blockService .blockLinks a:hover{ text-decoration:underline;} .blockConsomationService .blockService .blockBottomLink{ position:absolute; top:261px; width:212px; padding:0 0 0 58px;} .blockConsomationService .blockService .blockBottomLink a.bottomLink { display:inline-block; height:25px; padding:0 12px 0 0; color:#fff; font-family:'DINMediumRegular', Arial, Helvetica, sans-serif; } .blockConsomationService .blockService .blockBottomLink a.bottomLink strong { display:inline-block; height:19px; padding:6px 0 0 22px; font-size:1.3em; font-weight:normal; cursor:pointer; } .blockConsomationService .racomandeeLigne{ background:url(../images/bg/bg_recomandee-ligne.png) no-repeat left top;} .blockConsomationService .racomandeeLigne h4{color:#007185; top:10px; width:129px;} .blockConsomationService .racomandeeLigne .blockBottomLink a.bottomLink{background:url(../images/btn/btn_sprite.png) no-repeat right -1028px;} .blockConsomationService .racomandeeLigne .blockBottomLink a.bottomLink strong{background:url(../images/btn/btn_sprite.png) no-repeat left -1002px;} .blockConsomationService .timbreLigne{ background:url(../images/bg/bg_mon-timbre-ligne.png) no-repeat left top;} .blockConsomationService .timbreLigne h4{color:#5b8900; top:30px; width:165px;} .blockConsomationService .timbreLigne .blockBottomLink a.bottomLink{background:url(../images/btn/btn_sprite.png) no-repeat right -1090px;} .blockConsomationService .timbreLigne .blockBottomLink a.bottomLink strong{background:url(../images/btn/btn_sprite.png) no-repeat left -1064px;} .blockConsomationService .nouvelleAdresse{ background:url(../images/bg/bg_nouvelle-adresse.png) no-repeat left top; margin-right: -25px;} .blockConsomationService .nouvelleAdresse h4{color:#d20077; top:25px; width:165px;} .blockConsomationService .nouvelleAdresse .blockBottomLink a.bottomLink{background:url(../images/btn/btn_sprite.png) no-repeat right -1151px;} .blockConsomationService .nouvelleAdresse .blockBottomLink a.bottomLink strong{background:url(../images/btn/btn_sprite.png) no-repeat left -1125px;} .blockConsomationService .reexpeditionCourrier{ background:url(../images/bg/bg_reexpedition-courrier.png) no-repeat left top;} .blockConsomationService .reexpeditionCourrier h4{color:#006397; top:25px; width:165px;} .blockConsomationService .reexpeditionCourrier .blockBottomLink a.bottomLink{background:url(../images/btn/btn_sprite.png) no-repeat right -1213px;} .blockConsomationService .reexpeditionCourrier .blockBottomLink a.bottomLink strong{background:url(../images/btn/btn_sprite.png) no-repeat left -1187px;} .blockConsomationService .lettreLigne{ background:url(../images/bg/bg_lettre-ligne.png) no-repeat left top;} .blockConsomationService .lettreLigne h4{color:#dc5409; top:30px; width:165px;} .blockConsomationService .lettreLigne .blockBottomLink a.bottomLink{background:url(../images/btn/btn_sprite.png) no-repeat right -1268px;} .blockConsomationService .lettreLigne .blockBottomLink a.bottomLink strong{background:url(../images/btn/btn_sprite.png) no-repeat left -1242px;} /* T_PLAN_DU_SITE_PART */ .blockPlanduSite{ padding:26px 40px 10px 47px; overflow:hidden; width:875px;} .blockPlanduSite h2{ font-family:'JPHandStraight', Arial, Helvetica, sans-serif; font-weight:lighter; font-size:4em; color:#E54A06; line-height:0.8em;} .blockPlanduSite h3{ color:#363636; font-weight:bold; font-size:2.2em; font-family:Arial, Helvetica, sans-serif; padding:32px 10px 31px 0; display:block; line-height:1em; float:left; position:relative;} .blockPlanduSite span{ font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:1.4em; display:block; padding:26px 0;} .blockPlanduSite .separatorPS{ height:45px; width:385px; background:url(../images/bg/separator.jpg) no-repeat left bottom; float:left; position:relative;} .blockPlanduSite .services { width:645px; position:relative; float:left; display:block;} .blockPlanduSite .services .blockElement { float:left;} .blockPlanduSite .services ul { width:210px; height:auto; position:relative; display:block; padding-bottom:30px; } .blockPlanduSite .services h4{ font-family:Arial, Helvetica, sans-serif;font-size:1.6em; height:55px; line-height:20px; font-weight:700; display:block; padding-right:10px; width:160px;} .blockPlanduSite .services h4.green{ color:#5b8900;} .blockPlanduSite .services h4.orange{ color:#DC5409;} .blockPlanduSite .services h4.darkBlue{ color:#006397;} .blockPlanduSite .services h4.blue{ color:#007185;} .blockPlanduSite .services h4.rose{ color:#d20077;} .blockPlanduSite .services h4.violet{ color:#8f2b8c;} .blockPlanduSite .services ul li.itemsServices{ width:145px; font-size:1.2em; font-family:Arial, Helvetica, sans-serif; line-height:17px; padding-bottom: 5px; padding-left:10px; background:url(../images/bg/bg_list-arrow.png) no-repeat left 5px;} .blockPlanduSite .services ul li.itemsServices a{ color:#565a5c; text-decoration:none; } .blockPlanduSite .services ul li.itemsServices a:focus, .blockPlanduSite .services ul li.itemsServices a:hover{ text-decoration:underline;} .blockPlanduSite .rightColm { float:left; margin:0 0 0 10px; } .blockPlanduSite .rightColm .rightContent{ width:220px; margin:30px 0 30px 0; position:relative; background:#f5f5f2; height:auto;} .blockPlanduSite .rightColm .rightContent p{ color:#363636; font-weight:bold; font-size:2.2em; font-family:Arial, Helvetica, sans-serif; padding:32px 10px 0px 10px; display:block; line-height:1em; float:left; position:relative;} .blockPlanduSite .rightColm .rightContent span{ font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:1.4em; display:block; padding:26px 0;} .blockPlanduSite .leftBlockPlan{ overflow:hidden; float:left; width:645px;} .blockPlanduSite .rightBlockPlan{ overflow:hidden; float:left; width:212px; margin:39px 0 0 18px;} .blockPlanduSite .rightBlockPlan .topCorners{ width:212px; height:9px; margin:0; padding:0; background:url(../images/bg/plan_topCorners.png) no-repeat left top;} .blockPlanduSite .rightBlockPlan .bottomCorners{ width:212px; height:9px; margin:0; padding:0; background:url(../images/bg/plan_bottomCorners.png) no-repeat left top;} .blockPlanduSite .rightBlockPlan .rightBlockPlanContent{ background:#f5f5f2; padding:0 0 0 16px;} .blockPlanduSite .rightBlockPlan .rightBlockPlanContent h4{ display:block; padding:16px 0 12px 0; margin:0; color:#d75216; font-size:1.4em; font-weight:bold;} .blockPlanduSite .rightBlockPlan .rightBlockPlanContent ul{} .blockPlanduSite .rightBlockPlan .rightBlockPlanContent li{} .blockPlanduSite .rightBlockPlan .rightBlockPlanContent li a{ display:block; color:#363636; font-size:1.1em; text-decoration:none; padding:0 0 4px 9px; background:url(../images/bg/bg_list-arrow.png) no-repeat left 3px;} .blockPlanduSite .rightBlockPlan .rightBlockPlanContent li a:focus, .blockPlanduSite .rightBlockPlan .rightBlockPlanContent li a:hover{ text-decoration:underline;} /* T_MENTIONS_LEGALES */ .blockMentionsLegales{ padding:0 50px;} .blockMentionsLegales h3{ font-size:4.4em; color:#565a5c; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:45px 0;} .blockMentionsLegales em{ color:#363636; font-size:1.4em; font-weight:bold; font-style:normal; display:block; padding:0 0 25px 0;} .blockMentionsLegales h4{ color:#e54a06; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:1.4em; display:block; padding:30px 0 40px 0;} .blockMentionsLegales p{ font-size:1.4em; color:#363636; display:block; padding:0 0 25px 0;} .blockMentionsLegales p.addresse{ line-height:1.3em;} /* MOTS DE PASSE - ETAPES */ .mainContent.motdepasse {min-height: 490px;} .motdepasse .wrapEtapes h3 { color:#363636; text-transform:none; letter-spacing:-0.05em;} .motdepasse .etapesTab { list-style-position: inside; } .motdepasse .etapesTab li{ background:url(../images/bg/bg_progress_3.jpg) no-repeat 0 -60px; width:271px; float:left; height: 59px; color:#696760;padding-left: 15px; font-size:4.7em;line-height: 1.3em; float:left; text-decoration:none;} .motdepasse .etapesTab li:first-child { background:url(../images/bg/bg_progress_3.jpg) no-repeat 0 0;} .motdepasse .etapesTab li.last{background:url(../images/bg/bg_progress_3.jpg) no-repeat 0 -120px} .motdepasse .etapesTab li em{ font-style:normal; display:inline-block; float:left} .motdepasse .etapesTab li span{ font-size:0.25em; padding:0 0 10px 10px; vertical-align: middle; font-weight:700;} .motdepasse .etapesTab li.selected, .motdepasse .etapesTab li.selected span { color:#E54A06; } .motdepasse .etapesTab li.selected { border-bottom: 1px solid transparent; } .motdepasse .message { clear:both;font-size:1.1em; line-height:2.4em; min-height: 30px;} .motdepasse .alert { margin:10px 0; float: left;} .motdepasse .message .messageTop { background:url(../images/bg/bg_etapes_alert.jpg) no-repeat 0 0; width:860px; float:left; height:7px;} .motdepasse .message .messageBottom {background:url(../images/bg/bg_etapes_alert.jpg) no-repeat 0 bottom; width:860px; float:left;height:7px;} .motdepasse .message .messageContent { background: #ec7500 url(../images/icons/alert.jpg) no-repeat 10px 0; float:left;min-height: 42px; width: 860px;} .motdepasse .message .messageContent p { color:#FFFFFF; font-size:1.2em;line-height: 1.2em; font-weight:700; padding:6px 0 0 74px;} .motdepasse .etapes { float:left; background:url(../images/bg/bg_grey-1x1.gif) repeat 0 0; padding:20px; width:820px; position:relative;} .motdepasse .pickTimbresContainer { margin-top:0;} .etapes p {font-size:1.2em; line-height:2.2em;} .etapes a { color:#363636; text-decoration:none;} .linkYellow { display:inline-block; height:46px; padding:0 0 0 20px; font-size:1.6em; color:#fff; font-weight:700; background:url(../images/btn/btn_sprite.png) no-repeat 0 -1665px; text-decoration:none;} .linkYellow span { display:inline-block; height:30px; padding:16px 35px 0 0; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -1619px;font-size: 0.8em;color:#fff;} .linkGrey2 { display:inline-block; margin-top: -3px; height:46px; padding:0 0 0 26px; font-size:1.6em; color:#fff; font-weight:700; background:url(../images/btn/btn_sprite.png) no-repeat 0 -1469px; text-decoration:none; } .linkGrey2 span { display:inline-block; height:30px; padding:16px 25px 0 6px; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -1419px;font-size: 0.8em;color:#fff;} .motdepasse .navEtapes{} .motdepasse .navEtapes li{float:left;} .motdepasse .navEtapes li.right{float:right;} .motdepasse .navEtapes li a { margin:0;} .motdepasse .navEtapes { padding-top:40px;} #formEtapes .formRow { padding:40px 200px 0; position:relative; min-height:10px; } #formEtapes .formRow label { font-size:1.2em; padding-right:20px; line-height:2.4em; float:left;} #formEtapes .formRow label.error { color:#FF0000; position:absolute; left:308px; top:60px;} #formEtapes .formRow span { background: url("../images/bg/bg_input-form.png") no-repeat scroll right -30px transparent;display: inline-block;height: 30px;padding: 0 13px 0 0;} #formEtapes .formRow span input {background: url("../images/bg/bg_input-form.png") no-repeat scroll left top transparent; border: 0 none;color: #565A5C; display: inline-block;font-family: Arial,Helvetica,sans-serif;font-size: 1.2em;height: 30px; padding: 0 0 0 15px; min-width: 170px; line-height:2.2em; background-color:#F5F5F2;} #formEtapes .errorDisplay { position:absolute; left:303px; top:65px;} #formEtapes .errorDisplay label { font-size:1em; line-height:1em;} .navEtapes li.right em{display:inline-block; height:43px; padding:0 0 0 19px; cursor:pointer; font-size:1.6em; color:#fff; font-weight:700; background:url(../images/btn/btn_sprite.png) no-repeat 0 -1667px; text-decoration:none;} .navEtapes li.right em input{ border:0; display:inline-block; font-size:0.8em; font-weight:bold; color:#ffffff; height:43px; padding:0 35px 0 0; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -1621px;} /* T_eSERVICE_cSUIVI_ACUEILv2 */ .courrier { overflow:visible;} .courrier .imgGirlCourrier { right:0; position:absolute; bottom:0;} .courrier .description h2 span { color:#8f2b8c; font-size:1.1em; line-height:1em; text-transform:uppercase; font-family:'JPHandStraight', Arial, Helvetica, sans-serif;} .courrier .wrapCaroucel.eservice .itemCaroucel .description .subTitle {line-height: 1.2em; color:#363636} .courrier .search { /* background: url(../images/bg/bg_barre_input.png) no-repeat 0 0;*/ height: 59px; min-width: 499px; position:absolute; bottom:80px; left:50px; } .courrier .search .btnSearch {background: url("../images/btn/btn_sprite.png") no-repeat scroll 0 -1366px transparent;color: #FFFFFF;cursor: pointer;display: inline-block;font-size: 1.6em;font-weight: 700; height: 43px;padding: 0 0 0 20px; text-decoration: none;} .courrier .search .btnSearch .searchBtn {background: url("../images/btn/btn_sprite.png") no-repeat scroll right -1313px transparent; border: 0 none;color: #FFFFFF;cursor: pointer;display: inline-block;font-size: 1em; height: 43px;padding: 0 30px 0 0; margin:0; width:120px; font-weight:400;} .courrier .search input {font-size: 1.3em;height: 19px;margin-left: 18px;margin-top: 11px; padding-top: 8px;width: 310px ; border:none; color:#565a5c; font-weight:700; background-color:#f9f9f9;} .courrier .search label.error{ position:absolute; left:0; top:-20px; color:red; font-size:130%;} .courrier .errorDisplay { position:absolute; left:0; top:-20px; color:red; overflow:visible; font-size:1em; height:40px; } .courrier .errorDisplay ul { display:block; } .courrier .errorDisplay ul label.error { position:relative; top:0;} .linkPurpleSmall { display:inline-block; height:26px; padding:0 0 0 18px; font-size:1.6em; color:#fff; font-weight:700; background:url(../images/btn/btn_sprite.png) no-repeat 0 -1577px; text-decoration:none;margin-top: 8px;} .linkPurpleSmall span { display:inline-block; color:white; height:26px; padding: 4px 16px 2px 6px; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -1544px;font-size: 0.8em;} .courrier .push3cols.eservice .item .desc {font-size: 1.3em;top: 75px;line-height: 1.1em;} .courrier .push3cols.eservice .item .imgPush {right: 30px;} .courrier .push3cols.eservice .partenaires { position:absolute; top:75px; left:20px;} .courrier .push3cols.eservice .partenaires li a {color:#363636; background:url(../images/btn/bullet2.gif) no-repeat 0 2px; padding-left:15px; color:#363636; font-size:1.2em; padding-bottom:5px;font-weight:700;} .courrier .push3cols.eservice .partenaires li a:focus, .courrier .push3cols.eservice .partenaires li a:hover{ text-decoration:underline;} .courrier .push3cols.eservice .recherche{ position:absolute; top:75px; left:20px;} .courrier .push3cols.eservice .recherche li a { color:#8f2b8c; background:url(../images/bg/bg_list-arrow.png) no-repeat 0 4px; padding-left:15px; color:#8f2b8c; font-size:1.2em; padding-bottom:5px; font-weight:700;} .courrier .push3cols.eservice .recherche li a:focus, .courrier .push3cols.eservice .recherche li a:hover{ text-decoration:underline;} .push3cols.eservice .item .title {top: 0; font-size: 2.8em; } .courrier .push3cols h3.title { width:275px;} /* IMPORTANT INIT HACK FOR CHROME BUT WE NEED TO RESET IT TO IE */ .push3cols.eservice .item .title{ -bracket-:hack[; top:7px; ]; } .push3cols.eservice .item .title { *top:0; line-height:1em;} /* T_COMPTE_DONEES_PRO */ .compteDonees{ overflow:visible;} .blockCompteDonees span.champs { color: #565A5C; display: block; font-size: 1.2em; padding: 0 0 9px;} .compteDoneesWrapper { height:62px; position:relative; margin:17px 0 0 0;} .compteDoneesWrapper .blockCompteDonees { position:absolute; top:0; left:-4px; height:62px; width:970px; background:url(../images/bg/bg_mon-compte-header-violet.png) no-repeat left top; padding:0;} .compteDoneesWrapper .blockCompteDonees span{ float:left; display:block; text-transform:uppercase; font-size:1.8em; color:#fff; padding:16px 0 0 54px; text-shadow: -1px 1px #363636;} .compteDoneesWrapper .blockCompteDonees em{ float:left; display:block; font-style:normal; font-size:1.8em; color:#fff; padding:16px 0 0 9px; text-shadow: -1px 1px #363636;} .compteDoneesWrapper .blockCompteDonees em strong{ text-transform:uppercase;} .blockCompteDonees{ padding:0 50px 0 49px;} .blockCompteDonees h4 {font-family: 'DINMediumRegular'; font-weight:700; font-size:3.4em; color:#363636; display:block; padding:38px 0;} .blockCompteDonees h2 {font-family: 'DINMediumRegular'; font-weight:700; font-size:3.4em; color:#363636; display:block; padding:38px 0;} .blockCompteDonees .blockCompteDoneesInfo .formWrapper { width:629px;} .blockCompteDonees .formWrapper .topCorners { background: url("../images/bg/form_topCorners-big.jpg") no-repeat scroll left top transparent; height: 9px; margin: 0; padding: 0; width: 629px;} .blockCompteDonees .formWrapper .bottomCorners { background: url("../images/bg/form_bottomCorners-big.jpg") no-repeat scroll left top transparent; height: 9px; margin: 0; padding: 0; width: 629px;} .blockCompteDonees .blockCompteDoneesInfo fieldset legend{color:#363636; font-weight:bold; font-size:2em; font-family:Arial, Helvetica, sans-serif; padding:19px 0 25px 0; display:block; line-height:1em;} .compteDoneesAside .asideMenu li a { background: none; font-size:1.4em; padding:10px 0 10px 20px; color:#363636; text-decoration:none; display: inline-block;} .compteDoneesAside .asideMenu li.selected a { color:#8f2b8c;} .compteDoneesAside .asideMenu li.selected { background: url(../images/icons/ico_aside_selected-pro.gif) no-repeat 0 12px} .compteDoneesAside .asideMenu li { background:url(../images/icons/aside_menu.gif) no-repeat 0 12px; border-top:1px solid #dcdcd9;} .compteDoneesAside .asideMenu li:first-child { border-top:0;} .compteDoneesAside2 .asideMenu li.selected a { color:#e54a06;} .compteDoneesAside2 .asideMenu li.selected { background: url(../images/icons/ico_aside_selected-orange.gif) no-repeat 0 12px} /* T_COMPTE_DONEES_PRO2 */ .compteDonees2{ overflow:visible;} .blockCompteDonees2 span.champs { color: #565A5C; display: block; font-size: 1.2em; padding: 0 0 9px;} /*.compteDoneesWrapper2 { height:62px; position:relative; margin:17px 0 0 0;}*/ .compteDoneesWrapper2 .blockCompteDonees { /*position:absolute; top:0; left:-4px; height:62px; width:970px;*/ background:url(../images/bg/bg_mon-compte-header.png) no-repeat left top; /*padding:0;*/} .compteDoneesWrapper2 .blockCompteDonees span{ /*float:left; display:block; text-transform:uppercase; font-size:1.8em;*/ color:#363636; /*padding:16px 0 0 54px;*/ text-shadow: -1px 1px #ffffff;} .compteDoneesWrapper2 .blockCompteDonees em{ /*float:left; display:block; font-style:normal; font-size:1.8em;*/ color:#363636;/* padding:16px 0 0 9px;*/ text-shadow: -1px 1px #ffffff;} /*.compteDoneesWrapper2 .blockCompteDonees em strong{ text-transform:uppercase;}*/ /*.blockCompteDonees2{ padding:0 50px 0 49px;} .blockCompteDonees2 h2 {font-family: 'DINMediumRegular'; font-weight:700; font-size:3.4em; color:#363636; display:block; padding:38px 0;} .blockCompteDonees2 .blockCompteDoneesInfo .formWrapper { width:629px;} .blockCompteDonees2 .formWrapper .topCorners { background: url("../images/bg/form_topCorners-big.jpg") no-repeat scroll left top transparent; height: 9px; margin: 0; padding: 0; width: 629px;} .blockCompteDonees2 .formWrapper .bottomCorners { background: url("../images/bg/form_bottomCorners-big.jpg") no-repeat scroll left top transparent; height: 9px; margin: 0; padding: 0; width: 629px;}*/ /* T_COMPTE_DONEES_PRO - form */ .blockCompteDoneesInfo .formWrapper .formContent { min-height: 120px; overflow:hidden;} .blockCompteDoneesInfo .formWrapper .formContent span{ padding-bottom:25px;} .blockCompteDoneesInfo .formWrapper .formContent.left { padding-right:30px; width:260px; float:left; font-size:1.2em; color:#565a5c;} .blockCompteDoneesInfo .formWrapper .formContent.right { padding-right:30px; width:260px; float:right; font-size:1.2em; color:#565a5c;} .blockCompteDoneesInfo .formWrapper .formContent .left .formRow { padding:0 0 10px 0; height: 35px; float:left;} .blockCompteDoneesInfo .formWrapper .formContent .left .formRow label{ width:91px; display:inline-block; font-size:1.2em; color:#565a5c; vertical-align: middle; padding-right:12px; float:left;} .blockCompteDoneesInfo .formWrapper .formContent .right .formRow { padding:0 0 10px 0; height: 35px; float:left;} .blockCompteDoneesInfo .formWrapper .formContent .right .formRow label{ width:91px; /*height:35px;*/ display:block; font-size:1.2em; color:#565a5c; margin-left: 30px; float:left; vertical-align: middle; padding-right:12px;} .blockCompteDoneesInfo .formWrapper .formContent .left .formRow strong{ float:left;} .blockCompteDoneesInfo .formWrapper .formContent .right .formRow strong { float:left;} .blockCompteDoneesInfo .formWrapper .formContent .formRow .wrapInput { float:left;} .blockCompteDoneesInfo .formWrapper .formContent .left .formRow strong input, .blockCompteDoneesInfo .formWrapper .formContent .left .formRow .wrapInput input { display:inline-block; width:141px; font-family:Arial, Helvetica, sans-serif; padding:0 0 0 15px; height:30px; border:0; font-size:1.2em; color:#565a5c; vertical-align: middle;background-color:#F5F5F2;} .blockCompteDoneesInfo .formWrapper .formContent .right .formRow strong input, .blockCompteDoneesInfo .formWrapper .formContent .right .formRow .wrapInput input { display:inline-block; width:140px; font-family:Arial, Helvetica, sans-serif; padding:0 0 0 15px; height:30px; border:0; font-size:1.2em; color:#565a5c; vertical-align: middle;background-color:#F5F5F2;} .blockCompteDoneesInfo .formWrapper .formContent .formRow strong input:focus, .blockCompteDoneesInfo .formWrapper .formContent .formRow .wrapInput input:focus {outline:0;} .blockCompteDoneesInfo .formWrapper .formContent .formRow2 label{ display:inline-block; font-size:1.2em; color:#565a5c; vertical-align: middle;} .blockCompteDoneesInfo .formWrapper .formContent .right .formRow p{ font-size:1em; color:#565a5c; font-style:italic; padding-left:144px; clear:both;} /* @Wyniwyg 022012 - correction des bordures des selects en cas de désactivation des couleurs */ .blockCompteDoneesInfo .formWrapper .formContent .left .formRow .selectBox{ /*margin-left:3px;*/ float:left;border: 1px solid #F5F5F2;} .blockCompteDoneesInfo .formWrapper .formContent .right .formRow .selectBox{ /*margin-left:3px;*/ float:left;border: 1px solid #F5F5F2;} .blockCompteDoneesInfo .formWrapper .formContent .left .formRow .selectBox:focus{ border:solid 1px #b5cfe7; margin:0;} .blockCompteDoneesInfo .formWrapper .formContent .right .formRow .selectBox:focus{ border:solid 1px #b5cfe7; margin:0;} .blockCompteDoneesInfo .formWrapper .formContent .formRow2 { padding:0 0 10px 0; width:500px; float:left;} .blockCompteDoneesInfo .formWrapper .formContent .formRow2Content { padding:0 0 16px 0; width:500px; float:left; min-height:11px; clear:both;} .blockCompteDoneesInfo .formWrapper .formContent .formRow2 span{ padding:0 0 10px 0; height: 35px; float:left;} .blockCompteDoneesInfo .formWrapper .formContent .formRow2 .wrapInput{ padding:0; height:auto; float:none; line-height:normal; font-size:inherit; display:inline;} /* @Wyniwyg 022012 - r�paration du focus */ .blockCompteDoneesInfo .formWrapper .formContent .formRow2 .wrapInput input:focus{ outline: 1px dotted black;} .blockCompteDoneesInfo .formWrapper .formContent .formRow2 p{ padding:0 0 10px 0; width:104px; /*height: 35px;*/ float:left; font-size:1.2em; color:#565a5c;} .blockCompteDoneesInfo .formWrapper .formContent .formRow2 .formRow2radio{ display:block; width:63px; vertical-align: middle; position:relative; float:left;} .blockCompteDoneesInfo .formWrapper .formContent .formRow2 .formRow2radio input{ font-size:1.2em; color:#565a5c; vertical-align: middle; position:relative; vertical-align:middle; margin-top:-2px; margin-left:0; /*background:#f5f5f2 url(../images/bg/bg_radio-focus.gif) no-repeat 0 0;*/} .blockCompteDoneesInfo .formWrapper .blockButton{ padding:26px 0 0px 510px;} .blockCompteDoneesInfo .formWrapper .blockButton span{display:inline-block; height:43px; padding:0 0 0 24px; cursor:pointer; font-size:1.6em; color:#fff; font-weight:700; background:url(../images/btn/btn_sprite.png) no-repeat 0 -1366px; text-decoration:none;} .blockCompteDoneesInfo .formWrapper .blockButton span input{ border:0; display:inline-block; font-size:1em; font-weight:normal; color:#ffffff; height:43px; padding:0 35px 0 0; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -1313px;} /*.blockCompteDoneesInfo2 .formWrapper .blockButton{ padding:26px 0 29px 510px;} .blockCompteDoneesInfo2 .formWrapper .blockButton span{display:inline-block; height:43px; padding:0 0 0 24px; cursor:pointer; font-size:1.6em; color:#fff; font-weight:700; background:url(../images/btn/btn_sprite.png) no-repeat 0 -818px; text-decoration:none;} .blockCompteDoneesInfo2 .formWrapper .blockButton span input{ border:0; display:inline-block; font-size:1em; font-weight:bold; color:#ffffff; height:43px; padding:0 35px 0 0; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -765px;}*/ .blockCompteDoneesInfo2 .blockButton.orange span { background: url("../images/btn/btn_sprite.png") no-repeat scroll 0 -1666px transparent;color: #FFFFFF; cursor: pointer;display: inline-block; font-size: 1.6em; font-weight: 700;height: 45px; padding: 0 0 0 19px;text-decoration: none;} .blockCompteDoneesInfo2 .blockButton.orange span input {background: url("../images/btn/btn_sprite.png") no-repeat scroll right -1620px transparent; border: 0 none;color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 1em;font-weight: normal; height: 45px; padding: 0 35px 0 0;} .blockCompteDoneesInfo .formWrapper .formContent .formRowCheck label { height:30px; font-size:1.2em; color:#565a5c; display:inline-block;} .blockCompteDoneesInfo .formWrapper .formContent .left .formRowCheck span {font-weight:normal; display:inline-block; font-size:1.2em; color:#565a5c; padding:0; position:relative; vertical-align:top; left: -8px; top:-2px;} .blockCompteDoneesInfo .formWrapper .formContent .left p{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#565a5c } .blockCompteDoneesInfo .formWrapper .formContent .left strong {/*font-size:1.2em;*/ font-weight:700; color:#565a5c } .blockCompteDoneesInfo .formWrapper .formContent .left .wrapInput { font-weight:700; color:#565a5c} /* T_COMPTE_DONEES_PRO2 - form */ .labelLine{ padding-top:7px;} /*.blockCompteDoneesInfo2 .formWrapper .formContent { min-height: 120px; overflow:hidden;}*/ .blockCompteDoneesInfo2 .formWrapper .formContent .dateContent { float:left; width:500px; } /* .blockCompteDoneesInfo2 .formWrapper .formContent { min-height: 120px; overflow:hidden;} .blockCompteDoneesInfo2 .formWrapper .formContent span{ padding-bottom:25px;} .blockCompteDoneesInfo2 .formWrapper .formContent.left { padding-right:30px; width:260px; float:left; font-size:1.2em; color:#565a5c;} .blockCompteDoneesInfo2 .formWrapper .formContent.right { padding-right:30px; width:260px; float:right; font-size:1.2em; color:#565a5c;}*/ .blockCompteDoneesInfo2 .formWrapper .formContent .left .formRow { padding:0 0 10px 0; height: 35px; float:left;} .blockCompteDoneesInfo2 .formWrapper .formContent .left .formRow label{ width:91px; display:inline-block; font-size:1.2em; color:#565a5c; vertical-align: middle; padding-right:12px; float:left; vertical-align:middle;} .blockCompteDoneesInfo2 .formWrapper .formContent .left .formRow p{ padding:0 12px 10px 0; width:91px; float:left; font-size:1.2em; color:#565a5c;} .blockCompteDoneesInfo2 .formWrapper .formContent .left .Date.formRow{padding:0 10px 10px 0;} /*.blockCompteDoneesInfo2 .formWrapper .formContent .right .formRow { padding:0 0 10px 0; height: 35px; float:left;} .blockCompteDoneesInfo2 .formWrapper .formContent .right .formRow label{ width:91px; display:block; font-size:1.2em; color:#565a5c; margin-left: 30px; float:left; vertical-align: middle; padding-right:12px;} .blockCompteDoneesInfo2 .formWrapper .formContent .left .formRow strong{ float:left;} .blockCompteDoneesInfo2 .formWrapper .formContent .right .formRow strong{ float:left;} .blockCompteDoneesInfo2 .formWrapper .formContent .left .formRow strong input{ display:inline-block; width:141px; font-family:Arial, Helvetica, sans-serif; padding:0 0 0 15px; height:30px; border:0; font-size:1.2em; color:#565a5c; } .blockCompteDoneesInfo2 .formWrapper .formContent .right .formRow strong input{ display:inline-block; width:140px; font-family:Arial, Helvetica, sans-serif; padding:0 0 0 15px; height:30px; border:0; font-size:1.2em; color:#565a5c;} .blockCompteDoneesInfo2 .formWrapper .formContent .formRow2 label{ display:inline-block; font-size:1.2em; color:#565a5c; vertical-align: middle;} .blockCompteDoneesInfo2 .formWrapper .formContent .right .formRow p{ font-size:1em; color:#565a5c; font-style:italic;} .blockCompteDoneesInfo2 .formWrapper .formContent .left .formRow .selectBox{ } .blockCompteDoneesInfo2 .formWrapper .formContent .formRow2 { padding:0 0 10px 0; width:500px; float:left;} .blockCompteDoneesInfo2 .formWrapper .formContent .formRow2Content { padding:0 0 10px 0; width:500px; float:left; height:25px} .blockCompteDoneesInfo2 .formWrapper .formContent .formRow2 span{ padding:0 0 10px 0; height: 35px; float:left;} .blockCompteDoneesInfo2 .formWrapper .formContent .formRow2 p{ padding:0 12px 10px 0; width:91px; float:left; font-size:1.2em; color:#565a5c;} .blockCompteDoneesInfo2 .formWrapper .formContent .formRow2 .formRow2radio{ display:block; width:63px; vertical-align: middle; position:relative; float:left;} .blockCompteDoneesInfo2 .formWrapper .formContent .formRow2 .formRow2radio input{font-size:1.2em; color:#565a5c; vertical-align: middle; position:relative; vertical-align:middle; margin-top:-2px;} .blockCompteDoneesInfo2 .formWrapper .formContent .formRowCheck label { height:30px; font-size:1.2em; color:#565a5c; display:inline-block;} .blockCompteDoneesInfo2 .formWrapper .formContent .left .formRowCheck span{font-weight:normal; display:inline-block; font-size:1.2em; color:#565a5c; padding:0; position:relative; vertical-align:top; left: -8px; top:-1px; }*/ /*.blockCompteDoneesInfo .formWrapper .formContent .left p{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#565a5c } .blockCompteDoneesInfo .formWrapper .formContent .left strong {font-size:1.2em; font-weight:700; color:#565a5c }*/ .blockCompteDonees .formWrapper .formContent .formRow label.error{ left: 100px; position: relative; color:red !important; font-size:1em; font-style:italic; width:200px !important; display:block; float:none; clear:both;} /*.blockCompteDonees2 .formWrapper .formContent .formRow label.error{ left: 100px; position: relative; color:red; font-size:1em; font-style:italic; width:200px; display:block;}*/ .blockCompteDonees .formWrapper .formContent .formRow2Content label.error{ left: 100px; position: relative; top:-5px; color:red !important; font-size:1em; font-style:italic; width:200px; display:block !important; float:none; clear:both;} .Date .selectBox-dropdown { width:50px; background: url("../images/bg/bg_select3.png") no-repeat scroll left top transparent; padding-right: 25px;} .Date .selectBox-dropdown-menu {width:105px !important;} .selectBox-dropdown:focus { border:solid 1px #b5cfe7; margin:-1px 0 0 -1px;} /* T_COMPTE_DONEES_PRO - ASIDE */ .compteDoneesAside {flot:right;} .compteDoneesAside .aside {width:200px; float:right; position:relative; right:40px;} .compteDoneesAside .asideTop { background:url(../images/bg/rounded_200.jpg) no-repeat 0 0; height:10px;} .compteDoneesAside .asideBottom { background:url(../images/bg/rounded_200.jpg) no-repeat 0 bottom; height:10px;} .compteDoneesAside .asideMenu {background-color:#f5f5f2; padding:10px 20px 0 20px;} /* T_COMPTE_DONEES_PRO - ASIDE - Accordion styles */ .compteDoneesAside .dcjq-count { display:none;} .compteDoneesAside .dcjq-parent-li { padding-bottom:12px;} .compteDoneesAside .dcjq-parent-li.first { padding-bottom:12px; background:url(../images/bg/bg_line.png) no-repeat left 20px; } .compteDoneesAside .dcjq-parent-li.middle{ padding-bottom:12px; background:url(../images/bg/bg_line.png) no-repeat left 37px; } .compteDoneesAside .dcjq-parent { position:relative; padding-left:20px; display:block; font-size:1.4em; color:#363636; text-decoration:none;} .compteDoneesAside .dcjq-icon { position:absolute; left:0; top: 2px; background:url(../images/icons/ico_accordion_arrows.png) no-repeat 0 0; display:block; width:12px; height:12px;} .compteDoneesAside .dcjq-parent.test { color:#8f2b8c;} .compteDoneesAside .dcjq-parent.test .dcjq-icon { background:url(../images/icons/ico_accordion_arrows.png) no-repeat 0 -150px; display:block; width:12px; height:12px;} .compteDoneesAside .dcjq-parent-li ul { padding-left:10px; padding-top:10px;} .compteDoneesAside .dcjq-parent-li ul li a { color:#363636; text-decoration:none; font-size:1.2em; background:url(../images/icons/ico_accordion_arrows.png) no-repeat 0 -40px; width:5px; height:8px; padding-left:20px; line-height: 1.6em; } .compteDoneesAside .dcjq-parent-li ul li a:focus, .compteDoneesAside .dcjq-parent-li ul li a:hover { color:#8f2b8c; background:url(../images/icons/ico_accordion_arrows.png) no-repeat 0 -123px;} .compteDoneesAside .dcjq-parent-li.selected .dcjq-icon { background:url(../images/icons/ico_accordion_arrows.png) no-repeat 0 -107px;} .compteDoneesAside .dcjq-parent-li.selected a {color: #8F2B8C;} .compteDoneesAside2 .dcjq-parent-li.selected .dcjq-icon { background:url(../images/icons/ico_accordion_arrows.png) no-repeat 0 -92px;} .compteDoneesAside2 .dcjq-parent-li.selected a {color: #E54A06;} /* T_COMPTE_DONEES_PRO2 - ASIDE */ /*.compteDoneesAside2 {float:right;} .compteDoneesAside2 .aside {width:200px; float:right; position:relative; right:40px;} .compteDoneesAside2 .asideTop { background:url(../images/bg/rounded_200.jpg) no-repeat 0 0; height:10px;} .compteDoneesAside2 .asideBottom { background:url(../images/bg/rounded_200.jpg) no-repeat 0 bottom; height:10px;} .compteDoneesAside2 .asideMenu {background-color:#f5f5f2; padding:10px 20px 0 20px;}*/ /* T_COMPTE_DONEES_PRO2 - ASIDE - Accordion styles */ /*.compteDoneesAside2 .dcjq-count { display:none;} .compteDoneesAside2 .dcjq-parent-li { padding-bottom:12px;} .compteDoneesAside2 .dcjq-parent-li.first { padding-bottom:12px; background:url(../images/bg/bg_line.png) no-repeat left 20px; } .compteDoneesAside2 .dcjq-parent-li.middle{ padding-bottom:12px; background:url(../images/bg/bg_line.png) no-repeat left 37px; }*/ /*.compteDoneesAside2 .dcjq-parent { position:relative; display:block; padding-left:20px; font-size:1.4em; color:#363636; text-decoration:none;} .compteDoneesAside2 .dcjq-icon { position:absolute; left:0; top: 2px; background:url(../images/icons/ico_accordion_arrows.png) no-repeat 0 0; display:block; width:12px; height:12px;}*/ .compteDoneesAside2 .dcjq-parent.test { color:#E54A06;} .compteDoneesAside2 .dcjq-parent.test .dcjq-icon { background:url(../images/icons/ico_accordion_arrows.png) no-repeat 0 -17px;} /* .compteDoneesAside2 .dcjq-parent-li ul { padding-left:10px; padding-top:10px;} .compteDoneesAside2 .dcjq-parent-li ul li a { color:#363636; text-decoration:none; font-size:1.2em; background:url(../images/icons/ico_accordion_arrows.png) no-repeat 0 -39px; width:5px; height:8px; padding-left:20px; line-height: 1.6em; } .compteDoneesAside2 .dcjq-parent-li ul li a:focus, .compteDoneesAside2 .dcjq-parent-li ul li a:hover { color:#E54A06; background:url(../images/icons/ico_accordion_arrows.png) no-repeat 0 -26px;}*/ /* .compteDoneesAside2 .formWrapper .formContent .formRow strong.error{ display:inline-block; height:30px; padding:0 15px 0 0; background:url(../images/bg/bg_input-form-error.png) no-repeat right -30px; } .compteDoneesAside2 .formWrapper .formContent .formRow strong input.error{ display:inline-block; width:206px; font-family:Arial, Helvetica, sans-serif; padding:0 0 0 15px; height:30px; border:0; background:url(../images/bg/bg_input-form-error.png) no-repeat left top;font-size:1.2em; color:#F00000;}*/ /* E SERVICE LEL ACCUEIL */ .blockLEL{} .blockLEL .blockCarContainer{} .blockLEL .carrWrapper{ position:relative;} .blockLEL .carrWrapper .blockCarNavContainer{ position:absolute; bottom:20px; left:60px;} .blockLEL .blockCarContainer .blockCarItem{ position:relative; margin:30px 0 0 0; padding:0 0 0 60px; width:902px; height:321px; background: #CCC url(../images/bg/bg_carr-inner.jpg) no-repeat left top;} .blockLEL .blockCarContainer .blockCarItem h3{ position:relative; z-index:999; display:block; font-style:normal;font-weight:400; background:url(../images/bg/bg_ico-lettre-ligne.png) no-repeat left top; padding:5px 0 30px 65px; height:41px; font-family: 'JPHandStraight'; color:#DC5409; font-size:3.5em; vertical-align:middle; text-transform: uppercase; line-height:0.7em;} @media screen and (-webkit-min-device-pixel-ratio:0) { .blockLEL .blockCarContainer .blockCarItem h3 { line-height: 1em; } } .blockLEL .blockCarContainer .blockCarItem p{ display:block; font-family: 'DINLightRegular'; font-size:2.4em; color:#565a5c; text-transform:uppercase; width:430px; line-height:1em; padding:0 0 70px 0; position:relative; z-index:999; } .blockLEL .blockCarContainer .blockCarItem img{ position:absolute; right:0; bottom:0; z-index:0;} .blockLEL .blockCarContainer .blockCarItem a{} .blockLEL .blockCarContainer .blockCarItem .linkOrange2{ height:43px; background:url(../images/btn/btn_sprite.png) no-repeat left -1667px; padding: 0 0 0 20px;} .blockLEL .blockCarContainer .blockCarItem .linkOrange2 span{ height:29px; background:url(../images/btn/btn_sprite.png) no-repeat right -1621px; padding:14px 32px 0 0;} .blockLEL .blockCarContainer .blockCarItem .linkGrey{ height:43px; background:url(../images/btn/btn_sprite.png) no-repeat left -510px;} .blockLEL .blockCarContainer .blockCarItem .linkGrey span{ height:29px; background:url(../images/btn/btn_sprite.png) no-repeat right -450px; padding:14px 45px 0 0;} ul.carrBtns{ position:relative; z-index:999;} .carrBtns li { float:left } .blockLEL .blockCTABottom{ padding:40px 0 0 0;} .blockLEL .blockCTABottom .blockOneCTA{ height:152px; border-left:1px solid #b0b0b0; float:left; padding:0 20px; width:280px; position:relative; } .blockLEL .blockCTABottom .blockOneCTA:first-child{ border-left:none;} .blockLEL .blockCTABottom .blockOneCTA h3{ font-weight:normal; font-family: 'JPHandStraight'; color:#363636; font-size:2.2em; line-height:1em; padding:5px 0 0 0;} .blockLEL .blockCTABottom .blockOneCTA p{ color:#363636; font-size:1.4em; line-height:1.5em; display:block; padding:18px 0 0 0; width: 202px; } .blockLEL .blockOneCTA .imgLettres { position:absolute; top: 45px; right:0; } .blockLEL .blockOneCTA .imgtarifs { position:absolute; top: 25px; right: 1px; } .blockLEL .blockOneCTA .imgaide { position:absolute; top: 25px; right: 28px; } .mainContent.blockLELCont { min-height: 595px; } .linkDarkOrange { display:inline-block; text-decoration:none; height:25px; padding:0 0 0 18px; font-size:1.3em; color:#fff; font-family: Arial, Helvetica, sans-serif; background:url(../images/btn/btn_sprite.png) no-repeat 0 -1756px; font-weight:700; line-height:12px; } .linkDarkOrange span { display:inline-block; height:19px; padding:6px 16px 0 9px; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -1726px; } .blockLEL .blockOneCTA .linkDarkOrange { position:absolute; bottom:6px; left:17px; } .blockLEL .blockCarItem .lettreSteps { display:block; overflow:hidden; } .blockLEL .blockCarItem .lettreSteps li { float:left; display:block; margin-right:5px; width:205px; text-align:center; } .blockLEL .blockCarItem .lettreSteps li img { position:static; } .blockLEL .blockCarItem .lettreSteps li .stepWrap { position:relative; display:block; } .blockLEL .blockCarItem .lettreSteps li .stepWrap span { position:absolute; top:0; left:0; font-size: 4em; font-weight:700; line-height:1em; color:#625e4f; } .blockLEL .blockCarItem .lettreSteps li .stepWrap p { font-size:1.2em; font-weight:700; text-transform:none; padding:0; margin-left:40px; text-align:left; width:200px; margin-top:7px; } .blockLEL .blockCarItem .lettreSteps li .stepWrap.step3 p { margin-left:87px; } .blockLEL .blockCarItem .lettreSteps li .stepWrap.step4 p { margin-left:62px; width:177px; } .blockLEL .blockCarItem .wrapCenter { margin-top:26px; } .wrapCenter { text-align:center; display:block; width:100%; } .linkDarkOrange { display:inline-block; text-decoration:none; height:25px; padding:0 0 0 18px; font-size:1.3em; color:#fff; font-family: Arial, Helvetica, sans-serif; background:url(../images/btn/btn_sprite.png) no-repeat 0 -1756px; font-weight:700; line-height:12px; } .linkDarkOrange span { display:inline-block; height:19px; padding:6px 16px 0 9px; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -1726px; } /*LREL*/ .LREL .blockCTABottom .blockOneCTA p { width:auto; } .LREL .blockOneCTA .imgaide { right: 8px; } .LREL .blockOneCTA .imgtarifs { right: 8px; } .LREL .blockCarItem .lettreSteps li { width:210px; } .LREL .blockCarContainer .blockCarItem em { background:url(../images/bg/bg_ico-lettre-ligne2.png) no-repeat left top; height:53px; padding:5px 0 30px 77px; font-family: 'JPHandStraight'; color:#007185; font-size:5.4em; vertical-align:middle; text-transform:uppercase; display:block; line-height:0.7em; } .LREL .blockCarContainer .blockCarItem img { right:24px; z-index:0; } .LREL .linkGreen3 { margin-top:15px; } .LREL .linkGreen3 span { padding: 6px 8px 0 30px; } .LREL .blockCarItem .wrapCenter { margin-top: 12px; } .LREL .blockCarContainer .blockCarItem h3.lrelTitle1 { color:#007185; background: url("../images/bg/bg_ico-lettre-ligne2.png") no-repeat scroll left top transparent;font-size: 3.5em; line-height: 1.2em; width: 500px;} .LREL .blockCarContainer .blockCarItem h3.lrelTitle2 { color:#007185; background: url("../images/bg/bg_ico-lettre-ligne2.png") no-repeat scroll left top transparent;font-size: 2.8em; line-height: 1.7em;} .LREL .blockCarContainer .blockCarItem h3.lrelTitle1 em { float:left; font-size:1em; background:none; padding:0;} .LREL .blockCarContainer .blockCarItem p { padding: 30px 0 40px 0 } .linkDarkLREL{ display:inline-block; text-decoration:none; height:25px; padding:0 0 0 18px; font-size:1.3em; color:#fff; font-family: Arial, Helvetica, sans-serif; background:url(../images/btn/btn_sprite.png) no-repeat 0 -1756px; font-weight:700; line-height:12px; } .linkDarkLREL span { display:inline-block; height:19px; padding:6px 16px 0 9px; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -1726px; } /* CSUIVI TRANCHE RESULTAT */ .mainContent.csuivi { overflow:visible;} .contentVotreSuivi {padding: 0 140px; background:url(../images/bg/bg_emplacement.png) no-repeat 0 0; margin-left:-92px; width: 875px; float: left;} .contentVotreSuivi h2.votre { font-size:3.4em; color:#8f2b8c; text-transform:uppercase;font-family:'DINMediumRegular', Arial, Helvetica, sans-serif; font-weight:700;letter-spacing: -0.02em; line-height:3em;} .contentVotreSuivi h3 { font-size:3.4em; color:#8f2b8c; text-transform:uppercase;font-family:'DINMediumRegular', Arial, Helvetica, sans-serif; font-weight:700;letter-spacing: -0.02em; line-height:3em;} .tabNavigation li {display: inline;font-weight:700;} .tabNavigation li .selected span, .tabNavigation li a:hover span {background: url("../images/bg/tab_active_right.gif") no-repeat scroll right center transparent; color: #883893;text-shadow: none;} .tabNavigation li .selected, .tabNavigation li a:hover {background: url("../images/bg/tab_active.gif") no-repeat scroll left center transparent; color: #883893; } .tabNavigation li a {background: url("../images/bg/tab.gif") no-repeat scroll left center transparent;display: inline-block; height: 50px; padding-left: 20px; text-decoration: none;} .tabNavigation li a span {background: url("../images/bg/tab_right.gif") no-repeat scroll right center transparent;color: #FFFFFF;display: inline-block;font-size: 14px;height: 38px; padding-right: 28px;padding-top: 12px; text-shadow: 0 1px 1px #000000;} .tabNavigation li a.last_span:hover span, .tabNavigation li a.last_span.selected span { background: url("../images/bg/tab_active_right_last.gif") no-repeat scroll right center transparent;} .tab_cont { float:left; width: 575px;} /*generalformRow*/ .formTabs { padding: 30px 40px; width: 780px; float:left; clear:both; background:url(../images/bg/bg_grey-1x1.gif) repeat 0 0; color:#363636;} .formTabs label {font-size:2.1em; line-height: 1em; float:left; width:865px; font-weight:700;} .formTabs .title {font-size:2.1em; line-height: 1em; float:left; width:865px; font-weight:700;} .formTabs p { font-size:1.3em;line-height: 2em;padding-bottom: 20px;} .formTabs .formRow { float:left; width:300px;} .formTabs .formRow span {background: url("../images/bg/bg_input-form.png") no-repeat scroll right -30px transparent; display: inline-block; height: 30px; padding: 0 15px 0 0; position:relative; float:left; position:relative;} .formTabs .formRow span input {background: #F5F5F2 url("../images/bg/bg_input-form.png") no-repeat left top; border: 0 none; color: #565A5C; display: inline-block;font-family: Arial,Helvetica,sans-serif; font-size: 1.2em; height: 30px; padding: 0 0 0 15px; width: 206px; outline:none;} .formTabs .formRow label { font-size:1.3em; padding-bottom: 10px; color:#363636; width:200px;} .formTabs .formRow.last { width:175px;} .formTabs .formRow.last span input{width: 80px;} .formTabs .formRow span label.error{ position: absolute; left:10px; top:35px; font-size:1.2em; color:#f00; font-weight:400; width:200px;} /*first formRow*/ .formTabs.parnumero label { font-size:2.1em; line-height: 2em; float:left; width:865px; font-weight:700; padding-bottom: 25px;} .formTabs.parnumero .blockButton {float: right; margin-top: -8px; padding: 0 0 0 10px } .formTabs.parnumero .formRow { width:400px;} .blockButton {float: left; padding: 26px 0 0 302px;;} .formTabs .blockButton span {background: url("../images/btn/btn_sprite.png") no-repeat scroll 0 -1366px transparent;color: #FFFFFF;cursor: pointer; display: inline-block; font-size: 1.6em; font-weight: 700; height: 43px; padding: 0 0 0 24px; text-decoration: none;} .formTabs .blockButton span input { background: url("../images/btn/btn_sprite.png") no-repeat scroll right -1313px transparent; border: 0 none; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 1em; font-weight: bold; height: 43px; padding: 0 35px 0 0; width:125px;} .tabsBottomCorners { background:url(../images/bg/bg_tabscontent.gif) no-repeat 0 bottom; height:10px;width: 860px; float:left;} .tabsTopCorners {background:url(../images/bg/bg_tabscontent.gif) no-repeat 0 0; height:10px;width: 860px;float:left; margin-top: -1px;} .tabsTopCorners_first {background:url(../images/bg/bg_tabscontent_left.gif) no-repeat 0 0; height:10px;width: 860px;float:left; margin-top: -1px;} .tabsTopCorners_last {} .table_resultat { float:left; width:652px;} .table_resultat caption {font-size:1.8em; line-height: 3em; text-align: left; padding-left:25px;} .table_resultat table { /*width:652px;*/ border: medium none;display: table; font-family: Arial,Helvetica,sans-serif;font-size: 1.3em; table-layout: fixed; text-indent: 0; padding-bottom:10px;} .resultat_rech_table_LAPOSTE tr:first-child td { border-right:1px solid #fff;color: #565A5C; /*height: 70px;*/ text-align: center; padding-bottom:5px;} /* */ .resultat_rech_table_LAPOSTE tr td { border-right:1px solid #fff;color: #565A5C; /*height: 70px;*/ text-align: center; padding-bottom:5px;} /* */ .resultat_rech_table tr { background: #F5F5F2 url(../images/tr.gif) no-repeat left bottom; border: none; } .resultat_rech_table th { border: medium none;color: #883893; /*height: 47px; background: url(../images/media/tabs_result_sep.gif) no-repeat left center; padding: 16px 0 0;*/} /*.resultat_rech_table th:first-child { background:none;} */ .resultat_rech_table thead tr:first-child td{background-color:#fff;} .resultat_rech_table thead tr td{background-color:#fff;} .resultat_rech_table_LAPOSTE tr:first-child {display: table-row;} .resultat_rech_table_LAPOSTE tr:first-child td {vertical-align: inherit; background-color:#f5f5f2;} .resultat_rech_table_LAPOSTE tr td {vertical-align: inherit; background-color:#f5f5f2;} .resultat_rech_table_LAPOSTE tr {display: table-row;} .resultat_rech_table_LAPOSTE tr td.table_information{vertical-align: inherit; background-color:#fff; padding-bottom:0;} .resultat_rech_table tbody tr td{height:20px;} .resultat_rech_table tbody tr:last-child td {padding-bottom:10px;} .resultat_rech_table td.lastItem{ background:#fff; height:10px; padding-bottom:5px;} /*.resultat_rech_table thead tr{background: #fff url(../images/media/separator_big.gif) no-repeat 0 bottom;}*/ .resultat_rech_table .col_date {border-right:1px solid #ccc; font-size:14px; color:#883893; font-weight:700; text-align:right; padding-right:35px; background:#fff; padding-bottom:5px;} .resultat_rech_table .col_loca {border-right:1px solid #ccc; text-align:center; background:#fff; padding-bottom:5px;} .resultat_rech_table .col_statut { text-align:left; padding-left:40px; background:#fff; padding-bottom:5px;} /*.resultat_rech_table th a { font-size:1.3em; font-family:Arial, Helvetica, sans-serif; color:#565a5c; text-decoration:none; background:url(../images/icons/table_collapse_grey.gif) no-repeat right 5px; padding:0 25px;}*/ .resultat_rech_table th a.selected { background:url(../images/icons/table_collapse_hover.gif) no-repeat right 24px; color:#224466; padding:20px 25px 20px 0; display:inline-block;} /*.resultat_rech_table th#col_action { background:none;} */ .table_resultat .label-hidden2 {direction: rtl; display: block; height: 0; margin: 0 ;overflow: hidden;padding: 0;text-align: right; text-indent: -9999px;} .table_information { background:#fff url(../images/bg/bg_tr_open.gif) no-repeat 0 0; width:860px;} .resultat_rech_table .identifiant_num, .resultat_rech_table .identifiant_num a { color:#883893; font-weight: 700; text-decoration:none;} .resultat_rech_table .liste_des_actions { padding-top:10px;} .openTable{ margin-bottom:20px;} tbody .tableHeader{display: table-row !important;} tbody .tableHeader .identifiant_num { background-color: #F5F5F2;} tbody .tableHeader th { background:none; color:#565a5c; background-color: #F5F5F2; padding-bottom:25px; border-right: 1px solid #FFFFFF; font-weight: 400;} tbody .tableHeader th a { background:none; font-size: 1em;} .lastLabel{ width:100px !important;} a.bt-footer-left, a.bt-footer-left:focus, a.bt-footer-left:hover, a.bt-footer-left:active, a.bt-footer-left:visited {color: #883893;display: inline-block;font-size: 1.2em; font-weight: bold;height: 21px;line-height: 15px; padding: 5px 7px 0 37px; text-decoration: none;} .bt-footer-right { background: url("../images/btn/bt_footer_right.gif") no-repeat right top;color: #883893;display: inline-block;float: left;height: 26px;margin: 1px 0 0 8px; padding-right: 9px; text-decoration: none;} /*.recherche_footer { padding:40px 0; float:left; width: 860px; background:url(../images/media/separator_big.gif) no-repeat 0 0;}*/ .recherche_footer p {float: left;font-size: 1.2em; font-weight: bold;padding: 7px 0 10px; width: 72px;} .bt_1{ background: url("../images/btn/bt_footer_left.gif") no-repeat left top;} .bt_2{ background: url("../images/btn/bt_footer_left2.gif") no-repeat left top;} .bt_3{ background: url("../images/btn/bt_footer_left4.gif") no-repeat left top;} .table_information p { padding:20px; text-align:left;} .resultat_rech_table .distribue { padding-right: 30px; /*position:relative;*/} .resultat_rech_table .distribue span { display: block;float: left;padding: 24px 0 0 40px;} .resultat_rech_table .distribue img { display: block;float: right;padding-top: 10px;} /*.table_information_wrapper {float: left;padding: 0 170px 25px;} .table_information_wrapper ul { clear: left;font-size: 1.1em;} .table_information_wrapper ul li { float:left;padding:3px 50px;} .table_information_wrapper ul li.middle { border-right:1px solid #ccc; border-left:1px solid #ccc;} .table_information_wrapper ul .table_information_date { color:#883893; font-weight:700; } */ resultat_rech_table_LAPOSTE tr { width:862px;} resultat_rech_table_LAPOSTE tr.expand a { text-decoration:none; display:block; width:862px;} resultat_rech_table_LAPOSTE tr.expand a td { width:195px;} resultat_rech_table_LAPOSTE tr.collapse { display:none;} resultat_rech_table_LAPOSTE tr.collapse.shown { display:block;} /*tooltips*/ .time {float: left;height: 30px;margin-left: 10px;position: relative;width: 31px;z-index: 9999;cursor:pointer;top: 5px;} .loop {float: left; height: 30px; margin-left: 5px;position: relative; width: 31px;cursor:pointer;top: 5px;} .print { float: left; height: 30px;margin-left: 5px; position: relative;width: 31px;cursor:pointer;top: 5px;} .aide { float: right; height: 30px;margin-right: 25px; margin-top:22px; position: relative;width: 31px; cursor:pointer;} #tranche .aide{margin-top:0;} .aide a {height: 30px; width: 31px;} .mail {float: left; height: 30px; margin-left: 5px; position: relative; width: 31px;top: 5px;} .htmltooltip { background: url("../images/bg/bg_tooltip.gif") no-repeat scroll 0 0 transparent;color: #565A5C;display: none;height: 48px;left: -237px;padding: 11px 3px 3px 12px; position: absolute;text-align: left; top: -57px; width: 158px; z-index: 9999;} .htmltooltip_aide { display: none; min-height: 120px; position: absolute;left: -240px;top: -180px; text-align: left; width: 300px; z-index: 9999; } .htmltooltip_aide p { color:#883893; font-size:1.4em; line-height:1.2em; font-weight:700;} .htmltooltip_aide p.txt_litle {color: #565A5C;font-size:1.2em; font-weight:400;} .htmltooltip_aide .htmltooltip_aide_top { background:url("../images/bg/bg_tooltip_top.png") no-repeat 0 0; width:300px; float:left; padding:20px; width:260px;} .htmltooltip_aide .htmltooltip_aide_bottom { background:url("../images/bg/bg_tooltip_bottom.png") no-repeat 0 0; width:300px; height:32px; float:left;} /*T_eService_reex_presentatV3*/ /*HOME presentat*/ .mainContent.eserviceReex { overflow:visible;} .wrapCaroucel.eserviceReex{ min-height:310px; left: -93px; background: url("../images/bg/bg_hp-reex.png") no-repeat scroll 0 0 transparent; } .wrapCaroucel.eserviceReex .imgReexPresentat {position:absolute; right: 0; bottom:-39px;} .wrapCaroucel.eserviceReex .itemCaroucel { margin:0; padding:0; background:url(../images/bg/bg_item-carousel_eservice.jpg) no-repeat 0 0; height:317px; width: 962px;} .wrapCaroucel.eserviceReex .itemCaroucel .description {left: 45px; top: 40px; position: relative;} .wrapCaroucel.eserviceReex .itemCaroucel .description.reexpedition {top: 20px;} .wrapCaroucel.eserviceReex .itemCaroucel .addInfo {left: 50px; top: 233px; position:absolute;} .wrapCaroucel.eserviceReex .itemCaroucel .addInfo ul{} /*BTN retour*/ .mainContent .retour a{ background: url("../images/bg/bg_list-arrow.png") no-repeat left 4px; font-size:1.2em; color:#363636; width:auto; padding-left:10px; margin-top: 30px; position: absolute; top: 9px; right: 30px; display:block; text-decoration:none; z-index:99999;} .mainContent .retour.reexpedition a { margin-top: 18px;} .mainContent .retour a:focus, .mainContent .retour a:hover{ text-decoration:underline} .wrapCaroucel.eserviceReex .itemCaroucel .description h3, .wrapCaroucel.eserviceReex .itemCaroucel .description h2 { font-family:'DINMediumRegular', Arial, Helvetica, sans-serif; color:#006397; font-size: 3.4em;font-weight: 700; text-transform:uppercase; line-height: 1.2em; letter-spacing:-0.04em; width: 627px; position:absolute; } .wrapCaroucel.eserviceReex .itemCaroucel .description h3 img, .wrapCaroucel.eserviceReex .itemCaroucel .description h2 img { float:left; padding-top:8px;} .wrapCaroucel.eserviceReex .itemCaroucel .description .subTitle {width:350px; font-family:'DINLightRegular', Arial, Helvetica, sans-serif; font-size:2.0em; text-transform:uppercase; line-height:1.50em; color:#000; margin-top: 64px; position: absolute;} .infobulle-tooltips{display:none;} /*List*/ .eserviceReex .recevoirList {width:933px; min-height: 280px; padding:20px 0 0 15px;} .eserviceReex .recevoirList ul { padding:24px; display:block;} .eserviceReex .recevoirList ul li.tittle { font-size:1.6em; color:#006397; margin:0 0 0 23px; font-weight:700; text-indent:20px; display:block; float:left; padding:20px 0 0 0; background:url(../images/icons/icon_check.png) no-repeat left 22px; } .eserviceReex .recevoirList ul li { font-size:1.4em; color:#000;width:855px; float:left; padding:3px 10px 0 43px; display:block;} .eserviceReex .recevoirList ul li:first-child { padding-top: 8px; } .eserviceReex .recevoirList h3.tittle { font-size:1.6em; color:#006397; margin:0 0 0 47px; font-weight:700; text-indent:20px; display:block; float:left; padding:26px 0 0 0; background:url(../images/icons/icon_check.png) no-repeat left 29px; } .eserviceReex .notes { width:933px; padding:2px 10px 10px 38px; overflow:hidden;} .eserviceReex .notes span { width:840px; font-size:1.4em; color:#000; background:url(../images/icons/alert2.png) no-repeat 25px 3px; text-indent:25px; line-height:1.5em; padding-left: 24px; margin-top:10px; display:block; float:left;} .eserviceReex .notes p{ font-size:1.4em; color:#000; width: 840px; padding:14px 10px 0 24px; float:left; line-height: 1.4em; } .eserviceReex .boxVideoContainer { width:437px; float:right; z-index:1000; margin-top:105px} .eserviceReex .boxVideoImgLeft { left:335px; top:237px; position:absolute; z-index:2000;} .eserviceReex .boxVideoImgRight { right:-62px; top:195px; position:absolute;z-index:2000;} .eserviceReex .boxVideo{ width:386px; height:221px; background:#e8e8e8; text-align:center; padding:0px;} .eserviceReex .boxVideoTop { background:url(../images/bg/rounded_386.jpg) no-repeat 0 0; height:8px; width:386px;} .eserviceReex .boxVideoBottom { background:url(../images/bg/rounded_386.jpg) no-repeat 0 bottom; height:8px; width:386px; } .eserviceReex .promo { width:850px; height:80px; margin-left:50px; padding: 95px 0 0 34px; background:url(../images/bg/bg_promo.gif) no-repeat left top; position:relative; display:block; float:left;} .eserviceReex .promo .buttons { background: #999999 url(../images/bg/bg_white-1x1.gif);} .eserviceReex .promo .linkblueSmall { display:inline-block; height:26px; padding:0 0 0 18px; font-size:1.6em; color:#fff; font-weight:700; background:url(../images/btn/btn_sprite.png) no-repeat 0 -1951px; text-decoration:none;margin-top: 8px;} .eserviceReex .promo .linkblueSmall span, .eserviceReex .promo .linkblueSmall h3 { display:inline-block; height:26px; padding: 4px 16px 2px 6px; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -1926px;font-size: 0.8em;} .eserviceReex .promo p.title { position:absolute; left:34px; top:16px; width:540px; font-family:'JPHandStraight'; font-size:2em; line-height:1.8em; color:#000;} .eserviceReex .promo .logoHertz { position:absolute; left:638px; top:35px;} .eserviceReex .promo .logoDirectEnergie { position:absolute; left:638px; top:85px;} .eserviceReex .promo .logoLeroyMerlin { position:absolute; left:722px; top:28px;} .autreServices { width:907px; height: 85px; padding-left: 55px; float:left;} .autreServices ul { padding:10px 0; display:block; float: left;} .autreServices ul li { margin-right:55px; font-weight:700; float:left; display:block;} .autreServices p { font-size:1.6em; color:#006397; font-weight:700; height: 15px; display:block;} .autreServices h3 { font-size:1.6em; color:#006397; font-weight:700; height: 15px; display:block;} .autreServices ul li a{ font-size:1.4em; color:#006397; text-decoration:none; font-weight:700; background:url(../images/btn/btn_arrow-circle-blue.png) no-repeat left 14px; float:left; padding:10px 10px 0 40px;display:block;} .autreServices ul li a:focus, .autreServices ul li a:hover { text-decoration:underline;} .buttonBottom { width:200px; height:80px; float:right; background: #999 url(../images/bg/bg_white.gif) repeat left top;} /* T_eService_LREL_Verification_Preuve_V2_copie */ .mainContent.fileSubmission{ min-height:100px;} .blockFileSubmission{ padding:37px 38px 40px 38px; overflow:hidden;} .blockFileSubmission h2{font-family: 'DINMediumRegular'; font-size:3.2em; line-height:1em; color:#006397; text-transform:uppercase; letter-spacing:-1px; padding:0 0 40px 0;} .blockFileSubmission .fichierPreuve{ width:554px; float:left;} .blockFileSubmission .fichierPreuve .blockTopBorders{ height:9px; background:url(../images/bg/bg_top-corners-submit.png) no-repeat left top;} .blockFileSubmission .fichierPreuve .blockBottomBorders{ height:9px; background:url(../images/bg/bg_bottom-corners-submit.png) no-repeat left top;} .blockFileSubmission .fichierPreuve .blockFichierPreuveContent{ background:url(../images/bg/bg_grey-1x1.gif) repeat 0 0; padding:20px 32px;} .blockFileSubmission .fichierPreuve .blockFichierPreuveContent p.titleFichier{ color:#363636; font-weight:700; font-size:2.1em; padding:0 0 23px 0;} .blockFileSubmission .fichierPreuve .blockFichierPreuveContent p{ font-size:1.4em; font-family:Arial, Helvetica, sans-serif; padding:0 0 23px 0;} .blockFileSubmission .blockNotes{ float:left; margin:0 0 0 52px; width:278px;} .blockFileSubmission .blockNotes span{ font-size:1.2em; font-weight:bold; display:block; padding:0 0 12px 0;} .blockFileSubmission .blockNotes p{ font-size:1.2em; color:#565a5c; display:block; padding:8px 0 8px 0;} .blockFileSubmission .blockNotes a{ font-size:1.2em; color:#565a5c; text-decoration:underline; display:block; padding:0 0 7px 0;} .blockFileSubmission .blockNotes .separator{ height:5px; width:278px; background:url(../images/bg/separator.jpg) no-repeat left top;} .blockFileSubmission .fichierPreuve .blockButtons { overflow:hidden; padding:25px 0 0 0;} .blockFileSubmission .fichierPreuve .blockButtons .leftBtn{ float:left; display:block; height:43px;} .blockFileSubmission .fichierPreuve .blockButtons .rightBtn{ float:right; display:block;} .blockFileSubmission .fichierPreuve .blockButtons .linkBlue{ float:right;} .blockFileSubmission .fichierPreuve .blockButtons .linkGrey2 {background:url(../images/btn/btn_sprite.png) no-repeat 0 -1472px; text-decoration:none; float:left; } .blockFileSubmission .fichierPreuve .blockButtons .linkGrey2 span {background:url(../images/btn/btn_sprite.png) no-repeat right -1422px; font-size:1em; padding:14px 25px 0 6px;} .blockFileSubmission .fichierPreuve .file {display:inline; width:93px; border:1px solid #d8d8d6;} .blockFileSubmission .fichierPreuve .contentInputFile {width:93px; height:18px; background: url(../images/btn/btn_file.jpg) no-repeat right top; display:inline; position:absolute; overflow:hidden; margin:1px 0 0 5px; cursor:pointer;} .blockFileSubmission .fichierPreuve .contentInputFile input[type=file] {position:relative; width:93px; height:18px; cursor:pointer; opacity:0.0; filter: alpha(opacity=0);} .blockFileSubmission .fichierPreuve .blockFichierPreuveContent h4{ color:#363636; font-size:2.1em; padding:0 0 23px 0;} @media screen and (-webkit-min-device-pixel-ratio:0) { .blockFileSubmission .fichierPreuve .contentInputFile { margin:3px 0 0 5px; } } /* T_eService_tarifs2 */ .blockNosTarifs{ padding:48px 47px 80px 47px;} /*.blockNosTarifs h3{font-family: 'DINMediumRegular'; font-size:3.2em; line-height:1em; color:#007185; text-transform:uppercase; letter-spacing:-1px; padding:0 0 35px 0;} */ .blockNosTarifs h2{font-family: 'DINMediumRegular'; font-size:3.2em; line-height:1em; color:#007185; text-transform:uppercase; letter-spacing:-1px; padding:0 0 35px 0;} /*.blockNosTarifs h4{ font-size:2em; color:#363636; display:block; padding:50px 0 27px 0;}*/ .blockNosTarifs h3{ font-size:2em; color:#363636; display:block; padding:50px 0 27px 0;} .blockNosTarifs .blockTopAnnounce { width:850px; height:60px; padding: 110px 0 0 34px; background:url(../images/img_top-announce.png) no-repeat left top; position:relative; display:block; float:left;} .blockNosTarifs .blockTopAnnounce p.title { position:absolute; left:34px; top:33px; width:440px; font-family:'JPHandStraight'; font-size:2em; letter-spacing:0.02em; line-height:1.5em; color:#000;} .blockNosTarifs .blockTopAnnounce .cost {position:absolute; left:397px; top:59px; width:200px; height:50px;} .blockNosTarifs .blockTopAnnounce .cost span.price { font-family:'DINMediumRegular', Arial, Helvetica, sans-serif; font-size:6.7em; line-height:1em; letter-spacing:-0.09em; color:#007185; font-weight:bold; top:-26px; position:absolute; float:left; width:115px;} .blockNosTarifs .blockTopAnnounce .cost span.euros { font-family:'DINMediumRegular', Arial, Helvetica, sans-serif; font-size:3.5em; line-height:1em; color:#007185; font-weight:700; padding-left:110px; top:-24px; position:absolute; float:left; } .blockNosTarifs .blockTopAnnounce .cost span.txt { font-family:'DINMediumRegular', Arial, Helvetica, sans-serif; font-size:2em; line-height:1em; color:#007185; width:115px; left:115px; top:10px; position:absolute; float:left; } .blockNosTarifs .formNosTarifs{ width:861px;} .blockNosTarifs .formNosTarifs fieldset{} .blockNosTarifs .formNosTarifs .formNosTarifsTopCorner{ height:9px; background:url(../images/bg/bg_top-corners-tarifs.png) no-repeat left top;} .blockNosTarifs .formNosTarifs .formNosTarifsBottomCorner{ height:9px; background:url(../images/bg/bg_bottom-corners-tarifs.png) no-repeat left top;} .blockNosTarifs .formNosTarifs #formNosTarifsContent {background:url(../images/bg/bg_grey-1x1.gif) repeat 0 0; /*overflow:hidden;*/ padding:0 29px;} .blockNosTarifs .formNosTarifs #formNosTarifsContent legend{ overflow:hidden; font-size:1.6em; color:#363636; display:block; padding:13px 0 19px 0; font-weight:700;} .blockNosTarifs .formNosTarifs #formNosTarifsContent .formRow{ float:left; width:401px; height:30px; padding:0 0 19px 0; position:relative; /*overflow:hidden;*/} .blockNosTarifs .formNosTarifs #formNosTarifsContent .formRow label{display:inline-block; width:155px; font-size:1.2em; color:#565a5c; padding:6px 0 0 0;} .blockNosTarifs .formNosTarifs #formNosTarifsContent .formRow a{display:inline-block;} .formNosTarifs #formNosTarifsContent .selectBox-dropdown{ width:135px; background:url(../images/bg/bg_select4.png) no-repeat left top;} .formNosTarifs #formNosTarifsContent .selectBox-dropdown-menu{ width:185px !important;} .blockNosTarifs .formNosTarifs #formNosTarifsContent .formRow a.selectBox { border:1px solid #f5f5f2;} .blockNosTarifs .formNosTarifs #formNosTarifsContent .formRow a.selectBox:focus { border:solid 1px #b5cfe7; margin: 0;} .formNosTarifs #formNosTarifsContent .selectBox-dropdown .selectBox-arrow{ background:url(../images/bg/bg_select-btn.png) no-repeat left -50px; height: 30px; display:block; } .formNosTarifs #formNosTarifsContent .blockPrice{ overflow:hidden; float:left; margin:16px 0 18px 230px; width:372px; height:57px; background:url(../images/bg/bg_price.png) no-repeat left top;} .formNosTarifs #formNosTarifsContent .blockPrice .linkGreen3{ margin:17px 0 0 21px; float:left; text-decoration: none; } .formNosTarifs #formNosTarifsContent .blockPrice .totalTarifs{ font-style:normal; font-family: Arial, Helvetica, sans-serif; font-size:2.6em; float:right; padding:17px 20px 0 0; display:block; line-height:1em; font-style:normal;} .formNosTarifs #formNosTarifsContent .blockPrice .totalTarifs strong.priceValue{ color:#007185; font-family:Arial, Helvetica, sans-serif;} .formNosTarifs #formNosTarifsContent .blockPrice .totalTarifs span{font-family:Arial, Helvetica, sans-serif; font-weight:700;} .formNosTarifs #formNosTarifsContent .blockValider{ float:right; padding:22px 0 0 0;} /*.linkGreenBig{ display:inline-block; height:43px; padding:0 12px 0 0; color:#fff; font-family:'DINMediumRegular', Arial, Helvetica, sans-serif; background:url(../images/btn/btn_sprite.png) no-repeat right -1028px;} .linkGreenBig span{display:inline-block; height:19px; padding:6px 0 0 22px; font-size:1.3em; font-weight:normal; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat left -1002px;}*/ .linkGreen3{ display:inline-block; height:25px; padding:0 12px 0 0; color:#fff; font-family:'DINMediumRegular', Arial, Helvetica, sans-serif; background:url(../images/btn/btn_sprite.png) no-repeat right -1028px;} .linkGreen3 span{display:inline-block; height:19px; padding:6px 0 0 22px; font-size:1.3em; font-weight:normal; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat left -1002px;} .linkGreenBig{display:inline-block; height:43px; padding:0 0 0 18px; cursor:pointer; font-size:1.6em; color:#fff; font-weight:700; background:url(../images/btn/btn_sprite.png) no-repeat 0 -2051px; text-decoration:none;} .linkGreenBig input, .linkGreenBig span { border:0; display:inline-block; font-size:1em; font-weight:bold; color:#ffffff; height: 44px; padding:0 35px 0 0; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -2005px;} .linkGreenBig span { padding-top: 14px; height: 30px; } .blockBottomPrices{ overflow:hidden;} .blockBottomPrices h4{} .blockBottomPrices .pricesWrapper{ width:861px;} .pricesWrapper .formPriceTopCorner{height:9px; background:url(../images/bg/bg_top-corners-tarifs.png) no-repeat left top;} .pricesWrapper .formPriceBottomCorner{height:9px; background:url(../images/bg/bg_bottom-corners-tarifs.png) no-repeat left top;} .pricesWrapper .pricesContainer{/*background:#f5f5f2;*/ overflow:hidden; background:url(../images/bg/bg_grey-1x1.gif) repeat 0 0;} .pricesWrapper .pricesContainer .blockInsidePrices{ width:430px; float:left; padding:10px 0 0 0;} .pricesWrapper .pricesContainer .blockInsidePrices .blockPricesValue{ width:136px; margin:0 auto;} .pricesWrapper .pricesContainer .blockInsidePrices .blockPricesValue .circlePrice{ width:100px; margin:0 auto; height:101px; text-align:center; background:url(../images/bg/bg_prices-value.png) no-repeat left top;} .pricesWrapper .pricesContainer .blockInsidePrices .blockPricesValue .circlePrice em{ font-style:normal; font-family: 'DINBlackRegular'; color:#ffffff; display:inline-block; font-size:3.5em; line-height:1em; padding:33px 0 0 0;} .pricesWrapper .pricesContainer .blockInsidePrices .blockPricesValue .circlePrice em strong{ font-family: 'DINLightRegular'; font-size:0.4em; display:inline-block;} .pricesWrapper .pricesContainer .blockInsidePrices .blockPricesValue span{ display:block; padding:17px 0 0 0; text-align:center; text-transform:uppercase; font-weight:bold; font-size:1.4em;} .pricesWrapper .pricesContainer p{ display:block; padding:30px 0 0 20px; float:left; } .blockBottomPrices .blockEnvoyer{ padding:30px 0 32px 745px; overflow:hidden;} .blockBottomPrices span.bottomAnnounce{ } .blockNosTarifs h4.middleTitle{ font-size:1.6em; color:#007185; padding:37px 0 15px 0;} .blockNosTarifs span.footerNotes{ display:block; font-size:1.1em;} .blockNosTarifs span.footerNotes a{ color:#000000; text-decoration:none;} /* Table eService-tarifs Pold's de l'envoi */ .blockNosTarifs div.tableAffranchissement { border-top:1px solid #e4e4e4; width:860px; display:block; margin-top:20px; } table.tableAffranchissement { color:#7c7a7b; font-size:1.2em; padding:0; margin:0; width:860px; border-collapse:collapse; } table.tableAffranchissement thead { background:#fff; } table.tableAffranchissement th { background:#f7f7f5; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; padding:0; } table.tableAffranchissement th:first-child { background:#f7f7f5; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; padding:10px; vertical-align: middle; } table.tableAffranchissement th:first-child a { color:#7C7A7B; text-decoration:none;} table.tableAffranchissement th + th{ vertical-align: middle; padding-top:10px; padding-bottom:10px; } table.tableAffranchissement th + th + th{ width:125px;} table.tableAffranchissement td { border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; text-align:center; padding-top:10px; padding-bottom:10px; } table.tableAffranchissement td:first-child { padding-left:5px; border-left:1px solid #e4e4e4; font-weight:700; } table.tableAffranchissement td + td + td{ width:90px; vertical-align: middle;} /* Table eService-tarifs Pold's de l'envoi */ .blockNosTarifs div.tableImpression { border-top:1px solid #e4e4e4; width:860px; display:block; margin:20px 0 20px 0; margin } table.tableImpression { color:#7c7a7b; font-size:1.2em; padding:0; margin:0; width:860px; border-collapse:collapse; } table.tableImpression thead { background:#fff; } table.tableImpression th { background:#f7f7f5; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; padding:0; } table.tableImpression th:first-child { background:#f7f7f5; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; padding:10px; vertical-align: middle; } table.tableImpression thead tr th.thwhite, table.tableAffranchissement thead tr th.thwhite { background-color:#fff;} table.tableImpression thead tr th.thwhite, table.tableImpression thead tr th.thwhite a {color: #007185;} table.tableImpression th:first-child a { color:#7C7A7B; text-decoration:none;} table.tableImpression th + th{ vertical-align: middle; padding-top:10px; padding-bottom:10px; } table.tableImpression th + th + th{ width:125px;} table.tableImpression td { border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; text-align:center; padding-top:10px; padding-bottom:10px; } table.tableImpression td:first-child { color:#198f9e; padding-left:5px; border-left:1px solid #e4e4e4; font-weight:700; } table.tableImpression td:first-child a { color:#198f9e; text-decoration:none;} table.tableImpression td + td + td{ width:190px;} /*Partenaires*/ .wrapCaroucel.partenaires .itemCaroucel { background: url("../images/bg/bg_item-carousel_eservice.jpg") no-repeat scroll 0 0 transparent;height: 356px; margin: 0; padding: 0;width: 962px;} .wrapCaroucel.partenaires .itemCaroucel .description h3 {color: #d20077; font-family: 'DINMediumRegular',Arial,Helvetica,sans-serif; font-size: 3.4em; font-weight: 700; letter-spacing: -0.04em;line-height: 1.2em;} .mainContent.partenaires .article .articleBox h3 { font-size:1.6em; font-weight:700; color:#d20077;} .mainContent.partenaires .article .articleBox h2 { font-size:1.6em; font-weight:700; color:#d20077; letter-spacing:normal; line-height:normal; padding:0; width:auto;} .mainContent.partenaires .asideMenu li a { font-size:1.4em; padding:10px 0 10px 20px; color:#363636; text-decoration:none; display: inline-block;} .mainContent.partenaires .asideMenu li.selected a { color:#d20077;} .mainContent.partenaires .asideMenu li.selected { background: url(../images/icons/ico_aside_selected.gif) no-repeat 0 12px} .mainContent.partenaires .asideMenu li { background:url(../images/icons/aside_menu.gif) no-repeat 0 12px; border-top:1px solid #dcdcd9;} .mainContent.partenaires .asideMenu li:first-child { border-top:0;} .mainContent.partenaires .article .asideMenu li a { background: none; font-size:1.4em; padding:10px 0 10px 20px; color:#363636; text-decoration:none; display: inline-block;} .mainContent.partenaires .article .asideMenu li.selected a { color:#d20077;} .mainContent.partenaires .article .asideMenu li.selected { background: url(../images/icons/ico_aside_selected.gif) no-repeat 0 12px} .mainContent.partenaires .article .asideMenu li { background:url(../images/icons/aside_menu.gif) no-repeat 0 12px; border-top:1px solid #dcdcd9;} .mainContent.partenaires .article .asideMenu li:first-child { border-top:0;} .articleBox .txt_partenaires .pink {color:#d20077; font-weight: 700;} .accordionBox { width:633px; position:relative; overflow:hidden;} .collapseBox { width:633px; overflow:hidden; min-height: 320px; } .partenaire_logo { position:absolute; top:30px; left:20px;} .partenaire_logo.first {top:18px;} .partenaire p { width:250px; padding: 30px 30px 0 190px; font-weight:700;float:left;} .partenaire2 { min-height:120px; width:633px;background:url(../images/bg/bg_partenaire_box.jpg) no-repeat 0 0; float:left;} .partenaire2 p { width:250px; padding: 40px 30px 0 190px; font-weight:700; float:left; line-height: 15px;} .partenaire2 strong { clear:both;float: left; color:#363636; font-weight:700; font-size:1.4em; padding:0 30px;} .partenaire2 .boxtext {clear:both; float:none; width:590px; padding: 20px 30px 20px; font-weight:400;} .partenaire2 .boxtext.first { padding: 40px 30px 20px;} .partenaire2 ul li { background:url(../images/icons/ico_partenaires_plus.gif) no-repeat 0 0; padding-left:20px; padding-bottom:10px;} .partenaire2 ul { padding: 0 0 0 30px; font-size:1.4em; display:block;} .partenaireBubbles { background:url(../images/bg/bg_partenaires_boxespng.png) no-repeat 0 0; width:157px; height:208px; position:absolute; right:2px; top:3px; z-index: 1;} .box_bottom { background:url(../images/bg/bg_partenaires_box_bottom.png) no-repeat 1px 0; height:20px; float:left; width:633px; padding-bottom: 15px; margin-top: -18px;} .tarifs p.pink { font-size:3em; color:#d20077; text-transform:uppercase; font-weight:700; float:left; padding-top:50px;} .tarifs ul li { float:left; width:183px; height:186px;} .smallButton { float:right; padding:45px 25px 0 0; width:130px; z-index:9999;} .smallButton span { display:block; margin:8px auto; width:120px; height:26px; padding:0 0 0 18px; font-size:1.6em; color:#fff; font-weight:700; background:url(../images/btn/btn_sprite.png) no-repeat 0 -2147px; text-decoration:none;} .smallButton span a { display:block; width:90px; text-align:center; height:20px; padding: 5px 15px 2px 5px; cursor:pointer; background: url(../images/btn/btn_sprite.png) no-repeat right -2116px;font-size: 0.8em; text-decoration:none; color:#fff;} .btnRight { float:right; padding-right:30px; background: #999 url(../images/bg/bg_white.gif) repeat left top; margin-right: 2px;} .linkPink { display:inline-block; height:49px; padding:0 0 0 20px; font-size:1.5em; color:#fff; font-weight:700; background:url(../images/btn/btn_sprite.png) no-repeat 0 -1850px; text-decoration:none;} .linkPink span { display:inline-block; height:33px; padding:16px 35px 0 0; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -1800px;} .tarifs { display:block; position:relative; padding-top:40px; float: left; width:900px;} .tarifs p.pink { font-size:3em; color:#d20077; text-transform:uppercase; font-weight:700; margin-top:50px; height: 25px; padding:10px; display:block; float:left; } .tarifs p.blue { font-size:3em; color:#006397; text-transform:uppercase; font-weight:700; margin-top:50px; height: 25px; padding:10px 10px 10px 75px; display:block;float:left;} .tarifs h2, .mainContent.partenaires .article .tarifs h3 { font-size:3em; color:#006397; font-weight:normal; text-transform:uppercase; font-weight:700; margin-top:50px; height: 25px; padding:10px 10px 10px 75px; display:block;float:left;} .tarifs h3.blue {color:#006397;font-size:3em;font-weight:normal; text-transform:uppercase; font-weight:700; margin-top:50px; height: 25px; padding:10px 10px 10px 75px; display:block;float:left;} .mainContent.partenaires .article .tarifs h3.pink {color:#d20077; padding-left:0; } .tarifs ul li img { float:left; position:relative;} .tarifs ul li { display:inline; float:left; /*width:183px; height:186px; float:left;*/} .tarifs .wrapCircle { display:block; width:146px; height:154px; padding:0 17px 0 17px;} .tarifs .wrapCircle .title { display:block; overflow:hidden; height:0.9em; padding:22px 0 0 5px; margin-bottom:6px; text-align:center; font-size:6.4em; line-height:1em; font-weight:700; color:#fff; font-family:'DINBlackRegular';} .tarifs .wrapCircle .title sub { font-size:0.4em; font-weight:normal; font-family: 'DINLightRegular';} .tarifs .wrapCircle .desc { color:#fff; display:block; text-align:center; font-size:1.3em; line-height:1em; font-weight:700; font-family: 'DINMediumRegular';} .tarifs .wrapCircle .desc .small { font-size:0.82em; font-weight:normal;} .articleBox .pinkList { font-size:1.6em; float:left;} .articleBox .pinkList li { padding-left:20px; background:url(../images/icons/pink_tick.gif) no-repeat 0 0; font-weight:700; color:#d50078; padding-bottom:20px;} .articleBox .pinkList li span { color:#373636; font-size:0.9em; display:block; font-weight:400; padding-bottom:10px;} .tarifs .circlePink { background: #999999 url(../images/bg/bg_tarifs-circle-sprite.jpg) no-repeat 0 0;} .tarifs .circleBlueLight { background: #999999 url(../images/bg/bg_tarifs-circle-sprite.jpg) no-repeat 0 -174px;} .tarifs .circleBlueMedium { background: #999999 url(../images/bg/bg_tarifs-circle-sprite.jpg) no-repeat 0 -348px;} .tarifs .circleBlueDark { background: #999999 url(../images/bg/bg_tarifs-circle-sprite.jpg) no-repeat 0 -522px;} .wrapCaroucel.eserviceReex .itemCaroucel .description h3.partenair { color:#d50078;} .wrapCaroucel.eserviceReex .itemCaroucel .description h2.partenair { color:#d50078; text-transform:uppercase; } .description .smallTitle { font-family: 'DINLightRegular'; font-size:1.3em; padding-bottom:5px; position:relative; top:130px;} .description .smallTitle .pink{ color:#d50078; font-family: 'DINBlackRegular'; } .mainContent.partenaires .wrapCaroucel.eserviceReex .itemCaroucel .description .subTitle {line-height: 1.4em; padding-bottom:15px; font-size:2em;} .mainContent.partenaires .wrapCaroucel.eserviceReex .itemCaroucel .addInfo {top:240px;} .selectBox-arrow{ padding-bottom:0px !important;} .mainContent.partenaires .article .aside { padding-top:40px;} /* T-video */ .boxVideoContainerVisit { min-height:10px; position:relative;} .articleVideo { width:882px; padding:40px 30px 50px 50px; float:left;} .articleVideo h2 {width:862px; font-size:4.25em; letter-spacing:-0.02em; color:#565a5c; line-height: 0.85em; padding:0 0 40px 0;} .articleBoxVideo {width:862px; float:left;} .articleBoxVideo .linkClose { position: absolute; right: 10px; z-index:99999; bottom: 40px; text-transform:uppercase; font-family:'DINLightRegular'; padding:1px 25px 0 0; color:#cf6600; font-size:1.5em; text-decoration:none; background:url(../images/icons/ico_fermer_video.gif) no-repeat right top;} .boxVideoContainerVisit .articleBox {width:862px; float:left;} .boxVideoContainerVisit .boxVideo{ width:848px; height:496px; padding: 0 7px; background:#e8e8e8;} .boxVideoContainerVisit .boxVideoTop { background:url(../images/bg/rounded_862.jpg) no-repeat 0 0; height:8px; width:862px;} .boxVideoContainerVisit .boxVideoBottom { background:url(../images/bg/rounded_862.jpg) no-repeat 0 bottom; height:8px; width:862px;} .boxVideoContainerVisit .articleBox p { padding:15px 0; font-size: 1.35em; line-height: 1.4em;} .articleBoxVideo p { padding:15px 0; font-size: 1.35em; line-height: 1.4em;} .articleBoxVideo .articleVideoContent h3 { width:862px; font-size:1.6em; letter-spacing:-0.02em; text-transform:uppercase; color:#565a5c; padding: 40px 0 10px;} .articleBoxVideo .articleVideoContent span {width:862px; font-size:1.4em; letter-spacing:-0.02em; line-height:1.5em; color:#565a5c; padding: 15px 0 10px;} .articleVideo .blockButtons{ padding:20px 0 0 0; overflow:hidden;} .articleVideo .blockButtons li{ float:right;} /* T-Dispacth */ .wrapDispacht { background:url(../images/bg/bg_dispacth.png) no-repeat 1px 0;width: 964px;padding: 0 140px;left: -93px; position:relative;} .wrapDispacht h3 { font-size:1.6em; font-weight:nornal; height:18px; /* padding-bottom: 9px;*/ display:block; font-weight:normal;} .wrapDispacht .dispacthContent { width: 964px; height:720px; position:relative; left: -15px; } .wrapDispacht .dispacthContent h2 {font-family: 'JPHandStraight'; color:#006397; font-size:2.5em; font-weight:normal; text-transform:uppercase; line-height:1.2em; text-align: center; display:block; height:165px; width:424px; margin-left:-8px;} .wrapDispacht .dispacthContent .dispacthLeft { width:423px; padding:10px 50px 10px 0px; position:relative; float:left;} .wrapDispacht .dispacthContent .dispacthLeft .dispacthLeftContent{ width:400px; top:175px; padding:0; position:relative; float:left;} .wrapDispacht .dispacthContent .dispacthLeft .dispacthLeftContent p{ font-size:1.3em; font-weight:700; left: -5px; position: relative;} .wrapDispacht .dispacthContent .dispacthLeft .dispacthLeftContent .dispacthLefttBox { width:432px; height:165px; padding-top:20px; padding-bottom: 10px; left:-20px; position: relative; background:url(../images/bg/bg_dispatchBox.png) no-repeat 5px 5px; } .wrapDispacht .dispacthContent .dispacthLeft .dispacthLeftContent .dispacthLefttBox h3{ font-family: 'JPHandStraight'; color:#d20077; font-size:2.2em; font-weight:normal; padding-left: 36px; padding-top: 10px; height:22px; display:block; overflow:hidden;} .wrapDispacht .dispacthContent .dispacthLeft .dispacthLeftContent .dispacthLefttBox p{ width:250px; height:42px; color:#363636; font-size:1.2em; font-weight:normal; padding:10px 10px 15px 10px; left:110px; position:relative; display:block; overflow:hidden; } .wrapDispacht .dispacthContent .dispacthLeft .dispacthLeftContent .dispacthLefttBox .buttonBottom { margin:10px 10px 0 0; width:120px; height:38px; float:right; background: #999 url(../images/bg/bg_white.gif) repeat left top;} .wrapDispacht .dispacthContent .dispacthLeft .dispacthLeftContent .dispacthLefttBox .buttonBottom a:hover { text-decoration:none;} .wrapDispacht .dispacthContent .dispacthRight { width:400px; padding:10px 10px 15px 21px; position:relative; float:left;} .wrapDispacht .dispacthContent .dispacthRight h2 { font-family: 'JPHandStraight'; color:#006397; font-size:3em; font-weight:normal; text-transform:uppercase; line-height:1.2em; top:-30px; position:relative; height:200px; margin:0; width:350px; padding:0 0 0 22px;} .wrapDispacht .dispacthContent .dispacthRight .dispacthRightContent{ width:425px; top:140px; padding:0; position:relative; float:left;} .wrapDispacht .dispacthContent .dispacthRight .dispacthRightContent p{ font-size:1.3em; font-weight:700;left: -10px; position: relative;} .wrapDispacht .dispacthContent .dispacthRight .dispacthRightContent .dispacthRightBox { width:430px; height:155px; padding-top:20px; padding-bottom: 20px; left:-20px; position: relative; background:url(../images/bg/bg_dispatchBox2.png) no-repeat left 5px; } .wrapDispacht .dispacthContent .dispacthRight .dispacthRightContent .dispacthRightBox h3{ font-family: 'JPHandStraight'; color:#006397; font-size:2.2em; font-weight:normal; padding-left: 36px; padding-top: 10px; height:22px; display:block; overflow:hidden;} .wrapDispacht .dispacthContent .dispacthRight .dispacthRightContent .dispacthRightBox p{ width:250px; height:42px; color:#363636; font-size:1.2em; font-weight:normal; padding:10px 10px 15px 10px; left:130px; position:relative; display:block; overflow:hidden; } .wrapDispacht .dispacthContent .dispacthRight .dispacthRightContent .dispacthRightBox .buttonBottom { margin:10px 10px 0 0; width:120px; height:38px; float:right; background: #999 url(../images/bg/bg_white.gif) repeat left top; } .wrapDispacht .dispacthContent .dispacthRight .dispacthRightContent .dispacthRightBox .buttonBottom a:hover { text-decoration:none;} .dispacthLeft .linksContent {display:block} .dispacthLeft .linksContent span { font-size:1.6em; font-weight:nornal; height:18px; padding-bottom: 9px; display:block;} .dispacthLeft .linksContent ul{ margin-top:-5px;} .dispacthLeft .linksContent ul li a{ font-size:1.4em; color:#006397; text-decoration:none; font-weight:700; background:url(../images/btn/btn_arrow-circle-blue.png) no-repeat left top; float:left; height:30px; left:17px; top:15px; padding:3px 10px 0 34px; position:relative; display:block;} .dispacthLeft .linksContent ul li a:hover { text-decoration:underline;} .dispacthRight .linksContent {display:block} .dispacthRight .linksContent span { font-size:1.6em; font-weight:nornal; height:18px; padding-bottom: 9px; display:block;} .dispacthRight .linksContent ul{ margin-top:-5px;} .dispacthRight .linksContent ul li a{ font-size:1.4em; color:#006397; text-decoration:none; font-weight:700; background:url(../images/btn/btn_arrow-circle-blue.png) no-repeat left top; float:left; height:30px; left:17px; top:15px; padding:3px 10px 0 34px; position:relative; display:block;} .dispacthRight .linksContent ul li a:hover { text-decoration:underline;} .decouvrirPink ul li a{ font-size:1.4em; color:#d20077; text-decoration:none; font-weight:normal; background:url(../images/btn/btn_arrow-circle-pink.png) no-repeat left top; float:left; height:25px; left:36px; top:20px; padding:5px 10px 0 30px; position:relative; display:block;} .decouvrirPink ul li a:hover { text-decoration:underline;} .decouvrirBlue ul li a{ font-size:1.4em; color:#006397; text-decoration:none; font-weight:normal; background:url(../images/btn/btn_arrow-circle-blue.png) no-repeat left top; float:left; height:25px; left:36px; top:20px; padding:5px 10px 0 30px; position:relative; display:block;} .decouvrirBlue ul li a:hover { text-decoration:underline;} .decouvrirPink .linkPink { display:inline-block; width:70px; height:35px; padding:0 0 0 23px; font-size:1.3em; color:#fff; font-weight:700; background:url(../images/btn/btn_sprite.png) no-repeat 0 -1115px; text-decoration:none;} .decouvrirPink .linkPink span { display:inline-block; width:46px; height:20px; padding:15px 35px 0 2px; line-height:14px; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -2106px;} .decouvrirBlue .linkBlue { display:inline-block; width:70px; height:35px; padding:0 0 0 23px; font-size:1.3em; color:#fff; font-weight:700; background:url(../images/btn/btn_sprite.png) no-repeat 0 -1177px; text-decoration:none;} .decouvrirBlue .linkBlue span { display:inline-block; width:46px; height:20px; padding:15px 35px 0 2px; line-height:14px; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -1915px;} /* T-Dispacth VX */ .wrapDispachtX { background:url(../images/bg/bg_dispacthX.png) no-repeat 1px 0;width: 964px;padding: 0 140px;left: -93px; position:relative;} .wrapDispachtX h3 { font-family:"DINMediumRegular", Arial, Helvetica, sans-serif; font-size:3.4em; color:#5b8900; text-transform:uppercase;line-height: 3em;} .wrapDispachtX .dispacthContent { width: 964px; height:1220px; position:relative; left: -15px; } .wrapDispachtX .dispacthContent h2 {font-family: 'JPHandStraight'; color:#d20077; font-size:3em; font-weight:normal; text-transform:uppercase; line-height:1.2em; text-align: center;} .wrapDispachtX .dispacthContent .dispacthLeftX { width:423px; padding:10px 50px 10px 0px; position:relative; float:left;} .wrapDispachtX .dispacthContent .dispacthLeftX .dispacthLeftContent{ width:400px; top:262px; padding:0; position:relative; float:left;} .wrapDispachtX .dispacthContent .dispacthLeftX .dispacthLeftContent p{ font-size:1.3em; font-weight:700; left: -5px; position: relative;} .wrapDispachtX .dispacthContent .dispacthLeftX .dispacthLeftContent .dispacthLefttBox { width:432px; height:165px; padding-top:35px; padding-bottom: 12px; left:-20px; position: relative; background:url(../images/bg/bg_dispatchBoxX2.png) no-repeat 5px 17px; } .wrapDispachtX .dispacthContent .dispacthLeftX .dispacthLeftContent .dispacthLefttBox h4{ font-family: 'JPHandStraight'; color:#d20077; font-size:2em; font-weight:normal; padding-left: 36px; padding-top: 5px;} .wrapDispachtX .dispacthContent .dispacthLeftX .dispacthLeftContent .dispacthLefttBox p{ width:220px; height:43px; color:#363636; font-size:1.2em; font-weight:normal; padding:25px 10px 0px 10px; left:27px; position:relative; display:block; } .wrapDispachtX .dispacthContent .dispacthLeftX .dispacthLeftContent .dispacthLefttBox .buttonBottom { width:166px; height:20px; position:relative; top:-9px; background:none;} .wrapDispachtX .dispacthContent .dispacthLeftX .dispacthLeftContent .dispacthLefttBox .buttonBottom a:hover { text-decoration:none;} .wrapDispachtX .dispacthContent .dispacthRightX { width:400px; padding:10px 10px 15px 21px; position:relative; float:left;} .wrapDispachtX .dispacthContent .dispacthRightX h2 { width:350px; padding-left: 45px; font-family: 'JPHandStraight'; color:#006397; font-size:3em; font-weight:normal; text-transform:uppercase; line-height:1.2em; top:-30px; position:relative; } .wrapDispachtX .dispacthContent .dispacthRightX .dispacthRightContent{ width:425px; top:216px; padding:0; position:relative; float:left;} .wrapDispachtX .dispacthContent .dispacthRightX .dispacthRightContent .separatorPS{ height:45px; width:385px; background:url(../images/bg/separator.jpg) no-repeat left center; position:relative;} .wrapDispachtX .dispacthContent .dispacthRightX .dispacthRightContent p{ font-size:1.3em; font-weight:700;left: -10px; position: relative;} .wrapDispachtX .dispacthContent .dispacthRightX .dispacthRightContent .dispacthRightBox { width:430px; height:165px; padding-top:35px; padding-bottom: 10px; left:-20px; position: relative; background:url(../images/bg/bg_dispatchBoxX2.png) no-repeat left 20px; } .wrapDispachtX .dispacthContent .dispacthRightX .dispacthRightContent .dispacthRightBox h4{ font-family: 'JPHandStraight'; color:#006397; font-size:2em; font-weight:normal; padding-left: 36px; padding-top: 5px;} .wrapDispachtX .dispacthContent .dispacthRightX .dispacthRightContent .dispacthRightBox p{ width:241px; height:43px; color:#363636; font-size:1.2em; font-weight:normal; padding:25px 10px 0; left:27px; position:relative; display:block; } .wrapDispachtX .dispacthContent .dispacthRightX .dispacthRightContent .dispacthRightBox .buttonBottom { width:166px; height:20px; position:relative; top:0; background:none; } .wrapDispachtX .dispacthContent .dispacthRightX .dispacthRightContent .dispacthRightBox .buttonBottom a:hover { text-decoration:none;} .wrapDispachtX .dispacthContent .dispacthLeftX { width:423px; padding:10px 50px 10px 0px; position:relative; float:left;} .wrapDispachtX .dispacthContent .dispacthLeftX .dispacthLeftContent{ width:400px; top:280px; padding:0; position:relative; float:left;} .wrapDispachtX .dispacthContent .dispacthLeftX .dispacthLeftContent .separatorPS{ height:45px; width:385px; background:url(../images/bg/separator.jpg) no-repeat left center; position:relative;} .wrapDispachtX .dispacthContent .dispacthLeftX .dispacthLeftContent p{ font-size:1.3em; font-weight:700; left: 0; position: relative; width:424px;} .wrapDispachtX .dispacthContent .dispacthLeftX .dispacthLeftContent .dispacthLefttBoxLinks { width:432px; height:165px; padding-top:20px; padding-bottom: 0px; left:-20px; position: relative; background:url(../images/bg/bg_dispatchBoxX.png) no-repeat 5px top; } .wrapDispachtX .dispacthContent .dispacthLeftX .dispacthLeftContent .dispacthLefttBoxLinks .tittle{ color:#363636; font-size:1.4em; font-weight:700; padding-left: 36px; padding-top: 5px;} .wrapDispachtX .dispacthContent .dispacthLeftX .dispacthLeftContent .dispacthLefttBoxLinks p{ width:250px; height:43px; color:#363636; font-size:1.2em; font-weight:normal; padding:25px 10px 0px 10px; left:27px; position:relative; display:block; } .wrapDispachtX .dispacthContent .dispacthLeftX .dispacthLeftContent .dispacthLefttBoxLinks .buttonBottom { margin:0 10px 0 0; width:158px; height:56px; float:right; background: #999 url(../images/bg/bg_white.gif) repeat left top; } .wrapDispachtX .dispacthContent .dispacthLeftX .dispacthLeftContent .dispacthLefttBoxLinks .buttonBottom a:hover { text-decoration:none;} .wrapDispachtX .dispacthContent .dispacthRightX { width:423px; padding:10px 50px 10px 0px; position:relative; float:left;} .wrapDispachtX .dispacthContent .dispacthRightX .dispacthRightContent{ width:423px; top:241px; left: 15px; padding:0; position:relative; float:left;} .wrapDispachtX .dispacthContent .dispacthRightX .dispacthRightContent p{ font-size:1.3em; font-weight:700; left: 0; position: relative; width:424px;} .wrapDispachtX .dispacthContent .dispacthRightX .dispacthRightContent .dispacthLefttBoxLinks { width:432px; height:165px; padding-top:20px; padding-bottom: 0px; left:-20px; position: relative; background:url(../images/bg/bg_dispatchBoxX.png) no-repeat 5px top; } .wrapDispachtX .dispacthContent .dispacthRightX .dispacthRightContent .dispacthLefttBoxLinks .tittle{ color:#363636; font-size:1.4em; font-weight:700; padding-left: 36px; padding-top: 5px;} .wrapDispachtX .dispacthContent .dispacthRightX .dispacthRightContent .dispacthLefttBoxLinks p{ width:250px; height:43px; color:#363636; font-size:1.2em; font-weight:normal; padding:25px 10px 0px 10px; left:27px; position:relative; display:block; } .wrapDispachtX .dispacthContent .dispacthRightX .dispacthRightContent .dispacthLefttBoxLinks .buttonBottom { margin:0 10px 0 0; width:158px; height:56px; float:right; background: #999 url(../images/bg/bg_white.gif) repeat left top; } .wrapDispachtX .dispacthContent .dispacthRightX .dispacthRightContent .dispacthLefttBoxLinks .buttonBottom a:hover { text-decoration:none;} .dispacthLeftX .linksContent {display:block} .dispacthLeftX .linksContent span { font-size:1.6em; font-weight:nornal; height:18px; padding-bottom: 9px; display:block;} .dispacthLeftX .linksContent ul li a{ font-size:1.4em; color:#006397; text-decoration:none; font-weight:700; background:url(../images/btn/btn_arrow-circle-blue.png) no-repeat left top; float:left; width:100%; height:30px; left:17px; top:15px; padding:6px 10px 0 34px; position:relative; display:block;} .dispacthLeftX .linksContent ul li a:hover { text-decoration:underline;} .dispacthRightX .linksContent {display:block} .dispacthRightX .linksContent span { font-size:1.6em; font-weight:nornal; height:18px; padding-bottom: 9px; display:block;} .dispacthRightX .linksContent ul li a{ font-size:1.4em; color:#006397; text-decoration:none; font-weight:700; background:url(../images/btn/btn_arrow-circle-blue.png) no-repeat left top; float:left; width:100%; height:30px; left:17px; top:15px; padding:6px 10px 0 34px; position:relative; display:block;} .dispacthRightX .linksContent ul li a:hover { text-decoration:underline;} .decouvrirPinkX ul li a{ font-size:1.4em; color:#d20077; text-decoration:none; font-weight:normal; text-transform:uppercase; background:url(../images/btn/btn_arrow-circle-pink.png) no-repeat left top; float:left; height:25px; left:36px; top:20px; padding:6px 10px 0 30px; position:relative; display:block;} .decouvrirPinkX ul li a:hover { text-decoration:underline;} .decouvrirBlueX ul li a{ font-size:1.4em; color:#006397; text-decoration:none; font-weight:normal; text-transform:uppercase; background:url(../images/btn/btn_arrow-circle-blue.png) no-repeat left top; float:left; height:25px; left:36px; top:20px; padding:6px 10px 0 30px; position:relative; display:block;} .decouvrirBlueX ul li a:hover { text-decoration:underline;} .decouvrirPinkX .linkPink { display:inline-block; width:73px; height:35px; padding:0 0 0 23px; font-size:1.3em; color:#fff; font-weight:700; background:url(../images/btn/btn_sprite.png) no-repeat 0 -1115px; text-decoration:none;} .decouvrirPinkX .linkPink span { display:inline-block; width:50px; height:20px; padding:16px 35px 0 0; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -2106px;} .decouvrirBlueX .linkBlue { margin-top: -8px; display:inline-block; width:73px; height:35px; padding:0 0 0 23px; font-size:1.3em; color:#fff; font-weight:700; background:url(../images/btn/btn_sprite.png) no-repeat 0 -1177px; text-decoration:none;} .decouvrirBlueX .linkBlue span { display:inline-block; width:50px; height:20px; padding:16px 35px 0 0; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -1915px;} /* TChrome hack for T_eServie_MTEL_accueil */ @media screen and (-webkit-min-device-pixel-ratio:0) { .wrapCaroucel.eservice .itemCaroucel .description h2 {line-height: 1.8em;} .wrapCaroucel.eservice .itemCaroucel .description .subTitle {} .wrapDispacht .dispacthContent h2 { padding-top: 10px;} .wrapDispacht .dispacthContent .dispacthLeft .dispacthLeftContent .dispacthLefttBox h4 { padding-top: 12px;} .wrapDispacht .dispacthContent .dispacthRight .dispacthRightContent .dispacthRightBox h4 {padding-top: 12px;} .wrapDispacht .dispacthContent .dispacthLeft .dispacthLeftContent .dispacthLefttBox p{ height:40px;} .wrapDispacht .dispacthContent .dispacthRight .dispacthRightContent .dispacthRightBox p{ height:40px;} .wrapDispachtX .dispacthContent h2 { padding-top: 10px;} .wrapDispachtX .dispacthContent .dispacthLeftX .dispacthLeftContent .dispacthLefttBox h4 { padding-top: 25px; height:0;} .wrapDispachtX .dispacthContent .dispacthRightX .dispacthRightContent .dispacthRightBox h4 {padding-top: 25px; height:0;} .wrapDispachtX .dispacthContent .dispacthLeftX .dispacthLeftContent .dispacthLefttBox p{ height:45px;} .wrapDispachtX .dispacthContent .dispacthRightX .dispacthRightContent .dispacthRightBox p{ height:45px;} .wrapDispachtX .dispacthContent .dispacthRightX .dispacthRightContent { width:auto;} .blockAccueilCompte .blockTransferezCompte h3 {padding: 10px 0 10px 0;} #formEtapes .formRow span input:focus { outline:0} .LREL .blockCarContainer .blockCarItem h3.lrelTitle1, .LREL .blockCarContainer .blockCarItem h3.lrelTitle2 {padding-top: 18px;} .inscription .blockCompteDoneesInfo2 .blockButton.orange span { padding: 0 0 0 20px;} } /*T besoin d'aide page navigation*/ .besoin h2 {color:#d75216; font-family:'JPHandStraight', Arial, Helvetica, sans-serif; font-size: 6em; font-weight: 400;} .articleBoxQuestions { width:554px; float:left; overflow:hidden;} .articleBoxQuestions .articleLinks a { text-transform:none;} .articleBoxQuestions h3 { font-size:2em; color:#363636; padding-bottom:20px; font-family:Arial, Helvetica, sans-serif; font-weight:700;} .asideTheme { background:url(../images/bg/separator_280.jpg) no-repeat 0 bottom; width:280px; padding-bottom:10px;} .contactez {background:url(../images/bg/separator_280.jpg) no-repeat 0 bottom; width:280px; margin-bottom: 20px; padding-bottom: 25px;} .asideTheme h3 { color:#d75216; font-size:1.9em; padding-bottom:10px;} .besoin .asideTheme .asideMenu { padding:0; background:none;} .besoin .asideTheme .asideMenu .dcjq-parent { font-size:1.2em; font-weight:700; color:#565a5c;} .besoin .asideTheme .asideMenu .dcjq-parent.test {color: #565A5C;} .besoin .asideTheme .asideMenu li {padding-bottom: 0;} .besoin .asideTheme .asideMenu .dcjq-parent-li ul li a {font-size: 1.1em; background:none; color:#565a5c;} .besoin .asideTheme .asideMenu li ul li a {font-size: 1.1em; background:none; color:#565a5c;} .besoin .aside{width: 286px;} .besoin .asideTheme .asideMenu .dcjq-parent-li {padding-bottom:8px;} .besoin .asideTheme .asideMenu .dcjq-parent-li ul {padding-top:5px; padding-left: 20px;} .besoin .contactez h3 { color:#d75216; font-size:1.9em; padding-bottom:10px;} .besoin .contactez img { display: block;} .besoin .contactez span { font-size:1.1em; font-family:Arial, Helvetica, sans-serif; color:#565a5c; display: block;} .contactez .linkOrange3 span { color:#fff; font-family: 'DINMediumRegular',Arial,Helvetica,sans-serif; font-size: 1em; } .articleBoxQuestions .articleLinksTop { background: url("../images/bg/rounded_554.jpg") no-repeat scroll 0 0 transparent;height: 8px;} .articleBoxQuestions .articleLinksBottom {background: url("../images/bg/rounded_554.jpg") no-repeat scroll 0 bottom transparent; height: 8px;} .besoin .engagements p { color:#565a5c; font-family:Arial, Helvetica, sans-serif; font-weight:700; font-size:1.2em;} .besoin .engagements h3 {color:#d75216; font-size:1.9em; padding:18px 0;} .alertMessage { margin:20px 0 40px 0; float: left; width: 554px;} .alertMessage .messageTop {background: url("../images/bg/bg_etapes_alert_554.jpg") no-repeat scroll 0 0 transparent;float: left;height: 7px; width: 554px;} .alertMessage .messageContent {background: url("../images/bg/alert2.jpg") no-repeat scroll 10px 0 #d75216; float: left; min-height: 42px;width: 552px; margin-left:1px;} .alertMessage .messageContent p { padding-left:70px; color:#fff; padding-top: 5px; width: 490px;} .alertMessage .messageContent p strong { float:left; font-size:1.3em; width: 490px;} .alertMessage .messageContent p span { display:block; float:left; width: 490px; font-size:1.3em;} .alertMessage .messageBottom {background: url("../images/bg/bg_etapes_alert_554.jpg") no-repeat scroll 0 bottom transparent;float: left;height: 7px; width: 554px;} .aideQuestionTop {background: url("../images/bg/rounded_554.jpg") no-repeat scroll 0 0 transparent; height: 8px;} .aideQuestionBottom {background: url("../images/bg/rounded_554.jpg") no-repeat scroll 0 bottom transparent;height: 8px;} .aideQuestionContent { background-color:#E8E8E8;width: 514px; padding:10px 20px;} .aideQuestionContent h3 { color: #363636;font-family: Arial,Helvetica,sans-serif; font-size: 2em;font-weight: 700;} .blockAideQuestion {width: 554px; float:left;} .besoin .colLeft { width:544px; float:left;} .aideQuestionContent fieldset legend { font-size:1.3em; padding: 10px 0; font-family:Arial, Helvetica, sans-serif; color:#565a5c;} .aideQuestionContent fieldset .formRow .wrapInput { float:left;} .aideQuestionContent fieldset .formRow .wrapInput { background: url("../images/bg/bg_input-form2.png") no-repeat scroll right -30px transparent; display: inline-block;font-size: 100%;font-weight: normal; height: 30px; line-height: normal; padding: 0 15px 0 0;} .aideQuestionContent fieldset .formRow .wrapInput input { background: url("../images/bg/bg_input-form2.png") no-repeat scroll left top;border: 0 none;color: #565A5C;display: inline-block; font-family: Arial,Helvetica,sans-serif; font-size: 1.2em; height: 30px; padding: 0 0 0 15px;width: 400px;} .collapseQuestions { padding-left:40px; font-size:1.2em;} .submitAide { width:60px; float:right;} .submitAide span { background: url("../images/btn/btn_orange.png") no-repeat scroll 0 0 transparent;display: inline-block;font-family: 'DINMediumRegular',Arial,Helvetica,sans-serif;font-size: 1.3em; height: 31px; padding: 0 0 0 4px;text-decoration: none;} .submitAide span input { background: url("../images/btn/btn_orange.png") no-repeat scroll right bottom transparent;cursor: pointer;display: inline-block; height: 32px;border:0 none; color: #FFFFFF; padding: 0 10px 0 2px;text-align: center; font-weight: 700; width:35px;} .questions .rowInputs { float:left; padding-top: 7px;} .questions p { background:url(../images/icons/ico_label.gif) no-repeat 0 10px; padding:10px 0 10px 20px; display: block; font-style:italic; width: 250px; float:left;} .besoin .articleLinks { clear:both;} /* E-SERVICE PAGES */ .blockHpCarousel { position:relative; min-height:10px; z-index:0; margin-bottom:10px;} .wrapCaroucel { z-index:0; position:relative; width:964px; padding:0 30px 0 80px; min-height:420px; left:-92px; background:url(../images/bg/bg_hp-carousel.png) no-repeat 0 0;} .wrapCaroucel .itemCaroucel { position:relative; width:1000px; height:404px; background-color:transparent !important; background:url(../images/bg/bg_item-carousel.png) no-repeat 18px 0; padding-left:18px; margin-left:-18px;} .itemCaroucel .imgServiceLigne { position:absolute; top:0; right:37px;} .itemCaroucel .imgWomanWings { position:absolute; left:1px; bottom:1px;} .itemCaroucel .imgPaperPlane { position:absolute; right:13px; bottom:34px;} .itemCaroucel .imgBoxes { position:absolute; right: -64px; top: 245px; width:194px; height:202px;z-index: 9999;} .itemCaroucel .description { position:absolute; top:60px; left:514px; width:415px; padding-top:10px;} .itemCaroucel .description h3 { color:#655c53; font-size:4em; line-height:1em; text-transform:uppercase; font-family:'DINBlackRegular', Arial, Helvetica, sans-serif;} .itemCaroucel .description .subTitle { font-size:3.3em; line-height:1em; color:#655c53; font-family:'DINLightRegular',Arial, Helvetica, sans-serif;} .itemCaroucel .addInfo { position:absolute; left:514px; top:265px;} .itemCaroucel .addInfo .price { display:inline-block; margin-right:20px;} .addInfo .price .partirde { display:block; font-size:1.2em; line-height:1.2em; font-family:'DINMediumRegular', Arial, Helvetica, sans-serif;} .addInfo .price .wrapPrice { display:inline-block; } .price .wrapPrice .price { font-size:5.5em; line-height:1em; letter-spacing:-2px; color:#e05101; font-family:'DINBlackRegular', Arial, Helvetica, sans-serif;} .price .wrapPrice .price .sup { font-size:0.6em; position:relative; top:-20px; left:-10px;} .price .wrapPrice .lettre { display:inline-block; font-size:1.7em; color:#e05101; margin-left:-45px; font-family:'DINMediumRegular', Arial, Helvetica, sans-serif;} .addInfo .linkOrange2 { position:relative; bottom:17px;} .blockHpCarousel .pager { position:absolute; left:95px; bottom:30px; z-index:10;} .blockHpCarousel .pager a { float:left; display:inline-block; width:12px; margin-right:2px; height:13px; font-size: 0; line-height: 0; cursor:pointer; background:url(../images/btn/btn_caroucel-pager-links.png) no-repeat 0 0;} .blockHpCarousel .pager a.activeSlide { /*background:url(../images/btn/btn_caroucel-pager-links.png) no-repeat 0 -13px; */} .blockHpCarousel .prev { position:absolute; left:32px; bottom:22px; z-index:10; display:block; width:27px; height:28px; /*font-size: 0; line-height: 0;*/ cursor:pointer; /*background:url(../images/btn/btn_caroucel-arrows.png) no-repeat 0 0;*/} .blockHpCarousel .next { position:absolute; left:62px; bottom:22px; z-index:10; display:block; width:27px; height:28px; /*font-size: 0; line-height: 0;*/ cursor:pointer; /*background:url(../images/btn/btn_caroucel-arrows.png) no-repeat 0 -28px;*/} .linkOrange2 { display:inline-block; height:49px; padding:0 0 0 23px; font-size:1.5em; color:#fff; font-weight:700; background:url(../images/btn/btn_sprite.png) no-repeat 0 -277px; text-decoration:none;} .linkOrange2 span { display:inline-block; height:33px; padding:16px 35px 0 0; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -218px;} /* UMA : 24022012 */ a.selectBox{ background-color: #f4f4f4 !important; } a.selectBox:focus, a.selectBox:hover{ border: 1px dashed #b5cfe7 !important; } .selectBox-hover { border-bottom: 1px solid #f4f4f4; } /* Block Migration */ .mainContent.migration { min-height:100%;} .blockMigration { width:860px; margin: 0 auto;} .blockMigration h2 { clear: both; font-family:"DINMediumRegular", Arial, Helvetica, sans-serif; font-size:3.4em; line-height: 2.5em; letter-spacing:-.05em;} .blockMigration .etapes { background:url(../images/bg/bg_grey-1x1.gif) repeat 0 0; padding: 6px 20px; width:820px; float:left; overflow:hidden;} .blockMigration .etapes p { font-size: 1.4em; color:#363636;} .blockMigration .linkWrap { float: left; padding: 30px 0;} /* block AccountInfo - left block */ .blockAccountWrap { width: 526px; float:left;} .blockAccountWrap .topCorners{ width:526px; height:9px; margin:0; padding:0; background:url(../images/bg/bg_blockaccountinfo_topcorners.png) no-repeat left top;} .blockAccountWrap .bottomCorners{ width:526px; height:9px; margin:0; padding:0; background:url(../images/bg/bg_blockaccountinfo_bottomcorners.png) no-repeat left top;} .blockAccountWrap .blockAccountContent { background:url(../images/bg/bg_grey-1x1.gif) repeat 0 0; padding:0 23px 0 23px; min-height: 235px;} .blockAccountWrap .blockAccountContent p { font-size: 1.4em; color:#363636; padding: 10px 0;} .blockAccountWrap .blockAccountContent p:first-child { padding-top: 20px;} /* buttons -left block */ .blockAccountWrap .blockButtons { overflow:hidden; padding:25px 0 0 0;} .blockAccountWrap .blockButtons ul { overflow:hidden; margin-bottom: 39px;} .blockAccountWrap .blockButtons .leftBtn span, .blockAccountWrap .blockButtons .rightBtn span { font-size: 1em;} .blockAccountWrap .blockButtons .leftBtn { float:left; display:block; height:43px;} .blockAccountWrap .blockButtons .rightBtn { float:right; display:block;} /* right block - main */ .blockMigration .rightCTAS{ float:left; margin:0 0 0 50px;} .blockMigration .rightCTAS .blockCTA{ width:280px; margin: 23px 0 23px 0; position:relative;} .blockMigration .rightCTAS .blockCTA:first-child{ margin:0 0 23px 0;} .blockMigration .rightCTAS .blockCTA img.ctaBg{ position:absolute; bottom:0; right:0;} .blockMigration .rightCTAS .blockCTA h3 { margin:0; font-size:1.2em; color:#565a5c; padding: 0 0 14px 0; font-weight: 400;} .blockMigration .rightCTAS .blockCTA:first-child h3 { font-weight: 700;} .blockMigration .rightCTAS .blockCTA span { font-size:1.2em; font-weight:normal; color:#363636;} .blockMigration .rightCTAS .separatorCTAS{ height:5px; width:280px; background:url(../images/bg/separator.jpg) no-repeat left top;} .blockMigration .rightCTAS .linkOrange1 span{ color:#ffffff; display:inline-block; padding:5px 15px 0 5px; text-transform:none; height:21px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.4em; background: url("../images/btn/btn_sprite.png") no-repeat scroll right -1726px transparent;} /* breadcrumb fix spacing */ .migration .breadcrumb { padding: 15px 0 0 30px;} /* Migration - mon compte */ .blockMigrationText {} .blockMigrationText h3 { font-family:Arial, Helvetica, sans-serif; font-size:2em; font-weight:700; padding-bottom:35px;} .blockMigrationText p { font-size:1.3em; padding-bottom:15px;} .blockTransferez { padding:30px 0; float:left;} .blockTransferezBox.boxSpace { margin:0 15px 20px 0;} .blockTransferezBox { background:url(../images/bg/bg_tranferez.jpg) no-repeat 0 0; width:422px; height:102px; float:left;} .blockTransferezBox .blockTransferezBox { width:420px; height:102px;} .blockTransferezBox .blockTransferezBox.blue {background:url(../images/bg/bg_tranferez_sprites.png) no-repeat right 2px; color:#006397;} .blockTransferezBox .blockTransferezBox.marine {background:url(../images/bg/bg_tranferez_sprites.png) no-repeat right -351px; color:#007185;} .blockTransferezBox .blockTransferezBox.green {background:url(../images/bg/bg_tranferez_sprites.png) no-repeat right -116px; color:#5b8900;} .blockTransferezBox .blockTransferezBox.pink {background:url(../images/bg/bg_tranferez_sprites.png) no-repeat right -234px; color:#d20077;} .blockTransferezBox .blockTransferezBox h3 { font:Arial, Helvetica, sans-serif; font-weight:700; font-size:1.8em; padding: 15px 0 25px 15px;} .blockTransferezBox .blockTransferezBox .linkSmall {padding: 0 12px 0 0; height: 25px; font-family:Arial,Helvetica,sans-serif; display: inline-block; color: #FFFFFF; margin:0 0 0 15px;text-decoration:none;} .blockTransferezBox .blockTransferezBox .linkSmall span {padding: 5px 0 0 22px; height: 21px; font-weight: 700; font-size: 1.3em; display: inline-block; cursor: pointer; } .blockTransferezBox .blockTransferezBox.blue .linkSmall {background: url("../images/btn/btn_sprite.png") no-repeat scroll right -1213px transparent; } .blockTransferezBox .blockTransferezBox.blue .linkSmall span {background: url("../images/btn/btn_sprite.png") no-repeat scroll left -1187px transparent; } .blockTransferezBox .blockTransferezBox.marine .linkSmall {background: url("../images/btn/btn_sprite.png") no-repeat scroll right -1028px transparent;} .blockTransferezBox .blockTransferezBox.marine .linkSmall span {background: url("../images/btn/btn_sprite.png") no-repeat scroll left -1002px transparent;} .blockTransferezBox .blockTransferezBox.green .linkSmall {background: url("../images/btn/btn_sprite.png") no-repeat scroll right -1090px transparent;} .blockTransferezBox .blockTransferezBox.green .linkSmall span {background: url("../images/btn/btn_sprite.png") no-repeat scroll left -1064px transparent;} .blockTransferezBox .blockTransferezBox.pink .linkSmall {background: url("../images/btn/btn_sprite.png") no-repeat scroll right -1151px transparent;} .blockTransferezBox .blockTransferezBox.pink .linkSmall span {background: url("../images/btn/btn_sprite.png") no-repeat scroll left -1125px transparent;} .blockTransferezBox .contrats { font-size:1.2em; padding-left:15px; color:#363636} .blockTransferezBox .contrats strong { font-weight:700; display: inline-block; padding-right: 8px;} .textTranfert { background:url(../images/icons/ico_tranfert.gif) no-repeat 0 0; font-size:1.3em; color:#363636; margin-left:20px; padding-left:20px; } /* authentication PAGE */ .blockMigration .boxTop { padding-top:35px;} .blockMigration .pickTimbresTop { float:none;} .blockMigration .boxTop .etapes { padding:0 16px 20px 16px; width: 828px;} .blockMigration .boxTop .etapes p { line-height:1.2em; font-size:1.3em; color:#363636;} .blockMigration .boxTop .etapes h2 { color:#ed7500; font-family:'JPHandStraight', Arial, Helvetica, sans-serif; font-size:3.2em; font-weight:400; line-height:1em; padding:5px 0 20px 55px; background:url(../images/icons/ico_alert_migration.gif) no-repeat 0 0;} .blockMigration .boxMiddle { width:420px; height: 470px; float:left; background: url(../images/bg/bg_boxmiddle_right.jpg) no-repeat 0 0;} .blockMigration .boxMiddle.right { margin-right:20px; background: url(../images/bg/bg_boxmiddle_left.jpg) no-repeat 0 0;} .blockMigration .boxMiddle h3 { text-align:center; font-size:2.4em; color:#ed7500; font-family:'JPHandStraight', Arial, Helvetica, sans-serif;font-weight:400; width:320px; line-height:1.2em; margin:0 auto; padding: 15px 0 35px;} /* error messages */ .blockMigration .boxMiddle .formWrapper { padding: 0 0 20px;} .blockMigration .boxMiddle .formWrapper .formContent { background: none;} .blockMigration .boxMiddle .formWrapper .formContent .formRow { position: relative;} .blockMigration .boxMiddle .formWrapper .formContent span.error { font-size: 1em; font-style:italic; color:#f00; position: absolute; /*left: 178px;*/left: 160px; top: -32px;} .blockMigration .boxMiddle .formContent .formRow { height: 35px; padding: 6px 16px 7px;} .blockMigration .boxMiddle .formContent .formRow label {float: left; font-weight: 700; padding-top: 7px; width: 140px; font-size:1.3em; color:#363636; font-family:Arial, Helvetica, sans-serif;} .blockMigration .boxMiddle .formContent .formRow .wrapInput { float: left; width: 184px; /*background: url("../images/bg/bg_input-form.png") no-repeat scroll right -30px transparent;*/display: inline-block;font-size: 100%;font-weight: normal;height: 30px;line-height: normal; /*padding: 0 15px 0 20px;*/} .blockMigration .boxMiddle .formContent .formRow .wrapInput input { width: 170px; background-color:#fff; background-position: 0 -60px; /*background: url("../images/bg/bg_input-form.png") no-repeat scroll left top #fff;*/ border: 0 none; color: #565A5C; display: inline-block;font-family: Arial,Helvetica,sans-serif;font-size: 1.2em; height: 30px;padding: 0 0 0 15px;} .blockMigration .boxMiddle .formContent .formRow .wrapInput input:focus {outline:0;} .blockMigration .boxMiddle .formContent .forgotPassLink {font-size: 1em;font-style: italic; font-weight: 400; padding: 0 0 0 142px; display:inline-block; float:left; overflow:hidden; color:#565a5c;} .blockMigration .boxMiddle .formContent .forgotPassLink a { color:#006397;} .blockMigration .boxMiddle .formContent .formRowCheck { height: 35px; padding: 30px 30px 10px;} .blockMigration .boxMiddle .formContent .formRowCheck label { height:30px; font-size:1.2em; color:#565a5c; display:inline-block;} .blockMigration .boxMiddle .formContent .formRowCheck span {font-weight:normal; display:inline-block; font-size:1.2em; color:#565a5c; padding:0; position:relative; vertical-align:top; left: -8px; top:-2px;} .blockMigration .boxMiddle .blockIcons { padding:0 20px; float:left;} .blockMigration .boxMiddle .blockIcons ul li { width:80px; float:left; margin-right:15px; text-align:center; padding-top: 42px;} .blockMigration .boxMiddle .blockIcons ul li.icon_letre { background:url(../images/icons/ico_autentification_boxleft.gif) no-repeat center 0} .blockMigration .boxMiddle .blockIcons ul li.icon_reexpedition { background:url(../images/icons/ico_autentification_boxleft.gif) no-repeat center -84px} .blockMigration .boxMiddle .blockIcons ul li.icon_timbrenligne{ background:url(../images/icons/ico_autentification_boxleft.gif) no-repeat center -170px} .blockMigration .boxMiddle .blockIcons ul li.icon_nouvelle{ background:url(../images/icons/ico_autentification_boxleft.gif) no-repeat center -260px} .blockMigration .boxMiddle .blockIcons ul li a { color:#006397; font-size:1.1em; text-decoration:underline; width:90px; text-align:center;} .blockMigration .boxMiddle.right .blockButton { padding: 5px 0 0 125px;} .blockMigration .boxMiddle.right .blockButton.rightBtn {padding: 25px 0 0 125px;} .blockMigration .boxMiddle.right .formWrapper #formConnect .blockButton.rightBtn {padding: 25px 0 0 104px;} .blockMigration .boxMiddle .blockButton { padding: 30px 0 0 90px;} .blockMigration .boxMiddle .blockButton span{background: url("../images/btn/btn_sprite.png") no-repeat scroll 0 -2294px transparent;color: #FFFFFF; display: inline-block; font-size: 1.5em; height: 45px; padding: 0 0 0 22px;text-decoration: none;} .blockMigration .boxMiddle .blockButton span input { background: url("../images/btn/btn_sprite.png") no-repeat scroll right -2347px transparent; border: medium none; color: #FFFFFF;cursor: pointer;display: inline-block;font-size: 1em;font-weight: 700; height: 45px; margin: 0; padding: 0 35px 3px 0;} .blockMigration .boxMiddle .blockButton.blockButtonWidth { padding: 30px 0 0 82px;} .blockMigration .boxMiddle .blockButton.blockButtonWidth span input {} .blockMigration .boxBottom {padding:30px 0; float:left;} .blockMigration .boxBottom .title { font-family:Arial, Helvetica, sans-serif; font-weight:700; font-size:1.6em; color:#363636; } .blockMigration .boxBottom p { line-height:1.2em; font-size:1.3em; color:#363636; padding-bottom:15px;} /* popup */ .popupWrap { background: transparent url(../images/bg/bg_popup.gif) repeat 0 0;} .popup { padding: 30px 39px;} /* popup authentication block */ .popup .blockAuthentication { overflow:hidden;} .popup .blockAuthentication h2 { font-size: 2.1em; font-weight:400; line-height: 2.3em; font-family:'DINBlackRegular', Arial, Helvetica, sans-serif; color:#6d645c;} .blockAuthentication .boxForm { margin: 0 15px 20px 0; background:url(../images/bg/bg_popup_formbox.jpg) no-repeat 0 0; width:496px; height: 151px;} .blockAuthentication .boxForm .blockTransferezBox { width:496px; height: 151px;} .blockAuthentication .boxForm .blockTransferezBox.marine { background:url(../images/bg/bg_popup_formbox_sprites.png) no-repeat right 0;} .blockAuthentication .formWrapper { width:496px;} .blockAuthentication .formWrapper .formContent { background: none;} .blockAuthentication .formWrapper .formContent fieldset { height: 120px; padding-top:40px; position: relative;} .blockAuthentication .formWrapper .formContent .formRow {} .blockAuthentication .formWrapper .formContent .formRow.last { padding-bottom:0;} .blockAuthentication .formWrapper .formContent .formRow label { float: left;width: 140px; font-weight: 700;padding-top: 7px;} .blockAuthentication .formWrapper .formContent .formRow .wrapInput { float: left; margin-top: 2px;} .blockAuthentication .formWrapper .formContent .formRow .wrapInput input { background-color:#fff; width: 180px;} .blockAuthentication .formWrapper .formContent .formRow .wrapInput input:focus {outline:0;} .blockAuthentication .formWrapper .formContent .forgotPassLink { font-size: 1.2em; font-weight: 400; font-style: italic; padding: 0 0 0 144px;} .blockAuthentication .formWrapper .formContent .forgotPassLink a {color:#006397;} .blockAuthentication .blockButtons { clear:both; overflow:hidden;} .blockAuthentication .blockButtons .leftBtn{ float:left; display:block; height:43px;} .blockAuthentication .blockButtons .rightBtn { float:right; display:block;} .blockAuthentication .blockButtons .linkGrey2 span { font-size: 1em;} .blockAuthentication .blockButtons .linkOrange { display:inline-block; height:49px; padding:0 0 0 21px; font-size:1.6em; color:#fff; background:url(../images/btn/btn_sprite.png) no-repeat 0 -1667px; text-decoration:none;} .blockAuthentication .blockButtons .linkOrange span { display:inline-block;/* height:33px; padding:16px 35px 0 0; background:url(../images/btn/btn_sprite.png) no-repeat right -1667px;*/ cursor:pointer;} .blockAuthentication .blockButtons .linkOrange input { display:inline-block; height:46px; padding:0 35px 6px 0; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -1621px; border: none; margin: 0; color: #FFF; font-size: 1em; font-weight: 700; } /* error messages */ .blockAuthentication .formWrapper .formContent span.error { font-size: 1em; font-style:italic; color:#f00; padding: 0 0 0 144px;} /* end of popup authentication block */ /* form modify pass */ .blockModifPass .formWrapper .formContent .leftFormItems { float:left; width: 296px; padding-top: 23px;} .blockModifPass .formWrapper .formContent .rightFormItems { float:left; overflow:hidden; width: 276px; margin-left: 10px; padding-top: 23px} .blockModifPass .formWrapper .formContent .leftFormItems .formRow, .blockModifPass .formWrapper .formContent .rightFormItems .formRow { padding:0 0 30px 0; height: 35px; float:left; color:#565a5c;} .blockModifPass .formWrapper .formContent .leftFormItems .formRow label, .blockModifPass .formWrapper .formContent .rightFormItems .formRow label { display:inline-block; float:left; width:91px; color:#565a5c; padding-right:12px; height: 35px;} .blockModifPass .formWrapper .formContent .leftFormItems .formRow .wrapInput input, .blockModifPass .formWrapper .formContent .rightFormItems .formRow .wrapInput input { display:inline-block; width:141px; font-family:Arial, Helvetica, sans-serif; padding:0 0 0 15px; height:30px; border:0; font-size:1.2em; color:#565a5c; vertical-align: middle;background-color:#F5F5F2;} .blockModifPass .formWrapper .formContent .formRow .inputInfo { color:#565a5c; font-size:1em; padding: 6px 0 0 116px; font-style: italic; font-weight:400; line-height:1.8em;} .blockModifPass .blockButtons { padding: 15px 0; overflow:hidden;} .blockModifPass .blockButtons .leftBtn{ float:left; display:block; height:43px;} .blockModifPass .blockButtons .rightBtn { float:right; display:block;} .blockModifPass .blockButtons .linkGrey2 span { font-size: 1em; color:#fff; padding: 16px 21px 0 10px;} .blockModifPass .blockButtons .linkOrange { margin-top: 2px; display:inline-block; height:49px; padding:0 0 0 21px !important; font-size:1.6em; color:#fff; background:url(../images/btn/btn_sprite.png) no-repeat 0 -1667px; text-decoration:none;} .blockModifPass .blockButtons .linkOrange span { display:inline-block; cursor:pointer;} .blockModifPass .blockButtons .linkOrange input { display:inline-block; height:43px; padding:0 35px 0 0; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -1621px; border: none; margin: 0; color: #FFF; font-size: 1em; font-weight: 700; } /* footer content */ .footerContent { clear:both; padding: 20px 52px 0;} .footerContent h3 { color:#d75216; font-size:1.9em; padding-bottom:20px;} .footerContent p.tel { color:#363636; font-size:1.2em; padding-bottom:10px; font-weight:700;} .footerContent .contactez { background: url(../images/bg/bg_contactez_sep.png) no-repeat right 0; float:left; width: 215px;} .footerContent .contactez img { display: block;} .footerContent .contactez span { font-size:0.9em; line-height: 1.1em; font-style:italic; font-family:Arial, Helvetica, sans-serif; color:#565a5c; display: block;padding-top: 5px;} .footerContent .trackQuestions { float:left; padding: 0 0 0 15px;} /* migration - create account */ .inscription .blockMigration { padding-top:35px; float:left;} .inscription .blockCompteDonees h2 { float:left; width: 830px;} .inscription .blockCompteDonees2 span.champs { float:left; width:830px;} .inscription .blockMigration .etapes { width:830px;} .etapesInfo .infoBlock { background:url(../images/icons/ico_alert_migration.gif) no-repeat 0 50%; min-height: 40px; padding: 4px 0 0 60px;} .inscription .blockMigration .etapesInfo .infoBlock { min-height:100%;} .inscription .blockMigration .etapes { padding:0 15px;} .inscription .blockMigration .etapes p { line-height:1.3em; font-size: 1.3em;} .inscription .blockCompteDonees .blockCompteDoneesInfo .formWrapper { width: 860px;} .inscription .blockCompteDonees .formWrapper .topCorners { background: url("../images/emplacement/bg_uploader.jpg") no-repeat scroll 0 0 transparent; width: 860px;} .inscription .blockCompteDonees .formWrapper .bottomCorners { width: 860px; background: url("../images/emplacement/bg_uploader.jpg") no-repeat scroll 0 bottom transparent;} .inscription .blockCompteDoneesInfo2 .formWrapper .formContent .left .formRow {width: 405px;} .inscription .blockCompteDoneesInfo2 .formWrapper .formContent .left .formRow label {width: 170px;padding-top: 8px; position:relative;} .inscription .blockCompteDoneesInfo .formWrapper .formContent .right .formRow label {width: 170px;padding-top: 8px;} .inscription .formContent .left .formRow .instructions { position:absolute; font-size: 1em; padding:23px 0 0 0; color:#565a5c; font-family:Arial, Helvetica, sans-serif; clear:both;} .inscription .blockCompteDoneesInfo .formWrapper .formContent { min-height: 170px;} .inscription .blockCompteDoneesInfo2 .formWrapper .formContent .left .Date.formRow { width:100px; float:left;} .inscription .blockCompteDoneesInfo2 .formWrapper .formContent .dateContent { width: 800px;} .inscription .blockCompteDoneesInfo2 .formWrapper .formContent .dateContent p { width: 120px; float:left; font-size: 1.2em; color: #565A5C;} .inscription .blockCompteDoneesInfo2 .formWrapper .formContent .dateContent .dateBlock { float:left; width:600px; margin-left: 61px; margin-top: -33px; padding-bottom: 30px;} .inscription .blockCompteDoneesInfo2 .blockButton.orange { float:right; padding:0; clear: both;} .inscription .blockCompteDoneesInfo .formWrapper .formContent .formRowCheck label {font-size: 1em;} .inscription .blockCompteDoneesInfo .formWrapper .formContent .formRow2 p { width: 184px;} .inscription .blockCompteDoneesInfo .formWrapper .formContent .left p { padding-bottom: 20px;} .inscription .blockCompteDoneesInfo2.bottom .formRowCheck { float:right; padding:20px 0; } .inscription .blockCompteDoneesInfo2.bottom .formRowCheck .jNice label { font-size:1.2em; color:#565a5c} .inscription .blockCompteDoneesInfo2.bottom .formRowCheck .jNice .jNiceWrapper { left: -20px;} .inscription .blockCompteDoneesInfo2.bottom .formRowCheck .jNice .jNiceWrapper .jNiceCheckbox {top: -8px; left: 10px;} .inscription .blockCompteDoneesInfo2 .blockButton.orange span input {background: url("../images/btn/btn_sprite.png") no-repeat scroll right -2347px transparent; font-weight: 700; padding: 0 35px 3px 0;} .inscription .blockCompteDoneesInfo2 .blockButton.orange span { background: url("../images/btn/btn_sprite.png") no-repeat scroll 0 -2294px transparent; padding: 0 0 0 22px;} .inscription .formContent.first .right { position:relative;} .inscription .formContent.first .right .formRow .imgToggle { position:absolute; right:5px; top:5px;} .inscription .formContent.first .right .formRow .imgToggle2 { position:absolute; right:5px; top:52px;} @media screen and (-webkit-min-device-pixel-ratio:0) { .inscription .blockCompteDoneesInfo2 .blockButton.orange span { padding: 0 0 0 20px;} .inscription .blockCompteDoneesInfo2.bottom .formRowCheck .jNice .jNiceWrapper .jNiceCheckbox {top:0;} .blockTransferezBox .blockTransferezBox .linkSmall span {padding: 4px 0 0 22px;} .blockMigration .rightCTAS .linkOrange1 span {padding: 4px 15px 0 5px;} .blockAuthentication .blockButtons .linkOrange input {padding: 0 35px 4px 0;} .blockMigration .boxTop .etapes h2 {} .blockMigration .boxMiddle h3 { padding: 25px 0 25px;} .blockMigration .boxMiddle .blockButton.blockButtonWidth { padding: 30px 0 0 90px;} .wrapDispacht .dispacthContent .dispacthLeft .dispacthLeftContent{ width:400px; top:165px; padding:0; position:relative; float:left;} .wrapDispacht .dispacthContent .dispacthRight .dispacthRightContent{ width:400px; top:127px; padding:0; position:relative; float:left;} .wrapDispacht .dispacthContent .dispacthRight .dispacthRightContent p{ width:425px;} .wrapDispacht .dispacthContent .dispacthLeft .dispacthLeftContent .dispacthLefttBox h3 {padding-top: 13px;} .wrapDispacht .dispacthContent .dispacthRight .dispacthRightContent .dispacthRightBox h3 {padding-top: 13px;} .wrapDispacht .dispacthContent .dispacthLeft .dispacthLeftContent .dispacthLefttBox p {padding-top: 8px;} .wrapDispacht .dispacthContent .dispacthRight .dispacthRightContent .dispacthRightBox p {padding-top: 8px;} } .blockMigration .boxMiddle .formWrapper .formContent .errorsBlock span.error { padding:0 0 8px 170px; color: #FF0000;font-size: 1em; font-style: italic; position:inherit;} .blockMigration .boxMiddle .formWrapper .formContent #errorBoxTop2 span.error { padding:0 0 8px 145px; color: #FF0000;font-size: 1em; font-style: italic; position:inherit;} .mainContent.migration .blockCompteDonees2 .blockModifPass .formWrapper .errorDisplay label.error {color: #FF0000;display: block;font-size: 0.8em; overflow: hidden;padding: 0 0 3px;} .Date.error .selectBox-dropdown {background: url("../images/bg/bg_select3_error.png") no-repeat scroll 0 0 transparent;} .formContent .formWrapper .formContent .formRow.last { padding:0 0 2px;} .formWrapper .formContent .errorsBlock.errorpopup {position:absolute; width: 350px; height: 38px; margin-top:-40px;} .formWrapper .formContent .errorsBlock.errorpopup span.error { margin: 8px 0 0; } .blockCompteDoneesInfo2 .formWrapper .formContent .left.pays .formRow.error .labelLine {font-size: 0.9em;} .left.pays .formRow.error .selectBox-dropdown {background: url("../images/bg/bg_select2_error.png") no-repeat scroll left top transparent;} .blockAuthentification .formWrapper .formContent .errorsBlock span.error { position: relative;} .blockMigration .boxMiddle.right .formWrapper .formContent .errorsBlock.adresse span.error { padding: 0 0 2px 160px;} .formContent .right.confirm { position:relative;} .formContent .right.confirm .formRow .imgToggle { position:absolute; right:-15px; top:5px;} /*Resultat verification preuve*/ .verif-preuve {width: 962px;} .verif-preuve .content {padding: 15px 40px; width: 962px;} .verif-preuve .content h2 {padding-bottom:20px;} .block-bg-corner {background: none repeat scroll 0 0 #F5F5F2;} .block-border-corner, .block-bg-corner {padding: 2em;position: relative;} .block-corner {background-image: url("../images/media/border_sprite.gif"); display: block;height: 12px;position: absolute;width: 12px;} .block-corner.filledHD {background-position: -12px -36px;right: -1px;top: -1px;} .block-corner.filledHG {background-position: -12px -24px;left: -1px;top: -1px;} .block-corner.filledBD {background-position: -12px -12px;bottom: -1px; right: -1px;} .block-corner.filledBG { background-position: -12px 0;bottom: -1px;left: -1px;} .verif-preuve .block-left {width:550px; float:left; overflow:hidden;} .verif-preuve .block-left .btn { padding-top:30px; font-size:1.2em; line-height: 1.45em;} .verif-preuve .block-right {width:285px; float:left; overflow:hidden; margin:0 0 0 3em;} .verif-preuve .summary h3 {color:#006397; font:bold 2.1em Arial, Helvetica, sans-serif; margin:0;} .verif-preuve .summary p {font:1.4em Arial, Helvetica, sans-serif; color:#363636} .verif-preuve .blue {color: #006397;} .verif-preuve .list-verif {padding:2em 0;} .verif-preuve dl {font:1.4em Arial, Helvetica, sans-serif; color:#363636; min-width:500px; overflow:hidden; margin:0 2em;border-bottom:1px solid #e2e2e0; } .verif-preuve dl dt {font-weight:700; float:left; min-width:240px; padding:0.5em 0;} .verif-preuve dl dd {color:#006397;float:left; padding:0.5em 0; max-width: 250px;} .verif-preuve .block-right hr {background: url("../images/bg/separator.jpg") no-repeat scroll left top transparent;height: 5px;width: 278px; border:0 none;} .verif-preuve .block-right p {font-size: 1.2em; padding: 0 0 12px;} .verif-preuve .block-right a {color: #565A5C;display: block;font-size: 1.2em; padding: 0 0 7px;text-decoration: underline;} /*table-destinataire*/ .verif-preuve .content h2 {padding-bottom: 20px; font-size: 3.5em;font-weight: normal;line-height: 1.5em; text-transform: uppercase; color: #006397; font-family: 'DINMediumRegular',Arial,Helvetica,sans-serif;} .verif-preuve .table-destinataire {width:500px; margin:2em 0;font-size:1.4em; text-align:left;vertical-align:middle;} .verif-preuve .table-destinataire table {width:500px;} .verif-preuve .table-destinataire table thead th {width:220px; font-weight: 700; padding-bottom:20px; text-align:left;} .verif-preuve .table-destinataire table .even, .verif-preuve .table-destinataire table .even td, .verif-preuve .table-destinataire table .even th { background:none} .verif-preuve .table-destinataire table tbody.even th { background:none} .verif-preuve .table-destinataire table tbody th {width:160px; font-weight: 400; padding:20px; border-radius: 10px 0 0 10px; text-align:left; background:#fff; } .verif-preuve .table-destinataire table tbody td { width:240px; font-size:0.9em; color:#363636; line-height:1.5em; background:#fff;} .verif-preuve .table-destinataire table tbody.even td { background:none} .verif-preuve .table-destinataire table tbody td { padding-top:20px; padding-bottom:20px;} .verif-preuve .table-destinataire table tbody td.adresse { line-height:1.4em; padding-bottom: 20px;} /*table-footer - pagination*/ .verif-preuve .table-destinataire .table-footer { border-top:1px solid #e2e2e0;width:500px; padding-top:25px; height: 25px;} .verif-preuve .table-destinataire .table-footer .select label { width:132px; float:left; padding:0; font-size:1em; line-height: 2em;} .verif-preuve .table-destinataire .table-footer .select{ width:310px; float:left;} .verif-preuve .table-destinataire .table-footer .select select { width:80px; float:left; margin-top: 5px;} .verif-preuve .table-destinataire .table-footer .select .nojs-button { width:52px; float:left; margin-left:10px;margin-top: 1px;} .verif-preuve .table-destinataire .table-footer .select .nojs-button input { background:url(../images/btn/btn_ok_sansjs.png) no-repeat 0 0; width:52px; height:25px; color:#FFFFFF; font-size:1.2em; padding:0 0 2px 7px; line-height:2em; border:0 none; cursor:pointer; line-height:1.5em;} .verif-preuve .table-destinataire .table-footer .select .selectBox-dropdown {background: url("../images/bg/bg_select3.png") no-repeat scroll left top transparent; padding-right: 25px;width: 50px;} .verif-preuve .table-destinataire .table-footer .select .selectBox-dropdown .selectBox-arrow { background: url("../images/bg/bg_select-btn.png") no-repeat scroll left -50px transparent; height:30px;position: absolute;right: 0;top: 0;width: 43px;} .verif-preuve .table-destinataire .table-footer .select .selectBox-dropdown .selectBox-label { font-size:0.9em!important;} .verif-preuve .table-destinataire .table-footer ul { padding-top:8px;} .verif-preuve .table-destinataire .table-footer ul li { float:left;} .verif-preuve .table-destinataire .table-footer ul li a { float:left; width:10px; height:15px; text-decoration:none; color:#363636; margin-right:3px; font-weight:700;} .verif-preuve .table-destinataire .table-footer ul li.arrow-left a { background:url(../images/icons/ico_table_arrow.png) no-repeat 0 0; margin-right:5px;} .verif-preuve .table-destinataire .table-footer ul li.arrow-right a{background:url(../images/icons/ico_table_arrow.png) no-repeat right 0; margin-left:5px;} .verif-preuve .table-destinataire .table-footer ul li.selected a{ color:#0066FF;} .verif-preuve .table-destinataire .table-footer a.afficher { text-decoration:none; color:#363636; display:inline-block; margin-left:5px; float:left;} /*table-conformite*/ .verif-preuve .table-conformite table { width:500px;} .verif-preuve .table-conformite table thead th { text-align:left;font-size:1.4em; padding-bottom:20px;border-bottom:1px solid #e2e2e0; margin-bottom:20px; font-weight:400;} .verif-preuve .table-conformite table thead th .blue { display:block; padding-top: 8px;} .verif-preuve .table-conformite table tbody th {text-align:left;font-size:1.4em;padding-bottom:10px; padding:20px 10px; } .verif-preuve .table-conformite table tbody td { font-size:1.4em; background:#FFFFFF; padding:12px 10px; } .verif-preuve .table-conformite table tbody td:first-child {-moz-border-radius: 10px 0 0 10px;} .verif-preuve .table-conformite table tbody td:last-child {-moz-border-radius: 0 10px 0 10px 0;} /*new footer styles*/ #newsEmail span.txtInput1{float: left; width: 133px; font-size:11px;} #newsEmail span.txtInput1 input { background-color:#F0F0F0; width:100px;} #newsEmail .newsSubmit {background: url("../images/btn/btn_sprite.png") no-repeat scroll 0 -174px transparent;color: #FFFFFF;cursor: pointer;display: inline-block;font-size: 1.2em; font-weight: 700;height: 26px;padding: 0 0 0 18px;text-decoration: none;} #newsEmail .newsSubmit input { background: url("../images/btn/btn_sprite.png") no-repeat scroll right -113px transparent;border: 0 none;color: #363636;cursor: pointer;display: inline-block;font-size: 1em;font-weight: bold;height: 26px; padding: 0 15px 4px 3px; width: 100%; text-align: left; letter-spacing: -0.08em;} #newsEmail label {font-size:1.1em; padding-bottom: 5px; display:block;} #errorNewsEmail {font-size:1.1em;} #newsEmail .newsSubmit.purple { background: url("../images/btn/btn_sprite.png") no-repeat scroll 0 -1577px transparent;} #newsEmail .newsSubmit.purple input { color:#FFFFFF; background: url("../images/btn/btn_sprite.png") no-repeat scroll right -1544px transparent; line-height:2em;} /* =REEX*/ .REEX .blockCarItem .lettreSteps li { width:218px; } .REEX .blockCarContainer .blockCarItem em { background:url(../images/bg/bg_ico-lettre-ligne2.png) no-repeat left top; height:53px; padding:5px 0 30px 77px; font-family: 'JPHandStraight'; color:#007185; font-size:5.4em; vertical-align:middle; text-transform:uppercase; display:block; line-height:0.7em; } .REEX .blockCarContainer .blockCarItem img { right:0; z-index:0; } /*???*/ .REEX .blockCarContainer .blockCarItem h3.lrelTitle1 { color:#007185; background: none; font-size: 3.3em; line-height: 1.2em; width: 500px; padding-left:0;} .REEX .blockCarContainer .blockCarItem h3.lrelTitle2 { background:none; font-size: 3.1em; line-height: 1.6em; padding:0 0 10px 0; color:#655c53; font-family:'DINLightRegular',Arial, Helvetica, sans-serif; width:820px; text-align:center; position:relative; top:-22px; margin-bottom:-20px;} .REEX .blockCarContainer .blockCarItem p { padding: 30px 0 20px 0; line-height:1.2em;} .REEX .carrBtns li{ padding-right:40px !important;} .REEX .linkBluBig {display:inline-block; height:43px; padding:0 0 0 22px; cursor:pointer; font-size:1.6em; color:#fff; font-weight:700; background:url(../images/btn/btn_sprite.png) no-repeat 0 -398px; text-decoration:none; overflow:hidden; outline:none;} .REEX .linkBluBig span { border:0; display:inline-block; font-size:1em; font-weight:bold; color:#ffffff; height: 29px; padding:14px 35px 0 0 !important; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -339px; top:0px;} .REEX .blockCarContainer .blockCarItem .lettreSteps { margin-left:-30px;} .REEX .blockCarContainer .blockCarItem li{ padding-right:10px;} .REEX .blockCarContainer .blockCarItem li span { top:163px !important;} .REEX .blockCarContainer .blockCarItem li p { padding-right:0px; font-size:1.2em !important; font-weight:400 !important; line-height:1em;} .REEX .blockCarContainer .blockCarItem li:first-child p { color:#006397; margin:0px !important;} .REEX .blockCarContainer .blockCarItem .lettreSteps li .stepWrap.step2 p { margin-left:30px; width:auto; } .REEX .blockCarContainer .blockCarItem .lettreSteps li .stepWrap.step3 p { margin-left:30px; width:auto; } .REEX .blockCarContainer .blockCarItem .lettreSteps li .stepWrap.step3 p strong{ text-decoration:underline; font-weight:400;} .REEX .blockCarContainer .blockCarItem .lettreSteps li .stepWrap.step4 p { margin-left:30px; width:auto; } .REEX .blockCarContainer .blockCarItem .lettreSteps li .stepWrap img { margin-bottom:-8px;} .REEX .blockCarContainer .blockCarItem .lettreSteps li:first-child .stepWrap img { margin-bottom:4px;} .REEX .blockCTABottom .blockOneCTA p { width:auto; } .REEX .blockCTABottom ul { padding-top:2px;} .REEX .blockCTABottom li { font-weight:700; padding-top:5px;} .REEX .blockCTABottom li a { color:#006397; text-decoration:none; font-size:1.4em; background:url(../images/icons/ico_arrow_readmore.gif) no-repeat left 4px; padding-left:15px;} .REEX .linkBlue3 { display:inline-block; text-decoration:none; height:25px; padding:0 0 0 18px; font-size:1.3em; color:#fff; font-family: Arial, Helvetica, sans-serif; background:url(../images/btn/btn_sprite.png) no-repeat 0 -1950px; font-weight:700; line-height:12px; margin-top:12px;} .REEX .linkBlue3 span { display:inline-block; height:19px; padding:6px 16px 0 9px; cursor:pointer; background:url(../images/btn/btn_sprite.png) no-repeat right -1925px; } .REEX .blockOneCTA .imgaide1 { position:absolute; top: 40px; right: 28px; } /* =Correctif select V1, dur dur de faire des choses propre dans ses conditions... */ /*=Resultat_verification_preuve.php */ .verif-preuve .table-destinataire .table-footer .select div.selector {width: 70px;font-size: 0.857em;} .verif-preuve .table-destinataire .table-footer .select div.selector span {width: 25px;} .verif-preuve div.selector span, .verif-preuve div.selector:active span, .verif-preuve div.selector.active span, .verif-preuve div.selector.focus span, .verif-preuve div.selector.hover span, .verif-preuve div.selector:hover span, .verif-preuve div.selector.focus:active span, .verif-preuve div.selector:hover:active span, .verif-preuve div.selector.active:hover span, .verif-preuve div.selector.focus.active span, .verif-preuve div.selector.disabled span, .verif-preuve div.selector.disabled:active span, .verif-preuve div.selector.disabled.active span {background-position: right -128px;} /* T_eService_tarifs2.php */ .formNosTarifs div.selector span, .formNosTarifs div.selector:active span, .formNosTarifs div.selector.active span, .formNosTarifs div.selector.focus span, .formNosTarifs div.selector.hover span, .formNosTarifs div.selector:hover span, .formNosTarifs div.selector.focus:active span, .formNosTarifs div.selector:hover:active span, .formNosTarifs div.selector.active:hover span, .formNosTarifs div.selector.focus.active span, .formNosTarifs div.selector.disabled span, .formNosTarifs div.selector.disabled:active span, .formNosTarifs div.selector.disabled.active span {background-position: right -33px;} /* T_eService_LREL_Verification_Preuve_V2_copie.php */ .blockFichierPreuveContent .upload-form div.uploader span.filename {background-color:#F5F5F2;} /* T_compte_donees_perso_pro.php */ .blockCompteDoneesInfo div.selector span, .blockCompteDoneesInfo div.selector:active span, .blockCompteDoneesInfo div.selector.active span, .blockCompteDoneesInfo div.selector.focus span, .blockCompteDoneesInfo div.selector.hover span, .blockCompteDoneesInfo div.selector:hover span, .blockCompteDoneesInfo div.selector.focus:active span, .blockCompteDoneesInfo div.selector:hover:active span, .blockCompteDoneesInfo div.selector.active:hover span, .blockCompteDoneesInfo div.selector.focus.active span, .blockCompteDoneesInfo div.selector.disabled span, .blockCompteDoneesInfo div.selector.disabled:active span, .blockCompteDoneesInfo div.selector.disabled.active span {background-position: right -65px;} /* T_compte_donees_perso_pro2.php */ .blockCompteDoneesInfo2 div.selector span, .blockCompteDoneesInfo2 div.selector:active span, .blockCompteDoneesInfo2 div.selector.active span, .blockCompteDoneesInfo2 div.selector.focus span, .blockCompteDoneesInfo2 div.selector.hover span, .blockCompteDoneesInfo2 div.selector:hover span, .blockCompteDoneesInfo2 div.selector.focus:active span, .blockCompteDoneesInfo2 div.selector:hover:active span, .blockCompteDoneesInfo2 div.selector.active:hover span, .blockCompteDoneesInfo2 div.selector.focus.active span, .blockCompteDoneesInfo2 div.selector.disabled span, .blockCompteDoneesInfo2 div.selector.disabled:active span, .blockCompteDoneesInfo2 div.selector.disabled.active span {background-position: right -1px;} /* =CREATION DE COMPTE pour les pages avec uniform */ .create-account .blockCompteDoneesInfo .formWrapper .formContent .formRowCheck label { font-size: 1.2em; margin-left: 8px; } .create-account .blockCompteDoneesInfo .formWrapper .formContent .formRowCheck input, .inscription .blockCompteDoneesInfo2.bottom .formRowCheck .jNice input {margin-right: 5px;} .create-account .inscription .formContent .dateBlock { float: left; margin-left: 0px; margin-top: 0px; padding-bottom: 0px; width: auto; } .create-account .inscription .formContent .type-select .selector select { color: #565A5C; font-size: 1em; } .create-account .formContent .type-select .selector {width:158px;} .create-account .formContent .type-select .selector span {width:113px;} .create-account .formWrapper .formContent .type-select span { color: #363636; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 1em; font-weight: bold; line-height: 1em; padding: 10px 45px 0 0; } .create-account .formWrapper .formContent .dateBlock .type-select {width: 130px; float: left;} .create-account .formWrapper .formContent .dateBlock .type-select .selector { width: 110px;} .create-account .formWrapper .formContent .dateBlock .type-select .selector span { width: 65px;} .create-account .inscription .dateBlock div.selector {width: 110px;} .create-account .inscription .blockCompteDoneesInfo2 .formWrapper .formContent .dateContent { width: auto; } .create-account .blockCompteDoneesInfo2 .formWrapper .formContent .dateContent p { float: left; width: 91px; padding-top: 15px; font-size: 1.2em; padding-right: 12px; } .create-account .inscription .blockCompteDoneesInfo2 .formWrapper .formContent .dateContent p { width: 184px; padding-right:0; } .create-account .blockCompteDoneesInfo2 .formWrapper .formContent .dateContent {padding-bottom: 10px;} .create-account .inscription .blockCompteDoneesInfo2 .formWrapper .formContent .dateContent .dateBlock { float: left; margin-left: 0; margin-top: 0; padding-bottom: 0; width: 550px; } .create-account .blockCompteDoneesInfo .formWrapper .formContent .formRow2Content { clear: both; float: left; min-height: 11px; padding: 0 0 10px; width: 500px; } ol { list-style-image: none; list-style-position: outside; list-style-type: none; } .navWrap.scriptNav .nav_main .submenuWrap { background: none repeat scroll 0 0 transparent; overflow: visible; } .navWrap.scriptNav .nav_main .submenuWrap .submenuWrapBottom { display: none; } .navWrap.scriptNav .menuMain .submenu { background-color: #FFFFFF; background-image: url("../images/bg/bg_nav-link-push-colors.png"); background-repeat: no-repeat; box-shadow: 0 3px 6px 3px rgba(204, 204, 204, 0.6); padding: 18px 0 4px; position: absolute; top: -999px; width: 100%; } .navWrap.scriptNav .menuMain .submenu li { width: 100%; } .navWrap.scriptNav .menuMain .submenu li:first-child { background: none repeat scroll 0 0 transparent; } .navWrap.scriptNav .menuMain li:hover, .navWrap.scriptNav .menuMain li:focus { visibility: inherit; } .navWrap.scriptNav .menuMain li { float: left; position: relative; } .navWrap.scriptNav .menuMain a { display: block; position: relative; } .navWrap.scriptNav .menuMain li:hover .submenu, .navWrap.scriptNav .menuMain li.sfHover .submenu, .navWrap.scriptNav .menuMain li:focus .submenu { left: 1px; top: 42px; z-index: 8; } .navWrap.scriptNav .menuMain li.stamps-online span.blockHover, .navWrap.scriptNav .menuMain li.stamps-online.selected span.blockHover, .navWrap.scriptNav .menuMain li.stamps-online .submenu { background-position: -74px 0; } .navWrap.scriptNav .menuMain li.electronic-letter span.blockHover, .navWrap.scriptNav .menuMain li.electronic-letter.selected span.blockHover, .navWrap.scriptNav .menuMain li.electronic-letter .submenu { background-position: -368px 0; } .navWrap.scriptNav .menuMain li.letter-mail span.blockHover, .navWrap.scriptNav .menuMain li.letter-mail.selected span.blockHover, .navWrap.scriptNav .menuMain li.letter-mail .submenu { background-position: -956px 0; } .navWrap.scriptNav .menuMain li.reshipment span.blockHover, .navWrap.scriptNav .menuMain li.reshipment.selected span.blockHover, .navWrap.scriptNav .menuMain li.reshipment .submenu { background-position: -640px 0; } .navWrap.scriptNav .menuMain li.track-order span.blockHover, .navWrap.scriptNav .menuMain li.track-order.selected span.blockHover, .navWrap.scriptNav .menuMain li.track-order .submenu { background-position: -1269px 0; } .navWrap.scriptNav .menuMain li.track-order .submenu { top: 43px; } .testLI{ list-style: none outside none; border-radius: 0; color: red; font: 14px Arial,Verdana; text-align: left; text-decoration: none; } .testUL{ width: 191px; list-style: none outside none; border-color: #1D9EB6; border-radius: 10px; border-style: solid none none; border-width: 1px; box-shadow: 2.1px 2.1px 4px #333333; left: 0; opacity: 0; padding: 9px 0; position: absolute; /*top: 400%;*/ visibility: hidden; background-color: red; } li#choixCsuivi { border-color: red; border-width: 2px; } li#choixCsuivi3 ul { border-radius: 0; color: red; border-style: none; border-width: 0; list-style: none outside none; margin: 0; padding: 0; } li#choixCsuivi3 ul { background-color: #E8E2C9; color: black; border-color: #1D9EB6; border-radius: px; border-style: solid none none; border-width: 1px; box-shadow: 2.1px 2.1px 4px #333333; left: 0; opacity: 0; padding: 0px 0; position: absolute; top: 400%; visibility: visible; } li#choixCsuivi3 li:hover > ul { opacity: 1; visibility: visible; } li#choixCsuivi3 li { display: block; float: left; font-size: 0; position: relative; white-space: nowrap; } li#choixCsuivi3 li:hover { z-index: 1; } li#choixCsuivi3 > li:hover > ul { opacity: 0.85; top: 100%; } li#choixCsuivi3BAD { display: inline-block; font-size: 0; padding: 5px 5px 5px 0; position: relative; width: 96px; z-index: 999; } li#choixCsuivi3 > li { margin: 0 0 0 3px; padding-right: 20px; } * html li#choixCsuivi3 li a { display: inline-block; } li#choixCsuivi3 ul > li { margin: 5px 0 0; } li#choixCsuivi3 a:active, li#choixCsuivi3 a:focus { outline-style: none; } li#choixCsuivi3 a { background-repeat: repeat; border-color: rgba(0, 0, 0, 0); border-radius: 10px; border-style: solid; border-width: 1px; color: #FFFFFF; cursor: pointer; display: block; font: 17px Arial,Verdana; padding: 6px 6px 6px 25px; text-align: left; text-decoration: none; text-shadow: 0 0 0 #FFFFFF; vertical-align: middle; } li#choixCsuivi3 li.current a { background-color: #E8E2C9; color: #0F6CA3; } li#choixCsuivi3 ul li { float: none; margin: 0; } li#choixCsuivi3 > li ul li .sousmenu { float: none; height: 18px; left: 0; margin: 0; padding: 0; position: absolute; top: 29px; width: 100%; } li#choixCsuivi3 ul a { border-radius: 0; color: black; font: 14px Arial,Verdana; text-align: left; text-decoration: none; } li#choixCsuivi3 li:hover > a, li#choixCsuivi3 li a.pressed { background-color: #E8E2C9; border-color: #3F8189 #176C79 #000000; border-style: solid; color: black; text-decoration: none; text-shadow: 0 0 0 #222222; } li#choixCsuivi3 img { border: medium none; margin-right: 5px; vertical-align: middle; } .menu_maileva #decon { padding-left: 142px; } .menu_ppal #decon { margin-left: 20px; padding-right: 0; } .menu_ppal #deconpic { padding-left: 142px; } li#choixCsuivi3 span { display: block; overflow: visible; padding-left: 50px; position: absolute; top: 22px; width: 2px; } li#choixCsuivi3 ul li:hover > a, li#choixCsuivi3 ul li a.pressed { background-color: #006397; color: #FFFFFF; font-weight: bold; text-decoration: none; } .menu_maileva li#choixCsuivi3 ul li:hover > a, li#choixCsuivi3 ul li a.pressed { background-color: #578300; color: #FFFFFF; font-weight: bold; text-decoration: none; } li#choixCsuivi3 li.topmenu > a { border-style: solid; border-width: 1px; transition: all 0.5s ease 0s; } li#choixCsuivi3 li.topmenu:hover > a, li#choixCsuivi3 li.topmenu a.pressed { border-style: solid; } .menu_ppal { background-color: #006397; height: 46px; margin: 0 auto; position: relative; width: 962px; z-index: 50; } .menu_maileva { background-color: #578300; height: 46px; margin: 0 auto; position: relative; width: 962px; z-index: 50; }