/*------------------------------------------------------------------------------ Styles du gabarit ------------------------------------------------------------------------------*/ #main.service{background-color:#ebeae1;} #two-col-left .service-container{width:750px;} #two-col-left .service-container .content{position:relative;padding-top:5px;padding-bottom:1px;background-color:#fff;height: 1%;}/* le padding-bottom de 1px résoud un bug d'affichage */ #two-col-left .service-container .top{height:5px;font-size:1px;background:url(images/multipays/service/bg-top-content.png) no-repeat;} #two-col-left .service-container .bottom{height:5px;font-size:1px;background:url(images/multipays/service/bg-bottom-content.png) no-repeat bottom left;} #two-col-left .service-container h2, #two-col-left .service-container h3, #two-col-left .service-container p{padding-right:10px;padding-left:10px;} #two-col-left .service-container p em{display:block;width:460px;font-size:0.9em;} #two-col-left .service-container form{margin:10px;} /*------------------------------------------------------------------------------ Styles des pages ------------------------------------------------------------------------------*/ /* Pages service */ /* Affiliation */ #two-col-left .col-main .service-container .content p#affiliation-percent{float:left;margin-left:80px;display:inline;} /*p#affiliation-percent{position:relative;float:left;margin-left:80px;display:inline;}*//* position pour résoudre le bug haslayout dans IE */ /*p#affiliation-percent img{position:absolute;}*//* idem */ #two-col-left .col-main .service-container .content p.subscribe-now{margin-left:520px;padding-top:20px;} #two-col-left .col-main .service-container .content p#affiliate{position:absolute;top:0;right:0;} #two-col-left .col-main .service-container .content .section{margin:0 10px;padding:20px 0;border-bottom:1px solid #ebeae1;} #two-col-left .col-main .service-container .content .section ul li{list-style-position:inside;} #two-col-left .col-main .service-container .content ol{list-style-position:inside;margin-bottom:30px;margin-left:20px;} #two-col-left .col-main .service-container .content .section-last{border-bottom:none;} #two-col-left .col-main .service-container .content .section-last div{float:left;width:345px;margin-right:5px;} #two-col-left .col-main .service-container .content .section-last #low-price-guaranteed-conditions{width:368px;height:96px;padding:2px 0;border:1px solid #7f9db9;overflow:auto;} /* Bon achat */ .section-voucher span.text{display:block;height:20px;line-height:20px;padding:0 10px;color:#4d4d4d;} .section-voucher span.product-ranking{display:block;margin:0 10px;background-color:#f4f4f4;} .section-voucher .product-compare{margin:0 10px;padding:10px 0 10px 10px;background-color:#f4f4f4;} .section-voucher table.tb-product-ranking{width:730px;margin:0 10px;} .section-voucher table.tb-product-ranking th{height:18px;padding-left:10px;text-align:left;color:#fff;background:url(images/multipays/service/bg-tb-product-ranking.png) 0 0 repeat-x;} .section-voucher table.tb-product-ranking th img{vertical-align:middle;} .section-voucher table.tb-product-ranking td{padding:10px 5px 5px 5px;vertical-align:top;border-bottom:1px solid #ccc;} .section-voucher table.tb-product-ranking td.product-amount{color:#f00;} .section-voucher table.tb-product-ranking td.product-amount span.price{padding:0;font-weight:bold;font-size:16px;color:#f00;} .section-voucher table.tb-product-ranking td.product-amount span.availability{font-weight:bold;font-size:11px;} .section-voucher table.tb-product-ranking a{color:#000;} .section-voucher table.tb-product-ranking dd.notes, .section-voucher table.tb-product-ranking dd.notes a{clear:left;font-size:11px;} .section-voucher table.tb-product-ranking dd.notes span{float:left;width:80px;padding:0;} #two-col-left .col-main .service-container .content .section-voucher table.tb-product-ranking .voucher-amount p{height:24px;padding:0 0 0 7px;text-decoration:none;background:url(images/multipays/buttons/bt-default-left.png) 0 0 no-repeat;} #two-col-left .col-main .service-container .content .section-voucher table.tb-product-ranking .voucher-amount p span{float:left;height:24px;line-height:24px;padding:0 7px 0 0;font-size:11px;color:#ff0000;background:url(images/multipays/buttons/bt-default-right.png) 100% 0 no-repeat;} /* Chèques cadeaux */ #two-col-left .service-container #paper-version{float:left;width:360px;margin-left:10px;display:inline;} #two-col-left .service-container #e-version{width:360px;margin-left:380px} #two-col-left .service-container #gift-catcher{margin:0 0 15px 0;font-weight:bold;font-size:16px;color:#ae269e;} #two-col-left .service-container #paper-version h2, #e-version h2{height:20px;line-height:20px;margin:0;font-size:16px;color:#ae269e;} #two-col-left .service-container #e-version h2{margin-right:10px;background:url(images/multipays/service/bg-eversion-title.jpg) 100% 0 no-repeat;} #two-col-left .service-container #e-version .image-flr, #two-col-left .service-container #gift-certificate .image-flr{margin-right:10px;} #two-col-left .service-container #paper-version .image-fll{margin-left:10px;} #two-col-left .service-container #paper-version p, #two-col-left .service-container #e-version p, #two-col-left .service-container #paper-version h3, #two-col-left .service-container #e-version h3{padding-left:0;} #two-col-left .service-container #e-version .bt-default, #two-col-left .service-container #paper-version .bt-default{margin-left:130px;} #two-col-left .service-container #gift-certificate div{margin:10px 0;} #two-col-left .service-container #gift-certificate span#complete{display:block;margin:10px 0;font-weight:bold;text-align:left;} #two-col-left .service-container #gift-certificate form{margin-bottom:20px;} #two-col-left .service-container #gift-certificate form td{padding:5px 15px;font-size:11px;} #two-col-left .service-container #gift-certificate form td.numbers{padding:5px 0;font-weight:bold;text-align:left;} #two-col-left .service-container #gift-certificate form td.info span{color:#f00;} #two-col-left .service-container #gift-certificate input.text{width:100px;padding:1px;font-size:11px;border:1px solid #7f9db9;} #two-col-left .service-container #gift-certificate select{width:60px;padding:1px;border:1px solid #7f9db9;} #two-col-left .service-container #gift-certificate textarea{width:300px;margin-bottom:20px;padding:2px 5px;font-family:arial;border:1px solid #7f9db9;} #two-col-left .service-container #gift-certificate input#melle, #two-col-left .service-container #gift-certificate input#mme, #two-col-left .service-container #gift-certificate input#m{border:none;padding:0;width:20px;} #two-col-left .service-container #gift-certificate #sender input{margin:0 15px;} #two-col-left .service-container #gift-certificate #validate{margin:20px 0} #two-col-left .service-container #gift-certificate #the-rules{height:96px;margin:10px;padding:2px 0;border:1px solid #7f9db9;overflow:auto;} /* Engagements & contact */ #two-col-left .service-container #commitments h2, #two-col-left .service-container #contact h2{margin-bottom:0;} #two-col-left .service-container #contact .contacts{float:left;width:360px;margin:0 0 20px 10px;display:inline;} #two-col-left .service-container #contact .contacts p, #two-col-left .service-container #contact .contacts h2{margin-left:140px;} #two-col-left .service-container #contact .contacts p strong{color:#1e59c4;} /* Extensions de garantie */ #two-col-left .service-container .guarantee{float:left;width:350px;height:205px;margin-bottom:20px;margin-left:15px;background:url(images/multipays/service/bg-three-five-guarantee.jpg) right top no-repeat;display:inline;} #two-col-left .service-container .guarantee p{margin-top:22px;margin-left:140px;} #two-col-left .service-container .guarantee p span.red{font-weight:bold;font-size:16px;} /* FAQ */ #two-col-left .service-container .form-faq{position:relative;margin-bottom:20px} #two-col-left .service-container .form-faq label{display:block;font-weight:bold;font-size:16px;color:#ae269e;} #two-col-left .service-container .form-faq select{width:380px;border:1px solid #ece9d8;background-color:#f4f4f4;} #two-col-left .service-container .form-faq .bt-submit{position:absolute;top:14px;left:390px;} /* Parrainage */ #two-col-left .service-container #sponsorship form{margin-top:0;} #two-col-left .service-container #sponsorship .form-field label{float:left;width:80px;} #two-col-left .service-container #sponsorship .form-field input{width:100px;padding:1px;border:1px solid #7f9db9;} #two-col-left .service-container #sponsorship .form-field, #two-col-left .service-container #sponsorship .form-textarea-field{margin:10px 0;} #two-col-left .service-container #sponsorship .form-textarea-field textarea{width:300px;padding:2px 5px;font-family:arial;border:1px solid #7f9db9;} #two-col-left .service-container #sponsorship .form-ckeck-field input{float:left;margin:0 5px 20px 0;border:1px solid #7f9db9;} #two-col-left .service-container #sponsorship .bt-submit{margin:15px 0;} /* Presse */ #two-col-left .service-container .form-press{float:left;width:48%;margin-right:0;display:inline;} #two-col-left .service-container .form-press .bt-submit{float:left;margin:-3px 5px 0 5px;display:inline;} #two-col-left .service-container .form-press select{float:left;margin-right:2px;border:1px solid #ece9d8;color:#ae269e;background-color:#f4f4f4;display:inline;} #two-col-left .service-container .form-press select option{padding-right:5px;} #two-col-left .service-container #press .recent-articles-section{margin:10px;border-top:1px solid #d2d2d2;} #two-col-left .service-container #press .recent-articles-section div{padding:20px 0;} #two-col-left .service-container #press .recent-articles-section div.ras1{float:left;width:355px;display:inline;} #two-col-left .service-container #press .recent-articles-section div.ras2{margin-left:365px;} #two-col-left .service-container #press .recent-articles-section div dl{margin-left:140px;} #two-col-left .service-container #press .recent-articles-section div dt, #two-col-left .service-container #press .recent-articles-section div dd{margin:0 0 5px 0;} /* SAV */ #two-col-left .service-container #sav ul{margin-left:25px;margin-bottom:20px;margin-top:-20px;} #two-col-left .service-container #sav ul#contact{margin-top:0;} #two-col-left .service-container #sav .brands-logo{float:left;width:100px;margin-left:40px;display:inline;} #two-col-left .service-container #sav span.phone{font-weight:bold;color:#2b6fa8;} #two-col-left .service-container #sav .vipix{margin:0 5px 0 20px;} /* Validation commande */ #two-col-left .service-container .form-valid-command input.text{margin-top:5px;} #two-col-left .service-container .form-valid-command label span{font-weight:bold;font-size:14px;color:#ae269e;cursor:pointer;} #two-col-left .service-container .form-valid-command .bt-submit{margin:20px 0} #two-col-left .service-container #valid-command a.password{display:block;margin:10px;} /* Paypal */ #two-col-left .box-paypal .content {background: #fff} #two-col-left .box-paypal .box-bottom span {background:url(images/multipays/box-service/paypal/bg-bottom-right.png) no-repeat 100% 0;} #two-col-left .box-paypal .box-bottom {background:url(images/multipays/box-service/paypal/bg-bottom-left.png) no-repeat 0 0;} #two-col-left .box-paypal .content h3 {color: #b02da1} #two-col-left .box-paypal .content p {padding: 0;} #two-col-left .box-paypal .content p img {float: right} #two-col-left .box-paypal .bt-submit {display: block;height: 25px;} #two-col-left #paypal hr {height: 1px;margin: 0 10px 20px;border: none;background: #666;} #two-col-left #paypal .paypal-code {width: auto !important;width: 1px;height: 30px;white-space: nowrap;} #two-col-left #paypal .paypal-code span {float: left;margin: 0;padding: 0;background: transparent url(images/multipays/titles-bg/round-grey-right.png) no-repeat 100% 0;} #two-col-left #paypal .paypal-code span strong {display: block;height: 20px;padding: 5px 10px;font-size: 16px;font-weight: bold;background: transparent url(images/multipays/titles-bg/round-grey-left.png) no-repeat 0 0;} #weee p img {float: right;} #weee ul, #weee h4 {margin: 10px 40px;color: #333;} #weee h3 {font-weight: bold;font-size: 14px;} #weee h4 {font-weight: bold;font-size: 12px;} #weee p {font: 12px Arial, Helvetica, sans-serif;} #weee p.address {margin-left: 30px;} #weee img#schema-weee {display: block;float: none;margin: auto;} /* Ecotaxe DEEE */ #eee-table {width:100%;margin:20px auto;} #eee-table table.eee-table{width:700px;margin:0 auto;margin-bottom:15px;border-collapse:collapse;border: 1px solid #000;} #eee-table table.eee-table td,table.eee-table th {padding:5px 8px;border: 1px solid #000;} #eee-table table.eee-table .cost {text-align:right;width:100px;} #eee-table table.eee-table th.cost {text-align:center;} #eee-table .it-telecom td.cost, #eee-table .toy-leisure td.cost {text-align:center;} #eee-table .small-household thead {background-color:#936;} #eee-table .small-household td {background-color:#C9f;} #eee-table .it-telecom thead {background-color:#36F;} #eee-table .it-telecom td {background-color:#9CF;} #eee-table .consumer-equipment thead {background-color:#396;} #eee-table .consumer-equipment td {background-color:#CFC;} #eee-table .electric-eletronic thead {background-color:#F90;} #eee-table .electric-eletronic td {background-color:#FC9;} #eee-table .toy-leisure thead {background-color:#3CC;} #eee-table .toy-leisure td {background-color:#CFF;}