/* BEGIN UTILS */
body {background: url('https://fronteubepr.cube-net.pub/static/services/images/bg-service-atelier.jpg') center no-repeat !important;}

#maincontainer {
    box-shadow: none !important; 
}

.legal h3 {
    border:none !important;
}

.legal h4 {
    margin-top: 21px;
}

.legal ul {
    margin: 14px 0 !important;
    padding: 0 0 0 40px !important;
}

.legal ol {
    margin-top: 14px !important;
}

.legal .bodyNav ul {
    padding: 0 !important;
}

.legal .NavigationServices {
    margin-bottom: 20px !important;
}



#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 .p-b-60 {
    padding-bottom: 60px;
}

#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;
}

body {
    background-attachment: fixed !important;
}

#maincontainer,
#main-content-container {
    background: none !important;
}


/* Anim */

#animEngage,
.collapseMobilePart,
#rsp .sousmenuServiceContainer,
#rsp .triggerOn,
#rsp .wrap-content a:hover .libelletxt {
    -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;
}

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

#rsp {
    color: #393939;
    padding: 30px 0;
}

#rsp p {
    padding-bottom: 10px;
}

#rsp .tableEntete h1 {
    margin: 0;
}

#rsp h3 {
    font-family: 'Roboto Condensed';
    font-weight: bold;
}

#rsp a.linktxt:hover,
#rsp a:hover {
    text-decoration: none;
}

#rsp .aligntxt {
    text-align: center !important;
}

#rsp .aligncenter {
    display: block;
    text-align: center;
}

#rsp .title-header,
#rsp .title-subtitle,
#rsp .title-header span {
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed';
    font-style: italic;
}

#rsp .title-header span {
    color: #0082c3;
    font-size: 28px;
    font-family: 'Roboto Condensed';
    font-weight: bold;
    font-style: italic;
    line-height: 26px;
}
#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-family: 'Roboto Condensed';
    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;
    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-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: left;
    display: block;
    text-transform: uppercase;
    padding: 15px 0;
}

#animEngage .bodyNav ul li a:hover,
#animEngage .bodyNav ul li.selectedLink a,
#animEngage .triggermenuservice:hover,
#animEngage ul li.selectedLink .triggermenuservice {
    color: #0082C3;
}

#animEngage .titleServices,
#animEngage .headNav:after,
#animEngage .footerNav:after {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
}

#rsp #animEngage .baselineServices {
    font-size: 16px;
    line-height: 16px;
    font-style: normal;
    padding: 100px 10px 30px 10px;
}

#rsp #animEngage .baselineServices span {
    font-family: 'Roboto Condensed';
    font-weight: lighter;
}

#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,
#animEngage .margin3 {
    width: 5%;
    float: left;
    display: block;
    min-height: 10px;
}

#animEngage .boardLayout {
    width: 70%;
    margin: 0 0 30px;
    position: relative;
}

#rsp .row {
    padding: 30px;
    overflow: hidden;
}

#rsp .row .table-display {
    display: table;
    border-spacing: 10px;
    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;
    padding: 15px 50px 15px 18px;
    vertical-align: middle;
}

#rsp .row .table-cell-display.va-t {
    vertical-align: top;
}

#rsp .row .table-cell-display.nopaddingright {
    padding-right: 0;
}

#rsp .row.nopaddingbottom {
    padding-bottom: 0;
}

#rsp .row.nopadding {
    padding: 0 !important;
}

#rsp .row.greyTab {
    background: #fafafa;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}

#rsp .row.greyTab.sm-p {
    padding: 20px;
}

#rsp .col2,
#rsp .col3 {
    width: 48%;
    float: left;
    display: inline;
}

#animEngage .margin2 {
    width: 4%;
}

#animEngage .nomargin {
    margin: 0;
}


/* Navigation Interne Service */

#rsp .pictoServiceZone {
    display: block;
    padding: 20px;
}

#rsp .atlierpicto {
    display: block;
    margin: 0 auto;
    background: transparent url('../images/atelier-service-picto.jpg') no-repeat 0 0;
    background-size: 120px 157px;
    height: 157px;
    width: 120px;
}

#rsp .tableEntete {
    display: table;
    width: 100%;
}

#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 p + a.ctaUI {
    margin: 10px 0 0;
}

#rsp .triggerMobile {
    display: none;
}

#rsp .floatbox {
    width: 33.2%;
    float: left;
    display: inline;
}

#rsp .blocpictotxt {
    display: table;
    width: 100%;
    padding: 18px 0;
    border: 1px solid #efefef;
    background: #fff;
    text-align: center;
}

#rsp .thepicto,
#rsp .libelletxt {
    display: inline-block;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    color: #393939;
    text-transform: uppercase;
    vertical-align: middle;
}

#rsp .pictonm {
    width: 75px;
    height: 75px;
    display: table-cell;
    background: url('../images/nm-sports.jpg') 0 0 no-repeat;
    vertical-align: middle;
}

#rsp .sportConfig .libelletxt {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 10px;
}

#rsp .sportConfig {
    padding: 0;
}

#rsp .sportConfig a {
    padding: 0 0 0 5px;
}

#rsp #skipicto {
    background-position: 0 -75px;
}

#rsp #fitnesspicto {
    background-position: 0 -150px;
}

#rsp #rollerspicto {
    background-position: 0 -225px;
}

#rsp #randopicto {
    background-position: 0 -300px;
}

#rsp #raquettepicto {
    background-position: 0 -375px;
}

#rsp #equitationpico {
    background-position: 0 -450px;
}

#rsp #electroniquepicto {
    background-position: 0 -525px;
}

#rsp #eaupicto {
    background-position: 0 -600px;
}

#rsp .scrollshadow {
    width: 100%;
    display: block;
    position: relative;
}

#rsp .scrollboxwidth {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
}

#rsp a.ctaUI.nomargin,
#rsp a.ctaUI.blueUI.nomargin {
    margin-bottom: 0;
}

#rsp .wrap-content {
    display: block;
    position: relative;
    overflow: hidden;
}

#rsp .nobordertop {
    border-top: 0
}

#rsp #ateliersetup .libelletxt {
    min-height: inherit;
}

#rsp .wrap-content a {
    text-decoration: none;
    display: block;
}

#rsp .wrap-content a:hover .libelletxt {
    color: #0082C3;
}

#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('../images/personnalisation-picto.jpg') 95% 90% no-repeat #fff;
    background-size: 65px;
}

#rsp .tropheeBox {
    background-image: url('../images/coupe-trophee.jpg');
    background-size: 45px;
}


/* BEGIN VIDEO REF */

.nopadding {
    padding: 0 !important;
}


/* BEGIN AVIS CLIENT */

div#AvisClient {
    display: block;
    border-top: 1px solid #ececec;
    background: #fafafa;
    border-bottom: 1px solid #ececec;
    overflow: hidden;
    margin: 20px 0 20px;
}

div#AvisClient .inside-Avis {
    display: table;
    margin: 0 auto;
    background: url('/ecfr/static/boost-hp/images/fond-avis.jpg') top no-repeat;
    padding: 10px 0;
}

div#AvisClient .inside-Avis .column {
    padding: 10px;
}

div#AvisClient .starsIMG {
    width: 27%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

div#AvisClient .imgSTARS {
    width: 145px;
    height: 29px;
    display: block;
    margin: 0 auto;
    background: url('/ecfr/static/boost-hp/images/stars.png') top no-repeat;
}

div#AvisClient .numberSTARS {
    font-size: 20px;
    color: #3a3a3a;
    font-family: roboto_condensedregular, Arial;
    margin-bottom: 10px;
}

div#AvisClient .numberSTARS strong {
    font-size: 35px;
    font-weight: 100;
}

div#AvisClient h3,
div#AvisClient h3 font {
    border: none;
    line-height: 22px;
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #0083c2;
    font-style: italic;
    text-transform: uppercase;
    font-family: 'Roboto Condensed';
    font-style: italic;
}

div#AvisClient h3 font {
    color: #3a3a3a
}

div#AvisClient h3 {
    margin: 0 0 10px;
}

div#AvisClient .titleAVIS {
    width: 31%;
    text-align: left;
    display: table-cell;
    box-sizing: border-box;
}

div#AvisClient .monAVIS {
    width: 43%;
    display: table-cell;
}

div#AvisClient .monAVIS p {
    line-height: 16px;
    font-style: italic;
}

div#AvisClient .monAVIS p.sign {
    text-align: right;
    padding-right: 15px;
}


/* END AVIS CLIENT */


/* BEGIN CTA */

#rsp .cta span.arrow {
    display: none;
}

#rsp .cta {
    position: relative;
    display: block;
    padding: 10px 35px 10px 51px;
    font-family: "RobotoCondensed-Regular", Arial !important;
    font-size: 16px !important;
    line-height: 20px !important;
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    color: #FFFFFF !important;
    text-align: center;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    background: #4eb0ed;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZjYzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWM0MjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4eb0ed), color-stop(100%, #0173b9));
    background: -webkit-linear-gradient(top, #4eb0ed 0%, #0173b9 100%);
    background: -o-linear-gradient(top, #4eb0ed 0%, #0173b9 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#4eb0ed), to(#0173b9));
    background: linear-gradient(to bottom, #4eb0ed 0%, #0173b9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4eb0ed, endColorstr=#0173b9, GradientType=0);
}

#rsp .cta.right,
#rsp .cta.left {
    width: auto;
}

#rsp .cta:not(.disabled):hover {
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25);
    text-decoration: none !important;
    background: #68bbef;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZjYzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWM0MjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #68bbef), color-stop(100%, #298ac5));
    background: -webkit-linear-gradient(top, #68bbef 0%, #298ac5 100%);
    background: -o-linear-gradient(top, #68bbef 0%, #298ac5 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#68bbef), to(#298ac5));
    background: linear-gradient(to bottom, #68bbef 0%, #298ac5 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#68bbef, endColorstr=#298ac5, GradientType=0);
}

#rsp .cta:not(.disabled):hover:before,
#rsp .cta:not(.disabled):hover:after {
    background: none !important;
}

#rsp .cta:not(.disabled):active {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: center;
    background: none;
    background-color: #0173B9;
}

#rsp .cta:not(.disabled):active:before,
#rsp .cta:not(.disabled):active:after {
    background: none !important;
}

#rsp .cta.right {
    padding: 10px 46px 10px 30px;
    right: auto;
}

#rsp .cta.right:after {
    content: '';
    position: absolute;
    top: 0px;
    left: auto;
    right: 0px;
    width: 50%;
    max-width: 38px;
    height: 100%;
    background: url(../images/cta_bg_sprite.png) no-repeat 0 0;
    background-size: 38px, auto;
    background: rgba(255, 255, 255, 1);
    -webkit-transform: skew(-14deg);
    -ms-transform: skew(-14deg);
    -o-transform: skew(-14deg);
    transform: skew(-14deg);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: .15;
    box-sizing: border-box;
}

#rsp .cta.right:before {
    font-family: "DecathlonConcept";
    content: '\E00B';
    font-size: 13px;
    position: absolute;
    left: auto;
    right: 0px;
    z-index: 1;
    vertical-align: middle;
    display: table-caption;
    background: 0 0!important;
    padding: 0;
    top: 50%;
    padding-top: 0;
    height: auto;
    width: auto;
    margin-right: 9px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

#rsp .cta.yellow {
    color: #000000 !important;
    background: #fef63a;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZjYzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWM0MjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fef63a), color-stop(100%, #eec423));
    background: -webkit-linear-gradient(top, #fef63a 0%, #eec423 100%);
    background: -o-linear-gradient(top, #fef63a 0%, #eec423 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#fef63a), to(#eec423));
    background: linear-gradient(to bottom, #fef63a 0%, #eec423 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#fef63a, endColorstr=#eec423, GradientType=0);
}

#rsp .cta.yellow:not(.disabled):hover {
    background: #fef975;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZjYzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWM0MjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fef975), color-stop(100%, #f3d765));
    background: -webkit-linear-gradient(top, #fef975 0%, #f3d765 100%);
    background: -o-linear-gradient(top, #fef975 0%, #f3d765 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#fef975), to(#f3d765));
    background: linear-gradient(to bottom, #fef975 0%, #f3d765 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#fef975, endColorstr=#f3d765, GradientType=0);
}

#rsp .cta.yellow:not(.disabled):active {
    background: none;
    background-color: #EEC423;
}

#rsp .cta.right.yellow:after {
    opacity: .3;
    background-position: 0 -71px;
}

#rsp .cta.brb {
    position: absolute;
    bottom: 16px;
    left: 16px;
    z-index: 1;
}

#rsp .cta.small {
    font-size: 14px !important;
    padding: 5px 25px 5px 37px !important;
}

#rsp .cta.small.right {
    padding: 5px 37px 5px 25px !important;
}

#rsp .cta.left.small:before,
#rsp .cta.right.small:before {
    font-size: 10px;
    margin-left: 7px;
}

#rsp .cta.right.small:before {
    margin-right: 7px;
}

#rsp .cta.small.left:after,
#rsp .cta.small.right:after {
    max-width: 29px;
}

#rsp .cta.small.right:after {
    background-position: -9px -40px;
}

#rsp .cta.small.left:after {
    background-position: -38px -40px;
}

#rsp .cta.small.right.yellow:after {
    background-position: -9px -111px;
}

#rsp .cta.small.left.yellow:after {
    background-position: -38px -111px;
}


/* END CTA */


/* BEGIN Icons  */

#rsp .icon {
    color: #393939;
    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 .icon-close:before {
    content: "\E03B";
}

#rsp .icon-star {
    font-size: 18px;
}

#rsp .icon-star:before {
    content: "\E04B";
    color: #ffb339;
}

.icon-arrow1-r:before {
    content: "\E007";
}

#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: 20px;
    font-weight: bold;
}


/* END Icons */

@media(max-width:1024px) {
    body {
        background-image: none !important;
    }
    #rsp {
        background: url('../images/bg-service-atelier.jpg') center no-repeat;
        background-attachment: fixed;
        background-size: cover;
        overflow: hidden;
        position: relative;
        padding: 0;
    }
    #rsp #animEngage {
        max-width: inherit;
        display: block;
        padding: 20px;
    }
    #rsp .floatbox {
        width: 200px;
    }
    #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 .box-fix-width.AtelierWidth {
        width: 1800px;
    }
    #rsp .wrap-content {
        max-height: inherit;
        position: inherit;
        overflow: inherit;
    }
    #rsp .blocpictotxt.nobordertop {
        border-top: 1px solid #efefef;
    }
}

@media(max-width:970px) {
    #rsp .row .table-cell-display {
        width: 100%;
        display: block;
    }
}

@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 .headNav:before {
        background-position: 0 0;
    }
    #rsp {
        background-image: none !important;
        background: #333;
    }
    #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;
    }
    #rsp .col2 + .margin2 + .col2 {
        margin-bottom: 0;
    }
    #rsp a.ctaUI,
    #rsp a.ctaSimple {
        width: 100%;
        padding-left: 6px;
        padding-right: 31px;
        font-size: 14px;
    }
    #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 .personnalisationBox,
    #rsp .tropheeBox {
        /* background-position:95% 50%; */
    }
    #rsp .cell-picto,
    #rsp .cell-baseline {
        display: block;
        width: 100%;
        padding: 0;
    }
    #rsp .cell-picto {
        margin: 0 0 20px;
    }
    #rsp .hideMobile .collapseMobilePart {
        max-height: 0;
        overflow: hidden;
    }
    #rsp .triggerMobile .icon,
    #rsp .showMyMobile .collapseMobilePart .icon {
        display: inline-block;
    }
    #rsp .showMyMobile .triggerMobile {
        display: none;
    }
    #rsp .showMyMobile .collapseMobilePart {
        max-height: 1000px;
    }
}

@media(max-width:580px) {
    div#AvisClient .starsIMG,
    div#AvisClient .titleAVIS,
    div#AvisClient .monAVIS {
        margin: 0 auto;
        display: block;
        float: none;
        text-align: center;
        width: 100%;
        box-sizing: border-box;
    }
    div#AvisClient .inside-Avis .monAVIS {
        text-align: left;
        padding: 20px 25px 0;
    }
}

@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;
    }
    #rsp .cta.fw-mob {
        width: 100%;
        box-sizing: border-box;
        position: relative;
        bottom: inherit;
        left: inherit;
    }
    #rsp .row .table-cell-display {
        padding: 15px;
        background-position: 95% 10%;
    }
    #rsp .row .table-cell-display .p-b-60 {
        padding-bottom: 30px;
    }
    #rsp .whiteboard h3 {
        padding-right: 60px;
    }
}

@media(max-width:320px) {
    #rsp .cta.sm-font {
        font-size: 15px !important;
    }
}


/* retina display */

@media(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    #animEngage .bodyNav ul li:after {
        background-image: url('../images/arrows@2x.png');
        background-size: 9px 28px;
    }
    #rsp a.ctaUI:before,
    #rsp #ov_reviews .post a:before,
    #rsp #ov_reviews .list a:before {
        background-image: url('../images/arrow-cta@2x.png');
        background-size: 100%;
    }
    #rsp .pictonm {
        background-image: url('../images/nm-sports@2x.jpg');
        background-size: 100%;
    }
}