/*
 * tet : table en-tete ;
 * bl : bloc list ;
 * at : align text ;
 * at-m : align text ;
 * p-b-50 : padding bottom 50px ;
 * sm-m-b : small margin bottom ;
 * bl-t : blue text ;
 * np : no padding ;
 * npt : no padding top;
 * nm : no margin ;
*/

body{background:#666;font-family: 'Roboto Condensed', sans-serif;}
#maincontainer, #main-content-container{background:none !important;}

/* ANIMATION */
#animEngage, .collapseMobilePart{ -webkit-transition:all 0.35s ease-out; -chrome-transition:all 0.35s ease-out; -khtml-transition:all 0.35s ease-out; -moz-transition:all 0.35s ease-out; -ms-transition:all 0.35s ease-out; -o-transition:all 0.35s ease-out; transition:all 0.35s ease-out;}

/* BEGIN RESET & FORMAT STYLE HTML 5 */
#rsp {color:#393939;padding: 30px 0;}
#rsp * {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
#rsp p {padding-bottom:10px;font-size:13px;}
#rsp h1, #rsp h2 { font-size:18px; line-height: 20px; text-transform: uppercase; margin:0 0 30px; }
#rsp h2 { font-size:16px; line-height: 18px; }
#rsp .tet{display: table;width:100%;}
#rsp .tet h1{margin:0;}
.blue-border{ background:#0082C3; height:1px; display:block; line-height:1px;}
.dark-border{ background:#efefef; height:1px; display:block; line-height:1px;}

#rsp ul, #rsp ol{font-size: 13px;margin-left: 30px;}
#rsp ul{list-style: initial;line-height: 1.2;}
#rsp ul.bl {list-style: none;margin-left:18px;}
#rsp ul.bl li {padding-left: 1em;line-height: 18px;position: relative;}
#rsp ul.bl li:before {content: '';width: 6px;height: 6px;background: #0082C3;border-radius: 50%;position: absolute;top: 6px;left: 0;}
#rsp a, #rsp a:hover {text-decoration: none;}
/* END RESET & FORMAT STYLE HTML 5 */

/* BEGIN UTILS */
#rsp .at {text-align: center;}
#rsp .sm-m-b { margin-bottom: 10px;}
#rsp .bl-t{color:#0082C3;}
#rsp .p-b-50{padding-bottom: 50px;}
#rsp .np{padding: 0 !important;}
#rsp .npt{padding-top: 0 !important;}
#rsp .nm{margin: 0 !important;}
#rsp .bold{font-weight: bold;}
#rsp .min-w182{min-width: 182px;box-sizing: border-box;}

#rsp .table-cell-display .min-height-giftcard{min-height: 140px}
#rsp .title-header, #rsp .title-subtitle, #rsp .title-header span{font-size: 18px;text-transform: uppercase;}
#rsp .title-header span.title{color: #0082c3;font-size:28px;line-height: 26px;}
#rsp .grey-border{border:1px solid #d2d2d2;}
#rsp .subtitle-col {color: #898989;font-size: 12px;}

#rsp .row .table-cell-display.w10 {width: 10%;}
#rsp .row .table-cell-display.w20 {width: 20%;}
#rsp .row .table-cell-display.w30 {width: 30%;}
#rsp .row .table-cell-display.w32 {width: 32%;}
#rsp .row .table-cell-display.w49 {width: 49%;}
#rsp .row .table-cell-display.w70 {width: 70%;}
#rsp .row .table-cell-display.w90 {width: 90%;}

#rsp .triggerMobile, #rsp .collapseMobilePart{position:relative;}

#rsp .triggerMobile { display:none; }
/* END UTILS */

#rsp .msg-pedagogique {
    color: #777;
    font-size: 18px;
}
#rsp p.legal-mentions {
    font-size: 10px;
    color: #777;
    line-height: 13px;
}
#rsp .bigStrong {
    font-size: 22px;
}

#rsp #animEngage { max-width:1000px; display:block; margin:0 auto; }
#animEngage .headNav, #animEngage .footerNav {display:block;position:relative;overflow:hidden;background: #0082C3;}
#animEngage .headNav{min-height: 160px;cursor: pointer;}
#animEngage .titleServices, #animEngage .baselineServices { text-align:center; padding:40px 10px 60px 10px; font-weight:700; font-size:25px; font-style:italic; text-transform:uppercase; color:#fff; z-index:2; position:relative;}
#animEngage .headNav:after, #animEngage .footerNav:after { width:150%; height:200px; content:''; display:block; position:absolute; bottom:-151px; left:-50px; z-index: 1; background: #fff; }
#animEngage .footerNav:after { bottom:inherit; top:-155px; border-bottom:3px solid #ea690a; }

#animEngage .bodyNav ul { margin:5px 0; padding:0; list-style:none; border-top:1px solid #eeeeee; }
#animEngage .bodyNav ul li {
    display:block; position:relative; padding:0 30px 0 15px; border-bottom:1px solid #eeeeee;
    background: #fafafa; /* Old browsers */
    background: -moz-linear-gradient(top, #fafafa 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fafafa 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fafafa 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fafafa 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fafafa 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#animEngage .bodyNav ul li a, #animEngage .triggermenuservice { text-decoration:none; cursor: pointer; color:#393939; font-weight:400; font-size:14px; text-align:left; display:block; text-transform:uppercase; height:50px; line-height:50px;}
#animEngage .bodyNav ul li a span{ background:url(../images/pictos-blue-v2.png) no-repeat; width:35px; height:35px; float:left; margin:5px 10px 0 0;}
#animEngage .bodyNav ul li a:hover, #animEngage .bodyNav ul li.selectedLink a, #animEngage .triggermenuservice:hover, #animEngage ul li.selectedLink .triggermenuservice { color:#0082C3; }

#animEngage .bodyNav ul li a span.safepayment{ background-position:0px -319px;}
#animEngage .bodyNav ul li a span.returnpolicy{ background-position:0px -572px;}
#animEngage .bodyNav ul li a span.homedelivery{ background-position:0px -500px;}
#animEngage .bodyNav ul li a span.ordertracking{ background-position:0px -248px;}
#animEngage .bodyNav ul li a span.decathloncard{ background-position:0px -536px;}
#animEngage .bodyNav ul li a span.collectinstore{ background-position:0px -285px;}
#animEngage .bodyNav ul li a span.customerloyalty{ background-position:0px -608px;}
#animEngage .bodyNav ul li a span.inpostlocker{ background-position:0px -644px;}
#animEngage .bodyNav ul li a span.asdamenu{ background-position:0px -893px;}


#animEngage .titleServices, #animEngage .headNav:after, #animEngage .footerNav:after {transform: rotate(-10deg); -webkit-transform: rotate(-10deg);-moz-transform: rotate(-10deg);-ms-transform: rotate(-10deg);-o-transform: rotate(-10deg);}
#animEngage .baselineServices { font-weight:100; font-size:16px; line-height:16px; font-style:normal; padding:100px 10px 30px 10px; }
#animEngage .NavigationServices, #animEngage .boardLayout, #animEngage .NavigationInterneService {width:25%;display:block;overflow:hidden;background:#ffffff;box-shadow:0 3px 12px rgba(0,0,0,0.33);float:left;}
#animEngage .marginLayout, #animEngage .margin2 { width:2%; float:left; display:block; min-height:10px; }
#animEngage .boardLayout {width:73%;margin:0 0 30px;position: relative;}
#rsp .row {padding:30px;/* overflow: hidden; */}
#rsp .row .table-display {display: table;border-spacing: 11px 6px;width: 100%;box-sizing: border-box;}
#rsp .row .table-cell-display {position:relative;margin-bottom: 11px;display: table-cell;width: 50%;box-sizing: border-box;border: 1px solid #EEEEEE; background: white; padding: 15px 28px 20px;vertical-align:top;}
#rsp .row .table-cell-display.va-t {vertical-align: top;}
#rsp .row .table-cell-display.nopaddingright{padding-right:0;}
#rsp .row .table-cell-display.noBorder {border:0;}
#rsp .row .table-display a{text-decoration: none;}
#rsp .row .table-cell-display.lessPadding {padding-left:10px;padding-right:10px;}
#rsp .vAlign{ vertical-align: middle;}
#rsp .no-wrap{ white-space: nowrap;}
#rsp .row.nopaddingtop{ padding-top:0 }
#rsp .row.greyTab { background:#fafafa; border-top:1px solid #efefef; border-bottom:1px solid #efefef; }
#rsp .row.whiteTab{background:#FFFFFF;border: 1px solid #efefef;}
#animEngage .nomargin {margin: 0 !important;}
#rsp img.logo-carte-cadeau {
    width: 150px;
}

#rsp .BackZone {
    background-color: #393939;
    width: 100%;
    position: relative;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    display: none;
}
#rsp .BackZone:after {
    content: '';
    display: block;
    background: #0082C3;
    width: 65px;
    height: 150%;
    position: absolute;
    top: -10px;
    left: -8px;
    z-index: 1;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
}
#rsp .backbutton {
    display: block;
    width: 54px;
    padding: 30px 0 0;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    text-decoration: none;
    font-weight: 100;
    font-size: 12px;
}
#rsp .backbutton:after {
    width: 7px;
    height: 11px;
    display: block;
    content: '';
    background: url('/ecuk/static/gift-card/images/arrow-cta-left.png') 0 -11px no-repeat;
    position: absolute;
    top: 12px;
    left: 50%;
    margin-left: -3.5px;
}
#rsp .titlebackzone {
    padding: 18px 20px 18px 75px;
    font-style: italic;
    font-weight: 100;
    color: #fff;
    white-space: nowrap;
    margin: 0;
    text-transform: uppercase;
    font-size: 17px;
    position: relative;
    overflow: hidden;
}
#rsp .titlebackzone strong {
    font-weight: 700
}

/* BEGIN CTA */
#rsp .cta.brb{position: absolute;bottom: 16px;right: 16px;z-index:1;}
/* END CTA */

/* BEGIN Icons  */
#rsp .icon {
  color:#FFFFFF;
  font-family: "DecathlonConcept";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  letter-spacing: 0;
  display: inline-block;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  font-smoothing: subpixel-antialiased;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
  zoom: 1;
}
#rsp .icon-arrow1-d:before {
  content: "\E009";
  vertical-align: top;
  line-height: 5px;
}
#rsp .collapseMobilePart .icon.icon-arrow1-l{
	top: 19px;
}
#rsp .icon-arrow1-l:before {
  content: "\E006";
}
#rsp .icon-close:before {
  content: "\E03B";
}

#rsp .triggerMobile .icon{height: 11px;}
#rsp .triggerMobile .icon, #rsp .collapseMobilePart .icon {display: none;color:#FFFFFF;position: absolute;right: 20px;z-index: 1;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);top: 50%;}
#rsp .collapseMobilePart .icon {top: 30px;font-weight: bold;}

/* END Icons */

/* ACCORDIAN */
.panel {
  margin-bottom: 20px !important;
  background-color: #ffffff;
  border: 1px solid transparent;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  -webkit-border-top-right-radius: -1;
  border-top-right-radius: -1;
  -webkit-border-top-left-radius: -1;
  border-top-left-radius: -1;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  -webkit-border-bottom-right-radius: -1;
  border-bottom-right-radius: -1;
  -webkit-border-bottom-left-radius: -1;
  border-bottom-left-radius: -1;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  -webkit-border-top-right-radius: -1;
  border-top-right-radius: -1;
  -webkit-border-top-left-radius: -1;
  border-top-left-radius: -1;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  -webkit-border-bottom-right-radius: -1;
  border-bottom-right-radius: -1;
  -webkit-border-bottom-left-radius: -1;
  border-bottom-left-radius: -1;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  -webkit-border-top-right-radius: -1;
  border-top-right-radius: -1;
  -webkit-border-top-left-radius: -1;
  border-top-left-radius: -1;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  -webkit-border-top-left-radius: -1;
  border-top-left-radius: -1;
  -webkit-border-top-right-radius: -1;
  border-top-right-radius: -1;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  -webkit-border-top-left-radius: -1;
  border-top-left-radius: -1;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  -webkit-border-top-right-radius: -1;
  border-top-right-radius: -1;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  -webkit-border-bottom-right-radius: -1;
  border-bottom-right-radius: -1;
  -webkit-border-bottom-left-radius: -1;
  border-bottom-left-radius: -1;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  -webkit-border-bottom-left-radius: -1;
  border-bottom-left-radius: -1;
  -webkit-border-bottom-right-radius: -1;
  border-bottom-right-radius: -1;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  -webkit-border-bottom-left-radius: -1;
  border-bottom-left-radius: -1;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  -webkit-border-bottom-right-radius: -1;
  border-bottom-right-radius: -1;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #dddddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #e5e5e5;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #e5e5e5;
}
.panel-default {
  border-color: #e5e5e5;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #e5e5e5;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #e5e5e5;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #e5e5e5;
}
.panel-primary {
  border-color: #0082c3;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #0082c3;
  border-color: #0082c3;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #0082c3;
}
.panel-primary > .panel-heading .badge {
  color: #0082c3;
  background-color: #ffffff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #0082c3;
}
.panel-success {
  border-color: #5cae4c;
}
.panel-success > .panel-heading {
  color: white;
  background-color: #5cb85c;
  border-color: #5cae4c;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #5cae4c;
}
.panel-success > .panel-heading .badge {
  color: #5cb85c;
  background-color: white;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #5cae4c;
}
.panel-info {
  border-color: #3dced8;
}
.panel-info > .panel-heading {
  color: white;
  background-color: #5bc0de;
  border-color: #3dced8;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #3dced8;
}
.panel-info > .panel-heading .badge {
  color: #5bc0de;
  background-color: white;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #3dced8;
}
.panel-warning {
  border-color: #ee8436;
}
.panel-warning > .panel-heading {
  color: white;
  background-color: #f0ad4e;
  border-color: #ee8436;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ee8436;
}
.panel-warning > .panel-heading .badge {
  color: #f0ad4e;
  background-color: white;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ee8436;
}
.panel-danger {
  border-color: #d43a4f;
}
.panel-danger > .panel-heading {
  color: white;
  background-color: #d9534f;
  border-color: #d43a4f;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d43a4f;
}
.panel-danger > .panel-heading .badge {
  color: #d9534f;
  background-color: white;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d43a4f;
}

.panel-body:before,
.panel-body:after {
  content: " ";
  display: table;
}

.panel-body:after {
  clear: both;
}

.m-accordion .panel-group .panel {
  border-width: 0;
  -webkit-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.35);
  box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.35);
}
.m-accordion .panel-group .panel + .panel {
  margin-top: 14px;
}
.m-accordion .panel-group .panel .panel-heading {
  padding: 0;
}
.m-accordion .panel-group .panel .panel-heading + .panel-collapse > .panel-body,
.m-accordion .panel-group .panel .panel-heading + .panel-collapse > .list-group {
  border: 2px solid #0082c3;
  border-top: 0;
}
.m-accordion .panel-group .panel .panel-title {
  text-transform: uppercase;
  color: #ffffff;

  font-style: italic;
  font-weight: 200;
}
.m-accordion .panel-group .panel .panel-title a {
  padding: 20px 16px !important;
  display: block;
  border-color: #0082c3;
  border-width: 0 0 0 2px;
  border-style: solid;
  position: relative;
}
.m-accordion .panel-group .panel .panel-title a.collapsed {
  background: #ffffff;
  color: black;
}
.m-accordion .panel-group .panel .panel-title a.collapsed .icon {
  border-color: #c8c8c8;
}
.m-accordion .panel-group .panel .panel-title a.collapsed .icon:before {
  color: #393939;
  content: "\E009";
  margin-top: 7px;
}
.m-accordion .panel-group .panel .panel-title strong {
  font-weight: 600;
}
.m-accordion .panel-group .panel .panel-title .icon {
  background: #f3f3f3;
  display: inline-block;
  -webkit-border-radius: 99em;
  border-radius: 99em;
  position: absolute;
  top: 25%;
  right: 12px;
  height: 32px;
  width: 32px;
  margin-top: -16px;
  border: 1px solid transparent;
  text-align: center;
}
.m-accordion .panel-group .panel .panel-title .icon:before {
  content: "\E008";
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  margin-top: 5px;
  color: #0082c3;
}
/* END OF ACCORDIAN */


#rsp .cell-picto, #rsp .cell-baseline { display:table-cell; text-align: right; vertical-align: middle; }
#rsp .cell-picto { width:175px; }
#rsp .cell-baseline { padding:0 0 0 20px; }

#rsp .triggerMobile { display:none; }
#rsp p strong { font-weight:700; }
#rsp .scrollshadow { width:100%; display:block; position: relative; }
#rsp .scrollboxwidth { width:100%; height:auto; display:block; position:relative; }

#rsp p.normal-height, #rsp.assurance p{line-height: 1.2;}
#rsp .clearLine { width:100%; height:0; line-height:0; display:block; clear:both; overflow: hidden; position: relative; }
#rsp .wrap-content { display:block; position: relative; overflow: hidden; }
#rsp .myavantage, #rsp .insideboxavantage {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

#rsp .whiteboard h3 { margin:0 0 15px; }
#rsp .whiteboard {background:#ffffff;display:block;padding:20px;}
#rsp .whiteboard p { font-size:13px; width:75%; }
#rsp .whiteboard a.ctaUI { font-size:15px; }
#rsp .personnalisationBox, #rsp .tropheeBox {background: url('http://www.decathlon.fr/ecfr/static/services/atelier/images/personnalisation-picto.jpg') 95% 20% no-repeat #fff;background-size:65px;}
#rsp .tropheeBox { background-image:url('http://www.decathlon.fr/ecfr/static/services/atelier/images/coupe-trophee.jpg');background-size: 45px; }

#rsp .myavantage { width:33.333%; float:left; display:block;  }
#rsp .insideboxavantage { display:table; width:100%; padding:10px; }
#rsp .icobox, #rsp .laebelAvantage { display:table-cell; vertical-align:middle; }
#rsp .icobox {width:35px;height:35px;background:url(../images/pictos-blue-v2.png) 1px -1px no-repeat;}
#rsp .laebelAvantage {padding-left:10px;font-size:12px;text-transform:uppercase;color:#393939;line-height: 11px;}
#rsp .icobox.valableico {background-position: 6px -35px;}
#rsp .icobox.plusieursfoisico { background-position:0 -73px; }
#rsp .icobox.tousproduitsico {background-position: 0 -107px;}
#rsp .icobox.magasinico {background-position: 6px -143px;}
#rsp .icobox.sauvegardeico {background-position: 3px -178px;}
#rsp .icobox.world {background-position: 4px -213px;}
#rsp .icobox.laptop{background-position: 4px -252px;}
#rsp .icobox.asda{background-position: 1px -893px;}
#rsp .icobox.decstores{background-position: 2px -289px;}
#rsp .icobox.securepayment{background-position: 0px -325px;}
#rsp .icobox.collectstore{background-position: 1px -361px;}
#rsp .icobox.warranty{background-position: 1px -396px;}
#rsp .icobox.thumbsup{background-position: 1px -434px;}
#rsp .icobox.binit{background-position: 1px -470px;}
#rsp .icobox.visa{background-position: 1px -684px;}
#rsp .icobox.visaelectron{background-position: 1px -715px;}
#rsp .icobox.mastercard{background-position: 0px -753px;}
#rsp .icobox.maestro{background-position: 1px -790px;}
#rsp .icobox.amex{background-position: 1px -861px;}
#rsp .icobox.paypal{background-position: 1px -825px;}

#rsp .ongletTab {display: table;border-bottom:1px solid #0082C3;position:relative;/* border-top:1px solid #efefef; */width: 100%;box-sizing: border-box;}
#rsp .ongletTab:after { width:1px; height:100%; display:block; content:''; position:absolute; top:0; left:50%; margin-left:-0.5px; background:#efefef; }
#rsp .ongletTrigger {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#rsp .ongletTrigger {width: 50%;display: table-cell;cursor:pointer;font-size:14px;color:#898989;text-align:center;text-transform:uppercase;vertical-align: middle;border-top: 1px solid #efefef; border-left: 0;box-sizing: border-box;}
#rsp .actifOnglet {background:#0082C3;color:#FFFFFF;border: 0;}
#rsp .ongletTrigger a, #rsp .actifOnglet a{ padding: 15px;display: block;color:#0082C3;text-decoration: none;}
#rsp .actifOnglet a{color: #FFFFFF;background:#0082C3;}
#rsp .uppercaseTxt { text-transform:uppercase;}
#rsp img.sm-img-carte {max-width:200px;display:block;margin: 0 auto;}

#rsp .NavigationServices .collapseMobilePart .bodyNav .icon {
    display: inline-block;
    background: none;
    color: #0082C3;
    font-size: 30px;
    font-weight: normal;
    right: auto;
    position: relative;
    top: 19px;
}

@media(max-width:1024px){
	#rsp #animEngage { max-width:inherit; display:block; padding:20px; }
	#rsp .scrollshadow { overflow:hidden; }
	#rsp .scrollboxwidth { overflow-x:scroll; -webkit-overflow-scrolling:touch; }
	#rsp .scrollshadow:after { content:''; display:block; width:15px; height:110%; position:absolute; top:-5%; right:0; z-index:2;
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	}
	#rsp .box-fix-width { width:1200px; display:block; }
	#rsp .wrap-content { max-height:inherit; position:inherit; overflow:inherit; }
	#rsp .myavantage { max-width:200px; }
}
@media(max-width:768px){
	#rsp .triggerMobile {
    cursor:pointer;
    display:block;
    background:#0082C3;
    text-align:center;
    padding: 20px 50px 20px 20px;
    font-size:18px;
    font-weight:100;
    text-transform:uppercase;
    color:#fff;
    z-index:2;
    position:relative;
  }
	#rsp .triggerMobile:after, #rsp .headNav:before {
    /* content:''; */
    display:block;
    width:13px;
    height:13px;
    top:22px;
    position: absolute;
    right:20px;
    z-index: 1;
  }
	#rsp .headNav:before { background-position:0 0; }
	#rsp {background-image:none !important;background:#333;padding:0;}
	#rsp .NavigationServices, #rsp .boardLayout, #rsp .col2, #rsp .col3, #rsp img.imgatleft, #rsp img.imgatright, #rsp .NavigationInterneService, #rsp .col2.col50pourcent { width:100%; display:block; float:none; clear:both; margin:0 0 20px; }
	#rsp .boardLayout { margin:0; }
	#rsp .marginLayout, #rsp .margin2, #rsp .margin3 { display:none; }
	
	#animEngage .titleServices, #animEngage .headNav:after, #animEngage .footerNav:after {-webkit-transform: rotate(-5deg);-moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-o-transform: rotate(-5deg);}
	#rsp img.smallimgCarte { max-width:400px; margin:0 auto;width: 100%;}
	#rsp .cell-picto, #rsp .cell-baseline { display:block; width:100%; padding:0; }
	#rsp .cell-picto {margin:0 0 20px;}
  
  #rsp .row .table-cell-display.w10,
  #rsp .row .table-cell-display.w20,
  #rsp .row .table-cell-display.w32,
  #rsp .row .table-cell-display.w49,
  #rsp .row .table-cell-display.w70,
  #rsp .row .table-cell-display.w90{width: 100%;display: block;}
  #rsp .row .table-cell-display.noPaddingMobile{padding:0;}
  #rsp .row .table-display.tocenter .table-cell-display{text-align:center;}
  #rsp .cell-picto img{margin: 0 auto;display: block;}
  #rsp .table-cell-display .min-height-giftcard{min-height: inherit;}
  #rsp .hideMobile .collapseMobilePart {max-height:0;overflow:hidden;}
  #rsp .showMyMobile .triggerMobile{display: none;}
  #rsp .showMyMobile .collapseMobilePart {max-height:1000px;}
  #rsp .triggerMobile .icon, #rsp .showMyMobile .collapseMobilePart .icon {display: inline-block;}
  #rsp .at-m{text-align:center;}

  #rsp .BackZone{display:block;}
}

@media(max-width:580px){
	#rsp .cta.right {width:100%;box-sizing: border-box;}
  #rsp .cta.brb {
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 10px;
  }
  #rsp .row .table-cell-display,
  #rsp .row .table-cell-display.w30{width: 100%;display: block;}
  #rsp .row .table-display{border-spacing: 0}
  #rsp .p-b-50{padding-bottom: 20px;}
  #rsp .row .table-cell-display img{
    width: 70%;
    margin: 0 auto;
    display: block;
  }
}
@media(max-width:480px){
	#animEngage .titleServices, #animEngage .headNav:after, #animEngage .footerNav:after {
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	}
}

@media(max-width:400px){
    #rsp .detailed-content .title-header, #rsp .title-header span{font-size: 20px;}
}

@media(max-width:360px){
	#rsp .cta.right{font-size: 14px !important;padding: 10px 36px 10px 10px;}
	#rsp img.sm-img-carte{
		max-width: 100%;
	}
}

/* retina display */
@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){ 
  #animEngage .bodyNav ul li:after { background-image:url('/ecuk/static/gift-card/images/arrows@2x.png'); background-size: 9px 28px; }
  #rsp .ctaUI:before, #rsp #ov_reviews .post a:before, #rsp #ov_reviews .list a:before { background-image:url('/ecuk/static/gift-card/images/arrow-cta@2x.png'); background-size: 100%; }
  #rsp .icobox{background-image:url('../images/pictos-blue-2x-v2.png');background-size:100%;}
  #animEngage .bodyNav ul li a span {background-image:url('../images/pictos-blue-2x-v2.png'); background-size:35px;}
  
}