.verticalAlignCenter--tableCell {
    display: table;
    width: 100%;
    max-width: 100%;
}

.verticalAlignCenter--tableCell > * {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    max-width: 100%;
}

.no-user-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.user-select-text {
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
}

[draggable] {
    -moz-user-drag: prop;
    -khtml-user-drag: prop;
    -webkit-user-drag: prop;
    user-drag: prop;
}

[draggable] * {
    -moz-user-drag: prop;
    -khtml-user-drag: prop;
    -webkit-user-drag: prop;
    user-drag: prop;
}

.hide {
    display: none !important;
}

.invisible {
    visibility: hidden !important;
}

.overflow {
    overflow: visible;
}

@font-face {
    font-family: 'Montserrat-Black';
    src: url('../fonts/montserrat-black-webfont.eot');
    src: url('../fonts/montserrat-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-black-webfont.woff2') format('woff2'), url('../fonts/montserrat-black-webfont.woff') format('woff'), url('../fonts/montserrat-black-webfont.ttf') format('truetype'), url('../fonts/montserrat-black-webfont.svg#montserratblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/montserrat-bold-webfont.eot');
    src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-bold-webfont.woff') format('woff'), url('../fonts/montserrat-bold-webfont.ttf') format('truetype'), url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Hairline';
    src: url('../fonts/montserrat-hairline-webfont.eot');
    src: url('../fonts/montserrat-hairline-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-hairline-webfont.woff2') format('woff2'), url('../fonts/montserrat-hairline-webfont.woff') format('woff'), url('../fonts/montserrat-hairline-webfont.ttf') format('truetype'), url('../fonts/montserrat-hairline-webfont.svg#montserrathairline') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Light';
    src: url('../fonts/montserrat-light-webfont.eot');
    src: url('../fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-light-webfont.woff2') format('woff2'), url('../fonts/montserrat-light-webfont.woff') format('woff'), url('../fonts/montserrat-light-webfont.ttf') format('truetype'), url('../fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/montserrat-regular-webfont.eot');
    src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-regular-webfont.woff2') format('woff2'), url('../fonts/montserrat-regular-webfont.woff') format('woff'), url('../fonts/montserrat-regular-webfont.ttf') format('truetype'), url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-UltraLight';
    src: url('../fonts/montserrat-ultralight-webfont.eot');
    src: url('../fonts/montserrat-ultralight-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-ultralight-webfont.woff2') format('woff2'), url('../fonts/montserrat-ultralight-webfont.woff') format('woff'), url('../fonts/montserrat-ultralight-webfont.ttf') format('truetype'), url('../fonts/montserrat-ultralight-webfont.svg#montserratultra_light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-ExtraBold';
    src: url('../fonts/montserrat-extrabold-webfont.eot');
    src: url('../fonts/montserrat-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-extrabold-webfont.woff2') format('woff2'), url('../fonts/montserrat-extrabold-webfont.woff') format('woff'), url('../fonts/montserrat-extrabold-webfont.ttf') format('truetype'), url('../fonts/montserrat-extrabold-webfont.svg#montserratextra_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/montserrat-semibold-webfont.eot');
    src: url('../fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-semibold-webfont.woff2') format('woff2'), url('../fonts/montserrat-semibold-webfont.woff') format('woff'), url('../fonts/montserrat-semibold-webfont.ttf') format('truetype'), url('../fonts/montserrat-semibold-webfont.svg#montserratsemi_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    background: #F2F2F2;
    color: #1a171b;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: none;
    -webkit-touch-callout: none;
    padding-top: 25px;
    margin: 0;
    padding: 0;
    font-family: "Montserrat-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.4;
}

ul,
li {
    list-style-type: none;
}

:focus {
    /*outline: none !important;*/
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
p,
select {
    margin: 0;
    padding: 0;
}

img {
    display: block;
    border: 0;
}

a {
    text-decoration: none;
    color: #1a171b;
}

.txt--left {
    text-align: left;
}

.txt--right {
    text-align: right;
}

.fa {
    font-family: FontAwesome !important;
}

.wrap {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
}

.wrap--1178 {
    max-width: 1178px !important;
}

.caps {
    text-transform: uppercase;
}

bold,
strong {
    font-family: "Montserrat-Bold";
}

.bandeauInfos {
    height: 40px;
    background: #00e094;
}

.sep {
    color: #9fa1a3;
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    width: 1px;
    height: 15px;
    font-size: 0;
    display: inline-block;
    background: #9fa1a3;
    vertical-align: middle;
    margin: 0 2px;
}

.chevron {
    cursor: pointer;
}

.chevron:hover {
    color: #00e094;
}

.chevron [class^="redicons-"],
.chevron [class*=" redicons-"] {
    color: #00e094;
    margin: 0 2px;
}

.chevron--small [class^="redicons-"],
.chevron--small [class*=" redicons-"] {
    font-size: 8px;
}

hr {
    width: 100%;
    display: block;
    height: 1px;
    background: #d5d7d8;
    margin: 0;
    border: 0;
    padding: 0;
}

.notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

/********************************************
RED 2015
********************************************/
.red {
    margin-left: 116px;
    position: relative;
}

.red .flexible__header {
    left: 116px;
}

.no-header .header,
.no-header .footer {
    display: none !important;
}

.no-header .content {
    margin: 0 !important;
}

.img--handicap {
    display: inline-block;
    position: relative;
    top: 6px;
    margin-left: 5px;
}

.spinner__arrow {
    position: absolute;
    top: 18px;
    right: 50%;
    width: 45px;
    height: 45px;
    background: url("../img/circle-arrow.gif");
    background-size: 45px 45px;
}

.spinner__arrow__Change {
    position: absolute;
    top: 270px;
    right: 50%;
    width: 45px;
    height: 45px;
    background: url("../img/circle-arrow.gif");
    background-size: 45px 45px;
}

.header {
    width: 116px;
    position: fixed;
    z-index: 40000;
    left: 0;
    top: 0;
    bottom: 0;
    background: #FFF;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    padding-top: 22px;
}

.header__logo img {
    margin: auto;
}

.header--top {
    width: 100%;
    height: 80px;
    position: static;
    padding: 14px 0;
    border-bottom: 1px solid #EEE;
}

.header--fixed {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}

.content {
    overflow: visible;
    position: relative;
}

.content--bladeFixed {
    margin-top: 261px;
}

.content--bladeFixed .blade {
    position: fixed;
    top: 0;
    width: 100%;
}

.zone {
    position: relative;
    background: #F2F2F2;
}

.zone--inverse {
    background: #FFF;
}

.zone--area {
    padding: 40px 50px;
}

.zone--striped {
    background: #ffffff url("../img/striped-pattern.png");
}

.icon {
    display: inline-block;
    vertical-align: middle;
}

.icon--info-i {
    width: 18px;
    height: 18px;
    margin: auto;
    background-position: -169px -169px;
    top: -2px;
    position: relative;
}

.icon--logo {
    width: 96px;
    height: 58px;
    margin: auto;
    background-position: 0 0;
}

.icon--forfaitFly {
    width: 110px;
    height: 106px;
    margin: auto;
    background-image: url("//static.s-sfr.fr/media/forfait-cheapest-1.png");
}

.icon--forfaitBurger {
    width: 67px;
    height: 95px;
    margin: auto;
    background-image: url("//static.s-sfr.fr/media/forfait-custom-1.png");
}

.icon--forfaitSafe {
    width: 90px;
    height: 106px;
    margin: auto;
    background-image: url("//static.s-sfr.fr/media/forfait-top.png");
}

.icon--forfaitEurope {
    width: 109px;
    height: 105px;
    margin: auto;
    background-image: url("//static.s-sfr.fr/media/forfait-top-europe.png");
}

.icon--etiquette {
    width: 130px;
    height: 82px;
    margin: auto;
    background-position: 0px -557px;
}

.icon--etiquetteEmpty {
    width: 160px;
    height: 64px;
    margin: auto;
    background-position: -400px -572px;
    background-image: url('https://static.s-sfr.fr/media/gred-sprite.png');

}

.icon--perso1 {
    width: 46px;
    height: 36px;
    margin: auto;
    background-image: url("//static.s-sfr.fr/media/voyage-ongletoff.png");
}

.icon--perso1--active {
    background-image: url("//static.s-sfr.fr/media/voyage-ongleton.png");
    width: 46px;
    height: 36px;
}

.icon--perso2 {
    width: 46px;
    height: 40px;
    margin: auto;
    background-image: url("//static.s-sfr.fr/media/smseurope-ongletoff.png");
}

.icon--perso2--active {
    width: 46px;
    height: 40px;
    background-image: url("//static.s-sfr.fr/media/smseurope-ongleton.png");
}

.icon--perso3 {
    width: 43px;
    height: 40px;
    margin: auto;
    background-image: url("//static.s-sfr.fr/media/internet-ongletoff.png");
}

.icon--perso3--active {
    width: 43px;
    height: 40px;
    background-image: url("//static.s-sfr.fr/media/internet-ongleton.png");
}

.icon--perso4 {
    width: 67px;
    height: 51px;
    margin: auto;
    background-image: url("//static.s-sfr.fr/media/gred-sfr-presse--picto-off.png");
}

.icon--perso4--active {
    width: 67px;
    height: 51px;
    background-image: url("//static.s-sfr.fr/media/gred-sfr-presse--picto-on.png");
}

.icon--reassurance1 {
    background-image: url("//static.s-sfr.fr/media/sansengagement-reassurance.png");
    bottom: 0;
    display: block;
    height: 70px;
    margin: auto;
    position: absolute;
    width: 127px;
    left: 0;
    right: 0;
    top: 0;
}

.icon--reassurance2 {
    background-image: url("//static.s-sfr.fr/media/forfaitperso-reassurance.png");
    bottom: 0;
    display: block;
    height: 75px;
    margin: auto;
    position: absolute;
    width: 53px;
    left: 0;
    right: 0;
    top: 0;
}

.icon--reassurance3 {
    background-image: url("//static.s-sfr.fr/media/thd-reassurance.png");
    bottom: 0;
    display: block;
    height: 44px;
    margin: auto;
    position: absolute;
    width: 109px;
    left: 0;
    right: 0;
    top: 0;
}

.icon--reassurance4 {
    background-image: url("//static.s-sfr.fr/media/assistanceonline-reassurance.png");
    bottom: 0;
    display: block;
    height: 64px;
    margin: auto;
    position: absolute;
    width: 101px;
    left: 0;
    right: 0;
    top: 0;
}

.icon--reassurance5 {
    background-image: url("//static.s-sfr.fr/media/forfait-top.png");
    bottom: 0;
    display: block;
    height: 85px;
    margin: auto;
    position: absolute;
    width: 90px;
    left: 0;
    right: 0;
    top: 0;
}

.icon--reassurance6 {
    background-position: 1px -770px;
    height: 60px;
    margin: auto;
    width: 60px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.icon--reassurance7 {
    width: 140px;
    height: 130px;
    margin: auto;
    background-position: -206px -625px;
}

.icon--reassurance8 {
    background-position: -667px -910px;
    height: 130px;
    margin: auto;
    width: 140px;
}

.icon--reassurance9 {
    background-position: 4px -910px;
    height: 130px;
    margin: auto;
    width: 140px;
}

.icon--reassurance10 {
    background-image: url("//static.s-sfr.fr/media/cartesim-1.png");
    bottom: 0;
    display: block;
    height: 85px;
    margin: auto;
    position: absolute;
    width: 90px;
    left: 0;
    right: 0;
    top: 0;
}

.icon--personnalisation {
    width: 30px;
    height: 30px;
    margin: auto;
    background-position: -114px -172px;
}

.icon--search {
    width: 27px;
    height: 27px;
    margin: auto;
    background-position: -108px -447px;
}

.icon--img {
    background-image: none;
    height: 50px;
    display: table-cell;
}

.icon--img img {
    margin: auto;
}

.blade {
    position: relative;
    overflow: visible;
}

.blade--fullscreen {
    height: 100%;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.blade--fullscreen .blade__image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    background: no-repeat center center;
    background-size: cover;
}


.blade--red {
    height: 325px;
    background: #1a171b;
}

.blade__titre {
    margin-top: 55px;
    font-size: 34px;
    color: #FFF;
    position: relative;
    z-index: 1;
    line-height: 1.2;
    text-align: center;
    font-family: "Montserrat-Bold";
}

#forfaits-list-container {
    margin: 0 auto;
    overflow: hidden;
    height: auto;
    padding-left: 1px;
}

.list-forfaits {
    float: left;
}

.forfait-container {
    width: 173px;
    height: auto;
    float: left;
    position: relative;
    text-align: center;
    font-size: 20px;
    color: White;
    z-index: 1;
}

.forfait-container > * {
    margin: 1px;
}

.forfait--bigLabel .forfait__content_no_shadow {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}


.forfait__description__link {
    position: relative;
    margin-top: -83px;
    font: 14px Montserrat-Bold;
    text-decoration: none;
    color: #1a171b;
    cursor: pointer;
    cursor: hand;
}

.forfait__description__link>b {
    color: #00e094;
}

@media (max-width: 1024px) {
    .forfait__description__link {
        position: absolute;
        margin-top: 304px;
        margin-left: 348px;
    }

}

@media (max-width: 768px) {
    .forfait__description__link {
        margin-top: -90px;
        margin-left: auto;
        width: 100%;
    }

}

@media (min-width: 1660px) {

    .forfait-container {
        width: 258px;
    }

    .forfait__description__content {
        height: 450px;
    }

    .forfait--bigLabel {
        top: -20px;
    }

    .forfait--bigLabel .forfait__content {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.11), 0 0 20px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11), 0 0 20px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11), 0 0 20px rgba(0, 0, 0, 0.3);
    }

    .forfait--bigLabel .price {
        padding-top: 40px;
    }

    .forfait--bigLabel .forfait__description__content {
        border-top: 20px #00e094 solid;
        z-index: 998 !important;
        height: 490px;
    }

    .forfait__button__tablet {
        display: none;
    }

    .forfait__button__other {
        display: block;
    }
}

@media (min-width: 1280px) and (max-width: 1659px) {

    .forfait-container {
        width: 238px;
    }

    .forfait__description__content {
        height: 450px;
    }

    .forfait--bigLabel {
        top: -20px;
    }

    .forfait--bigLabel .forfait__content {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.11), 0 0 20px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11), 0 0 20px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11), 0 0 20px rgba(0, 0, 0, 0.3);
    }

    .forfait--bigLabel .price {
        padding-top: 40px;
    }

    .forfait--bigLabel .forfait__description__content {
        border-top: 20px #00e094 solid;
        z-index: 998 !important;
        height: 490px;
    }

    .forfait__button__tablet {
        display: none;
    }

    .forfait__button__other {
        display: block;
    }

    .forfait__button__tablet {
        display: none;
    }

    .forfait__button__other {
        display: block;
    }
}

@media (max-width: 433px) {
    .boxData__details {
        font-size: 14px;
    }
}
@media (min-width: 1025px) and (max-width: 1279px) {
    #forfaits-list-container {
        width: 700px !important;
    }

    .list-forfaits {
        width: 1225px !important; /* nombre de forfait-container * width de forfait-container (ici 7) */
    }

    .forfait-container {
        width: 175px;
    }

    .forfaits-carousel-arrows {
        visibility: visible;
    }

    .forfait__description__content {
        height: 525px;
    }

    .forfait__description__content p {
        font-size: 16px !important;
    }

    #forfaits-list-container .forfait__black__info {
        font-size: 10px !important;
    }

    #forfait__description__exception {
        padding-bottom: 18px !important;
    }

    .forfait--bigLabel {
        top: -20px;
    }

    .forfait--bigLabel .forfait__content {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.11), 0 0 20px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11), 0 0 20px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11), 0 0 20px rgba(0, 0, 0, 0.3);
    }

    .forfait--bigLabel .price {
        padding-top: 40px;
    }

    .forfait--bigLabel .forfait__description__content {
        border-top: 20px #00e094 solid;
        z-index: 998;
        height: 570px;
    }

    .forfait__button__tablet {
        display: none;
    }

    .forfait__button__other {
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #forfaits-list-container {
        width: 100% !important;
        overflow: visible;
        height: auto;
        display: flex;
        max-width: 100%;
        margin-bottom: 40px;
    }

    .forfait-container, .list-forfaits {
        float: none;
        flex-basis: 100%;
        max-width: 100%;
    }

    .forfait-carousel-layer, .forfaits-carousel-arrows {
        display: none;
    }

    .forfait__content {
        margin-top: 30px !important;
    }

    .forfait__icon {
        display: none;
    }

    .forfait__description {
        height: 300px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-bottom: 60px;
        padding-left: 70px !important;
    }

    .forfait__description p {
        padding: 6px 0 !important;
    }

    .forfait__description__content p {
        font-size: 16px !important;
    }

    .forfait__button__tablet {
        position: absolute !important;
        display: inline;
        border: 1px solid #00e094;
        background: #FFF;
        width: 160px;
        height: 42px;
        line-height: 40px;
        bottom: 0;
        text-align: center;
        left: 50px;
    }

    .forfait__button__other {
        display: none;
        float: left;
    }

    .forfait__description__icon_tablet {
        display: block !important;
        height: 300px;
        position: relative;
    }

    .forfait__description__icon_tablet span {
        position: relative;
    }

    .forfait__description__icon_tablet img {
        width: 150px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 70px;
    }
}

@media (max-width: 767px) {
    #forfaits-list-container {
        width: 100% !important;
        overflow: visible;
        height: auto;
        display: flex;
        max-width: 100%;
        margin-bottom: 40px;
    }

    .forfait-container {
        float: none;
        flex-basis: 100%;
        max-width: 100%;
        padding-bottom: 20px;
    }

    .forfait-carousel-layer, .forfaits-carousel-arrows {
        display: none;
    }

    .forfait__content {
        margin-top: 20px !important;
    }

    .forfait--bigLabel .forfait__label {
        top: -13px !important;
    }

    .forfait__price {
        height: 130px !important;
    }

    .forfait__icon {
        display: none;
    }

    .forfait__description {
        height: 300px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-bottom: 60px;
    }

    .forfait__description p {
        padding: 6px 0 !important;
    }

    .forfait__description__content p {
        font-size: 16px !important;
    }

    .forfait__black__info {
        font-size: 10px !important;
    }

    .forfait__button {
        bottom: 0;
        position: absolute;
        width: 100%;
    }

    .forfait__button__tablet {
        display: none;
    }

    .forfait__button__other {
        display: block !important;
    }

    .forfaits--row .forfait__label {
        top: -15px !important;
    }

    #page-listOptions .visible-xs .filterContinent {
        margin-right: auto;
        vertical-align: top;
        margin-top: 0 !important;
        margin-bottom: 24px;
    }

    .filters-form .wrap form label.checkbox:before{
        vertical-align: top;
    }

    .filters-form .wrap form label span.textFilter{
        display: inline-block;
        width: 85%;
    }
}

.forfait-carousel-layer {
    position: absolute;
    background-color: white;
    border: 1px solid #b2b4b5;
    width: 300px;
    height: 150px;
    bottom: 430px;
    color: #c7c8ca;
    text-align: center;
    z-index: 419;
    cursor: pointer;
}

#forfait-carousel-layer-left {
    left: 0;
    padding-left: 80px;
    display: none;
    border-left: none;
}

#forfait-carousel-layer-right {
    right: 0;
    padding-right: 80px;
    display: none;
    border-right: none;
}

.layer-picto img {
    padding-top: 15px;
    padding-bottom: 10px;
    display: inline;
    height: 80px;
}

.layer-label {
    font-size: 14pt;
    color: black;
}

.forfaits-carousel-arrows {
    position: absolute;
    width: 90px;
    cursor: default;
    text-align: center;
    font-size: 66px;
    font-weight: 100;
    color: #c7c8ca;
}

#forfaits-left-arrow {
    left: 0;
    margin-left: 20px;
    bottom: 475px;
    z-index: 420;
}

#forfaits-right-arrow {
    right: 0;
    margin-right: 20px;
    bottom: 475px;
    z-index: 420;
}

.forfaits-arrow-active {
    color: #00e094 !important;
    cursor: pointer !important;
}

.forfait__icon {
    position: relative;
    height: 105px;
    margin-bottom: 10px;
    padding-top: 60px;
}

.forfait__icon span {
    display: inline;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 1%;
}

.forfait__icon > span > img {
    max-width: 120px;
}

.forfait__description__icon_tablet, .forfait__description__button_tablet {
    display: none;
}

@media (min-width: 1025px) {

    .forfaits--row .forfait-container, .forfaits--row .list-forfaits {
        float: none;
        flex-basis: 100%;
        max-width: 100%;
    }

    .row--custom {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        -webkit-box-flex: 0;
        flex: 0 1 auto;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: 0px;
        margin-left: 0px;
    }

    .forfaits--row .forfait__price {
        height: 300px !important;
        padding: 5px;
    }

    .forfaits--row .forfait__description {
        height: 300px !important;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        -ms-flex-pack: space-around;
        justify-content: space-around;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 5px;
    }

    .forfaits--row .forfait__price {
        margin: 0;
        -webkit-flex-basis: 260px;
        -moz-flex-basis: 260px;
        -ms-flex-basis: 260px;
        flex-basis: 260px;
        max-width: 260px;
        width: 260px;
    }

    .forfaits--row .forfait__description__content {
        height: auto;
    }

    .forfaits--row .forfait__description p:first-of-type {
        padding: 12px 0 !important;
    }

    .forfaits--row .forfait__description p:last-of-type {
        padding-bottom: 0 !important;
    }

    /*
        .forfaits--row .forfait__description p {
            padding: 12px 0 0;
        }

        .forfaits--row .forfait__button {
            margin: 0;
        }

        .forfaits--row .forfait__button .button--big {
            width: 230px;
        }
    */
    .forfaits--row .forfait__icon {
        display: none;
    }

    /*.forfaits--row .forfait__content {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
    }*/
    .forfaits--row .forfait__label {
        right: calc(100% - 245px);
        top: -28px;
    }

    .forfaits--row .forfait .stars--absolute {
        padding-top: 17px;
        position: static;
    }

    .forfaits--row .forfait__button__tablet, .forfaits--row .forfait__button__other {
        display: none;
    }

    .forfaits--row .forfait__button_row {
        display: block;
        width: 200px;
    }

    .forfaits--row .forfait__description__icon_tablet .forfaits--row .forfait__description__button_tablet {
        display: block !important;
        height: 300px;
        position: relative;
    }

    .forfaits--row .forfait__description__icon_tablet img {
        width: 70px;
        /*position:absolute;
        top:0;
        bottom:0;
        margin:auto;*/
    }

}

@media (max-width: 767px) {
    .forfaits--row .list-forfaits {
        width: 100% !important;
    }
}

.forfaits--row .forfait-container {
    /*padding-left: 0;*/
    /*padding-right: 0;*/
    /*padding-top: 15px;*/
}

.forfaits--row .forfait__label {
    /*right: calc(100% - 245px);*/
    top: -26px;
}

.forfaits--row .forfait__label .contentTextTooltip {
    font-family: "Montserrat-Bold";
    font-size: 10px !important;
}

#cheapest {
    top: -50px;
}

#topOffer {
    top: -50px;
}

.forfait--bigLabel .forfait__label {
    top: -25px;
    left: 15px;
    right: 15px;
}

.forfait--bigLabel .forfait__label__cheapest {
    top: -30px;
}

.forfait--bigLabel .forfait__label span {
    font-family: "Montserrat-Bold";
    font-size: 10px;
    width: 220px;
    margin: auto;
    /*TODO*/
}

.forfait__etiquette {
    position: absolute;
    z-index: 1;
    left: -3px;
    top: -1px;
}

.forfait__etiquette span {
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
    -webkit-transform-origin: 0;
    -moz-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
    display: block;
    font-size: 9px;
    top: 39px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    font-family: "Montserrat-Bold";
    padding-right: 72px;
}

.forfait__label {
    position: absolute;
    z-index: 2;
    top: -35px;
    left: 0;
    right: 0;
    text-align: center;
}

.forfait__label .contentTextTooltip {
    font-family: "Montserrat-Regular";
    display: inline-block;
    background: #00e094;
    color: #FFF;
    padding: 6px 7px;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    text-transform: uppercase;
    font-size: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.21);
    -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.21);
    position: relative;
}

.forfait__label .contentTextTooltipCheapest {
    height: 57px;
    width: 181px;
}

.forfait__label .contentTextTooltip .textTooltip {
    position: relative;
    z-index: 2;
}

.forfait__label .contentTextTooltip .textTooltipCheapest {
    top: 14px;
}

.forfait__labelCaret {
    overflow: visible;
    height: 20px;
    position: absolute;
    bottom: -20px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 1;
}

.forfait__labelCaret > div {
    display: block;
    width: 20px;
    height: 20px;
    background: #00e094;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.15);
    position: absolute;
    top: -10px;
    right: 0;
    left: 0;
    margin: auto;
}

.forfait__content {
    position: relative;
    z-index: 1;
    margin-top: 45px;
}

.forfait__price {
    background: #00e094;
    height: 145px;
    position: relative;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.price__condition {
    font-size: 13px;
    text-align: center;
    width: 100%;
    position: absolute;
    display: block;
    left: 0%;
}
.price__condition.sans_engagement{
    left: -10px;
}
.forfaitPad .price__condition {
    font-size: 13px !important;
}

.forfait__description {
    background: #FFF;
    text-align: center;
}

.forfait__description p:first-of-type {
    padding-bottom: 40px;
}

.forfait__description p:last-of-type {
    padding-bottom: 10px;
}

#forfait__description__exception {
    padding-bottom: 12px;
}

.forfait__description p {
    padding: 12px 0;
    font-size: 20px;
    font-family: "Montserrat-Regular";
}

.forfait__description__separator {
    width: 155px;
    height: 1px;
    display: inline-block;
    background-color: #c7c8ca;
}

.forfait__description .data {
    font-size: 24px !important;
}

.forfait__description .data span {
    font-size: 20px;
}

.forfait__black__info {
    display: inline-block;

    font-family: "Montserrat-Bold";
    font-size: 14px;
    color: white;
    background-color: black;
    padding: 3px 5px 3px 5px;
    margin-top: 3px;
    text-transform: uppercase;
}

.forfait__black__info__price {
    font-size: 12px;
}

.forfait__button {
    /*bottom: 0;
    position: absolute;
    width: 100%;*/
}

.forfait__button .button--big {
    width: 100%;
    height: 60px;
    line-height: 58px;
    padding: 0;
    font-family: "Montserrat-Regular";
    text-transform: uppercase;
    margin: auto;
}

.forfait__button .button--personnaliser [class^="redicons-"],
.forfait__button .button--personnaliser [class*=" redicons-"] {
    font-size: 30px;
    position: relative;
    top: -2px;
    margin-right: 10px;
    vertical-align: middle;
}

.new {
    display: inline-block;
    text-transform: uppercase;
    font-family: "Montserrat-SemiBold";
    font-size: 12px;
    color: white;
    background: #00e094;
    line-height: 10px;
    padding: 3px 3px 2px;
    pointer-events: none;
}

.price {
    text-align: center;
    position: relative;
}

.price__unit {
    font-size: 62px;
    text-align: right;
    line-height: 1;
    font-family: "Montserrat-Bold";
}

.price__euro,
.price__cent {
    font-family: "Montserrat-Bold";
    font-size: 30px;
    line-height: 1;
}

.price__period {
    font-family: "Montserrat-Bold";
    font-size: 22px;
    text-transform: uppercase;
    line-height: 1;
}

.price--top,
.price--bottom {
    font-family: "Montserrat-Regular";
    font-size: 13px;
    display: block;
    /*position: absolute;*/
    left: 0;
    right: 0;
}

.price--top {
    margin-top: -15px;
}

.price--bottom {
    margin-top: -4px;
}

.price--left {
    display: inline-block;
    vertical-align: top;
    text-align: right;
}

/*.no--price {
    font-size: 25px;
}*/

.price--right {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    position: relative;
}

.price--right__top {
    display: block;
    padding-top: 3px;
    line-height: 1;
    position: relative;
    left: -1px;
}

.price--right__bottom {
    display: block;
    line-height: 1;
    position: relative;
    top: -3px;
    left: 1px;
}

.price--simple {
    margin: 0;
}

.price--simple .price--middle {
    margin-top: 3px;
    font-size: 0;
    display: block;
}

.price--simple .price--top {
    margin: 0;
    position: static;
}

.price--simple .price--bottom {
    margin-top: 3px;
    position: static;
}

.price--simple .price__unit {
    font-size: 18px;
    text-align: left;
}

.price--simple .price__cent,
.price--simple .price__euro {
    font-size: 16px;
    text-align: left;
}

.price--simple .price__period {
    text-align: left;
    font-family: "Montserrat-Regular";
    font-size: 14px;
}

.price--inline {
    top: 0 !important;
    line-height: 1 !important;
    font-family: "Montserrat-Bold" !important;
    font-size: 24px;
    text-transform: uppercase;
    margin: 0 !important;
}

.price--inline strong {
    font-size: 130%;
}

.price--inline.price--small {
    display: block;
    font-size: 16px !important;
}

.price--inline.price--small strong {
    font-size: 130%;
}

.price--inline.price--extraSmall {
    display: block;
    font-size: 13px !important;
}

.price--inline.price--extraSmall strong {
    font-size: 130%;
}

.price--medium {
    margin: 0 !important;
}

.price--medium .price__unit {
    font-size: 34px;
    text-align: right;
    line-height: 1;
    font-family: "Montserrat-Bold";
    position: relative;
    top: 1px;
}

.price--medium .price__euro,
.price--medium .price__cent {
    font-family: "Montserrat-Bold";
    font-size: 16px;
    line-height: 1;
}

.price--medium .price__period {
    font-family: "Montserrat-Bold";
    font-size: 11px;
    text-transform: uppercase;
    line-height: 1;
    margin-top: 2px;
    display: block;
}

.price--medium .price--top,
.price--medium .price--bottom {
    font-family: "Montserrat-Regular";
    font-size: 12px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
}

.price--medium .price--top {
    margin-top: -15px;
}

.price--medium .price--bottom {
    margin-top: -4px;
}

.price--medium .price--left {
    display: inline-block;
    vertical-align: top;
    text-align: right;
}

.price--medium .price--right {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    position: relative;
}

.price--medium .price--right__top {
    display: block;
    padding-top: 3px;
    line-height: 1;
    position: relative;
    left: -1px;
}

.price--medium .price--right__bottom {
    display: block;
    line-height: 1;
    position: relative;
    top: -3px;
    left: 1px;
}

.price del {
    font-size: 16px;
    font-family: "Montserrat-Regular";
}

.pricingBlock {
    height: 130px;
    background: #F2F2F2;
    padding: 17px 0;
    text-align: center;
    z-index: 3;
}

.pricingBlock .pricingBlock__texte {
    display: none;
    position: absolute;
    left: 0;
    top: 5px;
    right: 0;
}

.pricingBlock--fixed {
    border-bottom: 1px solid #d2d2d2;
    box-shadow: 2px 0 7px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 0 7px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 2px 0 7px rgba(0, 0, 0, 0.1);
}

.pricingBlock--fixed .pricingBlock__texte {
    display: block;
}

.box {
    padding: 20px;
    height: 200px;
    background: #FFF;
}

.box__buttons .button--normal {
    margin-top: 15px;
    display: block;
    width: 100%;
}

.box--center {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.box--small {
    height: 120px;
}

.row--15 {
    margin-top: -15px;
    margin-left: -15px;
    margin-bottom: 15px;
}

.row--15 > [class*='col-'] {
    padding-top: 15px;
    padding-left: 15px;
}

.row--5col > .col-md-2 {
    width: 20%;
    flex-basis: 20%;
    max-width: 20%;
}

.verticalAlignCenter {
    display: table;
    height: 100%;
    width: 100%;
}

.verticalAlignCenter > .centered {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    margin: auto;
}

.verticalAlignCenter > .centered .table {
    display: table;
    width: 100%;
}

@media (max-width: 768px) {
    .boxData__actions.media-w40.offer-section  {
        width: 50%;
    }
    .boxData__actions.media-w40.offer-section .boxData__price {
        width: 100%
    }
}


.disabled {
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
    cursor: default !important;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.disabled:after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    content: "";
    cursor: default !important;
}

.disabledOffre {
    cursor: default !important;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.disabledOffre > a {
    color: #DCDCDC;
}

.disabledOffre:after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    content: "";
    cursor: default !important;
}

.boxData {
    position: relative;
    cursor: pointer;
}

.boxData--active .boxData__price {
    background: #00e094;
}

.boxData:hover .boxData__button [class^="redicons-"],
.boxData:hover .boxData__button [class*=" redicons-"] {
    color: #00e094;
}

.option.boxData--active > * :not(.info-bulle__content) {
    z-index: 2;
    position: relative;
}

div .boxData--active:not(.option) > * {
    z-index: 2;
    position: relative;
}

.boxData--active:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: -5px;
    height: 100%;
    width: 100%;
    background: url("../img/pattern-green-zebra.png");
    opacity: 0.5;
    z-index: 1;
}

.boxData--active:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #FFF;
    z-index: 1;
}

.boxData--active .boxData__price {
    background: #00e094;
}

.boxData--active .boxData__button--add {
    display: none !important;
}

.boxData--active .boxData__button--delete {
    display: block !important;
}

.boxData__details {
    height: 90px;
    background: #FFF;
    text-align: center;
    width: 100%;
}

.boxData__check {
    height: 40px;
    background: #FFF;
    text-align: center;
    width: 100%;
    padding: 7px;
}

.boxData__check input {
    display: none;
}

.boxData__check span.redicons-checkbox {
    height: 16px;
    width: 16px;
    border: solid 1px grey;
    display: inline-block;
    margin-right: 5px;
}

.boxData__check label.deselected-label {
    display: inline-block;
}

.boxData__check label.selected-label {
    display: none;
}

.boxData--active .boxData__check label.selected-label {
    display: inline-block;
}

.boxData--active .boxData__check label.deselected-label {
    display: none;
}

.boxData--active .boxData__check span.redicons-checkbox {
    border: none;
    background-color: #00e094;
    color: white !important;
    position: relative;
}

.boxData--active .boxData__check span.redicons-checkbox:after {
    content: "\e913";
    font-size: 10px;
    position: absolute;
    left: 1px;
    top: 3px;
}

.no-price-boxData-container {
    position: relative;
    margin-bottom: 15px;
}

.no-price-boxData-container .boxData {
    height: 100%;
    width: 100%;
    position: absolute;
}

.no-price-boxData-container .boxData .boxData__details {
    height: 100%;
}

.boxData__price {
    -webkit-transition: background 150ms ease;
    -moz-transition: background 150ms ease;
    -ms-transition: background 150ms ease;
    transition: background 150ms ease;
    background: #1a171b;
    text-align: center;
    color: #FFF;
    height: 60px;
    width: 100%;
}

.boxData--option .boxData__details {
    height: 220px;
}

.boxData--option .boxData__details p.texte {
    margin: 10px 0;
}

.boxData__button .button--big {
    height: 60px;
    width: 100%;
    font-size: 14px;
    font-family: "Montserrat-Light";
    background: #FFF !important;
    color: #1a171b !important;
    border: 0 !important;
}

.boxData__button .button--big [class^="redicons-"],
.boxData__button .button--big [class*=" redicons-"] {
    color: #00e094;
    position: relative;
    margin-left: 3px;
}

.boxData__button--add {
    display: block !important;
}

.boxData__button--delete {
    display: none !important;
}

.option .boxData__details {
    height: 191px;
}

.option .boxData__details p.texte {
    margin: 8px 0;
    font-size: 12px;
    padding: 0 25px;
}

.option__titre {
    height: 45px;
}

.option__group--invisible {
    display: none;
}

.paiement .boxData__details {
    min-height: 320px;
    padding: 0 15px 15px;
    height: auto;
}


.msidn .boxData__details {
    height: 42px;
    margin-bottom: 20px;
}


.paiement__titre {
    height: 45px;
}

.stars {
    font-size: 0;
}

.stars--absolute {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    text-align: center;
}

.star {
    background-image: url(//static.s-sfr.fr/media/sprite-red.png);
    width: 13px;
    height: 13px;
    display: inline-block;
    background-repeat: no-repeat;
    margin: 0 2px 0 1px;
}

.star--full {
    background-position: -2px -524px;
}

.star--empty {
    background-position: -82px -524px;
}

.dejaClient {
    text-align: center;
    padding: 55px 0 15px;
}

.dejaClient__text {
    color: #353236;
    margin-bottom: 10px;
}

.mea {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    overflow: visible;
}

.mea__img img {
    width: 100%;
}

.mea__text {
    min-width: 360px;
    max-width: 500px;
    text-align: left;
}

.mea__text p,
.mea__text div.p {
    background: #FFF;
    padding: 30px;
}

.mea__text .titre--highlight {
    position: relative;
    left: -100px;
    margin-top: 50px;
    white-space: nowrap;
}

.mea--imgRight {
    flex-direction: row-reverse;
}

.mea--imgRight .mea__text {
    right: auto;
    left: 0;
}

.mea--imgRight .titre--highlight {
    left: 0px;
}

.mea.mea--jauges {
    flex-direction: column;
}

.mea.mea--jauges .zone {
    text-align: left;
    padding: 20px 30px;
}

.mea.mea--jauges .zone > .title {
    float: right;
    height: 27px;
    line-height: 27px;
}

.mea.mea--jauges .zone > .title img {
    vertical-align: middle;
}

.titre {
    font-family: "Montserrat-Bold";
    font-size: 28px;
    line-height: 1.2;
}

.titre--center {
    text-align: center;
}

.titre--highlight {
    font-size: 0;
}

.titre--highlight span {
    font-family: "Montserrat-Bold";
    font-size: 36px;
    background: #00e094;
    display: inline-block;
    padding: 7px 6px 6px;
    text-transform: uppercase;
    line-height: 1;
    color: #FFF;
    margin-top: -4px;
}

.titre--light {
    font-size: 28px;
    font-family: "Montserrat-UltraLight";
    line-height: 1.2;
    text-transform: uppercase;
}

.bolder--span{
    font-weight: bolder;
}

.sous_titre--light {
    font-size: 18px;
    font-family: "Montserrat-UltraLight";
    line-height: 1.2;
}

.titre--small {
    font-size: 24px;
}

.texte {
    font-size: 14px;
}

.texte--bold {
    font-family: "Montserrat-Bold";
}

.texte--small {
    font-size: 13px;
}

.texte--center {
    text-align: center;
}

.texte--underline {
    text-decoration: underline;
}

.lineHeight--17 {
    line-height: 1.7;
}

.tabs {
    text-align: center;
    border-bottom: 1px solid #c7c8ca;
}

.tabs--small .tab {
    text-transform: uppercase;
    height: 40px;
}

.tabs--inline {
    display: inline-block;
}

.tabs--consended .tab {
    margin-left: 30px;
}

.tabs--full {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
}

.tabs--full .tab {
    margin-left: 0;
    height: 55px;
}

.tabs--full .tab__label {
    padding: 15px 0;
    display: block;
}

.tab {
    display: inline-block;
    height: 100px;
    margin-left: 95px;
    border-bottom: 5px solid transparent;
    cursor: pointer;
    margin-bottom: -1px;
}

.tab--active {
    border-color: #00e094;
}

.tab:first-child {
    margin-left: 0;
}

.tab__icon {
    height: 60px;
    display: block;
}

.tab--active .tab__label {
    color: #1a171b;
}

.tab--active .icon--perso1,
.tab:hover .icon--perso1 {
    background-image: url("//static.s-sfr.fr/media/voyage-ongleton.png");
    width: 46px;
    height: 36px;
}

.tab--active .icon--perso2,
.tab:hover .icon--perso2 {
    width: 46px;
    height: 40px;
    background-image: url("//static.s-sfr.fr/media/smseurope-ongleton.png");
}

.tab--active .icon--perso3,
.tab:hover .icon--perso3 {
    width: 43px;
    height: 40px;
    background-image: url("//static.s-sfr.fr/media/internet-ongleton.png");
}

.tab--active .icon--perso4,
.tab:hover .icon--perso4 {
    width: 67px;
    height: 51px;
    background-image: url("//static.s-sfr.fr/media/gred-sfr-presse--picto-on.png");
}

.tab__content {
    display: none;
}

.tab__label {
    color: #d1d3d4;
}

.tab.four-cols {
    margin: 0;
}

.tab.four-cols:first-child {
    float: left;
}

.tab.four-cols:first-child + .four-cols + .four-cols + .four-cols {
    float: right;
}

.toggle {
    text-align: center;
}

.toggle__items {
    display: inline-block;
    padding: 40px 0;
}

.reassurance__items {
    padding-top: 20px;
}

.reassurance__icon {
    width: 140px;
    height: 130px;
    margin: auto;
    display: block;
    position: relative;
}

.reassurance__icon__mobile {
    height: 100px;
}

.reassurance__label {
    display: block;
    text-align: center;
    font-family: "Montserrat-Bold";
    margin: auto;
}

.reassurance__label.no-max-width {
    max-width: none;
}

.reassurance__text {
    text-align: center;
}

.avis__button {
    text-align: center;
}

.avis--inline {
    font-size: 0px;
    margin: 10px 0;
}

.avis--inline .avis__stars {
    display: inline-block;
    font-size: 12px;
    margin: 0 6px;
    line-height: 1;
}

.avis--inline .avis__texte {
    display: inline-block;
    font-size: 13px;
    text-transform: none;
    font-family: "Montserrat-Regular";
    font-weight: normal;
    margin: 0 5px;
    line-height: 1;
    position: relative;
    top: 2px;
}

.avis--primary {
    color: #00e094;
}

.avis--primary .empty {
    color: #d9d9d9;
}

.filters {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    margin: 30px 0 0;
}

.filter--maxWidth {
    max-width: 210px;
}

.filter--center {
    text-align: center;
}

.filter__label {
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 5px;
    font-family: "Montserrat-SemiBold";
}

.filter__statut {
    margin-top: 10px;
    white-space: nowrap;
}

.mobileVisuelTemplate {
    position: relative;
}

.mobileVisuelTemplate__image {
    margin: auto;
    width: 190px;
}

.mobileVisuelTemplate__image .swiper-wrapper {
    height: 380px;
}

.mobileVisuelTemplate__image img {
    margin: auto;
    position: absolute;
    left: -100%;
    right: -100%;
    margin: auto;
}

.mobileVisuelTemplate__reseau {
    position: absolute;
    right: 23px;
    top: -5px;
}

.mobileVisuelTemplate__new {
    position: absolute;
    right: 25px;
    top: -32px;
}

.mobileVisuelTemplate__paginationZone {
    max-width: 310px;
    margin: 25px auto;
    position: relative;
    height: 80px;
    padding: 0 15px;
}

.mobileVisuelTemplate__miniatures,
.mobileVisuelTemplate .swiper-pagination {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -ms-flex-pack: space-around;
    justify-content: space-around;
    position: absolute;
    left: 0;
    right: 0;
}

.swiper-pagination-bullet {
    border: 0 !important;
}

.swiper-pagination-bullet:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.miniature,
.swiper-pagination-bullet {
    width: 90px !important;
    height: 80px !important;
    border: 1px solid transparent !important;
    display: inline-block !important;
    cursor: pointer;
    position: relative;
    background: none !important;
    margin: 0 10px;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    -webkit-transition: border 150ms ease;
    -moz-transition: border 150ms ease;
    -ms-transition: border 150ms ease;
    transition: border 150ms ease;
}

.miniature img,
.swiper-pagination-bullet img {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.swiper-pagination-bullet-active {
    border: 1px solid #00e094 !important;
}

.miniature:hover,
.swiper-pagination-bullet:hover,
.miniature--selected,
.swiper-pagination-bullet--selected {
    border: 1px solid #00e094 !important;
}

.miniature--selected,
.swiper-pagination-bullet--selected {
    cursor: default;
}

.selectbox {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selectbox .field {
    position: relative;
    font-size: 13px;
}

.selectbox .input {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #c7c8ca;
    height: 44px;
    line-height: 44px;
    width: 100%;
    font-size: 13px;
}

.selectbox .redicons {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    margin: auto;
    width: 23px;
    height: 4px;
    font-size: 10px;
    color: #00e094;
}

.selectbox .redicons-Down {
    display: block;
}

.selectbox .redicons-Up {
    display: none;
}

.selectbox .select {
    display: block;
    text-align: left;
    position: absolute;
    left: 0;
    right: 0;
    font-size: 13px;
    z-index: 2;
    padding: 0;
    margin: 0;
    background: #FFF;
    min-height: 53px;
    max-height: 221px;
    border: 1px solid #c7c8ca;
    overflow: auto;
    outline: none;
    resize: none;
    -webkit-transition: background 150ms ease;
    -moz-transition: background 150ms ease;
    -ms-transition: background 150ms ease;
    transition: background 150ms ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: -1px;
}

.selectbox .select > li {
    padding: 8px 15px 7px;
    margin-top: -1px;
}

.selectbox .select > li:first-child {
    margin-top: 0px;
}

.selectbox .select > li:hover {
    background: #00e094;
    color: #FFF;
}

.selectbox .select > li.selected {
    font-weight: bold;
    color: #00e094;
}

.selectbox .select > li.selected:hover {
    background: #FFF;
    color: #00e094;
}

.accordeon {
    margin-top: 45px;
    cursor: pointer;
}

.accordeon--simple {
    margin: 0;
}

.accordeon--simple .accordeon__title {
    font-family: "Montserrat-SemiBold";
    font-size: 14px;
    position: relative;
    padding: 0;
}

.accordeon--simple .accordeon__title:after {
    content: "";
    display: inline-block;
    margin-left: 10px;
    position: static;
    width: 8px;
    height: 8px;
    background-image: url(//static.s-sfr.fr/media/sprite-red.png);
    background-position: -145px -95px !important;
}

.accordeon--simple .accordeon__title__aide:after {
    display: none;
}

.accordeon--simple .accordeon__content {
    padding: 10px 0 0;
    font-family: "Montserrat-Regular";
    font-size: 14px;
}

.accordeon--simple .accordeon__content * {
    line-height: 1.4;
}

.accordeon--simple .accordeon__item--active .accordeon__title:after {
    background-position: -145px -114px !important;
}

.accordeon > .accordeon__item:first-child {
    border-top: 0;
}

.accordeon__item {
    background: #FFF;
    border: 1px solid #FFF;
    border-top: 1px solid #dddddd;
}

.accordeon__item.accordeon__item--noBorder {
    border-top: 1px solid #FFF;
}

.accordeon__item--active .accordeon__title:after {
    background-position: -157px -53px;
}

.accordeon__item--active .accordeon__title--simple:after {
    background-position: -145px -114px;
}

.accordeon__title {
    display: block;
    padding: 25px 22px;
    padding-right: 90px;
    font-family: "Montserrat-Bold";
    position: relative;
    cursor: pointer;
}

.accordeon__title:hover {
    color: #00e094;
}

.accordeon__title:after {
    content: "";
    position: absolute;
    top: 0;
    right: 22px;
    bottom: 0;
    margin: auto;
    width: 32px;
    height: 14px;
    background-image: url(//static.s-sfr.fr/media/sprite-red.png);
    background-position: -157px -23px;
}

.accordeon__link {
    display: block;
    padding: 25px 22px;
    font-family: "Montserrat-Bold";
    position: relative;
    overflow: visible;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: color 150ms ease;
    -moz-transition: color 150ms ease;
    -ms-transition: color 150ms ease;
    transition: color 150ms ease;
    margin-top: 1px;
    background: #FFF;
}

.accordeon__link:hover {
    color: #00e094;
}

.accordeon__link [class^="redicons-"],
.accordeon__link [class*=" redicons-"] {
    color: #00e094;
}

.accordeon__link .redicons-PDF {
    font-size: 30px;
    margin-right: 30px;
    position: relative;
    margin-top: -10px;
    top: 3px;
    float: left;
}

.accordeon__linkTitle {
    overflow: visible;
    display: block;
}

.accordeon__content {
    padding: 11px 90px 22px 22px;
    display: none;
}

.accordeon__group {
    display: none;
}

.accordeon__button {
    margin: 40px auto 0;
    text-align: center;
}

.accordeon--mea {
    margin: 0;
    cursor: default;
}

.accordeon--mea > .accordeon__item > .zone > .accordeon__title:after {
    display: none;
}

.accordeon--mea .accordeon__item {
    border: 0;
}

.accordeon--mea .accordeon__item--active {
    display: block;
}

.accordeon--mea .accordeon__title {
    text-align: center;
    font-family: "Montserrat-Bold";
    font-size: 28px;
    line-height: 1.2;
    padding: 25px 0;
}

.accordeon--mea .accordeon__title:after {
    display: none;
}

.accordeon--mea .accordeon__content {
    cursor: default;
    display: block;
    padding: 11px 0 22px;
}

.accordeon--mea.switchs .zone > .accordeon__content {
    display: block !important;
}

.navigation--anchor {
    height: 55px;
}

.navigation--anchor .navigation__container {
    background: #FFF;
    padding: 0 50px;
}

.navigation--anchor.navigation--fixed .navigation__container {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    border-bottom: 1px solid #DDD;
}

.navigation--anchor.navigation--fixed .navigation__container .tabs {
    border: 0;
}

.red .navigation--anchor.navigation--fixed .navigation__container {
    left: 116px;
}

.forfaitPad {
    position: relative;
    cursor: default;
    text-align: center;
    margin: 0;
    width: auto;
    max-width: 100%;
    padding: 0px;
}

.forfaitPad .row__forfait__label {
    display: none;
    margin-top: 20px;
    width: 100%;
}

.forfaitPad .row__forfait__label .forfait__labelCaret > div {
    top: -15px;
}

.forfaitPad .p {
    font-family: "Montserrat-Regular";
    line-height: 1.2;
    margin-top: 3px !important;
}

.forfaitPad .p--description {
    height: 90px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 !important;
}

.forfaitPad .p--description p .data {
    font-size: 18px;
}

.forfaitPad__content {
    position: relative;
    z-index: 1;
    margin-top: 27px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    height: 280px;
    background: #FFF;
}

.forfaitPad__content .forfait__black__info {
    margin-top: 4px;
    padding: 2px 4px 2px 4px;
}

.forfaitPad__price {
    background: #FFF;
    position: relative;
    margin: 0;
    -webkit-flex-basis: 205px;
    -moz-flex-basis: 205px;
    -ms-flex-basis: 205px;
    flex-basis: 205px;
    max-width: 205px;
    width: 205px;
}

.forfaitPad__description {
    background: #00e094;
    text-align: center;
    padding: 5px;
    position: relative;
    height: 280px;
    height: 100%;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
}

.forfaitPad__description .p {
    font-size: 16px;
}

.forfaitPad__description .forfait__black__info {
    font-size: 12px;
}

.forfaitPad__plus {
    position: absolute;
    left: 190px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 35px;
    height: 35px;
    font-size: 36px;
    font-family: "Montserrat-Bold";
    line-height: 33px;
    background: #FFF;
    z-index: 1;
    -webkit-border-radius: 100px !important;
    -moz-border-radius: 100px !important;
    border-radius: 100px !important;
    border: 1px solid #00e094;
}

.forfaitPad__container {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.forfaitPad__container .forfait__label {
    top: -14px;
}

@media (max-width: 1024px) {
    .forfaitPad__container .forfait__label {
        display: none !important;
    }

    .forfaitPad .row__forfait__label {
        display: block !important;
    }

    .forfaitPad__button {
        margin: 15px auto 25px !important;
    }
}

.forfaitPad__image {
    display: inline-block;
    height: 90px;
    margin-bottom: 10px;
}

.forfaitPad__image img {
    display: inline-block;
    height: 100%;
}

.forfaitPad__button {
    margin: 0px auto 20px;
}

.forfaitPad__button .button--big {
    width: 230px;
    height: 44px;
    line-height: 44px;
    padding: 0;
    text-transform: uppercase;
    margin: auto;
}

.forfaitPad__button .button--personnaliser [class^="redicons-"],
.forfaitPad__button .button--personnaliser [class*=" redicons-"] {
    font-size: 30px;
    position: relative;
    top: -2px;
    margin-right: 10px;
    vertical-align: middle;
}

.forfaitPad__price,
.forfaitPad__description {
    vertical-align: top;
}
.forfaitPad__price.forfaitPad__aligne_price{
    padding-bottom: 65px;
}
#forfaits__toggle__button_block {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

#forfaits__toggle__button_block .redicons {
    font-size: 10px;
    margin-right: 5px;
}

.alreadyClient {
    margin-top: 30px;
    padding: 30px 0 0;
    border-top: 1px solid #c7c8ca;
    text-align: center;
}

.alreadyClient strong {
    display: block;
}

.alreadyClient .button {
    margin-top: 8px;
}

.mentions {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.mentions-devices {
    padding: 7px 7px;
}

.seo {
    padding-top: 20px;
    padding-bottom: 20px;
}

.seo__text {
    color: #a7a9ac;
    font-family: "Montserrat-Regular";
    font-size: 13px;
}

.md-block {
    display: block;
}

.flexible__header {
    background: #fff;
    box-shadow: 5px 0px 11px 0px rgba(0, 0, 0, 0.08);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    height: 75px;
    font-size: 0;
    position: fixed;
    z-index: 90;
}

.flexible__header > div {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.flexible__header > div:first-child + div {
    text-align: right;
    padding-right: 20px;
}

.flexible__header .header__action {
    height: 75px;
    line-height: 75px;
    border: 0;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    padding-left: 20px;
    font-family: "Montserrat-Light";
    font-size: 18px;
    color: #1a171b;
}

.flexible__header .header__back {
    display: none;
}

.flexible__header .picto-partage [class^="redicons-"],
.flexible__header .picto-partage [class*=" redicons-"] {
    color: #00e094;
    position: relative;
    top: -1px;
    margin-left: 3px;
}
.picto-partage.aligne_picto{
    float: left;
}
.flexible__header .button {
    margin-top: 15px;
}

.flexible__header .price {
    display: inline-block;
    vertical-align: middle;
    line-height: 36px;
    font-size: 36px;
    margin-right: 37px;
    top: 7px;
}

.flexible__header .price--topPhrase {
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    position: absolute;
    top: -15px;
    display: block;
    width: 100%;
    text-align: left;
    white-space: nowrap;
}

.flexible__header .price--leftPhrase {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    line-height: 22px;
    padding-right: 6px;
}

.flexible__header .price .price--rightPhrase {
    font-size: 12px;
    vertical-align: middle;
    line-height: 22px;
    padding-right: 6px;
}

.flexible__header .price--left {
    padding-right: 3px;
}

.flexible__header .price--right__top {
    font-size: 50%;
}

.flexible__header .price--right__bottom {
    font-size: 31%;
    top: -1px;
}

.flexible__header .price__unit {
    font-size: 100%;
}

.flexible__header .price__euro,
.flexible__header .price__cent {
    font-size: 100%;
}

.flexible__header .price__period {
    font-size: 100%;
}

.flexible__header .price--bottom {
    bottom: -14px;
}

.flexible__header .right-border {
    border-right: 1px solid #c7c8ca;
    margin-right: 5px;
}

.flexible__header .price__details {
    font-size: 13px;
    vertical-align: top;
    display: inline-block;
    margin-top: 4px;
    line-height: 1.2;
    text-align: left;
}

.flexible__wrap {
    margin-top: 75px;
}

.product__description {
    max-width: 100%;
    margin: 3em auto;
    text-align: center;
    font-size: 100%;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #000000;
}

div#channel-section{
    max-width: 100%;
}

@media (min-width: 768px) and (max-width: 1310px) {
    .product__description {
        width: 626px;
    }
}
@media (max-width: 768px) {
    .product__description {
        width: 100%;
        padding: 0 20px;
    }
}

.app .sfrDom ~ .currentPage .flexible__wrap {
    margin-top: 0;
}

.flexible__titre {
    width: 35% !important;
}

.flexible__actions {
    float: right;
    width: 65% !important;
}

.flexible__actionsPrice {
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
}

.flexible__actionsButtons {
    display: inline-block;
    vertical-align: top;
    margin-top: 15px;
}

.product {
    overflow: visible;
    white-space: nowrap;
    position: relative;
    display: table;
    width: 100%;
}

.product__media,
.product__content {
    display: table-cell;
    white-space: normal;
    vertical-align: top;
}

.product__media {
    background: #FFF;
}

.product__mediaContent .back {
    padding: 15px 25px;
    display: block;
}

.product__mediaContent .back:hover {
    color: #00e094;
}

.product__content {
    position: relative;
    background: #F2F2F2;
}

.product__content .titre--light {
    padding-top: 40px;
    margin-bottom: 80px;
}

.product__content .titre--light.titre_option_red {
    margin-bottom: 24px;
}

h3.titre--light.titre--center {
    padding-top: 40px;
    margin-bottom: 40px;
}

.product__content .white-block {
    background: white;
    padding: 8px 16px;
}

.product__details {
    overflow: visible;
    position: relative;
}

.product__detailsContainer {
    margin: auto;
    max-width: 508px;
    padding-bottom: 30px;
}

.product__details .price {
    margin: 30px 0;
}

.product__detailsButton {
    text-align: center;
    margin: 30px 0 40px;
}

.product__configuration {
    position: absolute;
    left: 100%;
    width: 100%;
    height: 100%;
    background-color: #F2F2F2;
}

.product__configurationContainer {
    margin: auto;
    max-width: 880px;
    padding: 0 30px;
    overflow: visible;
}

.product__configurationClose {
    position: absolute;
    top: 33px;
    right: 20px;
    font-size: 20px;
    color: #00e094;
    cursor: pointer;
}

.product__img {
    background: #FFF;
}

.product__imgContainer {
    margin: auto;
    max-width: 320px;
}

.thisForfait__content {
    padding: 10px 0;
}

.thisForfait__image.thisForfait__image--plus img {
    margin: auto;
    height: auto;
    width: auto;
}

.thisForfait__image img {
    margin: auto;
    width: 180px;
    height: 135px;
}

.thisForfait__titre {
    margin-top: 0px;
    text-align: center;
    font-size: 22px;
}

.thisForfait__titre small {
    font-size: 18px;
}

.section {
    margin: 35px 0;
}

.section__appels .section__more {
    display: block !important;
}

.section__titre {
    margin-bottom: 8px;
    font-size: 24px;
    position: relative;
    padding-right: 100px;
}
.section__booster{
    padding-right: 60px;
}
.section__titre .etiquette {
    position: absolute;
    top: -20px;
    left: 0;
}

.section__titre .p {
    font-family: Montserrat-Regular, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
}

.section__edit {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 16px;
    margin: auto;
    cursor: pointer;
    display: none;
}

.section__resume {
    margin: 8px 0 15px;
    display: none;
}

.section__more {
    margin: 8px 0px 15px;
}

.section__button {
    margin-top: 40px;
    text-align: center;
    margin-bottom: 10px;
}

.section__button .price {
    margin-bottom: 10px;
}

.section--disabled {
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
    cursor: default !important;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.section--disabled:after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    content: "";
    cursor: default !important;
}

.section--feedback .section__resume,
.section--feedback .section__edit {
    display: block;
}

.section--feedback .section__more {
    display: none;
}

.section--feedback.section--pristine .section__edit {
    display: none;
}

.section--feedback.section--dirty .section__edit {
    display: block;
}

.borderBlock {
    position: relative;
    border: 1px solid #1a171b;
    display: inline-block;
    padding: 14px 30px 10px;
    margin-bottom: 30px;
    width: 370px;
}

@media (max-width: 768px) {
    .borderBlock {
        width: initial;
    }
}

.borderBlock__sized {
    width: 100%;
    height: 130px;
}

.borderBlock--alt {
    border-color: #b0b0b0;
    width: 190px;
    font-size: 12px;
    text-transform: none;
    position: relative;
    top: 10px;
    padding: 8px 20px 4px;
}

.borderBlock--alt .borderBlock__title {
    top: -10px;
}

.borderBlock--alt .borderBlock__title span {
    font-size: 13px;
}

.borderBlock__title {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: -13px;
    text-align: center;
}

.borderBlock__title span {
    font-family: "Montserrat-Regular";
    font-size: 14px;
    color: #1a171b;
    text-transform: uppercase;
    background: #f2f2f2;
    padding: 0 12px;
}

.resume__item {
    display: block;
}

.resume__item .data-tiilta-content {
    font-family: Montserrat-Regular;
    font-size: 16px;
    font-weight: normal;
    margin-top: 10px;
}
.circle {
    width: 50px;
    height: 50px;
    background: #00e094;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.picto {
    background: white;
    color: #00e094;
    font-family: Montserrat-Bold;
    font-size: 15px;
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.info-bulle {
    width: 16px;
    height: 16px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    margin-left: 5px;
}

.info-bulle--inPrice {
    position: absolute;
    top: 16px;
    right: -18px;
}

.info-bulle__content {
    background: white;
    border: 1px solid #b1b0b1;
    color: #1a171b;
    font-family: "Montserrat-Regular";
    font-size: 13px;
    width: 150px;
    position: absolute;
    bottom: 28px;
    padding: 10px;
    display: none;
    line-height: 1.2;
    text-transform: none;
    z-index: 50000;
}

.info-bulle__content:after {
    content: "";
    display: block;
    width: 18px;
    height: 11px;
    background: url("../img/tooltip-arrow-bottom.png");
    position: absolute;
    bottom: -11px;
}

.info-bulle__content.leftPos {
    left: -132px;
}

.info-bulle__content.leftPos:after {
    right: -1px;
}

.info-bulle__content.centerPos {
    left: -132px;
}

.info-bulle__content.centerPos:after {
    right: -1px;
}

.info-bulle__content.rightPos {
    left: -132px;
}

.info-bulle__content.rightPos:after {
    right: -1px;
}

.info-bulle__content.bottomPos {
    bottom: -100px;
}

.info-bulle__content.bottomPos:after {
    top: -11px;
    background: url("../img/tooltip-arrow-top.png");
}

.radios > div:last-child {
    text-align: right;
}

.radios .radio {
    max-width: 290px;
}

.radio {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.radio input[type="radio"] {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: -9999px;
    z-index: 2;
    height: 20px;
    outline: none;
}

.radio input[type="radio"]:checked + label .radio__input {
    background: #00e094;
    border-right-color: #00e094;
}

.radio input[type="radio"]:checked + label .radio__label {
    color: #1a171b;
}

.radio input[type="radio"]:checked + label .radio__circle {
    border-color: #00e094;
    background: #FFF;
}

.radio input[type="radio"]:checked + label .radio__circle:after {
    background: #00e094;
}

.radio label {
    margin: 0;
    background: #FFF;
    z-index: 1;
    line-height: normal;
    display: table;
    width: 100%;
    height: 80px;
    cursor: pointer;
}

.radio__input {
    width: 34px;
    display: block;
    display: table-cell;
    border-right: 1px solid #f2f2f2;
    vertical-align: middle;
    text-align: center;
}

.radio__label {
    display: table-cell;
    font-size: 14px;
    text-align: left;
    color: #6a6a74;
    padding: 8px 10px;
    vertical-align: middle;
}

.radio__label--sousLabel {
    margin-top: 5px;
    display: inline-block;
    font-size: 13px;
}

.radio__circle {
    -webkit-border-radius: 100% !important;
    -moz-border-radius: 100% !important;
    border-radius: 100% !important;
    display: inline-block;
    border: 1px solid #a6a8a9;
    background: #FFF;
    height: 16px;
    width: 16px;
    position: relative;
}

.radio__circle:after {
    content: '';
    -webkit-border-radius: 100% !important;
    -moz-border-radius: 100% !important;
    border-radius: 100% !important;
    display: inline-block;
    background: #FFF;
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: 4px;
    left: 4px;
}

.previousPage,
.nextPage {
    display: none;
    position: absolute;
    top: 0px;
    width: 100%;
}

.previousPage {
    left: -100%;
}

.nextPage {
    left: 100%;
}

.currentPage {
    position: relative;
    margin-bottom: 40px;
    margin-top: -11px;
}

.etiquette {
    display: inline-block;
    font-size: 13px;
    padding: 0 4px;
    line-height: 15px;
    height: 15px;
    font-family: "Montserrat-SemiBold";
}

.etiquette--primary {
    background: #00e094;
    color: #FFF;
}

.colors {
    font-size: 0;
}

.color {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 5px;
}

.color__border {
    border: 1px solid #dadada;
    width: 30px;
    height: 30px;
    background: #FFF;
    padding: 2px;
    -webkit-border-radius: 100px !important;
    -moz-border-radius: 100px !important;
    border-radius: 100px !important;
    cursor: pointer;
    display: inline-block;
    position: relative;
    top: 3px;
}

.color__border > div {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100px !important;
    -moz-border-radius: 100px !important;
    border-radius: 100px !important;
    font-size: 12px;
}

.color__border .color__picto {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 11px;
}

.color__border .color__inversed {
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
}

.color__border:hover,
.color__border.active {
    border: 1px solid #00e094;
}

.promo {
    padding: 6px 10px;
    display: inline-block;
    background: url("../img/pattern-black-dots.png");
    margin: 30px 0;
}

.promo > * {
    background: white;
    padding: 9px 0 9px 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    line-height: 1;
}

.promo--center {
    text-align: center;
}

.promo--block {
    display: block;
}

.largeDots {
    padding: 6px 10px;
    display: inline-block;
    background: url("../img/pattern-black-dots.png");
    width: 582px;
    height: 476px;
    margin: 0 7px 14px;
}

.largeDots > * {
    background: white;
    padding: 9px 0 9px 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    line-height: 1;
}

.largeDots > div {
    height: 100%;
}

.flexible--configuration .mobileVisuelTemplate__new,
.flexible--configuration .mobileVisuelTemplate__reseau {
    display: none;
}

.flexible--configuration .js-scrollToTarifs {
    display: none !important;
}

table.data {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0;
}

table.data td {
    margin: 0;
    padding: 0;
    width: 50%;
    line-height: 1.2;
    padding: 6px 0;
    font-size: 14px;
    vertical-align: top;
}

.show-only-for-mobile {
    display: none;
}

.filters-wrapper {
    position: relative;
    height: 76px;
    border-top: 1px solid #c7c8ca;
}

.filters-form {
    position: relative;

    width: 100%;
    z-index: 10;
}

.filters-form .form-wrapper {
    position: absolute;
    width: 100%;
    background: #f2f2f2;
    top: 76px;
    z-index: 10;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.filters-form .wrap {
    max-width: 916px;
}

.filters-form .wrap .result {
    font-family: "Montserrat-Regular";
    font-size: 22px;
    text-align: center;
    line-height: 76px;
    height: 76px;
}
@media (min-width: 768px) {
    .boxData:hover .boxData__price {
        background: #00e094;
    }

    .option-container.section--disabled .boxData__check {
        display: none !important;
    }
}

.filters-form .wrap .result b {
    font-weight: normal;
    font-family: "Montserrat-SemiBold";
}

.filters-form .wrap form {
    font-family: "Montserrat-Regular";
    font-size: 14px;
    padding: 12px 24px 24px;
    font-size: 0;
    background: #F2F2F2;
    display: none;
}

.filters-form .wrap form .title {
    text-transform: uppercase;
    font-family: "Montserrat-SemiBold";
    font-size: 14px;
    position: relative;
    margin-top: 2.7em;
}

.filters-form .wrap form .title span {
    background-color: #F2F2F2;
    position: relative;
    z-index: 1;
    padding-right: 6px;
}

.filters-form .wrap form .title:after {
    content: "";
    display: block;
    border-bottom: 1px solid #d2d2d2;
    position: absolute;
    width: 100%;
    height: 50%;
    top: 0;
    left: 0;
    z-index: 0;
}

.filters-form .wrap form > .title:first-child {
    margin: 0;
}

.filters-form .wrap form label {
    cursor: pointer;
}

.filters-form .wrap form label.checkbox {
    width: 20%;
    font-family: "Montserrat-Regular";
    font-size: 14px;
    display: inline-block;
    margin-top: 0.9em;
}

.filters-form .wrap form label.checkbox input {
    display: none;
}

.filters-form .wrap form label.checkbox:before {
    content: "";
    display: inline-block;
    background: white;
    border: 1px solid #a1a3a4;
    width: 16px;
    height: 16px;
    position: relative;
    top: 3px;
    margin-right: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.filters-form .wrap form label.checkbox.active:before {
    border-color: #00e094;
    background: url("//static.s-sfr.fr/media/sprite-red.png") #00e094;
    background-position: -258px -21px;
}

.filters-form .wrap form label.checkbox.disabled {
    color: #c7c8ca;
    cursor: default;
    pointer-events: none;
}

.filters-form .wrap form label.checkbox.disabled:before {
    border-color: #c7c8ca;
}

label.checkbox {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: "Montserrat-Regular";
    font-size: 14px;
    display: inline-block;
    margin-top: 0.9em;
}

label.checkbox input {
    display: none;
}

label.checkbox:before {
    content: "";
    display: inline-block;
    background: white;
    border: 1px solid #a1a3a4;
    width: 16px;
    height: 16px;
    position: relative;
    top: 3px;
    margin-right: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

label.checkbox.active:before {
    border-color: #00e094;
    background: url("//static.s-sfr.fr/media/sprite-red.png") #00e094;
    background-position: -258px -21px;
}

label.checkbox.disabled {
    color: #c7c8ca;
    cursor: default;
    pointer-events: none;
}

label.checkbox.disabled:before {
    border-color: #c7c8ca;
}

.filter__handle {
    position: absolute;
    top: 18px;
    right: 0;
    height: 44px;
    line-height: 44px;
    background: #00e094;
    text-transform: uppercase;
    color: white;
    padding: 0 49px 0 15px;
    cursor: pointer;
}

.filter__handle:before {
    content: "";
    display: block;
    width: 22px;
    height: 10px;
    position: absolute;
    top: 18px;
    right: 16px;
    background: url("//static.s-sfr.fr/media/sprite-red.png");
    background-position: -218px -45px;
}

.filter__handle.closed:before {
    background-position: -218px -23px;
}

#slider-range {
    height: 8px;
    border: 0;
    margin: 24px 6px 0;
    -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2);
}

#slider-range .ui-slider-range {
    background: #00e094;
}

#slider-range span.ui-slider-handle:before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: red;
    position: relative;
    bottom: 7px;
    right: 10px;
    background: #00e094;
    border: 2px solid white;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2);
}

#slider-range .slider__info {
    position: absolute;
    font-size: 11px;
    line-height: 15px;
    height: 20px;
    background: white;
    border: 1px solid #fafafa;
    padding: 2px 4px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-family: Montserrat-Regular;
    -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
    top: 15px;
    left: -17px;
}

#slider-range :first-child + span .slider__info {
    left: -12px;
}

.slider-labels {
    font-family: "Montserrat-Regular";
    font-size: 13px;
    padding-top: 8px;
    color: #6a6a74;
    height: 26px;
}

.slider-labels .limit-left {
    float: left;
    position: relative;
    left: 0;
    display: none;
}

.slider-labels .limit-right {
    float: right;
    position: relative;
    right: -19px;
    display: none;
}

.active-filters {
    padding: 0 10px 20px;
}

.active-filters .title {
    font-family: "Montserrat-Regular";
    font-size: 13px;
    text-transform: uppercase;
    color: #c7c8ca;
    margin-right: 5px;
    padding-right: 7px;
    white-space: nowrap;
}

.active-filters .filter {
    font-family: "Montserrat-SemiBold";
    font-size: 12px;
    color: white;
    background: #00e094;
    text-transform: uppercase;
    height: 15px;
    line-height: 16px;
    display: inline-block;
    margin-right: 5px;
    padding: 0 6px;
    cursor: pointer;
    text-decoration: none;
}

.active-filters .filter .redicons-Del {
    font-size: 10px;
    position: relative;
    bottom: 1px;
}

.active-filters .filter--delete {
    color: #1a171b;
    background: #f2f2f2;
    margin-left: 118px;
    margin-top: 5px;
}

.active-filters .filter--delete .redicons-Del {
    color: #00e094;
}

.mobiles {
    background: white;
    padding-bottom: 50px;
}

.mobiles .wrap {
    max-width: 908px;
    padding-top: 16px;
}

.mobiles .wrap .mobile {
    border: 1px solid #d9d9d9;
    width: 284px;
    height: 476px;
    margin: auto;
    margin: 0 7px 14px;
    position: relative;
    color: #1a171b;
    display: inline-block;
    vertical-align: top;
}

.mobiles .wrap .mobile > div {
    text-align: center;
    height: 100%;
}

.mobiles .wrap .mobile__link {
    display: block;
    padding-top: 22px;
}

.mobiles .wrap .mobile__image {
    display: block;
    margin: auto;
    margin-bottom: 10px;
    max-height: 200px;
}

.mobiles .wrap .sticker__esim {
    position: relative;
    background: url("../img/esim_3x.png") no-repeat;
    background-size: contain;
    width: 48px;
    height: 29px;
    margin-top: -39px;
    margin-left: calc(50% + 5px);
}

.mobileVisuelTemplate .sticker__esim {
    display: none;
    position: relative;
    background: url("../img/esim_3x.png") no-repeat;
    background-size: contain;
    width: 48px;
    height: 29px;
    margin-top: -29px;
    margin-left: calc(50% + 45px);
    z-index: 2;
}

.mobiles .wrap .mobile__brand {
    display: block;
    text-align: center;
    font-family: "Montserrat-Regular";
    text-transform: uppercase;
    font-size: 14px;
}

.mobiles .wrap .mobile__model {
    display: block;
    text-align: center;
    font-family: "Montserrat-Bold";
    font-size: 16px;
    height: 2.75em;
}

.mobiles .wrap .mobile__note {
    display: block;
}

.mobiles .wrap .mobile__price {
    display: block;
    text-align: center;
    font-family: "Montserrat-Bold";
    font-size: 26px;
}

.mobiles .wrap .mobile__price-cents {
    font-size: 22px;
}

.mobiles .wrap .mobile__price del {
    font-size: 16px;
    font-family: "Montserrat-Regular";
}

.mobiles .wrap .mobile__price2 {
    display: block;
    text-align: center;
    font-family: "Montserrat-Bold";
    font-size: 16px;
    height: 2.75em;
}

.mobiles .wrap .mobile__price2-cents {
    font-size: 14px;
}

.mobiles .wrap .mobile__price2-period {
    font-size: 13px;
}

.mobiles .wrap .mobile__price2-period2 {
    font-family: "Montserrat-Regular";
    font-size: 14px;
}

.mobiles .wrap .mobile__promo {
    display: block;
    margin: auto;
    text-align: center;
    padding: 6px 10px;
    display: inline-block;
    background: url("../img/pattern-black-dots.png");
    background-position: 0px 6px;
    font-family: "Montserrat-Regular";
    font-size: 14px;
    margin-top: 7px;
}

.mobiles .wrap .mobile__promo > * {
    background: white;
    padding: 9px 0 9px 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    line-height: 1;
}

.mobiles .wrap .mobile__promo > div {
    padding: 0 4px;
}

.mobiles .wrap .mobile__promo b {
    font-weight: normal;
    font-family: "Montserrat-Bold";
    font-size: 16px;
}

.mobiles .wrap .mobile__new {
    position: absolute;
    top: -1px;
    left: -1px;
}

.mobiles .wrap .mobile__4g {
    display: block;
    position: absolute;
    top: 32px;
    left: 19px;
    pointer-events: none;
}

.mobiles .wrap .mobile__colors {
    position: absolute;
    bottom: 16px;
    right: 8px;
    width: 160px;
    text-align: right;
}

.mobiles .wrap .mobile__colors_inversed {
    bottom: 9px;
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
}

.mobiles .wrap .mobile .filter {
    position: absolute;
    bottom: 9px;
    left: 11px;
}

.mobiles .wrap .mobile:hover > * {
    z-index: 2;
    position: relative;
}

.mobiles .wrap .mobile:hover:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: -5px;
    height: 100%;
    width: 100%;
    background: url("../img/pattern-green-zebra.png");
    opacity: 0.5;
    z-index: 1;
}

.mobiles .wrap .mobile:hover:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #FFF;
    z-index: 1;
}

.mobiles .wrap .mobile:hover .mobile__brand,
.mobiles .wrap .mobile:hover .mobile__model {
    color: #00e094;
}

.mobiles .wrap--large {
    max-width: 1192px;
}

.mobiles .wrap > .filter {
    margin: 12px 0;
    text-align: right;
    padding-right: 7px;
    padding-left: 7px;
}

.mobiles .wrap > .filter .filter__label {
    display: inline-block;
    padding-right: 1em;
}

.fleche-top {
    display: block;
    height: 52px;
    width: 52px;
    background: url("../img/fleche-top.png");
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 10000;
}

.w-6pct {
    width: 6%;
    display: inline-block;
    vertical-align: top;
}

.w-47pct {
    width: 47%;
    display: inline-block;
    vertical-align: top;
}

.table {
    display: table;
}

.table--center {
    display: table;
    margin: 0 auto;
}

.table .table-row {
    display: table-row;
}

.table .table-row .table-cell {
    display: table-cell;
}

.table .table-row .table-cell--center {
    display: table-cell;
    vertical-align: middle;
}

.mobile__price__block {
    position: absolute;
    width: 100%;
}

.ft-0 {
    font-size: 0;
}

.col-mg-bot-40 {
    margin-bottom: 50px;
}

.newTable {
    border: 1px solid #c7c8ca;
    border-bottom: 0;
}

.newTable .row .borderBox__column {
    border-left: 1px solid #c7c8ca;
}

.newTable .row .borderBox__column:first-child {
    border-left: 0;
}

.stepNumber {
    font-size: 26px;
    font-family: "Montserrat-Bold";
    margin-right: 5px;
    color: #00e094;
    line-height: 0;
}

.borderBox {
    display: table;
    width: 100%;
}

.borderBox--header {
    text-align: center;
    text-transform: uppercase;
    padding: 15px;
    font-size: 13px;
    background: #f2f2f2;
    border: 0;
    height: 70px;
    display: table;
}

.borderBox__content {
    height: 250px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 15px;
    border-bottom: 1px solid #c7c8ca;
}

.borderBox__content--texte {
    text-align: left;
}

.borderBox__header {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

.large-input {
    height: 44px;
    line-height: 44px;
    width: 100%;
    font-size: 16px;
    font-family: Montserrat-Regular;
    padding-left: 14px;
}

.red-checkbox {
    position: relative;
    padding-left: 27px;
}

.red-checkbox:before {
    content: " ";
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid #9c9e9f;
    top: 0;
    left: 0;
    position: absolute;
}

.red-checkbox input {
    display: none;
}

.red-checkbox.checked:before {
    border: 1px solid transparent;
    background: url("//static.s-sfr.fr/media/sprite-red.png") -122px -251px;
}

.dispoCapacity {
    margin-top: 10px;
}

.dispoCapacity__label {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 10px;
    width: 70px;
}

.dispoCapacity__colors {
    display: inline-block;
    vertical-align: top;
}

.currentForfait__zone {
    background: #FFF;
    padding: 10px;
    margin-top: 20px;
}

.currentForfait__content p {
    line-height: 1.8;
    padding: 1px 0;
}

.currentForfait__zone {
    background: #FFF;
    padding: 10px;
    margin-top: 20px;
}

.currentForfait__header {
    padding: 5px 0 10px;
    margin-bottom: 0px;
    font-size: 20px;
    font-family: "Montserrat-SemiBold";
}

.currentForfait__header__border {
    border-bottom: 1px solid #d1d3d4;
    margin-bottom: 15px;
}

.currentForfait__content p {
    line-height: 1.8;
}

.decouvrir__zone {
    background: #FFF;
    padding: 30px;
    margin-top: 20px;
    position: relative;
    min-height: 245px;
}

.decouvrir__content p {
    line-height: 1.8;
}

.decouvrir__texte {
    padding-right: 360px;
}

.decouvrir__image {
    position: absolute;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}

.decouvrir__image img {
    position: absolute;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}

.decouvrir__titre {
    font-size: 20px;
    font-family: "Montserrat-SemiBold";
    margin-bottom: 15px;
    line-height: 1.2;
}

.show-for-large-only {
    display: block !important;
}

.exemple {
    background: #FFF;
    padding: 15px;
    border: 2px solid #F2F2F2;
}

@media (min-width: 1310px) {
    .cssanimations .forfaits--row .forfait__descriptionText {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        -ms-flex-pack: space-around;
        justify-content: space-around;
        width: 60%;
    }
}

@media (min-width: 1025px) and (max-width: 1310px) {
    .cssanimations .mobiles .wrap--large {
        max-width: 894px;
    }

    .newTable .row .borderBox__column:first-child {
        border-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .cssanimations .filters-form .wrap form label.checkbox {
        width: 25%;
    }

    .cssanimations .mobiles .wrap {
        max-width: 596px;
    }

}

@media (min-width: 600px) {

    .cssanimations .active-filters {
        display: table-row;
    }

    .cssanimations .active-filters > * {
        display: table-cell;
    }

    .cssanimations .active-filters .title {
        width: 110px;
        padding-left: 7px;
    }
}

@media (min-width: 600px) and (max-width: 767px) {

    .cssanimations .mobiles .wrap--large {
        max-width: 596px;
    }
}

@media (max-width: 599px) {
    .cssanimations .mobiles .wrap--large {
        max-width: 298px;
    }
}

.mobilePrez {
    width: 425px;
    margin: auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
}

.mobilePrez__image {
    margin-right: 20px;
}

.mobilePrez__image img {
    width: auto;
    height: 150px;
}

.mobilePrez__name {
    font-size: 21px;
    font-family: "Montserrat-Light";
    text-transform: uppercase;
}

.mobilePrez__capacity {
    font-family: "Montserrat-Bold";
    font-size: 19px;
}

.mobilePrez__color,
.mobilePrez__capacity {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.mobilePrez__GoodToKnow,
.mobilePrez__details {
    margin-top: 5px;
}

.list--spaced {
    margin: 15px 0px;
}

.list__li {
    padding-left: 18px;
    display: block;
    position: relative;
    font-family: "Montserrat-Regular";
    line-height: 1.8;
    font-size: 16px;
}

.list__li:before {
    content: "";
    display: inline-block;
    background-image: url(//static.s-sfr.fr/media/sprite-red.png);
    background-repeat: no-repeat;
    background-position: -118px -309px;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0px;
    top: 11px;
}

.list--simple > li {
    font-size: 14px;
    line-height: 1.8;
    position: relative;
    cursor: pointer;
}

.list--simple > li > ul > li {
    position: relative;
    cursor: pointer;
}

.list--simple > li > ul > li span {
    padding-left: 20px;
    line-height: 1.8;
    display: block;
}

.list--simple > li > ul > li.li--selected {
    cursor: default;
}

.list--simple > li > ul > li.li--selected::after {
    background-image: url(//static.s-sfr.fr/media/sprite-red.png);
    background-repeat: no-repeat;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    background-position: -174px -95px;
    position: absolute;
    left: 1px;
    top: 11px;
}

.list--simple .li--selected {
    cursor: default;
}

.list--simple .li--selected > span {
    font-weight: bold;
}

.list--simple .li--selected.li--hasChildren ul {
    display: block;
}

.list--simple .li--hasChildren ul {
    display: none;
}

.center {
    text-align: center;
}

.rel {
    position: relative;
}

.block {
    display: block;
}

.h-100pct {
    height: 100%;
}

.bg-white {
    background: white;
}

.ft-34 {
    font-size: 34px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.pt-34 {
    padding-top: 34px;
}

.pt-80 {
    padding-top: 80px;
}

.pb-20 {
    padding-bottom: 20px;
}

/********************************************
FALLBACK IE8-9
********************************************/
.no-csstransforms .forfait__etiquette {
    display: none;
}

.no-boxshadow .forfait__label {
    top: -20px;
}

.no-boxshadow .radio input[type="radio"] {
    left: 6px;
}

.no-boxshadow .radio__circle {
    border: 0;
}

.no-cssanimations .wrap,
.no-cssanimations .flexible__wrap {
    width: 1200px !important;
    min-width: 1200px !important;
}

.no-cssanimations .flexible__wrap {
    margin-left: auto;
    margin-right: auto;
}

.no-cssanimations .blade {
    min-width: 1200px !important;
}

.no-cssanimations .product {
    overflow: hidden;
}

.no-cssanimations .product__media,
.no-cssanimations .product__content {
    position: relative;
}

.no-cssanimations .mea {
    position: relative;
}

.no-cssanimations .mea__img {
    margin-right: 500px;
    margin-left: auto;
}

.no-cssanimations .mea__text {
    position: absolute;
    right: 0;
    left: auto;
    top: 0;
    width: 500px;
}

.no-cssanimations .mea--imgRight .mea__img {
    margin-left: 500px;
    margin-right: auto;
}

.no-cssanimations .mea--imgRight .mea__text {
    right: auto;
    left: 0;
}

.no-cssanimations .mea--imgRight .titre--highlight {
    left: 0px;
}

.no-flexbox.no-flexboxtweener .forfait__price {
    display: table;
    width: 100%;
    max-width: 100%;
}

.no-flexbox.no-flexboxtweener .forfait__price > * {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    max-width: 100%;
}

.no-flexbox.no-flexboxtweener .forfait__price .stars--absolute {
    display: table-row;
}

.no-flexbox.no-flexboxtweener .blade--fullscreen {
    display: table;
    width: 100%;
    max-width: 100%;
}

.no-flexbox.no-flexboxtweener .blade--fullscreen > * {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    max-width: 100%;
}

.no-flexbox.no-flexboxtweener .forfaitPad__content {
    display: table;
    width: 100%;
}

.no-flexbox.no-flexboxtweener .forfaitPad__content .forfaitPad__price,
.no-flexbox.no-flexboxtweener .forfaitPad__content .forfaitPad__description {
    display: table-cell;
    vertical-align: middle;
}

.no-flexbox.no-flexboxtweener .forfaitPad__content .forfaitPad__container {
    height: 120px;
}

.no-flexbox.no-flexboxtweener .forfaitPad__content .p--description {
    height: auto;
}

#casIframe {
    width: 100%;
    height: 560px;
}

.show_block {
    display: block !important;
}

li.faq__number {
    list-style: none;
    list-style-position: inside;
    margin-left: 20px;
}

.faq__list {
    padding-left: 20px;
}

.faq__list:after {
    content: "";
    display: table;
    clear: both;
}

.faq__list__puce {
    background-image: url("//static.s-sfr.fr/media/sprite-red.png");
    background-position: -118px -309px;
    display: inline-block;
    width: 9px;
    height: 9px;
    float: left;
    margin-right: 7px;
    margin-top: 9px;
}

.faq__list__text {
    padding-left: 16px;
}

.faq__link:hover {
    text-decoration: underline;
    color: #00e094;
}

.mention-legale__title {
    text-decoration: underline;
}

.showDeviceGroupItem {
    display: block;
}

.hideDeviceGroupItem {
    display: none;
}

.product__detailsContainer .padd-40 {
    padding-top: 40px;
    /*margin-bottom: 40px;*/
}

.policeArial {
    font-family: Arial;
}

.underlined_text {
    text-decoration: underline;
}

.mention__debit {
    margin-top: 40px;
}

#optionsBloc .section__content {
    padding: 2px;
}

.option-container .disable-msg {
    display: none;
    font-size: 11px;
    font-weight: bold;
    background: #FFF;
    height: 40px;
    padding: 5px;
    text-align: center;
}

.option-container.section--disabled.prerequis-options .prerequis.disable-msg.on-desktop,
.option-container.section--disabled.incompatible-options .incompatible.disable-msg.on-desktop {
    display: block;
}

.option-container.section--disabled.prerequis-options .prerequis.disable-msg.on-mobile,
.option-container.section--disabled.incompatible-options .incompatible.disable-msg.on-mobile {
    display: none;
}

.options-category {
    margin-bottom: 20px;
}

.options-category .option-tooltip {
    display: none;
    min-height: 100px;
    height: auto;
    /* width: 530px; */
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px #00e094;
    position: relative;
    margin-bottom: 15px;
}

.options-category .option-tooltip .option-tooltip-icon {
    position: absolute;
    height: 100%;
    /* display: inline-block; */
    width: 95px;
    background: #00e094 url(//static.s-sfr.fr/media/sr-logo-info.png) no-repeat center;
    top: 0;
}

.options-category .option-tooltip .option-tooltip-text {
    /* display: inline-block; */
    padding: 5px 10px 5px 100px;
    display: table;
    min-height: inherit;
}

.options-category .option-tooltip .option-tooltip-text > div {
    display: table-cell;
    vertical-align: middle;
}

/**
* Seulement pour la version mobile du tooltip canal
 */
.options-category .option-tooltip.canalMobileTooltip {
    margin: 10px 0 0 15px;
}

.options-category .option-tooltip.canalMobileTooltip .option-tooltip-arrow {
    content: '';
    display: block;
    position: absolute;
    left: 135px;
    width: 11px;
    top: unset;
    bottom: -6px;
    height: 11px;
    background: #FFFFFF;
    border-bottom: 1px solid #00e094;
    border-left: 1px solid #00e094;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

/* Option canal + => information pour la tooltip */
#canalPlusOptionCodeForTooltip {
    display: none;
}

.options-category .option-tooltip-arrow {
    content: '';
    display: block;
    position: absolute;
    width: 11px;
    left: 155px;
    top: unset;
    bottom: -6px;
    height: 11px;
    background: #FFFFFF;
    border-bottom: 1px solid #00e094;
    border-left: 1px solid #00e094;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.options-category .options-category-title {
    cursor: pointer;
    margin-bottom: 10px;
}

.options-category .arrondi-icon {
    width: 16px;
    height: 16px;
    background-color: #00e094;
    border-radius: 8px;
    text-align: center;
    display: inline-block;
    position: relative;
    margin-bottom: -3px;
}

.options-category .arrondi-icon:after {
    content: '\002014';
    color: #fff;
    font-size: 14px;
    position: absolute;
    top: -3px;
    left: 3px;
    font-weight: bold;
}

.options-category.closed .arrondi-icon:after {
    content: '+';
    font-size: 20px;
    top: -7px;
    left: 3px;
}

.options-category.closed .options {
    display: none;
}

.mentions__background {
    background: #f2f2f2 none repeat scroll 0 0;
    border-width: 0;
}

.section__bis {
    margin-bottom: 10px;
}

.no__decodeur-width26 {
    background-color: #FFF;
    height: 26px;
}

.mentions__layers {
    padding-left: 15px;
}

.mentions__layers__bis {
    padding-left: 0;
}

.dispoCapacity {
    margin-top: 10px;
}

.dispoCapacity__label {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 10px;
    width: 70px;
}

.dispoCapacity__colors {
    display: inline-block;
    vertical-align: top;
}

/* CSS du bloc Tiilta de mise en avant du TF */
.zone--area--bis {
    padding-bottom: 0;
}

.wrap--bis {
    background: rgba(0, 0, 0, 0) url("../img/pattern-black-dots.png") repeat scroll 0 0;
    /*max-width: 1000px;*/
    padding: 5px 10px 7px;
    position: relative;
}

.content--highlight {
    background: white none repeat scroll 0 0;
    padding: 10px;
}

.text--highlight {
    display: inline-block;
    margin-top: 20px;
    font-size: 18px;
}

a.button--highlight {
    width: 220px;
    margin-left: 19px;
}

.show-for-medium-down {
    display: none!important;
}

@media (max-width: 1024px) and (min-width: 768px) {

    .cssanimations .red {
        margin-top: 97px;
    }

    .cssanimations .red--withSubNavFixed {
        margin-top: 0;
    }

    .cssanimations .header {
        top: 0;
        left: 0;
        right: 0;
        bottom: auto;
        width: 100%;
        padding: 0;
        height: 97px;
    }

    .cssanimations .header__logo {
        display: inline-block;
        padding: 22px;
    }

    .cssanimations .blade--red {
        height: 279px;
    }

    .cssanimations .zone--area {
        padding: 30px;
    }

    .cssanimations .content {
        margin: 0 0 0;
    }

    .cssanimations .forfaits--row .forfait__description {
        /*display: block;*/
    }

    .cssanimations .forfait {
        margin: 0;
        width: auto;
        max-width: 100%;
        padding: 0px;
        padding-bottom: 40px;
    }

    .cssanimations .forfait--bigLabel .forfait__label {
        top: -26px;
    }

    .cssanimations .forfait--personnalisable .forfait__content {
        border-top: 20px transparent solid;
    }

    .cssanimations .forfait--personnalisable .forfait__content:before {
        display: none;
    }

    .cssanimations .forfait__price,
    .cssanimations .forfait__description {
        vertical-align: top;
    }

    .cssanimations .forfait__price {
        margin: 0;
        -webkit-flex-basis: 260px;
        -moz-flex-basis: 260px;
        -ms-flex-basis: 260px;
        flex-basis: 260px;
        max-width: 260px;
        width: 260px;
        height: auto;
    }

    .cssanimations .forfait__description {
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 5px;
    }

    .cssanimations .forfait__description p {
        padding: 12px 0 0;
    }

    .cssanimations .forfait__button {
        margin: 10px auto 20px;
    }

    .cssanimations .forfait__button .button--big {
        width: 230px;
    }

    .cssanimations .forfait__icon {
        display: none;
    }

    .cssanimations .forfait__content {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
    }

    .cssanimations .forfait__content a {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        width: 100%;
    }

    .cssanimations .forfait__label {
        right: calc(100% - 245px);
    }

    .cssanimations .forfait .stars--absolute {
        padding-top: 17px;
        position: static;
    }

    .cssanimations .price {
        padding-bottom: 0;
    }

    .cssanimations .dejaClient {
        padding: 0 0 20px;
    }

    .cssanimations .titre {
        margin-top: 10px;
    }

    .cssanimations .reassurance__items {
        padding-bottom: 30px;
    }

    .cssanimations .reassurance__label {
        max-width: 280px;
    }

    .cssanimations .avis__button {
        margin-bottom: 30px;
    }

    .cssanimations .accordeon__title {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .cssanimations .accordeon__title:hover {
        color: #00e094;
    }

    .cssanimations .accordeon__content {
        padding: 20px 90px 35px 22px;
    }

    .cssanimations .mentions {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .cssanimations .sm-block {
        display: block;
    }

    .cssanimations .mea__text .titre--highlight {
        margin-bottom: 0px;
        margin-top: -43px;
    }

    .cssanimations .mea__text p {
        background: #FFF;
        padding: 22px 30px;
    }

    .cssanimations .titre--highlight span {
        font-size: 36px;
        margin: 0;
        line-height: 0.8;
        padding: 7px 6px 7px 5px;
        letter-spacing: 0.008em;
    }

    .cssanimations .flexible__header {
        margin-top: 50px;
        height: 96px;
    }

    .cssanimations .flexible__header .button {
        margin-top: 10px;
    }

    .cssanimations .flexible__header > div:first-child + div {
        padding: 0;
        padding-right: 10px;
    }

    .cssanimations .flexible__header .header__action {
        vertical-align: top;
        margin-top: 25px;
        height: 44px;
        line-height: 44px;
    }

    .cssanimations .flexible__actionsButtons {
        margin-top: 25px;
    }

    .cssanimations .flexible__wrap {
        margin-top: 0;
    }

    .cssanimations .reassurance__text {
        padding: 0 12px;
    }

}

@media (max-width: 1024px) {

    .cssanimations .hide-on-tablet {
        display: none;
    }

    .cssanimations .show-for-medium-down {
        display: block!important;
    }

    .titre--center-not-for-medium-down {
        display: none;
    }

    .filter--center {
        text-align: left;
    }

    .cssanimations .zone--mea {
        padding: 40px 16px;
    }

    .cssanimations .show-for-large-only {
        display: none !important;
    }

    .cssanimations .flexible__header.app--header--zIndex > div {
        z-index: 50000 !important;
    }

    .cssanimations .largeDots {
        width: 284px;
    }

    .cssanimations .red {
        margin-left: 0;
    }

    .cssanimations .red--withSubNavFixed {
        margin-top: 0;
    }

    /*.cssanimations .red--withSubNavFixed .content {*/
    /*z-index: 50010;*/
    /*}*/
    .cssanimations .red .flexible__header {
        padding: 0 15px;
        left: 0;
    }

    .cssanimations .mea {
        display: block;
    }

    .cssanimations .mea__img {
        margin: 0;
    }

    .cssanimations .mea__text {
        position: static;
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        padding: 0;
    }

    .cssanimations .mea__text p {
        max-width: 100%;
    }

    .cssanimations .mea__text .titre--highlight {
        overflow: hidden;
        left: 0;
    }

    .cssanimations .mea--imgRight .mea__img {
        margin: 0;
    }

    .cssanimations .product {
        position: relative;
    }

    .cssanimations .product__img {
        position: static !important;
        width: 100% !important;
    }

    .cssanimations .product__media {
        display: block;
        width: 100% !important;
    }

    .cssanimations .product__media--hideOnMobileTablette {
        display: none;
    }

    .cssanimations .product__mediaContent {
        width: 100% !important;
    }

    .cssanimations .product__media .back {
        display: none;
    }

    .cssanimations .product__content {
        position: static;
        display: block;
        width: 100% !important;
    }

    .cssanimations .product--modeConfiguration .product__media {
        display: none;
    }

    .cssanimations .product__detailsContainer {
        margin: auto;
    }

    .cssanimations .product__configurationClose {
        display: none;
    }

    .cssanimations .flexible__header {
        position: relative;
        /*z-index: 90005;*/
        width: 100%;
    }

    .cssanimations .flexible__header .header__back {
        display: inline-block;
        color: #1a171b;;
        position: relative;
        top: 1px;
        margin-right: 3px;
    }

    .cssanimations .flexible__header .redicons-Left {
        position: relative;
        margin-right: 3px;
    }

    .cssanimations .flexible__header .header__back:hover, .cssanimations .flexible__header .redicons-Left {
        color: #00e094;
    }

    .cssanimations .flexible__header .flexible__titre {
        width: 50%;
    }

    .cssanimations .flexible__header .flexible__actions {
        width: 30% !important;
    }

    .cssanimations .flexible.fixed__header .flexible__header {
        position: fixed;
        margin-top: 0;
        top: 0;
        width: 100%;
    }

    .cssanimations .flexible__titre {
        width: 70% !important;
    }

    .cssanimations .thisForfait {
        max-width: 480px;
        margin: auto;
    }

    .cssanimations .thisForfait.pad {
        padding: 30px 0;
    }

    .cssanimations .thisForfait.pad img {
        margin-top: 0;
        margin-bottom: 0;
    }

    .cssanimations .thisForfait__image--plus {
        margin-top: 70px;
    }

    .cssanimations .thisForfait__content {
        padding: 10px 0px;
    }

    .cssanimations .show-for-large {
        display: none !important;
    }

    .cssanimations .thisForfait__image img {
        width: 72%;
        height: 72%;
    }

    .cssanimations .accordeon--mea {
        cursor: default;
        pointer-events: all;
    }

    .cssanimations .accordeon--mea > .accordeon__item > .zone > .accordeon__title:after {
        display: block;
    }

    .cssanimations .accordeon--mea .zone {
        padding: 0;
        background: #FFF !important;
    }

    .cssanimations .accordeon--mea .accordeon__item {
        border: 1px solid #FFF;
        border-top: 1px solid #dddddd;
        display: block;
    }

    .cssanimations .accordeon--mea .accordeon__title {
        display: block;
        padding: 25px 22px;
        padding-right: 90px;
        font-family: "Montserrat-Bold";
        position: relative;
        cursor: pointer;
        text-align: left;
        font-size: 16px;
    }

    .cssanimations .accordeon--mea .accordeon__title:after {
        display: inline-block;
    }

    .cssanimations .accordeon--mea .accordeon__content {
        padding: 11px 22px;
        display: none;
    }

    .cssanimations .accordeon--inverse {
        background: #F2F2F2;
        margin: -1px;
        padding: 20px !important;
        border: 3px solid #FFF;
    }

    .cssanimations .mobileVisuelTemplate {
        padding-top: 50px;
    }

    .cssanimations .mobileVisuelTemplate__new {
        position: absolute;
        top: 14px;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
    }

    .cssanimations .mobileVisuelTemplate__image {
        position: relative;
    }

    .cssanimations .mobileVisuelTemplate__image .mobileVisuelTemplate__reseau {
        right: -57px;
        top: 15px;
    }

    .cssanimations .mobileVisuelTemplate__miniatures {
        display: none;
    }

    .cssanimations .mobileVisuelTemplate__paginationZone {
        height: 8px;
    }

    .cssanimations .mobileVisuelTemplate__paginationZone .swiper-pagination {
        position: relative;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .cssanimations .mobileVisuelTemplate__paginationZone .swiper-pagination-bullet {
        width: 8px !important;
        height: 8px !important;
        display: inline-block;
        border-radius: 100% !important;
        background: #000 !important;
        opacity: .2 !important;
        margin: 0 5px;
    }

    .cssanimations .mobileVisuelTemplate__paginationZone .swiper-pagination-bullet-active {
        background: #00e094 !important;
        opacity: 1 !important;
    }

    .cssanimations .filters {
        display: block;
        margin: 0;
    }

    .cssanimations .filters .filter {
        margin: 30px 0 0;
    }

    .cssanimations .filters .selectbox {
        width: 100% !important;
        margin-bottom: 5px;
    }

    .cssanimations .promos {
        margin: 20px 0;
    }

    .cssanimations .forfaitPad__content {
        display: block;
        height: auto;
    }

    .cssanimations .forfaitPad__price {
        width: 100%;
        max-width: 100%;
        height: 260px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .cssanimations .forfaitPad__description {
        width: 100%;
        max-width: 100%;
        height: 260px;
    }

    .cssanimations .forfaitPad__plus {
        left: 0;
        right: 0;
        top: 243px;
        bottom: auto;
    }

    .cssanimations .forfaitPad__container {
        padding-top: 10px;
    }

    .cssanimations .forfaitPad .p--description {
        height: 90px;
    }

    .cssanimations .alreadyClient {
        display: block;
        padding: 30px 0;
    }

    .cssanimations .alreadyClient .button {
        margin-top: 5px;
        width: 100%;
    }

    .cssanimations .avis--inline {
        margin: 0;
    }

    .cssanimations .avis--inline .avis__stars {
        display: block;
        margin: 10px 0;
    }

    .cssanimations .avis--inline .avis__texte {
        display: block;
        margin: 10px 0;
    }

    .cssanimations .data strong {
        font-size: 14px !important;
    }

    .cssanimations .data table.data td {
        font-size: 13px;
    }

    .cssanimations .zone--accordeon {
        background: #F2F2F2 !important;
    }

    .cssanimations .toggle__items {
        display: block;
    }

    .cssanimations .toggle .accordeon__item {
        display: block !important;
    }

    .cssanimations .toggle .accordeon__title {
        display: block;
    }

    .cssanimations .toggle .accordeon__content {
        display: none;
    }

    .cssanimations .accordeon--mea.switchs .zone > .accordeon__content {
        display: none !important;
    }

    .cssanimations .accordeon__item:not(.accordeon__item--active) .accordeon__content {
        display: none !important;
    }

    .cssanimations .accordeon__item--active .zone > .accordeon__content {
        display: block !important;
    }

    .cssanimations .accordeon--mea.switchs .accordeon__item--active .zone > .accordeon__content {
        display: block !important;
    }

    .cssanimations .row--5col > .col-md-2 {
        width: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .cssanimations .prl-sm-12 {
        padding: 0 12px;
    }
}

@media (max-width: 1024px) and (min-width: 768px){
    .cssanimations .flexible__header .redicons-Left {
        position: relative;
        margin-right: 3px;
    }

    .show-only-for-mobile{
        display: inline-block;;
    }
}

@media (max-width: 767px) {

    #client {
        padding: 20px;
        height: 182px;
        background: #FFF;
    }

    #notclient {
        padding: 20px;
        height: 119px;
        background: #FFF;
    }

    .spinner__arrow {
        left: 10px;
        width: 30px;
        height: 30px;
        background: url("../img/circle-arrow.gif");
        background-size: 30px 30px;
    }

    .cssanimations .js-scrollToTarifs {
        display: none !important;
    }

    .cssanimations .show-only-for-mobile {
        display: block !important;
    }

    .cssanimations .header__back .show-only-for-mobile-bis {
        display: inline-block !important;
    }

    .cssanimations .show-only-for-mobile-inline {
        display: inline-block !important;
    }

    div.flexible.flexible--configuration {
        padding-bottom: 70px;
    }

    div.flexible.flexible--configuration.fixed__header {
        padding-bottom: 47px;
        margin-bottom: 18px;
    }

    div.col-xs-12.col-sm-6.col-md-6.col-mg-bot-40 {
        margin-bottom: 0px;
    }

    div.reassurance.zone--inverse.zone--area {
        padding-top: 58px;
    }

    .cssanimations .hide-on-mobile {
        display: none;
    }

    .cssanimations .decouvrir__zone {
        padding: 0;
    }

    .cssanimations .decouvrir__content {
        padding: 0;
    }

    .cssanimations .decouvrir__texte {
        padding: 30px;
    }

    .cssanimations .decouvrir__image {
        position: static;
    }

    .cssanimations .decouvrir__image img {
        position: static;
        width: 100%;
    }

    .cssanimations .mobilePrez {
        display: block;
        width: auto;
    }

    .cssanimations .mobilePrez__image {
        margin: 0;
    }

    .cssanimations .mobilePrez__image img {
        margin: auto;
        margin-bottom: 15px;
    }

    .cssanimations .mobilePrez__name,
    .cssanimations .mobilePrez__details {
        text-align: center;
        margin: 0;
    }

    .cssanimations .mobilePrez__GoodToKnow {
        margin-top: 15px;
    }

    .cssanimations .red {
        margin-top: 48px;
    }

    .cssanimations .red--withSubNavFixed {
        margin-top: 0;
    }

    .cssanimations .flexible--configuration .flexible__header {
        height: 65px;
    }

    .cssanimations .flexible--configuration .flexible__header .header__action {
        line-height: 65px;
    }

    .cssanimations .flexible--configuration .flexible__header .flexible__actions {
        display: none;
    }

    .cssanimations .flexible__titre {
        width: 100% !important;
    }

    .cssanimations .flexible__header {
        margin-top: 48px;
        height: 110px;
        line-height: normal;
    }

    .cssanimations .flexible__header--noButton {
        height: 68px;
    }

    .cssanimations .flexible__header > div {
        width: 100%;
    }

    .cssanimations .flexible__header > div:first-child + div {
        padding: 0;
    }

    .cssanimations .flexible__header .button {
        margin: 0;
        width: 100%;
    }

    .cssanimations .flexible__header .header__action {
        text-transform: none;
        font-size: 14px;
        height: 44px;
        line-height: 44px;
    }

    .cssanimations .flexible__header .flexible__actions {
        display: block;
        width: 100% !important;
    }

    .cssanimations .flexible__header .flexible__actionsPrice {
        display: none;
    }

    .cssanimations .flexible__header .flexible__actionsButtons {
        margin-top: 0;
        display: block;
    }

    .cssanimations .flexible__header .flexible__actionsButtons .button--normal {
        width: 100% !important;
    }

    .cssanimations .flexible__wrap {
        margin-top: 0;
    }

    .cssanimations .thisForfait__image--plus {
        margin-top: 35px;
    }

    .cssanimations .thisForfait__titre {
        font-size: 14px;
    }

    .cssanimations .thisForfait__titre small {
        font-size: 13px;
    }

    .cssanimations .header {
        top: 0;
        left: 0;
        right: 0;
        bottom: auto;
        width: 100%;
        padding: 0;
        height: 48px;
    }

    .cssanimations .header__logo {
        padding: 11px 20px;
        height: 100%;
    }

    .cssanimations .header__logo img {
        height: 100%;
    }

    .cssanimations .blade--red {
        height: 279px;
    }

    .cssanimations .xs-block {
        display: block;
    }

    .cssanimations .table__column {
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .cssanimations .zone--area {
        padding: 40px 16px;
    }

    .cssanimations .zone--striped {
        background: #FFF;
    }

    .cssanimations .blade__titre > * {
        margin: 0;
    }

    .cssanimations .forfaits {
        padding-left: 20px;
        padding-right: 20px;
    }

    .cssanimations .button--flip,
    .cssanimations a.button--flip,
    .cssanimations button.button--flip {
        transform-style: flat;
    }

    .cssanimations .forfait {
        margin: auto;
        width: auto;
        max-width: 100%;
        padding: 0px;
        padding-bottom: 50px;
    }

    .cssanimations .forfait--personnalisable {
        padding-top: 35px;
    }

    .cssanimations .forfait--personnalisable .forfait__content:before {
        display: none;
    }

    .cssanimations .forfait--bigLabel .forfait__price {
        height: 177px;
    }

    .cssanimations .forfait__price {
        height: auto;
        position: relative;
        height: 148px;
    }

    .cssanimations .price {
        margin-bottom: 10px;
    }

    .cssanimations .price.m-normal {
        margin-bottom: 30px;
    }

    .cssanimations .price--simple {
        margin: 0;
    }

    .cssanimations .reassurance__text {
        text-align: left;
        max-width: none;
    }

    .cssanimations .accordeon__title:after {
        top: 32px;
        bottom: auto;
    }

    .cssanimations .dejaClient {
        padding: 10px 0 30px;
    }

    .cssanimations .tabs {
        /*font-size: 0;*/
    }

    .cssanimations .tabs--small .tab {
        font-size: 14px;
        height: 30px;
    }

    .cssanimations .tabs--small .tab__label {
        display: block;
    }

    .cssanimations .tab {
        margin-left: 0;
        height: 65px;
        width: 22%;
        vertical-align: bottom;
    }

    .cssanimations .tab__label {
        display: none;
    }

    .cssanimations .tab.two-cols {
        width: 50%;
        font-size: 12px;
    }

    .cssanimations .tab.four-cols {
        margin: 0;
        width: 25%;
        font-size: 12px;
    }

    .cssanimations .stars--absolute {
        padding-top: 17px;
        position: static;
    }

    .cssanimations .seo {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .cssanimations .mea .titre--highlight {
        margin-top: -41px;
        white-space: normal;
    }

    .cssanimations .mea__text p {
        padding: 15px 0 0;
    }

    .cssanimations .toggle__items {
        display: block;
    }

    .cssanimations .titre--highlight span {
        font-size: 30px;
        margin: 0;
        line-height: 0.9;
        padding: 7px 6px 7px 5px;
        letter-spacing: 0.008em;
    }

    .cssanimations .titre--light {
        font-size: 18px;
        padding-top: 30px;
        margin-bottom: 60px;
    }

    .cssanimations .titre--small {
        font-size: 20px !important;
    }

    .cssanimations .boxData {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        height: 90px;
    }

    .option-container.section--disabled.prerequis-options .prerequis.disable-msg.on-mobile,
    .option-container.section--disabled.incompatible-options .incompatible.disable-msg.on-mobile {
        display: block;
    }

    .option-container.section--disabled.prerequis-options .prerequis.disable-msg.on-desktop,
    .option-container.section--disabled.incompatible-options .incompatible.disable-msg.on-desktop {
        display: none;
    }

    .cssanimations .no-price-boxData-container .boxData {
        position: relative;
    }

    .cssanimations .boxData__details {
        width: 50%;
        height: 100%;
        text-align: left;
        padding: 0 15px;
    }

    .cssanimations .msidn .boxData__details {
        width: 100%;
    }

    .cssanimations .boxData__details--only {
        width: 50%;
        text-align: center;
    }

    .cssanimations .boxData__details.no-price {
        width: 100%;
    }

    .cssanimations .boxData__price {
        width: 50%;
        height: 100%;
    }

    .cssanimations .section__option .boxData__price {
        width: 126%;
        height: 100%;
    }

    .cssanimations .option {
        display: inline-flex;
        height: 100%;
        width: 100%;
    }

    .cssanimations .boxData__check {
        padding-top: 15px;
    }

    .cssanimations .boxData__check label {
        display: none;
    }

    .boxData--active .boxData__check label.selected-label {
        display: none;
    }

    .cssanimations .boxData__actions hr {
        display: none;
    }

    .cssanimations .option .boxData__details {
        width: 40%;
        text-align: center;
        padding: 0;
        height: 125px;
    }

    .cssanimations .option .boxData__details > .centered {
        display: table;
        width: 100%;
        height: 90px;
        position: relative;
    }

    .cssanimations .option .boxData__details > .centered .option__icon {
        width: 80px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        margin: auto;
        padding-right: 12px;
    }

    .cssanimations .option .boxData__details > .centered .option__icon .icon {
        margin: auto;
        margin-right: 0;
    }

    .cssanimations .option .boxData__details > .centered .option__description {
        padding: 15px;
        padding-left: 0;
        display: table-cell;
        vertical-align: top;
        height: 125px;
    }

    .cssanimations .option .boxData__details p.texte {
        display: none;
    }

    .cssanimations .option .boxData__actions {
        height: 125px;
        border-top: 1px solid #f6f6f6;
        background: #FFF;
        width: 10%;
    }

    .cssanimations .option .boxData__actions.media-w40 {
        width: 40%;
    }

    .cssanimations .option .boxData__button {
        width: 50%;
        position: relative;
    }

    .cssanimations .option-container .disable-msg {
        height: 40px;
        padding-top: 10px;
    }

    .cssanimations .option .boxData__button .button--big {
        height: auto;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .cssanimations .option .boxData__details > .centered .msidn__description {
        padding: 15px;
        padding-left: 0;
        display: table-cell;
        vertical-align: top;
        height: 125px;
    }

    .cssanimations .paiement.boxData {
        display: block;
        height: auto;
    }

    .cssanimations .paiement.boxData .boxData__price {
        width: 100%;
        height: 50px;
    }

    .cssanimations .paiement.boxData .boxData__details {
        width: 100%;
    }

    .cssanimations .option__description {
        text-align: left;
        margin: 15px;
    }

    .cssanimations .option__titre {
        height: auto;
        padding-right: 50px;
        padding-bottom: 10px;
    }

    .cssanimations .msidn__description {
        text-align: left;
        margin: 15px;
    }

    .cssanimations .product__configurationContainer,
    .cssanimations .product__detailsContainer {
        padding: 0 15px;
    }

    .cssanimations .product__detailsContainer {
        padding-bottom: 20px;
    }

    .cssanimations .titre {
        font-size: 24px;
    }

    .cssanimations .radios .radio {
        max-width: 100%;
        width: 100%;
    }

    .cssanimations .radios--xs {
        position: relative;
        margin-bottom: 47px;
    }

    .cssanimations .radios--xs .radio {
        position: static;
    }

    .cssanimations .radios--xs .radio input[type="radio"]:checked + label .radio__label {
        background: #00e094;
        color: #FFF;
    }

    .cssanimations .radios--xs .radio input[type="radio"]:checked + label .radio__label--main:before {
        display: block;
    }

    .cssanimations .radios--xs .radio input[type="radio"]:checked + label .radio__label--sousLabel {
        display: block;
    }

    .cssanimations .radios--xs .radio label {
        background: transparent;
        height: 45px;
    }

    .cssanimations .radios--xs .radio__input {
        display: none;
    }

    .cssanimations .radios--xs .radio__label {
        padding: 0;
        background: #FFF;
        display: table;
        height: 100%;
    }

    .cssanimations .radios--xs .radio__label--main {
        padding: 2px 5px;
        text-align: center;
        font-size: 12px;
        display: table-cell;
        vertical-align: middle;
        position: relative;
    }

    .cssanimations .radios--xs .radio__label--main:before {
        content: "";
        display: none;
        width: 0;
        height: 0;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-top: 14px solid #00e094;
        position: absolute;
        bottom: -12px;
        right: 0;
        left: 0;
        margin: auto;
    }

    .cssanimations .radios--xs .radio__label--sousLabel {
        position: absolute;
        margin: 0;
        left: 15px;
        right: 0;
        bottom: -55px;
        color: #1a171b;
        padding: 6px 10px;
        display: inline-block;
        background: url("../img/pattern-black-dots.png");
        display: none;
    }

    .cssanimations .radios--xs .radio__label--sousLabel > * {
        background: white;
        padding: 9px 0 9px 15px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }

    .cssanimations .radios--xs .radio__label--sousLabel > span {
        padding: 2px;
        text-align: center;
    }

    .cssanimations .section {
        margin: 30px 0;
    }

    .cssanimations .section__titre {
        font-size: 20px;
    }

    .cssanimations .filters-form .wrap .result {
        text-align: left;
        padding-left: 14px;
    }

    .cssanimations .filters-form .wrap form {
        padding: 12px;
    }

    .cssanimations .filters-form .wrap form label.checkbox {
        width: 50%;
    }

    .cssanimations .w-6pct {
        display: none;
    }

    .cssanimations .w-47pct {
        width: 100%;
        display: block !important;
    }

    .cssanimations .slider-labels .limit-right {
        right: -5px;
    }

    .cssanimations .s-a-left {
        text-align: left;
    }

    .cssanimations .newTable {
        border: 0;
    }

    .cssanimations .newTable .row {
        border: 1px solid #c7c8ca;
        margin: 15px 0;
    }

    .cssanimations .newTable .row .borderBox__column {
        border: 0;
    }

    .cssanimations .borderBox {
        display: table;
        width: 100%;
    }

    .cssanimations .borderBox--mode {
        font-family: "Montserrat-Bold";
        font-size: 16px;
    }

    .cssanimations .borderBox--mode .texte--small {
        font-size: 16px;
    }

    .cssanimations .borderBox--header {
        text-align: center;
        text-transform: uppercase;
        padding: 15px;
        font-size: 13px;
        background: #f2f2f2;
        border: 0;
    }

    .cssanimations .borderBox__content {
        height: auto;
        display: block;
        vertical-align: middle;
        text-align: center;
        padding: 15px;
        border: 0;
    }

    .cssanimations .borderBox__content--texte {
        text-align: left;
    }

    .cssanimations .list__li {
        padding-left: 18px;
        line-height: 1.3;
        font-size: 14px;
        margin: 5px 0;
    }

    .cssanimations .list__li:before {
        top: 6px;
    }

    .cssanimations .bot-s-7 {
        bottom: 7px;
    }

    .cssanimations .option__titre {
        padding-right: 0px;
    }

    .cssanimations .option .boxData__details > .centered .option__icon {
        display: none;
    }

    .cssanimations .boxData--active .boxData__price {
        background: #00e094;
    }

    #lineChoiceLayer .button--normal {
        margin-top: 15px;
        display: block;
        width: 100%;
    }

}

@media (min-width: 1024px) and (max-width: 1200px) {
    .wrap--bis {
        /*max-width: 990px;*/
    }

    .text--highlight {
        margin-top: 0;
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .wrap--bis {
        /*max-width: 900px;*/
        text-align: center;
    }

    .text--highlight {
        margin-top: 0;
    }

    a.button--highlight {
        width: 200px;
        margin-top: 5px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .wrap--bis {
        /*max-width: 945px;*/
        text-align: center;
        padding-bottom: 5px;
    }

    .text--highlight {
        margin-top: 0;
    }

    a.button--highlight {
        width: 200px;
        margin-left: 0;
        margin-top: 5px;
    }
}

@media (max-width: 823px) {
    .text--highlight {
        display: block;
    }

    .text--highlight strong {
        display: block;
    }
}

@media (min-width: 440px) and (max-width: 768px) {
    .wrap--bis {
        /*max-width: 695px;*/
        text-align: center;
        padding-bottom: 6px;
    }

    .content--highlight {
        padding-bottom: 11px;
    }

    a.button--highlight {
        margin-left: 0;
        margin-top: 5px;
    }

    .text--highlight {
        margin-top: 0;
    }
}

@media (min-width: 320px) and (max-width: 440px) {
    .wrap--bis {
        /*max-width: 395px;*/
        text-align: center;
    }

    a.button--highlight {
        margin-left: 0;
        margin-top: 5px;
    }

    .text--highlight {
        margin-top: 0;
    }

    .active-filters .filter--delete {
        margin-left: 111px;
    }
}

@media (max-width: 320px) {
    .wrap--bis {
        /*max-width: 275px;*/
        text-align: center;
        padding-bottom: 5px;
    }

    a.button--highlight {
        margin-left: 0;
        margin-top: 5px;
    }

    .text--highlight {
        margin-top: 0;
    }

    .active-filters .filter--delete {
        margin-left: 111px;
    }
/*
    .cssanimations #option-details-page .product__media .back{
        clear: both;
    }*/
}

.list__li__bis {
    font-size: 14px;
}

@media (max-width: 599px) {
    .filter__handle {
        right: 7px;
    }
}

@media (max-width: 1310px) {
    .wrap--1178 {
        max-width: 884px !important;
    }
}

@media (max-width: 1024px) {
    .wrap--1178 {
        max-width: 583px !important;
    }
}

@media (max-width: 599px) {
    .wrap--1178 {
        max-width: 550px !important;
    }
}

div.sfrDom div.remote {
    margin-bottom: 0px !important;
}


#navN-2 {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 425;
    overflow-x: auto;
    background: #FFF;
    border-bottom: 1px solid #c7c8ca;
    padding: 0;
    margin: 0;
}

.red #navN-2 li {
    display: inline-block;
}

.red #navN-2.navMarqueFilter li, .red #navN-2.navUniversFilter li  {
    margin-left: 70px;
}

/*FOR IPHONE 4 4S*/
@media only screen
and (max-device-width: 480px)
and (orientation: portrait) {
    .red #navN-2.navMarqueFilter li, .red #navN-2.navUniversFilter li {
        margin-left: 4px;
    }
}


/*for iphone 5 5s 5c*/
@media only screen
and (max-device-width: 568px)
and (orientation: portrait) {
    .red #navN-2.navMarqueFilter li, .red #navN-2.navUniversFilter li {
        margin-left: 4px;
    }
}

/*iphone 6+ 7+ 8+*/
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (orientation: portrait) {
    .red #navN-2.navMarqueFilter li, .red #navN-2.navUniversFilter li {
        margin-left: 4px;
    }
}

/*for iphone x x*/
@media only screen
and (min-device-width: 375px)
and (max-device-width: 812px)
and (orientation: portrait) {
    .red #navN-2.navMarqueFilter li, .red #navN-2.navUniversFilter li {
        margin-left: 4px;
    }
}

/*for samsung galaxy, htc and wondows phones*/
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (orientation: portrait) {
    .red #navN-2.navMarqueFilter li, .red #navN-2.navUniversFilter li {
        margin-left: 4px;
    }
}


.red #navN-2 ul {
    margin-top: 67px;
    white-space: nowrap;
    margin-top: 55px;
    text-align: center;
    list-style-type: none;
}

.red #navN-2 a.hi {
    border-bottom: solid 4px #00e094;
}
.red #navN-2 a {
    display: inline-block;
    font-family: Montserrat-Regular, Arial, Sans-serif;
    font-size: 14px;
    text-decoration: none;
    color: #1a171b;
    padding: 20px 0 10px;
    border-bottom: solid 4px transparent;
    transition: border 200ms ease-out, color 200ms ease-out;
}

@media only screen
and (max-device-width: 420px) {
    .red #navN-2.navUniversFilter a {
        font-size: 11px;
    }
}

#navN-2--eligibilityLayer{
    position: fixed;
    top: -44px;
    right: 0;
    left: 116px;
    z-index: 425;
    background: #FFF;
    border-bottom: 1px solid #c7c8ca;
    padding: 0;
    margin: 0;
}
.red2 #navN-2--eligibilityLayer li {
    display: inline-block;
    padding-left: 15px;
}

.red2 #navN-2--eligibilityLayer ul {
    margin-top: 67px;
    white-space: nowrap;
    text-align: center;
    list-style-type: none;
    display: none;
}
.red2 #navN-2--eligibilityLayer a {
    display: inline-block;
    font-family: Montserrat-Regular, Arial, Sans-serif;
    font-size: 18px;
    text-decoration: none;
    color: #1a171b;
    padding: 20px 0 10px;
    border-bottom: solid 4px transparent;
    transition: border 200ms ease-out, color 200ms ease-out;
}
.red2 #navN-2--eligibilityLayer a.hi {
    border-bottom: none;
}

.redColor{
    color:#00e094;
}

@media only screen and (min-width: 768px) {
    .red #navN-2 a {
        font-size: 18px;
        padding: 20px 0 15px;
    }

    .red #navN-2 ul {
        margin-top: 96px;
    }
}

@media only screen and (min-width: 1024px) {
    .red #navN-2 {
        /*position: initial;*/
    }

    .red #navN-2 ul {
        margin-top: 0;
    }

    .red #navN-2 {
        left: 116px;
    }
}

#centredModalRed {
    display: none;
}

#centredModalRed .centredModalRed--bg {
    background: #000000;
    opacity: 0.8;
}

#centredModalRed .centredModalRed__table {
    margin: auto;
    margin-top: 10%;
    width: 52%;
    height: 38%;
    position: relative;
}




@media (max-width: 1024px) {
    #centredModalRed .centredModalRed__table {
        width: 55%;
        height: 39%;
    }
}

@media (max-width: 768px) {
    #centredModalRed .centredModalRed__table {
        width: 60%;
        height: 43%;
    }
}

@media (min-width: 525px) and (max-width: 676px) {
    #centredModalRed .centredModalRed__table {
        width: 75%;
        height: 44%;
    }
}

@media (min-width: 519px) and (max-width: 525px) {
    #centredModalRed .centredModalRed__table {
        width: 75%;
        height: 52%;
    }
}

@media (min-width: 440px) and (max-width: 519px) {
    #centredModalRed .centredModalRed__table {
        width: 75%;
        height: 52%;
    }
}

@media (max-width: 440px) {
    #centredModalRed .centredModalRed__table {
        width: 78%;
        height: 56%;
    }

    .cssanimations .option .boxData__actions__option {
        width: 9%;
    }

    .options-category .arrondi-icon {
        margin-right: 4px;
    }

    .more__infos {
        position: absolute;
        left: -19px;
    }

    .chevron__option [class^="redicons-"],
    .chevron__option [class*=" redicons-"] {
        margin: 0 4px;
    }

    .cssanimations .boxData__details__bis {
        padding: 0 32px;
        width: 59%;
    }

    .cssanimations .boxData__price__bis {
        width: 41%;
    }

    .cssanimations .boxData__details--only__bis {
        text-align: left;
    }

    .cssanimations .option .boxData__actions.media-w40 {
        width: 41%;
    }
}

.option .boxData__details > .centered .option__icon {
    margin-bottom: 7px;
}

.boxData .boxData__actions .boxData__button .boxData__check label {
    cursor: pointer;
}

.boxData:hover .boxData__actions .boxData__button .boxData__check label.deselected-label {
    color: #00e094;
}

#optionsBloc .section__content .options-category .options-category-title:hover .texte {
    color: #00e094;
}

.app .sfrDom ~ .currentPage .flexible__header {
    margin-top: 0;
}

.inputCursor {cursor: pointer;}

.unbundlingSpeech{
    display: block;
}

.bottom-eligibility-container {
    margin-top: 15px !important;
}

.go-to-single-offer{
    padding: 0px 30px 0px 30px !important;
}
.single-offer-eligibility-button-icon {
    z-index: 500;
    position: absolute;
    content: "";
    display: inherit;
    left: 5px;
    width: 25px;
    top: 8px;
    height: 22px;
    background: url(../img/picto-position.png);
}

/********************************************************
 *                     PAGE OPTIONS                     *
 ********************************************************/

#options-page {
    background-color: #FFF;
}

#options-page .blade--red.blade--options {
    height: auto;
    padding: 113px;
    margin-top: 53px;
}

#options-page .blade--options .blade__titre {
    margin-top: 0px;
}

@media all and (min-width: 768px) and (max-width: 1025px) {
    #options-page .blade--red.blade--options {
        margin-top: 149px;
    }
}

@media all and (max-width: 767px) {
    #options-page .blade--red.blade--options {
        margin-top: 120px;
        padding: 72px 54px;
    }
}

#options-main-container {
    width: 1076px;
    margin: 0 auto 50px auto;
}

@media all and (min-width: 992px) and (max-width: 1247px) {
    #options-main-container {
        width: 802px;
    }
}

@media all and (min-width: 768px) and (max-width: 991px) {
    #options-main-container {
        width: 538px;
    }
}

@media all and (min-width: 352px) and (max-width: 767px) {
    #options-main-container {
        width: 352px;
    }
}

@media all and (max-width: 351px) {
    #options-main-container {
        width: 100%;
    }
}

#options-main-container h3 {
    margin-top: 65px;
    margin-bottom: 47px;
}

@media all and (max-width: 767px) {
    #options-main-container h3 {
        margin-top: 65px;
        margin-bottom: 44px;
    }
}

#options-main-container-caroussel .card-carousel-title {
    font-size: 28px;
    text-align: center;
    margin-top: 65px;
    margin-bottom: 47px;
}

#options-main-container-caroussel  .card-carousel {
    text-align: center;
}

@media all and (min-device-width: 200px) and (max-device-width: 1024px) {
    #options-main-container-caroussel {
        margin: 0 auto;
    }

    #options-main-container-caroussel .card-carousel-title {
        margin-left: 20px;
        margin-top: 0px;
        margin-bottom: 0px;
      }

    #options-main-container-caroussel  .sr-block {
        display: block;
    }

    #options-main-container-caroussel  .sr-text-25BB {
        font-size: 25px;
        line-height: 25px;
    }

    #options-main-container-caroussel  .card-carousel {
        padding: 0 0 20px 10px;
        overflow-x: auto;
        position: relative;
        display: flex;
    }

    #options-main-container-caroussel .card-carousel a {
        margin-right: 20px;
        margin-left: 20px;
    }

    #options-main-container-caroussel .listOptions-hubo-card-2 {
        width: 240px;
    }

}

#options-main-container .mini-card {
    width: 240px;
    height: 240px;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    margin: 0 20px 20px 0;
    display: inline-block;
    background-position: bottom right;
    vertical-align: top;
    box-shadow: rgba(0, 0, 0, 0.13) 0px 0px 43px 0px;
}

#options-main-container .mini-card:hover {
    background-color: #00e094;
}

#options-main-container .mini-card span {
    font-size: 20px;
    font-family: "Montserrat-Bold";
    color: #000;
    margin: 24px;
    display: block;
    line-height: 1.3em;
}

#options-main-container .mini-card:hover span {
    color: #FFF;
}

@media all and (max-width: 767px) {

    #options-main-container .mini-card {
        margin: 10px 15px 10px 15px;
        width: 280px;
        height: 200px;
        background-size: 65%;
    }

    #options-main-container .mini-card span {
        margin: 20px;
    }
}

@media all and (max-width: 351px) {
    #options-main-container .mini-card {
        margin: 10px auto;
    }
}

#options-main-container .listOptions-hubo-card-2 {
    box-shadow: 0 0 43px 0 rgba(0, 0, 0, 0.13);
}

@media all and (max-width: 767px) {
    #options-main-container .listOptions-hubo-card-2 {
        margin: 0 auto 20px;
        display: block;
    }
}

/********************************************************
 *                  PAGE DETAIL OPTION                  *
 ********************************************************/

#option-details-page .flexible__header .header__action {
    text-transform: initial;
}

#option-details-page .product {
    display: flex;
}

#option-details-page .product__media {
    background-color: white;
    background-repeat: no-repeat;
    background-size: 716px, 363px;
    background-position: center top;
    max-width: 736px;
    flex: 4;
    display: block;
}

@media all and (max-width: 768px) {
    #option-details-page .product.optionsred {
        display: initial;
    }
}

@media all and (max-width: 1024px) {
    #option-details-page .flexible__header {
        display: none;
    }

    .cssanimations #option-details-page .product__media .back {
        display: block;
    }

    #option-details-page .product__media {
        background: #F2F2F2;
        background-image: none !important;
    }

    #option-details-page .redicons-LinkLeft {
        font-size: 21px;
        top: 4px;
        position: relative;
    }

    .isChange {
        display: block!important;
    }
}

#option-details-page .product__content {
    display: block;
    flex: 6;
}

#option-details-page .product__detailsContainer {
    padding-bottom: 80px;
}

#option-details-page h3.titre--light.titre--center {
    font-size: 30px;
    padding-top: 0;
    margin-top: 66px;
}

@media all and (max-width: 767px) {
    #option-details-page h3.titre--light.titre--center {
        font-size: 20px;
        margin-bottom: 20px;
    }
}

@media all and (max-width: 1024px) {
    #option-details-page h3.titre--light.titre--center {
        margin-top: 25px;
    }
}

#option-details-page .red-client-price {
    display: table;
    margin: 0 auto;
    font-family: "Montserrat-SemiBold";
    font-size: 13px;
    text-align: center;
    color: #00e094;
    border: solid 2px #00e094;
    padding: 2px 9px;
    line-height: 1;
    letter-spacing: 2.6px;
    text-transform: uppercase;
}

#option-details-page .option-price {
    display: table;
    margin: 23px auto 30px;
}

#option-details-page .price--container {
    display: table;
    margin: 0 auto;
}

#option-details-page .option-price .price__euro {
    font-size: 27px;
}

#option-details-page .option-price .price__discount {
    font-family: "Montserrat-Light";
    font-size: 22px;
    width: 65%;
    text-align: center;
}

#option-details-page .option-price .price__origin {
    font-family: "Montserrat-Light";
    font-size: 26.5px;
    width: 47px;
    height: 19px;
    font-weight: 300;
}

#option-details-page .option-price .price__crossed {
    display: inline-block;
    position: absolute;
    width: 80%;
    height: 2px;
    background-color: #000;
    transform: rotate(15.5deg);
    left: 23px;
    top: 18px;
}

#option-details-page .option-price .price__origin .price__crossed{
    width: 100%;
    left:6px;
}

#option-details-page .option-price .price__period {
    font-size: 24px;
}

#option-details-page .option-price .price--right__bottom {
    top: 0px;
    left: 0px;
}

#option-details-page .option-price .price--bottom {
    margin-top: 0;
    text-align: center;
}

#option-details-page .button--normal.button--primary.button--ripple {
    height: initial;
    padding: 17px 0px;
    line-height: 0;
    display: block;
    margin: 0 auto 15px auto;
}

#option-details-page .button--normal.button--primary.button--ripple.button--subscribe {
    padding: 17px 30px;
}

#option-details-page .product__description.product__simple-option {
    max-width: 768px;
}

/**********************************************
 *             BLOC MUlTILIGNE             *
 **********************************************/

.data-line {
    height: 80px;
    padding: 15px 15px;
    width: 90%;
    display: table;
    background: #FFF;
    position: relative;
    cursor: pointer;
    margin: auto auto 10px;
}

#lineChoiceLayer .data-line:last-child {
    margin: auto auto 70px;
}

.data-line > div {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.data-line .chevron {
    text-align: right;
}

.data-line .environment-picture {
    width: 80px;
    background: url(https://static.s-sfr.fr/media/red-home-sprites.png) no-repeat;
}

.data-line .environment-picture.fixe {
    background-position: -109px;
}

.data-line .environment-picture.mobile {
    background-position: -204px;
}

#lineChoiceLayer .sub-title {
    font-family: Montserrat-Bold;
    font-size: 24px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    margin-bottom: 30px;
}

/**********************************************
 *             PAGE LISTE OPTIONS             *
 **********************************************/
#page-listOptions{
    background: #FFF;
}
#page-listOptions.currentPage{
    padding-bottom: 40px;
    overflow-y: auto;
}
#page-listOptions .filterContinent{
    margin-top: 24px !important;
    margin-right: 2em;
}
#page-listOptions .filters-form .wrap form{
    background: #FFF;
}

#page-listOptions .filter__handle:before{
    background: url(//static.s-sfr.fr/media/sr-red-sprites.png) no-repeat 0 -48px;
    width: 32px;
    height: 32px;
    top: -7px;
    transform: rotate(270deg);
}
#page-listOptions .filter__handle.closed::before {
    transform: rotate(90deg);
}

#page-listOptions .listOptions-container-main {
    margin: 6vh auto 50px auto;
    width: 1050px;
}

#page-listOptions .listOptions-hubo-card-1 {
    width: 506px;
    height: 365px;
    margin: 0 20px 20px 0;
    background-color: #00e094;
    display: inline-block;
    background-size: cover;
    vertical-align: top;
    position: relative;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.05);
}

#page-listOptions .listOptions-hubo-card-1 #sr-ctls {
    position: absolute;
    margin: 40px 0 40px 20px;
}
#page-listOptions .listOptions-hubo-card-1 div#sr-ctls {
    width: 305px;
    height: 285px;
    z-index: 5;
}
#page-listOptions .listOptions-hubo-card-1 .sr-header{
    position: static;
    height: 190px;
    margin: 0;
}
#page-listOptions .listOptions-hubo-card-1 .description-container {
    font-family: SFR-Bold;
    height: 150px;
    overflow: hidden;
    position: relative;
}
#page-listOptions .listOptions-hubo-card-1 .sr-header span:nth-child(1) {
    color: #fff;
    font-size: 16px;
    display: block;
    font-family: "Montserrat-Regular";
}
#page-listOptions .listOptions-hubo-card-1 .sr-header span:nth-child(2) {
    color: #fff;
    font-size: 30px;
    font-family: "Montserrat-Bold";
    display: block;
    padding: 20px 0;
    line-height: 32px;
}
#page-listOptions .listOptions-hubo-card-1 .sr-footer {
    position: relative;
    bottom: 0;
    margin: 0;
}
#page-listOptions .listOptions-hubo-card-1 .big-price-upper-container {
    text-align: left;
    padding: 0 0 10px 0;
}
#page-listOptions .listOptions-hubo-card-1 .big-price-container {
    max-height: 40px;
    color: #fff;
}
#page-listOptions .listOptions-hubo-card-1 .big-price-int {
    display: inline-block;
    font-size: 40px;
    vertical-align: middle;
}
#page-listOptions .listOptions-hubo-card-1 .big-price-right-content {
    line-height: 14px;
    display: inline-block;
    vertical-align: middle;
}
#page-listOptions .tal {
    text-align: left;
}
#page-listOptions .listOptions-hubo-card-1 .big-price-right-content span {
    font-size: 14px;
    display: inline-block;
}
#page-listOptions .listOptions-hubo-card-1 .big-price-right-content > div {
    line-height: 14px;
    height: 14px;
}
#page-listOptions .listOptions-hubo-card-1 .big-price-month-label {
    padding: 0;
    line-height: 14px;
}
#page-listOptions .listOptions-hubo-card-1 span.big-price-sub-label{
    font-size: 12px;
    padding: 0;
    line-height: normal;
    font-family: Arial;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    margin-top: 5px;
}
#page-listOptions .listOptions-hubo-card-1 .big-price-sub-label:not(.price-grey-sub-label) {
    background-color: #fff;
    text-transform: uppercase;
    color: #000;
    margin-top: 5px;
    padding: 5px;
    font-size: 8px;
    line-height: 8px;
    letter-spacing: -0.2px;
    text-align: center;
    display: inline-block;
}
#page-listOptions .listOptions-hubo-card-1 .big-crossed-price {
    position: relative;
    font-size: 14px;
    font-weight: 600;
}
#page-listOptions .listOptions-hubo-card-1 .big-crossed-price::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    width: 100%;
    left: 0;
    border: 1px solid #fff;
}

#page-listOptions .listOptions-hubo-card-1 .sr-fbut {
    font-size: 18px;
    width: 180px;
    line-height: 20px;
    font-family: Arial;
    padding: 10px 10px;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid white;
    text-align: center;
    color: #fff;
}
#page-listOptions .listOptions-hubo-card-1 .sr-fbut:hover {
    opacity: 0.8;
}
#page-listOptions .listOptions-hubo-card-1:hover {
    cursor: pointer;
}
.listOptions-hubo-card-2 {
    width: 243px;
    height: 365px;
    margin: 0 20px 20px 0;
    background-color: #fff;
    display: inline-block;
    vertical-align: top;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.05);
}
.listOptions-hubo-card-2:hover {
    cursor: pointer;
    opacity: 0.8;
}
@media all and (min-width: 768px){
    #page-listOptions .filters-wrapper .filter__handle{
        display: none;
    }
    #page-listOptions .filters-wrapper .form-wrapper form{
        display: block !important;
    }
    #page-listOptions .filters-form .form-wrapper{
        top: 0;
        text-align: center;
    }
    #page-listOptions .filters-form .wrap {
        max-width: 100%;
    }
    #page-listOptions .filters-form .wrap form{
        font-size : 14px;
    }
    #page-listOptions .filters-form .wrap form label.checkbox{
        width: auto;
    }
    #page-listOptions .visible-lg{
        display: inline-block;
        margin-right: 2em;
    }
    #page-listOptions .filters-wrapper .form-wrapper form .visible-xs{
        display: none !important;
    }
}

@media all and (min-width: 768px) and (max-width: 1199px) {
    #page-listOptions .listOptions-container-main {
        width: 506px;
    }
}

@media (max-width: 500px) {
    #page-listOptions .listOptions-container-main {
        width: auto !important;
    }
    #page-listOptions .listOptions-hubo-card-1 {
        width: 280px;
        height: 400px;
        display: block;
        margin: 0 auto 20px auto;
    }
    .listOptions-hubo-card-2 {
        width: 280px;
        display: block;
        margin: 0 auto 20px auto;
    }
    #page-listOptions .container-card {
        width: 100%;
    }

    #page-listOptions .listOptions-hubo-card-1 div#sr-ctls{
        width: auto;
        height: auto;
        font-size: 25px;
        font-weight: bold;
    }
}

.ft-mb-ro {
    font-family: 'Montserrat-Bold';
    font-weight: 800;
}
.tar {
    text-align: right;
}
span.text-18BB {
    font-family: Montserrat-Regular;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
}
span.text-14 {
    font-family: Montserrat-Regular;
    font-size: 14px;
    line-height: 14px;
}
span.text-16BB {
    font-size: 16px;
    font-weight: bold;
    line-height: 15px;
}

/*span.text-14Arial {*/
    /*font-family: Arial;*/
/*}*/

.listOptions-hubo-card-2 .listOptions-hubo-card-2-mid span.text-14Arial {
    font-family: Arial;
     font-size: 14px;

}

#page-listOptions span.text-15BB {
    font-family: Montserrat-Regular;
    font-size: 15px;
    font-weight: bold;
    line-height: 15px;
}
.listOptions-hubo-card-2 .listOptions-hubo-card-2-top {
    width: 100%;
    height: 140px;
    background-color: #00e094;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}
.listOptions-hubo-card-2 .listOptions-hubo-card-2-mid {
    width: 100%;
    height: 176px;
    background-color: #fff;
    text-align: left;
}
.listOptions-hubo-card-2 .listOptions-hubo-card-2-mid .option__icon{
    display: inline-block;
    margin: 20px 20px 15px 20px;
    height: 35px;
}
.listOptions-hubo-card-2 .listOptions-hubo-card-2-mid span:nth-child(1) {
    margin: 20px 20px 15px 20px;
    display: inline-block;
    height: 35px;
}
.listOptions-hubo-card-2 .listOptions-hubo-card-2-mid span:nth-child(2) {
    margin: 0 20px;
    line-height: 20px;
    display: inline-block;
    height: 80px !important;
    display: block;
    overflow: auto;
}
.listOptions-hubo-card-2 .listOptions-hubo-card-2-mid span.option-description {
    height: 60px;
    overflow: hidden;
    position: relative;
    word-wrap: break-word;
    font-weight: normal;
}
.listOptions-hubo-card-2 .listOptions-hubo-card-2-bot {
    width: 100%;
    height: auto;
    background-color: #fff;
}
.listOptions-hubo-card-2 .listOptions-hubo-card-2-bot span {
    margin: auto;
    float: none;
    vertical-align: middle;
}
.listOptions-hubo-card-2 .price-container {
    position: relative;
    padding: 0 20px;
    line-height: 15px;
}
.listOptions-hubo-card-2 .price-container div {
    height: 18px;
}
.listOptions-hubo-card-2 .price-container span:not(.text-16BB) {
    font-size: 11px;
}
.listOptions-hubo-card-2 .price-sub-container .price-sub-label:not(.price-grey-sub-label){
    font-family: Montserrat-Regular;
    font-size: 11px;
    color: #00e094;
    font-weight: normal;
}
.listOptions-hubo-card-2 label.checkbox {
    cursor: pointer;
}
#page-listOptions .retour-aux-catgories{
    margin: 5vh auto 50px auto;
    width: 275px;
}

#page-listOptions .description--show{
    max-width: 768px;
    margin: 3em auto;
    padding: 5px 10px 5px 10px;
    text-align: center;
    font-size: 100%;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #000000;
}

.listOptions-hubo-card-2 .side-price {
    margin-right: 10px !important;
    font-size: 11px;
    color: #9a9cac;
    display: inline-block;
}
.listOptions-hubo-card-2 .crossed-price {
    position: relative;
}
.listOptions-hubo-card-2 .crossed-price::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    width: 100%;
    left: 0;
    border: 1px solid #000;
}
.listOptions-hubo-card-2 .price-grey-sub-label{
    color: #9a9cac;
}

/******************************************
 *       PAGE AUTHENTIFICATION OPTION     *
 ******************************************/
#option-details-page.currentPage{
    padding-bottom: 40px;
}

.bottomInfoBlockAuthenticate{
    margin-bottom: 10px;
}

.topInfoBlockAuthenticate {
    margin-top: 17px;
}

.box__buttons .button--option--authenticate{
    width: 70%;
}

.box__titre {
    padding-left: 15%;
    padding-right: 15%;
}

.link--logout{
    margin-bottom: 15px;
    font-size: 14px;
    display: block;
}

#cas-connection {
    width: 100%;
    height: 100%;
}
#option-details-page{
    background: #FFF;
}
#option-details-page.option-authenticate .product__content {
    width: 75%;
}

@media (max-width: 375px) {
    .box__buttons .button--option--authenticate {
        width: 100%;
    }

    #option-details-page .redicons-LinkLeft{
        float: left;
    }
}

@media (max-width: 768px) {
    .box__buttons .button--option--authenticate {
        width: 80%;
    }
    #configuratorPrice.price-container-recap {
        flex-direction: column;
    }

    #configuratorPrice.price-container-recap .borderBlock {
        margin: 10px
    }
}

#cas-authenticate{
    width: 100%;
    height: 100%;
}

#option-details-page .redicons-LinkLeft{
    margin: 0 5px 0 2px;
    vertical-align: top;
    display: inline-block;
    margin-top: 10px;
}

@media all and (max-width: 1024px) {
    #option-details-page .redicons-LinkLeft{
        vertical-align: center;
        display: inline;
        margin-top: 0;
    }
    #suscribe-page .box{
        height: 260px!important;
    }
}

#option-details-page h3.titre--light.titre--center {
    margin-bottom: 38px;
}

#optionDetails{
    background: #ffffff;
}

#option-details-page .backOption{
    width: 80%;
    display: inline-block;
    margin-top: 6px;
}

#option-details-page  .texte {
    font-size: 13px;
}
#option-details-page .product {
    background: #F2F2F2;
}
#option-details-page .header__action img{
    height: 35px;
    margin: 20px 0;
}

.custom-button--ripple {
    padding: 0 30px !important;
    height: 44px !important;
}

#suscribe-page .box{
    height: 244px;
}
#suscribe-page .disconnect-link {
    font-family: "Montserrat-SemiBold",Arial,Sans-serif;
    font-size: 14px;
    text-align: center;
    display: block;
    margin: 19px auto 28px auto;
}
#suscribe-page .disconnect-link:before {
    content: '';
    display: inline-block;
    color: #00ad72;
    background-image: url('https://static.s-sfr.fr/media/gred-chevron.png');
    background-repeat: no-repeat;
    width: 6px;
    height: 9px;
    margin-right: 10px;
}
.custom-select-red {
    position: relative;
    display: block;
    max-width: 184px;
    min-width: 184px;
    margin: 0 auto;
    border: 1px solid #c7c8ca;
    background-color: transparent;
    height: 30px;
    z-index: 10;
    margin: 10px auto;
}
.custom-select-red select {
    border: none;
    outline: none;
    height: 30px;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    margin: 0;
    display: block;
    width: 100%;
    padding: 0 0 0 15px;
    font-size: 14px;
    color: #000;
    font-family: "Montserrat-Bold", Arial, Sans-serif;
}
.custom-select-red:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 100%;
    line-height: 38px;
    content: "";
    text-align: center;
    color: #00e094;
    font-size: 24px;
    z-index: -1;
    background: url('//static.s-sfr.fr/media/red_chevron_down.png') 20px 11px no-repeat transparent;
}

@media all and (min-width: 1024px) and (max-width: 1470px) {
    #option-details-page .product__media {
        flex: 2;
    }
    #suscribe-page .box {
        height: 267px;
    }
}

#configuratorPrice.price-container-recap {
    display: flex;
    align-content: center;
}
#configuratorPrice.price-container-recap .borderBlock {
    margin: 0 auto;
}

#mcr {
    display: none;
    background: #F2F2F2;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 99;
    padding: 20px 5px;
}
#mcr .bottom {
    text-align: center;
}
.page-loader {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 70000;
    background-position: 50%;
    background-repeat: no-repeat;
}

div.page-loader.first-loading {
    background-color: rgba(242, 242, 242, 1);
}

.red.page-loader {
    margin-left: 0;
    background-color: rgba(24, 24, 24, .8);
}

.red.page-loader::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transform: translate3d(-50%, -50%, 0);
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #00e094;
    width: 55px;
    height: 55px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}


@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.page-loader .message {
    position: absolute;
    top: 56%;
    width: 100%;
    text-align: center;
    font-size: 0.8em;
    color: #fff;
}