/* 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 */
body { background-color:#e6e6e6; background-image:none; }
div#maincontainer { background:none !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('../gifs/shadow-top-service.gif') top repeat-x #e5e5e5; display:block; padding:10px 20px 5px; 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:0 6px 10px 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; width:200px; }
div#responsivearmor a#btn-end-page { color:#fff }
a#btn-end-page:after, a#btn-top:after { content:''; display:block; background:url('../gifs/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; }

/* 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('../gifs/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 10px !important; }
div.compensepaddinglivraison { padding:0 10px; }
div#responsivearmor p.mentiontextservice { font-size:10px; color:#333; }
div#responsivearmor .pagelivraisonspecial a#btn-end-page { width:200px; margin:0 auto 15px; display:block; }
.table-magasin, .table-pointrelais, .table-domicile { width:25%; display:block; float:left; margin-bottom:10px; }
.table-domicile { width:50%; 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:462px; }
.table-magasin .armor-table { height:auto; border:2px solid #0083c1; padding:8px; }
.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('../gifs/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:80px; }
.livraisonservice { font-size:11px; color:#191919; text-transform:uppercase; display:block; margin:0 0 3px; 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; }
.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; }
.euroservice { left: 38px; position: absolute; top: 14px; }
.decimalservice { left: 38px; position: absolute; top:39px; }
.dualnumber { left:73px !important; }
.since50, .specialpointrelais { font-size:11px; 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:50%; float:left; }
.margin-colonne-domicile { margin:0 3%; }
.mybtnshipping { display:block; position:relative; background:#ececec; padding:6px 5px; margin:5px 0 0; cursor:pointer; line-height:13px; text-decoration:none; position:relative; }
.mybtnshipping:after { content:''; display:block; position:absolute; top:50%; margin-top:-3.5px; background:url('../gifs/pucemenudynamique.gif') 0 0 no-repeat; right:10px; z-index:1; width:4px; height:7px; }
.vignettelogo { width:31px; height:31px; display:inline-block; float:left; margin:0 4px 0 0; }
	#decathlon-magasin .vignettelogo { background:url('../gifs/vignette-decathlon.jpg') top no-repeat; }
	#pointrelais-magasin .vignettelogo, #confort-magasin .vignettelogo { background:url('../gifs/vignette-pointrelais.jpg') top no-repeat; }
	#chronopost-magasin .vignettelogo { background:url('../gifs/vignette-chronopost.jpg') top no-repeat; }
	#colissimo-magasin .vignettelogo { background:url('../gifs/vignette-colissimo.jpg') top no-repeat; }
	#economique-magasin .vignettelogo { background:url('../gifs/vignette-economique.jpg') top no-repeat; }
	#express-magasin .vignettelogo { background:url('../gifs/vignette-express.jpg') top no-repeat; }
span.titlebtnservices { font-size:11px; color:#191919; font-weight:bold; padding:3px 0 0; display:block; width:95%; }
span.baselinebtnservices { font-size:10px; color:#555; font-weight:100; float:left; text-transform:none; }
#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; }

/* 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('../gifs/arrowbas.png') top no-repeat; }
	.pointrelay { background-image:url('../gifs/pt-relay.png'); background-position:center; background-repeat:no-repeat; }
	.magdecathlon { background-image:url('../gifs/decathlon-logo.png'); background-position:center; background-repeat:no-repeat; }
	.colissimologo { background-image:url('../gifs/colissimo.png'); background-position:center; background-repeat:no-repeat; }
	.chronopostlogo { background-image:url('../gifs/chronopost.png'); background-position:center; background-repeat:no-repeat; }
	.economiquelogo { background-image:url('../gifs/geodis.png'); background-position:center; background-repeat:no-repeat; }
	.expresslogo { background-image:url('../gifs/franceexpress.png'); background-position:center; background-repeat:no-repeat; }
	
#confort-magasin:hover .flag-logo, #decathlon-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('../gifs/skimium-partenaire.jpg'); background-position:center; background-repeat:no-repeat; }
.ucpalogo { background-image:url('../gifs/ucpa-partenaire.jpg'); background-position:center; background-repeat:no-repeat; }
.vvflogo { background-image:url('../gifs/vvf-partenaire.jpg'); background-position:center; background-repeat:no-repeat; }
.vacancesbleueslogo { background-image:url('../gifs/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('../gifs/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('../gifs/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('../gifs/logomondialrelay.jpg') center no-repeat; padding:0; margin:-5px 10px 10px 0; }
.logochronopost { width:59px; height:19px; display:inline-block; float:left; background:url('../gifs/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('../gifs/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('../gifs/logoeconomique.jpg') center no-repeat; padding:0; margin:-5px 10px 10px 0; }
.logoexpress { width:66px; height:37px; display:inline-block; float:left; background:url('../gifs/logofrance.jpg') center no-repeat; padding:0; margin:-5px 10px 10px 0; }
div#responsivearmor .pucelinkspopup { padding:0 0 10px 15px; background:url('../gifs/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('../gifs/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('../gifs/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('../gifs/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; }

@media(min-width:1025px){
	body { background-image:url('../gifs/fdsite-services.jpg') !important; background-position:top; background-repeat:no-repeat; background-attachment:scroll !important; }
}

@media(max-width:1024px){
	body { background-color:inherit; }
	div.livraisonservice { margin:0 0 5px; }
	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('../gifs/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('../gifs/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('../gifs/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%; }
}