/* RESET STYLE HTML 5 */
div#responsivearmor, div#responsivearmor table{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;font-family:Arial, Helvetica, sans-serif; }
/* HTML5 display-role reset for older browsers */
div#responsivearmor{display: block;}
div#responsivearmor{line-height: 1;}
div#responsivearmor ol, div#responsivearmor ul {list-style:none;}
div#responsivearmor blockquote, div#responsivearmor q{quotes: none;}
div#responsivearmor blockquote:before, div#responsivearmor blockquote:after,
div#responsivearmor q:before, div#responsivearmor q:after{content: '';content: none;}
div#responsivearmor table{border-collapse: collapse;border-spacing: 0;}
/* CALL TYPO DIN ***** font-family:'dinbold'; *****/
@font-face{font-family: 'dinbold';src: url('ff_din_bold-webfont.eot');src: url('ff_din_bold-webfont.eot?#iefix') format('embedded-opentype'), url('ff_din_bold-webfont.woff') format('woff'), url('ff_din_bold-webfont.ttf') format('truetype'), url('ff_din_bold-webfont.svg#dinbold') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: 'dincond';src: url('ff_din_condensed_regular_0-webfont.eot');src: url('ff_din_condensed_regular_0-webfont.eot?#iefix') format('embedded-opentype'), url('ff_din_condensed_regular_0-webfont.woff') format('woff'), url('ff_din_condensed_regular_0-webfont.ttf') format('truetype'), url('ff_din_condensed_regular_0-webfont.svg#dincond-regularregular') format('svg');font-weight: normal;font-style: normal;}
/* PAGE SERVICES */
#main-content-container,#maincontainer{background:url(/ecbe/static/pages-services-responsive/img/background-container.png) top left repeat-y!important}
/* OSSATURE SERVICES */
div#responsivearmor{display:block;width:100%;background:#fff;}
div#bodyservices{display:block;padding:20px;}
.imgleft{float:left;display:inline;margin:0 15px 15px 0;}
.imgright{float:right;display:inline;margin:0 0 15px 15px;}
/* HEADER MENU SERVICES */
#headnewsletter_decathlon/livraison-h-48vices{display:block;margin:0;background:#e6e6e6;position:relative;}
*+html #headerservices{max-height:115px;} /* Surcharge pour IE7 seulement */
div.titlepage{font-size:15px;font-family:'dinbold', Arial;color:#191919;text-transform:uppercase;margin:0 0 10px;}
div.linksideheaderservice{background:url('/ecbe/static/pages-services-responsive/img/shadow-top-service.gif') top repeat-x #e5e5e5;display:block;padding:12px 20px 20px;position:relative;z-index:100;border-bottom:2px solid #ddd;}
div#responsivearmor .linkservice a{width:auto;display:inline-block;padding:6px 10px 7px;font-size:12px;color:#555;text-align:center;text-decoration:none;background:#ccc;border-radius:3px;margin:10px 6px 0 0;}
div#responsivearmor .linkservice a:hover, div#responsivearmor .linkservice a.selectedlinkservice{background:#0083c1;color:#fff;}
#declenche-responsive{display:none;}
/* POLICE */
div#responsivearmor h1{font-family:dinbold, Arial;font-size:28px;font-weight:bold;text-align:left;display:block;margin:0 0 20px;padding:0;color:#191919;text-transform:uppercase;letter-spacing:-0.2px;}
div#responsivearmor h1 span{color:#0083c1;}
div#responsivearmor p{margin:0;padding:0 0 10px;font-size:12px;color:#191919;line-height:18px;text-align:left;}
div#bodyservices a{color:#0083c1;}
div#responsivearmor h2{color: #0083c1;font-size: 15px;font-weight: bold;text-transform:uppercase;margin: 15px 0 10px;padding: 0;}
/* BTN SERVICES */
a#btn-end-page, a#btn-top{text-decoration:none;display:inline-block;padding:10px 20px 10px 29px;font-size:14px;font-weight:bold;color:#ffffff !important;background:#0083c1;text-align:center;position:relative;margin:0 0 20px;min-width:200px;}
div#responsivearmor a#btn-end-page{color:#fff }
a#btn-end-page:after, a#btn-top:after{content:'';display:block;background:url('/ecbe/static/pages-services-responsive/img/pucebtnservices.gif') top no-repeat;width:9px;height:10px;position:absolute;top:50%;margin-top:-5px;left:12px;}
a#btn-end-page:hover, a#btn-top:hover{background:#006291;}
#responsivearmor a.orange-color{background:#ff5f00;}
#responsivearmor a.orange-color:hover{background:#ff8700;}
#responsivearmor a#btn-top{margin:0 auto 20px;display:block;}
#responsivearmor .big-btn{background:#337FCC;}
.grid .services .infos-content .template-detail{min-height:200px;}
.grid .services .infos-content{min-height:465px;}
/* MISE EN PAGE PAIEMENT SECU */
.carton33{width:33%;display:inline;float:left;}
#responsivearmor .carton33 a{width:92%;display:block;margin:0 0 2%;padding:3%;font-family:dincond, Arial;position:relative;overflow:hidden;font-size:18px;color:#ffffff;text-align:left;background:#666666;text-decoration:underline;}
.carton33 span.pictocb, .carton33 span.picto3x, .carton33 span.pictopaypal, .carton33 span.pictocheque, .carton33 span.pictocarte, .carton33 span.pictoalsolia{display:block;float:left;text-align:center;margin-right:3%;}
.carton33 span.labeltab{display:block;padding:5% 0;}
#responsivearmor .carton33 span img{display:block;width:100%;max-width:53px;text-align:center;margin:0 auto;}
#responsivearmor .carton33 span.picto3x img{max-width:59px;}
#responsivearmor .carton33 a:hover{background-color:#0083c1;text-decoration:none;}
/* CTABLUE */
.ctaBlue span{display:block;width:39px;height:40px;line-height:40px;background:url('/ecbe/static/pages-services-responsive/img/rightboxblue.png') top no-repeat;position:absolute;top:0;right:0;z-index:1;}
#responsivearmor .ctaBlue{color:#ffffff;margin:0 0 15px;display:inline-block;
background-color:#2d96d7;
background-image:-webkit-linear-gradient( #4dafec 0%, #1578b4 100%);
background-image:-moz-linear-gradient( #4dafec 0%, #1578b4 100%);
background-image:-ms-linear-gradient( #4dafec 0%, #1578b4 100%);
background-image:-o-linear-gradient( #4dafec 0%, #1578b4 100%);
background-image:linear-gradient( #4dafec 0%, #1578b4 100%);
height:40px;line-height:40px;font-family:dinbold, arial;text-decoration:none;letter-spacing:-0.5px;font-size:16px;text-transform:uppercase;padding:0 49px 0 10px;position:relative;
}
#responsivearmor .ctaBlue:hover{opacity:0.7;filter:alpha(opacity=70) }
/* MISE EN PAGE LIVRAISON */
div#responsivearmor div.pagelivraisonspecial{padding:20px 15px !important;}
div.compensepaddinglivraison{padding:0 10px;}
div#responsivearmor p.mentiontextservice{font-size:10px;color:#6a6a6a;text-align:center;}
div#responsivearmor .pagelivraisonspecial a#btn-end-page{width:200px;margin:20px auto 15px;display:block;}
.table-magasin, .table-pointrelais, .table-domicile{width:24%;display:block;float:left;margin-bottom:5px;}
.table-pointrelais{width:28%;}
.table-domicile{width:48%;margin-bottom:0;}
.margin-table{display:block;margin:0 10px 0 0;}
.bluetitle{background:#0083c1;}
.yellowtitle{background:#ff9000;}
.greentitle{background:#83bc15;}
.bluetitle, .yellowtitle, .greentitle{font-size:18px;color:#ffffff;font-family:'dinbold', Arial;text-transform:uppercase;display:inline-block;padding:7px 15px;}
.sousgreentitle{display:none }
.armor-table{min-height:546px;}
.table-magasin .armor-table{height:auto;border:2px solid #0083c1;padding:8px;}
.table-magasin .livraisonservice{padding-top:10px;}
.table-pointrelais .armor-table{height:auto;border:2px solid #ff9000;padding:8px;}
.table-domicile .armor-table{height:auto;border:2px solid #83bc15;padding:8px;}
.colisage{text-align:center;font-size:11px;text-transform:uppercase;display:block;background:url('/ecbe/static/pages-services-responsive/img/dot.gif') 0 50% repeat-x;margin:0 0 2px;}
.colisage span{display:inline;padding:0 10px;background:#ffffff;}
.priceboxservice{display:block;background:#e5e5e5;padding:15px;min-height:90px;}
.livraisonservice{font-size:12px;color:#191919;text-transform:uppercase;display:block;margin:0 0 5px;font-weight:bold;}
#responsivearmor .livraisonservice span{font-size:11px;text-transform:none;font-weight:100;}
.bluespan{background:#0083c1;padding:5px 10px;display:inline-block;color:#ffffff;font-size:33px;text-transform:uppercase;font-family: 'dinbold', Arial;letter-spacing:-0.5px;margin:0 0 3px;}
.pricespecialservice, .pricespecialservice span{color:#191919;height:65px;font-size:65px;text-transform:uppercase;font-family: 'dinbold', Arial;letter-spacing:-0.5px;margin:-15px 0 3px;}
.pricespecialservice{display:block;position:relative;}
.pricestwonumbers .euroservice{left:72px;}
.pricespecialmag{display:inline;background:#0083c1;color:#ffffff;padding:0 2px;text-transform:uppercase;font-size:24px;font-weight:bold;}
div#responsivearmor .pricespecialservice span{font-size:25px;margin:0 !important;height:25px !important;}
.euroservice{left: 38px;position: absolute;top: 14px;}
.decimalservice {left: 38px;position: absolute;top:37px;}
.dualnumber{left:73px !important;}
.since50, .specialpointrelais{font-size:11px;line-height:14px;text-transform:uppercase;font-weight:bold;}
div#responsivearmor .specialpointrelais span{display:inline;background:#0083c1;color:#ffffff;padding:0 2px;}
div.shippingservice, div.product-concern, div.shippingmethodservice{display:block;border:1px solid #e5e5e5;border-top:none;padding:8px;font-size:12px;color:#191919;text-transform:uppercase;line-height:16px;}
div.shippingservice b, div.product-concern b{text-transform:none;font-size:12px;}
div#responsivearmor div.product-concern small{font-weight:100;color:#777;}
.bluetext{color:#0083c1;}
.colonne-domicile{width:51%;float:left;}
.colonne-dom-two{width:49%;}
.margin-colonne-domicile{margin:0 3%;}
.mybtnshipping{display:block;position:relative;background:#ececec;padding:6px 15px 6px 5px;margin:5px 0 0;line-height:13px;text-decoration:none;position:relative;}
.mybtnshipping:after{content:'';display:block;position:absolute;top:50%;margin-top:-3.5px;background:url('/ecbe/static/pages-services-responsive/img/pucemenudynamique.gif') 0 0 no-repeat;right:10px;z-index:1;width:4px;height:7px;}
.vignettelogo {width:30px;height:30px;display:inline-block;margin:0;background-size:30px !important;vertical-align:middle;}
#decathlon-magasin .vignettelogo{background:url('/ecbe/static/pages-services-responsive/img/vignette-decathlon.png') top no-repeat;}
#relay-magasin .vignettelogo, #confort-magasin .vignettelogo{background:url('/ecbe/static/pages-services-responsive/img/vignette-relay.png') top no-repeat;}
#bpost-magasin .vignettelogo{background:url('/ecbe/static/pages-services-responsive/img/vignette-bpost.png') top no-repeat;}
#chronopost-magasin .vignettelogo{background:url('/ecbe/static/pages-services-responsive/img/vignette-chronopost.jpg') top no-repeat;}
#colissimo-magasin .vignettelogo{background:url('/ecbe/static/pages-services-responsive/img/vignette-colissimo.jpg') top no-repeat;}
#economique-magasin .vignettelogo{background:url('/ecbe/static/pages-services-responsive/img/vignette-economique.jpg') top no-repeat;}
#express-magasin .vignettelogo{background:url('/ecbe/static/pages-services-responsive/img/vignette-express.jpg') top no-repeat;}
span.titlebtnservices{font-size:11px;color:#191919;font-weight:bold;padding:0 0 0 3px;display:inline-block;width:76%;vertical-align:middle;}
span.baselinebtnservices{font-size:10px;color:#555;font-weight:100;display:inline-block;vertical-align:middle;text-transform:none;padding-left:5px;max-width:125px;}
.table-pointrelais span.baselinebtnservices,.table-domicile span.baselinebtnservices{max-width:200px;}
.table-domicile span.baselinebtnservices{padding-right:10px;}
#chronopost-magasin span.titlebtnservices, #colissimo-magasin span.titlebtnservices{padding:10px 0 0;}
.link-transporteur{font-size:12px;font-weight:bold;text-align:left;display:inline-block;padding:5px;}
#responsivearmor .link-transporteur:hover{text-decoration:none;}
/* ajout Céline Crabeels new service page belgium */
div#responsivearmor .livraison-liste{list-style:disc;font-size:12px;color:#191919;line-height:18px;}
div#responsivearmor .livraison-liste li{margin-left:30px}
div#responsivearmor .info-livraison{border:solid 1px #eeeeee;background:#f3f3f3;padding:15px;}
div#responsivearmor .info-livraison p,div#responsivearmor .info-livraison li{font-size:11px;color:#666666;}
div#responsivearmor .livraison-mag .livraison-liste{list-style:none;margin-bottom:15px;}
div#responsivearmor .livraison-mag .livraison-liste li{margin-left:10px;font-size:14px;}
/* TOOL TIP */
.flag-logo{width:125px;height:50px;display:none;background-color:rgba(0,0,0,0.8);border-radius:2px;position:absolute;top:-55px;left:10px;z-index:1;}
.arrowbas{width:7px;height:5px;display:block;position:absolute;bottom:-5px;left:50%;margin-left:-3.5px;background:url('/ecbe/static/pages-services-responsive/img/arrowbas.png') top no-repeat;}
.pointrelay{background-image:url('/ecbe/static/pages-services-responsive/img/pt-relay.png');background-position:center;background-repeat:no-repeat;}
.bpost{background-image:url('/ecbe/static/pages-services-responsive/img/pt-bpost.png');background-position:center;background-repeat:no-repeat;}
.magdecathlon{background-image:url('/ecbe/static/pages-services-responsive/img/decathlon-logo.png');background-position:center;background-repeat:no-repeat;}
.colissimologo{background-image:url('/ecbe/static/pages-services-responsive/img/colissimo.png');background-position:center;background-repeat:no-repeat;}
.chronopostlogo{background-image:url('/ecbe/static/pages-services-responsive/img/chronopost.png');background-position:center;background-repeat:no-repeat;}
.economiquelogo{background-image:url('/ecbe/static/pages-services-responsive/img/geodis.png');background-position:center;background-repeat:no-repeat;}
vignette.expresslogo{background-image:url('/ecbe/static/pages-services-responsive/img/franceexpress.png');background-position:center;background-repeat:no-repeat;}
#confort-magasin:hover .flag-logo, #decathlon-magasin:hover .flag-logo, #relay-magasin:hover .flag-logo, #bpost-magasin:hover .flag-logo, #pointrelais-magasin:hover .flag-logo, #chronopost-magasin:hover .flag-logo, #colissimo-magasin:hover .flag-logo, #economique-magasin:hover .flag-logo, #express-magasin:hover .flag-logo, .link-partenaire-special1:hover .flag-logo, .link-partenaire-special2:hover .flag-logo, .link-partenaire-special3:hover .flag-logo, .link-partenaire-special4:hover .flag-logo {display:block;}
.mylinkpartenaire .flag-logo{left:50%;margin-left:-62.5px;}
.skimiumlogo{background-image:url('/ecbe/static/pages-services-responsive/img/skimium-partenaire.jpg');background-position:center;background-repeat:no-repeat;}
.ucpalogo{background-image:url('/ecbe/static/pages-services-responsive/img/ucpa-partenaire.jpg');background-position:center;background-repeat:no-repeat;}
.vvflogo{background-image:url('/ecbe/static/pages-services-responsive/img/vvf-partenaire.jpg');background-position:center;background-repeat:no-repeat;}
.vacancesbleueslogo{background-image:url('/ecbe/static/pages-services-responsive/img/vacances-bleues-partenaire.jpg');background-position:center;background-repeat:no-repeat;}
/* MISE EN PAGE RETOUR ECHANGE */
.specialtitle{display:block;position:relative;text-transform:uppercase;color:#737373;font-size:14px;font-weight:bold;text-indent:60px;margin:20px 0;}
.specialtitle font{color:#0083c1;}
.specialtitle:after{display:block;content:'';width:70px;height:12px;background:#737373;position:absolute;top:0;left:-20px;z-index:1;}
.number-etape{width:28px;height:30px;line-height:30px;font-size:20px;font-weight:100;color:#fff;background:#ff5f00;border-radius:30px;text-align:center;display:block;padding:0 2px 0 0;margin:0 auto 5px;}
.baseline-etape{display:block;margin:0 auto;text-align:center;font-size:11px;font-weight:100;color:#191919;line-height:15px;text-transform:uppercase;padding:0 30px;}
.etape{width:20%;height:auto;display:inline-block;float:left;margin:0 10px 20px 0;}
.schema-etape{display:block;margin:0 0 30px;padding:0 0 0 55px;font-size:12px;color:#191919;line-height:18px;}
.illustration-etape{width:112px;height:111px;display:block;margin:0 auto 10px;background:url('/ecbe/static/pages-services-responsive/img/sprites-retours.jpg') 0 0 no-repeat;}
.magasin .illustration-etape{background-position:0 0;}
.preuve .illustration-etape{background-position:-112px 0;}
.rembourse .illustration-etape{background-position:-224px 0;}
.connecte .illustration-etape{background-position:-336px 0;}
.prepare .illustration-etape{background-position:-448px 0;}
.depose .illustration-etape{background-position:-560px 0;}
.schema-etape .number-etape{float:left;margin:0;}
.step-p{display:block;overflow:hidden;margin:0 0 10px;}
.text-p{display:block;padding:0 0 0 40px;}
.bigfont{font-size:30px;font-family: 'dinbold', Arial;}
/* CARTE ALSOLIA MISE EN PAGE */
div.message_special{font-weight: bold;}
/* SERVICE APRES VENTE */
.grid3{width:33.333334%;float:left;display:inline;margin:0 0 20px;}
.grid3 img{max-width:307px;display:block;width:90%;}
.lien-mobile-text{display:none }
/* POP UP INSIDE SERVICES */
.logodecathlon{width:64px;height:17px;display:inline-block;float:left;background:url('/ecbe/static/pages-services-responsive/img/logodecathlon.jpg') center no-repeat;padding:9px 0 0;margin:0 10px 10px 0;}
.logomondialrelay{width:39px;height:40px;display:inline-block;float:left;background:url('/ecbe/static/pages-services-responsive/img/logomondialrelay.jpg') center no-repeat;padding:0;margin:-5px 10px 10px 0;}
.logochronopost{width:59px;height:19px;display:inline-block;float:left;background:url('/ecbe/static/pages-services-responsive/img/logochronopost.jpg') center no-repeat;padding:3px 0 0;margin:0 10px 10px 0;}
.logocolissimo{width:74px;height:19px;display:inline-block;float:left;background:url('/ecbe/static/pages-services-responsive/img/logocolissimo.jpg') center no-repeat;padding:5px 0 0;margin:0 10px 10px 0;}
.logoeconomique{width:45px;height:46px;display:inline-block;float:left;background:url('/ecbe/static/pages-services-responsive/img/logoeconomique.jpg') center no-repeat;padding:0;margin:-5px 10px 10px 0;}
.logoexpress{width:66px;height:37px;display:inline-block;float:left;background:url('/ecbe/static/pages-services-responsive/img/logofrance.jpg') center no-repeat;padding:0;margin:-5px 10px 10px 0;}
div#responsivearmor .pucelinkspopup{padding:0 0 10px 15px;background:url('/ecbe/static/pages-services-responsive/img/pucelinkspopup.gif') 0 5px no-repeat; }
/* TABLEAU SCROLLABLE */
.delivery-mode-table{position:relative;border:1px solid #ccc;background:#eee;margin:0 0 20px;}
.delivery-mode-table .scrolling-table{overflow: hidden;margin-left: 118px;position: relative;}
.delivery-mode-table .scrolling-table .scroll{overflow: auto;-webkit-overflow-scrolling: touch;position: relative;}
.delivery-mode-table .scrolling-table:before{content: "";display: block;position: absolute;top: -10px;left: -10px;bottom: -10px;z-index: 90;width: 10px;box-shadow: 5px 0px 10px #444444;}
.delivery-mode-table .scrolling-table:after{content: "";display: block;position: absolute;top: -10px;right: -10px;bottom: -10px;z-index: 90;width: 10px;box-shadow: -5px 0px 10px #444444;}
.scrolling-table table td{min-width: 85px;padding-left: 15px;height:78px;background:#ffffff;border:1px solid #ccc;font-size:13px;vertical-align:middle;}
.delivery-mode-table .fixed-table{background: #eee;width:118px;position: absolute;left: 0;top: 0;bottom: -1px;white-space: normal;max-width: 120px;min-width: 0;z-index: 10;}
table .toptr{background:#eee;}
.delivery-mode-table .fixed-table td{ font-weight: bold;height: 59px;text-align: left;padding: 10px;vertical-align: middle;border-bottom:1px solid #ccc;font-size:13px;}
/* RAPPEL PRODUIT */
a.bande-rappel{display:block;margin:0 0 15px;width:100%;}
a.bande-rappel img{display:block;width:100%;}
div#responsivearmor .lien-mobile{display:none }
/* CARTE CADEAU SPOREKA */
.cartecadeausporeka{display:block;float:right;max-width:270px;}
.cartecadeausporeka img{max-width:270px;display:block;width:100%;}
#responsivearmor p.smalltxt{font-size:10px;}
.cadeau-box{width:50%;float:left;}
.cadeau-box a{display:block;margin:0 auto;}
.cadeau-box img{margin:0 auto;display:block;max-width:466px;width:100%;}
/* FIDELITE RECOMPENSEE */
/*SCROLL ZONE*/
.mycartefidavantages{position:relative;margin:0;overflow:hidden;}
.myscrollableavantages{display:block;}
.scrollavantages{overflow:auto;position:relative;}
.grid40{width:40%;display:inline;float:left;}
.grid60{width:60%;display:inline;float:left;}
.grid50{width:50%;display:inline;float:left;}
.insidepadding{display:block;padding:20px;}
.insidepadding-other{display:block;padding:20px 30px;}
.colorblue1{background-color:#d9edf6;}
.colorblue2{background-color:#b2daec;}
.colorblue3{background-color:#8cc7e3;}
.colorblue4{background-color:#59aed7;}
.cardfidelite{width:100px;height:71px;display:block;float:left;background:url('/ecbe/static/pages-services-responsive/img/carte-fid.png') top no-repeat;margin:0 10px 0 0;}
.titledin{font-family:'Dinbold', Arial;text-transform:uppercase;color:#191919;font-size:15px;letter-spacing:-0.5px;display:block;margin:0 0 10px;}
.paperboard{width:960px;display:block;}
#responsivearmor .paperboard a{color:#191919;}
#responsivearmor .paperboard a:hover{text-decoration:none;}
#img-400pts, #img-10pourcent{max-width:410px;width:100%;display:block;margin:0 auto 5px;}
#img-newsletter, #img-trocathlon, #img-velo, #img-stars, #imgf-90jours{max-width:175px;width:100%;display:block;margin:0 auto 5px;}
.bloc400pts, .blocreduction, #responsivearmor .bloc400pts p, #responsivearmor .blocreduction p, .blocnewsletter-inside, #responsivearmor .blocnewsletter-inside p, .bloc90jours, #responsivearmor .bloc90jours p, .bloctrocathlon, #responsivearmor .bloctrocathlon p, .blocvelo, #responsivearmor .blocvelo p, .blocinvitation, #responsivearmor .blocinvitation p, .blocarchives, #responsivearmor .blocarchives p, .blocfinancement, #responsivearmor .blocfinancement p {text-align:center;font-size:14px;}
.bloc400pts .titledin, .blocreduction .titledin{margin:0 0 5px;}
.link-partenaire-special1{display:inline-block;width:115px;position:relative;margin:0 auto;}
div.mylinkpartenaire{width:160px;height:auto;display:block;margin:0 auto;}
#img-400pts{margin-top:32px;}
#img-newsletter{margin-top:32px;}
.blocnewsletter-inside .insidepadding{padding:20px 40px;}
#img-400pts{margin-top:32px;}
#img-400pts{margin-top:32px;}
#img-400pts{margin-top:32px;}
#img-400pts{margin-top:32px;}
#img-400pts{margin-top:32px;}
#img-400pts{margin-top:32px;}
.bloc400pts, .blocreduction, .bloc90jours, .bloctrocathlon, .blocvelo, .blocinvitation, .blocarchives{height:235px;}
.blocnewsletter-inside{height:470px;}
#btncreationcarte{max-width:571px;display:block;margin:0 auto 30px;}
#btncreationcarte img{display:block;width:100%;}
#responsivearmor #linknormal-login{font-size:13px;color:#191919;display:block;text-align:center;text-decoration:underline;margin:0 auto 45px;}
#responsivearmor #linknormal-login:hover{text-decoration:none;}
#responsivearmor a.smallmentionsleft{display:block;text-align:left;color:#777;font-size:10px;text-decoration:none;}
#responsivearmor a.smallmentionsleft:hover{text-decoration:underline }
/* TABLEAU Secondaire Transporteur */
.tableau-transporteur{position:relative;border:1px solid #ccc;background:#eee;margin:0 0 20px;}
.tableau-transporteur .scrolling-tableau{overflow: hidden;margin-left: 124px;position: relative;}
.tableau-transporteur .scrolling-tableau .scroll{overflow: auto;-webkit-overflow-scrolling: touch;position: relative;}
.tableau-transporteur .scrolling-tableau:before{content: "";display: block;position: absolute;top: -10px;left: -10px;bottom: -10px;z-index: 90;width: 10px;box-shadow: 5px 0px 10px #444444;}
.tableau-transporteur .scrolling-tableau:after{content: "";display: block;position: absolute;top: -10px;right: -10px;bottom: -10px;z-index: 90;width: 10px;box-shadow: -5px 0px 10px #444444;}
.tableau-transporteur table td{min-width: 85px;padding-left: 15px;height:78px;border:1px solid #ccc;font-size:13px;vertical-align:middle;}
.tableau-transporteur .fixed-tableau{background: #eee;width:124px;position: absolute;left: 0;top: 0;bottom: -1px;white-space: normal;min-width: 0;z-index: 10;}
table .toptr{background:#eee;}
.delivery-mode-table .fixed-table td{ font-weight: bold;height: 59px;text-align: left;padding: 10px;vertical-align: middle;border-bottom:1px solid #ccc;font-size:13px;}
.titletableau{font-family:'Dinbold', Arial;background:#000000;text-align:center;font-size:15px;color:#fff;padding:10px;margin:20px 0 0;}
.grey-board{background:#e5e5e5;}
/* E RESERVATION */
#iframeresa{max-width:350px;display:block;float:right;margin:0 0 10px 20px;}
#iframeresa iframe{display:block;max-width:350px;width:100%;}
#responsivearmor .titlereservation{background:url('/ecbe/static/pages-services-responsive/img/chrono.jpg') top left no-repeat;padding:20px 0 0 77px;min-height:60px;font-family:'Dinbold', Arial;font-size:20px;}
#responsivearmor font.bigtxt{font-family:'Dinbold', Arial;font-size:22px;}
.non-mobile-img{max-width:980px;display:block;width:100%;}
#responsivearmor #videoreservation, #responsivearmor .my3boards{display:block;padding:0 0 10px;border-bottom:2px solid #eee;margin:0 0 20px;}
#responsivearmor .insidepaddingborderbox{display:block;padding:5%;border:2px solid #eee;width:80%;margin:0 auto;}
#responsivearmor .insidepaddingborderbox img{max-width:200px;display:block;width:100%;border-box:sizing;}
#responsivearmor .insidepaddingborderbox font{font-size:15px }
/* LOCATION */
div#responsivearmor .speciallocation h2{display:block;padding:40px 0;text-align:center;margin:0;color:#777777;font-size:30px;font-weight:100;border-bottom:2px solid #eee;margin-bottom:30px;}
div#responsivearmor .speciallocation h3{color:#0083c1;font-size:25px;font-weight:100;margin:0 0 15px;border:none;}
.float-right{float:right;display:inline;margin:0 0 0 50px;}
div#responsivearmor .speciallocation {padding-top:0;position:relative;}
/* SERVICE DECAT */
.bodyservice{max-width:1000px;display:block;margin:0 auto;background:#fff;}
.insideservice{padding:20px;}
#responsivearmor .bodyservice h1 {color:#0083c1;border-bottom:2px solid #eee;margin:0 0 20px;padding:0 0 20px;}
#responsivearmor .grid33{width:33.333%;float:left;display:block;margin:0 0 10px;}
.insidegrid{margin:10px;border:1px solid #ccc;padding:20px;height:470px;position:relative }
.bodyservice a{text-decoration:none;display:block }
.titleservice{display:block;font-family:dinbold, Arial;font-size:18px;color:#0083c1;padding:0;margin:0 0 20px;text-transform:uppercase;}
.labelservice{font-size:12px;color:#191919;line-height:18px;display:block;padding:0;margin:0 0 20px;}
.visusite {display:block;margin:0 0 5px;position:absolute;bottom:60px;}
.visusite img{display:block;width:100%;max-width:228px;}
.btngo{width:73%;position:absolute;bottom:20px;display:block;background:url('/ecbe/static/pages-services-responsive/img/pucebtnservices.gif') 90% 50% no-repeat #ff5f00;font-size:14px;font-family:dinbold, Arial;color:#ffffff;text-align:center;padding:10px 30px 10px 10px;}
.btngo:hover{background-color:#f90;}
/* NL */
.lang-nl .table-magasin .livraisonservice{padding-top:5px;}
.lang-nl .table-magasin .priceboxservice{padding-top:40px;min-height:65px;}
.lang-nl .table-pointrelais{width:26%;}
.lang-nl .table-domicile{width:50%;}
.lang-nl .colonne-domicile,.lang-nl .colonne-dom-two{width:50%;}
@media(max-width:1024px){
body{background-color:inherit;}
div.livraisonservice{margin:0 0 10px;}
div.priceboxservice{min-height:110px;}
.armor-table{min-height:inherit;}
div#responsivearmor{-webkit-text-size-adjust:none;}
.delivery-mode-table .fixed-table td{height:79px;}
.lien-non-mobile{display:none !important }
div#responsivearmor .lien-mobile{display:block;background:url('/ecbe/static/pages-services-responsive/img/pucebtnservices.gif') 10px 50% no-repeat #ff5f00;color:#ffffff;font-size:14px;font-weight:bold;padding:10px 20px;text-decoration:none;text-align:center }
.bluespan{font-size:25px;}
div.photoresponsive{max-width:600px;height:auto;display:block;}
div.photoresponsive img{width:100%;display:block }
.lien-mobile-text{display:inline;}
.mycartefidavantages:before{content: "";display: block;position: absolute;top: -10px;left:0;bottom: -10px;z-index: 90;width:1px;box-shadow: 5px 0px 10px #333;}
.mycartefidavantages:after{content: "";display: block;position: absolute;top: -10px;right:0;bottom: -10px;z-index: 90;width:1px;box-shadow: -5px 0px 10px #333;}
#responsivearmor .grid33 {width:50%;}
.insidegrid{height:405px;}
#responsivearmor .carton33{width:50%;}
#responsivearmor .carton33 a{padding:2%;width:94%;}
#responsivearmor .carton33 .labeltab{padding:2%;}
}
@media(max-width:768px){
.table-magasin, .table-pointrelais{width:50%;}
.table-domicile, #responsivearmor .grid33{width:100%;float:none;clear:both;}
.cadeau-box{width:100%;margin:0 0 15px;clear:both;float:none;}
.btngo{width:auto;position:inherit;bottom:inherit;}
.visusite{display:none }
.insidegrid{height:auto;}
}
@media(max-width:660px){
#declenche-responsive{display:block;}
div#responsivearmor #openresponsivemenu, div#responsivearmor #closeresponsivemenu{display:block;padding:10px 26px 10px 10px;float:right;position:relative;background:#0083c1;border-radius:3px;color:#ffffff;text-align:center;text-decoration:none;font-size:11px;font-weight:bold;z-index:1000;}
#closeresponsivemenu:after{width:9px;height:5px;display:block;content:'';background:url('/ecbe/static/pages-services-responsive/img/puceresponsivemenu.gif') top no-repeat;position:absolute;top:50%;margin-top:-2px;right:10px;}
#openresponsivemenu:after{width:9px;height:5px;display:block;content:'';background:url('/ecbe/static/pages-services-responsive/img/puceresponsivemenu.gif') bottom no-repeat;position:absolute;top:50%;margin-top:-2px;right:10px;}
div.titlepage{width:65%;margin-bottom:0;}
#monpanelmenu{display:none }
div.linkservice{overflow:hidden;position:absolute;top:39px;right:20px;z-index:1002;background:#0083c1;width:94%;}
div#responsivearmor #monpanelmenu a:after, div#responsivearmor #monpanelmenu a:before{background:none;}
div#responsivearmor #monpanelmenu a{float:none;width:100%;padding:12px 0;color:#ffffff;text-align:left;display:block;clear:both;font-size:12px;font-weight:bold;border-top:none;border-bottom:1px solid #006291;text-indent:15px;margin:0;background:none;}
div#responsivearmor #monpanelmenu a:first-child{border-top:1px solid #006291;}
div#responsivearmor #monpanelmenu a:hover{background:#006291 }
div.etape{width:100%;margin:0 0 10px;clear:both;float:none;}
div.rembourse{margin-bottom:40px;}
div.schema-etape{padding:0;}
div.specialtitle{text-indent:10px;}
div.specialtitle:after{width:20px;}
div#responsivearmor h1{font-size:20px;}
.imgleft, .imgright{float:none;clear:both;margin:0 0 10px;}
div#responsivearmor a#btn-end-page{width:inherit;}
.cartecadeausporeka{float:none;}
.non-survive-visuel{display:none }
.survive-visuel{float:none;clear:both;width:100%;margin:0 0 15px;display:block;}
#iframeresa{margin:0 0 20px;clear:both;float:none;width:100%;}
#responsivearmor .titlereservation{font-size:16px;background:none;padding:0;min-height:inherit;}
#responsivearmor .my3boards .grid3{width:100%;clear:both;float:none;}
#responsivearmor .my3boards .insidepaddingborderbox{width:90%;margin:0 0 10px;}
/* CARTE FID */
.mycartefidavantages:before, .mycartefidavantages:after{display:none }
.paperboard{width:100%;}
.grid40, .grid330, .grid50, .grid60, .bloc400pts {clear:both;width:100%;float:none;display:block;}
.blocnewsletter-inside, .bloc400pts, .blocreduction, .bloc90jours, .bloctrocathlon, .blocvelo, .blocinvitation, .blocarchives, .blocnewsletter-inside{height:auto;}
#img-newsletter{margin-top:0;}
#responsivearmor .carton33{width:100%;float:none;clear:both;}
#responsivearmor .carton33 a{padding:2%;width:96%;}
#responsivearmor .carton33 .labeltab{padding:2%;}
#responsivearmor .carton33 span img{width:60%;vertical-align:middle;}
#responsivearmor .ctaBlue{display:block;}
}
@media(max-width:480px){
div.linkservice{width:92%;}
div.margin-table{margin:0;}
div.table-magasin, div.table-pointrelais, div.table-domicile, div.colonne-domicile{width:100%;float:none;clear:both;}
div.colonne-domicile{margin-bottom:10px;}
div.table-domicile .greentitle{display:none;}
div.table-domicile .armor-table{padding:0;border:none;}
.sousgreentitle{font-size:18px;color:#ffffff;font-family:'dinbold', Arial;text-transform:uppercase;display:inline-block;padding:7px 15px;background:#83bc15;}
div#responsivearmor .sousgreentitle font{font-size:14px;}
div.margin-colonne-domicile{padding:8px;border:2px solid #83bc15;margin:0;}
div.colonne-domicile .colisage{display:none }
div.priceboxservice{min-height:inherit;}
}
@media(max-width:320px){
div.linkservice{width:88%;}
}