@charset "UTF-8";a,abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: 0 0;
    box-sizing: border-box;
    font-style: normal
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: none
}

dl,ol,ul {
    list-style: none
}

a {
    outline: 0;
    text-decoration: none;
    color: #222
}

img {
    vertical-align: top
}

@font-face {
    font-family: SFR;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://static.s-sfr.fr/media/v2/assets/fonts/SFR-Regular.woff2) format("woff2"),url(https://static.s-sfr.fr/media/v2/assets/fonts/SFR-Regular.woff) format("woff"),url(https://static.s-sfr.fr/media/v2/assets/fonts/SFR-Regular.ttf) format("truetype"),url('https://static.s-sfr.fr/media/v2/assets/fonts/SFR-Regular.svg#str-replace("SFR", " ", "_")') format("svg")
}

@font-face {
    font-family: SFR;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://static.s-sfr.fr/media/v2/assets/fonts/SFR-Bold.woff2) format("woff2"),url(https://static.s-sfr.fr/media/v2/assets/fonts/SFR-Bold.woff) format("woff"),url(https://static.s-sfr.fr/media/v2/assets/fonts/SFR-Bold.ttf) format("truetype"),url('https://static.s-sfr.fr/media/v2/assets/fonts/SFR-Bold.svg#str-replace("SFR", " ", "_")') format("svg")
}

@font-face {
    font-family: SFR;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://static.s-sfr.fr/media/v2/assets/fonts/SFR-Black.woff2) format("woff2"),url(https://static.s-sfr.fr/media/v2/assets/fonts/SFR-Black.woff) format("woff"),url(https://static.s-sfr.fr/media/v2/assets/fonts/SFR-Black.ttf) format("truetype"),url('https://static.s-sfr.fr/media/v2/assets/fonts/SFR-Black.svg#str-replace("SFR", " ", "_")') format("svg")
}

i.icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 12px
}

i.icon.Inter {
    margin-left: 16px
}

i.icon.icon-phone {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/png/icon-phone-light.png);
    width: 19px
}

i.icon.icon-sim {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/png/icon-sim-light.png);
    width: 22px
}

i.icon.icon-options {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/png/icon-cards-dark-background.png)
}

i.icon.icon-tv-media {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/png/icon-tv-media.png)
}

i.icon.icon-box {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/png/icon-box.png);
    width: 48px
}

i.icon.icon-fibre {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/icon-fibre.svg)
}

i.icon.icon-tv {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/png/icon-tv.png);
    width: 42px
}

@media only screen and (max-width: 768px) {
    i.icon.icon--display-off-mobile {
        display:none
    }
}

body.Media {
    background: #181818;
    color: #fff
}

body.Media .Text500,body.Media h1,body.Media h2,body.Media h3,body.Media h4,body.Media h5,body.Media h6 {
    color: inherit
}

body.Media .bloc_SubTitle {
    background-image: linear-gradient(to bottom,#0f0f0f,#181818)
}

body.Media .bloc_SubTitle .wrapper h2 {
    color: #fff
}

body.Media .bloc_panier .btn.ghost {
    background: #fff;
    border: 1px solid #e2001a;
    color: #e2001a
}

body.Media .bloc_panier .btn.ghost span {
    background: linear-gradient(to right,#871d81,#e2001a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #e2001a
}

body.Media .bgDark,body.Media .bgGray {
    background: rgba(255,255,255,0)
}

.btn.White:not(.disabled):hover,body.Media .btn:not(.disabled):hover {
    box-shadow: 0 0 8px rgba(226,0,26,.8)
}

.btn.White:not(.disabled):hover.ghost,body.Media .btn:not(.disabled):hover.ghost {
    box-shadow: 0 0 8px rgba(255,255,255,.4)
}

.btn.White:not(.disabled):active,body.Media .btn:not(.disabled):active {
    box-shadow: 0 0 4px rgba(226,0,26,.8)
}

.btn.White:not(.disabled):active.ghost,body.Media .btn:not(.disabled):active.ghost {
    box-shadow: 0 0 4px rgba(255,255,255,.4)
}

.btn.White.ghost,body.Media .btn.ghost {
    background: rgba(255,255,255,0);
    border-color: #fff
}

.btn.White.ghost span,body.Media .btn.ghost span {
    color: #fff;
    background: inherit;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: #fff
}

.detect-viewport-entry--waiting-detection {
    transition-duration: 0s!important;
    transition-delay: 0s!important
}

.zoning-block-title {
    transition-property: opacity,transform;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0,0,.2,1)
}

.zoning-block-title.detect-viewport-entry--waiting-detection {
    opacity: 0;
    transform: translateY(80px)
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeOut {
    from {
        visibility: visible
    }

    to {
        visibility: hidden
    }
}

@keyframes fadeOut {
    from {
        visibility: visible
    }

    to {
        visibility: hidden
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

.menu_bas {
    display: flex
}

.menu_bas .menu_footer_bas {
    float: left
}

.menu_bas .menu_footer_bas>li {
    display: inline-block;
    line-height: 30px
}

.menu_bas .menu_footer_bas>li a {
    font-family: Arial;
    display: inline-block;
    margin: 0 15px;
    color: #fff;
    font-size: 12px
}

@media only screen and (max-width: 992px) {
    .menu_bas .menu_footer_bas {
        margin-bottom:32px
    }

    .menu_bas .menu_footer_bas>li {
        min-width: 47%
    }

    .menu_bas .menu_footer_bas>li a {
        font-size: 11px;
        line-height: 2.36
    }
}

.menu_footer {
    margin-bottom: 50px
}

.menu_footer>li {
    display: inline-block;
    width: 25%;
    padding-right: 40px;
    text-align: left;
    vertical-align: top
}

.menu_footer>li .h6 {
    font-weight: 700;
    font-size: 14px
}

.menu_footer>li .h6>a {
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 10px;
    height: 30px;
    display: inline-block
}

.menu_footer>li .submenu>li {
    line-height: 1.54;
    font-family: Arial;
    font-size: 13px
}

.menu_footer>li .submenu a {
    color: #fff
}

.menu_footer>li .submenu a:hover {
    text-decoration: underline
}

.menu_footer>li:last-child {
    padding-right: 0
}

@media only screen and (max-width: 768px) {
    .menu_footer {
        margin-bottom:27px
    }

    .menu_footer>li {
        display: block;
        width: auto;
        padding: 15px;
        border-bottom: 1px solid #444
    }

    .menu_footer>li .h6>a {
        display: block;
        cursor: pointer;
        height: auto;
        margin: 0
    }

    .menu_footer>li .h6>a i {
        background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/pic-filtre.svg) right center no-repeat;
        width: 11px;
        height: 16px;
        display: inline-block;
        float: right
    }

    .menu_footer>li .submenu {
        margin: 10px 0 5px
    }

    .menu_footer>li.opened .h6>a i {
        transform: rotate(180deg)
    }

    .menu_footer>li:last-child {
        padding-right: 15px
    }
}

.menu_rs {
    display: flex;
    justify-content: center
}

.menu_rs>li {
    margin: 0 18px
}

.menu_rs>li a {
    display: block;
    background: center center/45px no-repeat;
    width: 45px;
    height: 45px;
    margin: auto;
    border: 1px solid #fff;
    border-radius: 90px
}

.menu_rs>li a.FB {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/png/ico-facebook.png)
}

.menu_rs>li a.TW {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/png/ico-twiter.png)
}

.menu_rs>li a.YT {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/png/ico-youtube.png)
}

.menu_rs>li a.FR {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/png/ico-forum.png)
}

@media only screen and (max-width: 1340px) {
    .menu_rs {
        margin-bottom:21px
    }
}

@media only screen and (max-width: 480px) {
    .menu_rs {
        display:flex
    }

    .menu_rs>li {
        flex: 1;
        margin: 0
    }
}

bol-menu-item a {
    text-align: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-around;
    padding: 10px 0
}

bol-menu-item a .bl_img {
    min-width: 32px;
    min-height: 20px;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 5px;
    display: none
}

bol-menu-item a .bl_img img {
    -webkit-filter: brightness(0);
    filter: brightness(0)
}

bol-menu-item a .txt {
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 1.57;
    color: #444;
    padding: 0 20px;
    white-space: nowrap
}

bol-menu-item a:hover {
    font-weight: 700
}

@media only screen and (max-width: 600px) {
    bol-menu-item a .txt {
        font-size:10px;
        line-height: normal;
        color: #000;
        white-space: inherit;
        padding: 0 5px
    }
}

body.Media bol-menu-item a .bl_img {
    -webkit-filter: invert(1);
    filter: invert(1)
}

body.Media bol-menu-item a .bl_img img {
    -webkit-filter: brightness(0);
    filter: brightness(0)
}

bol-price {
    font-size: 22px;
    font-weight: 700;
    margin-right: 2px
}

bol-price.white {
    color: #fff
}

bol-price.colored {
    background: linear-gradient(to right,#871d81,#e2001a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #e2001a
}

bol-price.colored .exp {
    background: linear-gradient(to right,#871d81,#e2001a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #e2001a
}

bol-price.bold {
    font-weight: 900
}

bol-price.old_prix {
    font-size: 12px;
    line-height: 1.67;
    text-decoration: line-through;
    margin: 0;
    font-weight: 400
}

bol-price .exp {
    font-size: 10px
}

bol-price.price_option .exp {
    vertical-align: baseline;
    font-size: inherit
}

body.Media bol-price.colored,body.Media bol-price.colored .exp {
    color: #fff;
    background: inherit;
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: #fff
}

body.Media .bloc_panier bol-price.colored {
    background: linear-gradient(to right,#871d81,#e2001a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #e2001a
}

@media screen and (min-width: 0\0) {
    body.Media .bloc_panier .btn.ghost span,body.Media .bloc_panier bol-price.colored,bol-price.colored,bol-price.colored .exp,bol-price.colored b {
        background:0 0;
        color: #e2001a
    }
}

body.Media .bloc_panier bol-price.colored .exp {
    background: linear-gradient(to right,#871d81,#e2001a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #e2001a
}

.progress_bar {
    height: 3px;
    background-image: linear-gradient(to right,#872386,#e30613);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    display: none
}

.progress_bar.mobile {
    z-index: 0;
    display: block;
    min-width: 8px
}

.progress_bar.home {
    display: none;
    position: inherit;
    z-index: 3;
    min-width: 1%
}

body.Home .progress_bar.home {
    display: block
}

.bl_search_site {
    box-shadow: 0 8px 16px 0 rgba(24,24,24,.1),0 -1px 6px 1px rgba(24,24,24,.04);
    background: #fff;
    position: relative;
    padding: 0 18px
}

.bl_search_site>.wrapper {
    max-width: 1065px;
    margin: auto;
    display: flex;
    padding: 24px 0;
    justify-content: space-between
}

.bl_search_site>.wrapper>div {
    flex: 0
}

.bl_search_site>.wrapper>div:nth-child(2) {
    flex: 2
}

.bl_search_site .bl_recherche {
    display: flex;
    justify-content: space-between
}

.bl_search_site .bl_recherche .input {
    margin-right: 16px;
    width: 85%
}

.bl_search_site .bl_recherche .btn {
    margin: 0
}

.bl_search_site .bloc_filtres {
    margin-right: 24px;
    position: relative;
    z-index: 1
}

.bl_search_site .bloc_filtres .filtre {
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    display: inline-block;
    background-color: #fff
}

.bl_search_site .bloc_filtres .filtre.active {
    border-color: transparent;
    box-shadow: 3px -3px 8px 0 rgba(24,24,24,.1);
    position: relative;
    z-index: 2;
    margin-bottom: -2px
}

.bl_search_site .bloc_filtres .filtre .txt {
    display: inline-block;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/pic-filtre.svg) 85% center/8px 5px no-repeat;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    padding: 9px 25px 9px 12px;
    color: #444;
    cursor: pointer
}

.bl_search_site .bloc_filtres .filter-bloc-relative {
    position: absolute;
    width: 320px;
    background-color: #fff;
    padding: 24px 20px;
    z-index: 1;
    box-shadow: 0 8px 16px 0 rgba(24,24,24,.1),0 -1px 6px 1px rgba(24,24,24,.04)
}

.bl_search_site .bloc_filtres .filter-bloc-relative .list {
    padding: 16px 0
}

.bl_search_site .bloc_filtres .filter-bloc-relative .list li {
    padding: 4px 0;
    margin-bottom: 8px
}

.bl_search_site .bloc_filtres .filter-bloc-relative .list li .bl_checkbox {
    margin: 0
}

.bl_search_site .bloc_filtres .filter-bloc-relative .bl_btn {
    text-align: center
}

@media only screen and (max-width: 768px) {
    .bl_search_site .bloc_filtres {
        float:none;
        margin: 0 5px;
        display: inline-block;
        position: inherit
    }

    .bl_search_site .bloc_filtres .filtre.active {
        z-index: 1
    }

    .bl_search_site .bloc_filtres .filter-bloc-relative {
        box-shadow: 0 15px 16px -10px rgba(24,24,24,.2);
        width: 100%;
        left: 0;
        right: 0;
        text-align: left
    }
}

.bl_search_site .find {
    margin-left: 50px
}

.bl_search_site .close {
    margin-left: 34px;
    display: block;
    width: 40px;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/cross.svg) center no-repeat #f2f2f2;
    height: 40px;
    border-radius: 90px;
    cursor: pointer
}

@media only screen and (max-width: 768px) {
    .bl_search_site>.wrapper {
        padding:18px 0 32px;
        flex-wrap: wrap
    }

    .bl_search_site>.wrapper>div {
        flex: 0
    }

    .bl_search_site>.wrapper>div:nth-child(1) {
        order: 1
    }

    .bl_search_site>.wrapper>div:nth-child(2) {
        order: 3;
        width: 100%;
        min-width: 100%
    }

    .bl_search_site>.wrapper>div:nth-child(3) {
        order: 4;
        width: 100%;
        min-width: 100%;
        text-align: center
    }

    .bl_search_site>.wrapper>div:nth-child(4) {
        order: 2
    }

    .bl_search_site .bl_recherche {
        margin: 19px 0 32px
    }

    .bl_search_site .bloc_filtres {
        margin: 0
    }

    .bl_search_site .find {
        margin: auto
    }
}

.custom-slider-tick bol-generic-slider.animate {
    margin: 35px 0 15px
}

.custom-slider-tick bol-generic-slider.animate .bol-slider-bar-wrapper {
    visibility: visible!important
}

.custom-slider-tick bol-generic-slider.animate .bol-slider-bubble {
    bottom: -30px;
    font-size: 14px
}

.custom-slider-tick bol-generic-slider.animate .bol-slider-tick {
    width: 0;
    height: 0
}

.photo_credit {
    background: #fff;
    border-bottom: 1px solid #e9e9e9
}

.photo_credit .wrapper {
    margin: auto;
    max-width: 1065px;
    padding: 30px 18px
}

.photo_credit .wrapper .title {
    margin-bottom: 14px;
    color: #222
}

bol-list-slider bol-generic-slider .bol-slider-tick-value {
    top: 22px
}

.bl_client_space {
    box-shadow: 0 8px 16px 0 rgba(24,24,24,.1),0 -1px 6px 1px rgba(24,24,24,.04);
    background: #fff;
    position: relative;
    padding: 0 18px
}

.bl_client_space>.wrapper {
    max-width: 1065px;
    margin: auto;
    display: flex;
    padding: 70px 0 50px
}

.bl_client_space>.wrapper>div {
    flex: 1
}

.bl_client_space .close {
    display: block;
    width: 40px;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/cross.svg) center no-repeat #f2f2f2;
    height: 40px;
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: 90px;
    cursor: pointer
}

.bl_client_space .bl_left .title_bl {
    font-size: 52px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: normal;
    color: #222;
    text-transform: uppercase;
    margin-bottom: 12px
}

.bl_client_space .bl_left .Text500 {
    margin-bottom: 24px
}

.bl_client_space .bl_left .bl_btn .btn {
    margin: 0
}

.bl_client_space .bl_right {
    display: flex
}

.bl_client_space .bl_right .list_menu_conn {
    border-left: 1px solid #d2d2d2;
    flex: 1;
    padding-left: 24px
}

.bl_client_space .bl_right .list_menu_conn .elem_list_menu_conn {
    display: flex;
    margin-bottom: 16px
}

.bl_client_space .bl_right .list_menu_conn .elem_list_menu_conn:last-child {
    margin-bottom: 0
}

.bl_client_space .bl_right .list_menu_conn .elem_list_menu_conn i {
    margin-right: 8px;
    width: 25px;
    height: 18px;
    text-align: center
}

.bl_client_space .bl_right .list_menu_conn .elem_list_menu_conn i img {
    max-height: 100%;
    max-width: 100%
}

.bl_client_space .bl_right .list_menu_conn .elem_list_menu_conn a {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: normal;
    color: #444;
    cursor: pointer
}

.carrousel-progress-bar {
    background: #000;
    overflow: hidden;
    height: 32px;
    width: 3px
}

.carrousel-progress-bar__bar {
    background: #e2001a;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    height: 0;
    width: 100%
}

.list .elem_list.active .carrousel-progress-bar {
    background: rgba(0,0,0,.2)
}

.bl_carroussel_home .carrousel-progress-bar,.bl_carroussel_home .carrousel-progress-bar__bar,.bl_mea_carl .carrousel-progress-bar,.bl_mea_carl .carrousel-progress-bar__bar,.bloc_mea_slider .carrousel-progress-bar,.bloc_mea_slider .carrousel-progress-bar__bar,body.Media .carrousel-progress-bar,body.Media .carrousel-progress-bar__bar {
    background: #fff
}

.bl_carroussel_home .list .elem_list.active .carrousel-progress-bar,.bl_carroussel_home .list .list_elem.active .carrousel-progress-bar,.bl_mea_carl .list .elem_list.active .carrousel-progress-bar,.bl_mea_carl .list .list_elem.active .carrousel-progress-bar,.bloc_mea_slider .list .elem_list.active .carrousel-progress-bar,.bloc_mea_slider .list .list_elem.active .carrousel-progress-bar,body.Media .list .elem_list.active .carrousel-progress-bar,body.Media .list .list_elem.active .carrousel-progress-bar {
    background: rgba(255,255,255,.5)
}

@-webkit-keyframes carrousel-progress-bar__bar--progressing-to-down {
    from {
        height: 0
    }

    to {
        height: 100%
    }
}

@keyframes carrousel-progress-bar__bar--progressing-to-down {
    from {
        height: 0
    }

    to {
        height: 100%
    }
}

.carrousel-progress-bar__bar--full {
    height: 100%
}

.carrousel-progress-bar__bar--progressing {
    -webkit-animation-name: carrousel-progress-bar__bar--progressing-to-down;
    animation-name: carrousel-progress-bar__bar--progressing-to-down
}

@-webkit-keyframes carrousel-progress-bar__bar--progressing-to-right {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes carrousel-progress-bar__bar--progressing-to-right {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

@media only screen and (max-width: 768px) {
    .bl_client_space>.wrapper {
        flex-direction:column;
        padding: 70px 0 24px
    }

    .bl_client_space .bl_left {
        text-align: center;
        padding-bottom: 30px
    }

    .bl_client_space .bl_left .title_bl {
        font-size: 36px;
        margin-bottom: 5px
    }

    .bl_client_space .bl_left .Text500 {
        margin-bottom: 20px
    }

    .bl_client_space .bl_left .bl_btn .btn {
        margin: auto
    }

    .bl_client_space .bl_right {
        flex-direction: column
    }

    .bl_client_space .bl_right .list_menu_conn {
        border: 0;
        border-top: 1px solid #d2d2d2;
        padding: 24px 10px 16px
    }

    .bl_client_space .bl_right .list_menu_conn .elem_list_menu_conn {
        display: flex;
        margin-bottom: 16px
    }

    .bl_client_space .bl_right .list_menu_conn .elem_list_menu_conn i {
        margin-right: 8px;
        width: 25px;
        height: 18px;
        text-align: center
    }

    .bl_client_space .bl_right .list_menu_conn .elem_list_menu_conn a {
        font-size: 14px;
        line-height: 1.43;
        letter-spacing: normal;
        color: #444;
        cursor: pointer
    }

    .carrousel-progress-bar.carrousel-progress-bar {
        height: 4px;
        width: 30px
    }

    .carrousel-progress-bar .carrousel-progress-bar__bar {
        height: 100%;
        width: 0
    }

    .carrousel-progress-bar .carrousel-progress-bar__bar--full {
        width: 100%
    }

    .carrousel-progress-bar .carrousel-progress-bar__bar--progressing {
        -webkit-animation-name: carrousel-progress-bar__bar--progressing-to-right;
        animation-name: carrousel-progress-bar__bar--progressing-to-right
    }

    .bloc_panier .panier.UP span {
        bottom: 50%;
        left: 50%
    }
}

@media only screen and (max-width: 992px) {
    bol-menu-item a .bl_img {
        display:flex
    }

    .carrousel-progress-bar.carrousel-progress-bar--tablet-threshold.carrousel-progress-bar {
        height: 4px;
        width: 30px
    }

    .carrousel-progress-bar.carrousel-progress-bar--tablet-threshold .carrousel-progress-bar__bar {
        height: 100%;
        width: 0
    }

    .carrousel-progress-bar.carrousel-progress-bar--tablet-threshold .carrousel-progress-bar__bar--full {
        width: 100%
    }

    .carrousel-progress-bar.carrousel-progress-bar--tablet-threshold .carrousel-progress-bar__bar--progressing {
        -webkit-animation-name: carrousel-progress-bar__bar--progressing-to-right;
        animation-name: carrousel-progress-bar__bar--progressing-to-right
    }
}

.slide.show {
    -webkit-animation: 150ms cubic-bezier(0,0,.2,1) slidein;
    animation: 150ms cubic-bezier(0,0,.2,1) slidein;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    transform: translateX(0)
}

.slide.hide {
    -webkit-animation: 150ms cubic-bezier(0,0,.2,1) slideout;
    animation: 150ms cubic-bezier(0,0,.2,1) slideout;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes slidein {
    from {
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        transform: translate3d(0,0,0)
    }
}

@keyframes slidein {
    from {
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes slideout {
    from {
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        transform: translate3d(100%,0,0)
    }
}

@keyframes slideout {
    from {
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        transform: translate3d(100%,0,0)
    }
}

#toast-container.toast-container>.ngx-toastr {
    position: relative;
    overflow: hidden;
    margin: 0 0 6px;
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 24px;
    width: 320px;
    height: 85px;
    border-radius: 14px;
    top: 86px;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04);
    padding: 16px
}

#toast-container.toast-container>.ngx-toastr.toast-error,#toast-container.toast-container>.ngx-toastr.toast-info,#toast-container.toast-container>.ngx-toastr.toast-success,#toast-container.toast-container>.ngx-toastr.toast-warning {
    padding: 5px 16px;
    background: linear-gradient(to right,#871d81 0,#e2001a 100%)
}

#toast-container.toast-container>.ngx-toastr.toast-error .toast-close-button,#toast-container.toast-container>.ngx-toastr.toast-info .toast-close-button,#toast-container.toast-container>.ngx-toastr.toast-success .toast-close-button,#toast-container.toast-container>.ngx-toastr.toast-warning .toast-close-button {
    position: absolute;
    cursor: pointer;
    top: 8px;
    right: 8px;
    width: 24px;
    height: 24px;
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/close.svg);
    background-repeat: no-repeat;
    background-size: cover
}

#toast-container.toast-container>.ngx-toastr.toast-error .toast-close-button:hover,#toast-container.toast-container>.ngx-toastr.toast-info .toast-close-button:hover,#toast-container.toast-container>.ngx-toastr.toast-success .toast-close-button:hover,#toast-container.toast-container>.ngx-toastr.toast-warning .toast-close-button:hover {
    color: #02ceff
}

#toast-container.toast-container>.ngx-toastr.toast-error .custom-title,#toast-container.toast-container>.ngx-toastr.toast-info .custom-title,#toast-container.toast-container>.ngx-toastr.toast-success .custom-title,#toast-container.toast-container>.ngx-toastr.toast-warning .custom-title {
    color: red
}

#toast-container.toast-container>.ngx-toastr.toast-error .toast-message,#toast-container.toast-container>.ngx-toastr.toast-info .toast-message,#toast-container.toast-container>.ngx-toastr.toast-success .toast-message,#toast-container.toast-container>.ngx-toastr.toast-warning .toast-message {
    width: 280px;
    height: 40px;
    font-size: 14px;
    line-height: 1.43;
    color: #fff
}

@media only screen and (max-width: 600px) {
    #toast-container.toast-container {
        width:100%;
        right: 0
    }

    #toast-container.toast-container>.ngx-toastr {
        width: 100%;
        border-radius: unset;
        top: 60px
    }
}

.bloc_panier {
    width: 34vw;
    color: #222;
    border-radius: 14px;
    background: #f2f2f2;
    position: absolute;
    left: -15vw;
    top: 25px;
    z-index: 1;
    box-shadow: 0 5px 5px 0 rgba(34,34,34,.15)
}

.bloc_panier .content_panier {
    overflow: hidden;
    -webkit-border-bottom-left-radius: 14px;
    -webkit-border-bottom-right-radius: 14px;
    -moz-border-radius-bottomleft: 14px;
    -moz-border-radius-bottomright: 14px;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px
}

.bloc_panier .body_panier {
    scrollbar-width: thin;
    overflow: auto;
    max-height: 75vh
}

.bloc_panier .body_panier::-webkit-scrollbar {
    height: 7px;
    width: 7px;
    background: #f2f2f2
}

.bloc_panier .body_panier::-webkit-scrollbar-thumb {
    background: #d2d2d2
}

.bloc_panier .panier.UP {
    width: 52px;
    height: 52px!important;
    display: block;
    position: absolute;
    border-radius: 90px;
    box-shadow: 0 5px 5px 0 rgba(34,34,34,.15);
    z-index: 1;
    left: 45%;
    top: -26px
}

.bloc_panier .title_bloc {
    text-align: center;
    padding: 45px 40px 24px;
    position: relative;
    text-transform: uppercase
}

.bloc_panier .title_bloc i {
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/cross.svg) center no-repeat #fff;
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 35px;
    right: 24px;
    border-radius: 90px;
    cursor: pointer
}

.bloc_panier .bl_empty {
    min-height: 200px;
    display: flex;
    align-items: center;
    font-family: Arial;
    font-size: 12px;
    justify-content: center;
    color: #8a8a8a
}

.liste_panier {
    padding-bottom: 16px
}

.liste_panier li {
    margin-bottom: 16px;
    box-shadow: 0 8px 16px 0 rgba(24,24,24,.1),0 -1px 6px 1px rgba(24,24,24,.04);
    background: #fff;
    justify-content: space-between;
    align-items: center
}

.liste_panier li.total_bl {
    background: #000
}

.liste_panier li .bl_type {
    background: #000;
    padding: 5px 32px
}

.liste_panier li .bl_type .type_pdt {
    color: #fff;
    width: calc(100% - 75px)
}

.liste_panier li .bl_type .link {
    color: #fff;
    float: right;
    text-decoration: underline
}

.liste_panier li .bl_detail {
    padding: 20px 32px 12px
}

.liste_panier li .bl_detail .top {
    display: flex
}

.liste_panier li .bl_detail .top .btn {
    margin: 0
}

.liste_panier li .bl_detail .img {
    height: 55px;
    text-align: center;
    line-height: 55px;
    margin-right: 12px;
    min-width: 30px;
    max-width: 40px;
    overflow: hidden
}

.liste_panier li .bl_detail .img img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto
}

.liste_panier li .bl_detail h6 {
    margin-bottom: 12px
}

.liste_panier li .bl_detail .Text200 .color {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 90px;
    margin-right: 6px;
    margin-bottom: -1px
}

.liste_panier li .bl_detail .prix_pdt {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px;
    background: linear-gradient(to right,#871d81,#e2001a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #e2001a
}

@media screen and (min-width: 0\0) {
    .liste_panier li .bl_detail .prix_pdt,body.Media .bloc_panier bol-price.colored .exp {
        background:0 0;
        color: #e2001a
    }
}

.liste_panier li .bl_detail .refund_pdt {
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    background: #000;
    border-radius: 3px;
    line-height: 16px;
    display: inline-block;
    padding: 0 6px;
    margin-top: 4px
}

.liste_panier li .bl_detail .PrixPdt {
    text-align: right
}

.liste_panier li .bl_detail .PrixPdt .colored {
    font-size: 14px
}

.liste_panier li .bl_detail .InfoPdt {
    flex: 2;
    margin-right: 12px
}

.liste_panier li .bl_detail .bl_checkbox {
    margin: 0
}

.liste_panier li .bl_detail .bl_checkbox label {
    font-family: Arial;
    font-size: 12px;
    color: #8a8a8a
}

.liste_panier li .bl_detail .bl_checkbox i {
    max-width: 16px;
    max-height: 16px;
    min-width: 16px
}

.liste_panier li .bl_detail .bl_checkbox span {
    margin: 0
}

.liste_panier li .bl_detail .precommande_stick {
    background-color: #000;
    color: #fff;
    padding: 1px 3px;
    border-radius: 5px;
    font-size: .7em;
    margin: 4px 1px
}

.liste_panier .bl_supplem {
    border-top: 1px solid #d2d2d2;
    padding: 16px 0;
    margin: 0 32px
}

.liste_panier .bl_supplem>div:first-child {
    display: flex;
    justify-content: space-between
}

.liste_panier .bl_supplem .link {
    font-family: Arial,sans-serif;
    font-size: 10px;
    color: #8a8a8a
}

.liste_panier .bl_supplem .btn {
    margin: 0
}

.liste_panier .bl_supplem .img {
    margin-right: 12px
}

.liste_panier .bl_supplem .img img {
    max-width: 100%;
    width: auto;
    height: auto
}

.liste_panier .bl_supplem .InfoPdt {
    margin-right: 12px;
    flex: 1 auto
}

.liste_panier .bl_supplem .liste_panier {
    margin: 11px 0 0;
    padding: 0;
    display: none
}

.liste_panier .bl_supplem .liste_panier.active {
    display: block
}

.liste_panier .bl_supplem .liste_panier li {
    margin: 0;
    box-shadow: none;
    border-top: 1px solid #d2d2d2
}

.liste_panier .bl_supplem .liste_panier li .bl_detail {
    padding: 14px 0 0
}

.liste_panier .bl_supplem bol-price {
    font-size: 14px
}

.bl_carrousel {
    margin-bottom: 12px;
    position: relative
}

.bl_carrousel .title_bl {
    margin: 0 32px 14px
}

.bl_carrousel ul.nav li {
    position: relative;
    height: 0
}

.bl_carrousel ul.nav li.active {
    display: block
}

.bl_carrousel ul.nav li a {
    background-image: linear-gradient(to left,#f2f2f2 60%,rgba(242,242,242,.2));
    position: relative;
    cursor: pointer;
    width: 25px;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center
}

.bl_carrousel ul.nav li a::after {
    content: "";
    display: block;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/arrow-s.svg) center no-repeat;
    width: 7px;
    height: 11px
}

.bl_carrousel ul.nav li.prev {
    float: left
}

.bl_carrousel ul.nav li.prev a {
    transform: rotate(180deg)
}

.bl_carrousel ul.nav li.next {
    float: right
}

.bl_carrousel ul.liste_option {
    display: flex;
    overflow-x: auto;
    padding-bottom: 24px;
    align-items: center;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.bl_carrousel ul.liste_option::-webkit-scrollbar {
    width: 0!important
}

.bl_carrousel ul.liste_option::after,.bl_carrousel ul.liste_option::before {
    content: "";
    display: block;
    width: 14px;
    min-width: 14px;
    height: 1px;
    margin: 0 6px
}

@media only screen and (max-width: 768px) {
    .bl_carrousel .title_bl {
        margin:0 18px 14px
    }

    .bl_carrousel ul.liste_option::after,.bl_carrousel ul.liste_option::before {
        width: 2px;
        min-width: 2px
    }
}

.bl_carrousel ul.liste_option li {
    min-width: 116px;
    max-width: 116px;
    width: 116px;
    margin: 0 6px;
    border-radius: 8px;
    box-shadow: 0 8px 16px 0 rgba(24,24,24,.1),0 -1px 6px 1px rgba(24,24,24,.04);
    background: #fff;
    height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    overflow: hidden
}

.bl_carrousel ul.liste_option li .img {
    margin-bottom: 15px;
    height: 40px
}

.bl_carrousel ul.liste_option li .img img {
    max-height: 40px;
    max-width: 78px;
    width: auto;
    height: auto
}

.bl_carrousel ul.liste_option li .title_option {
    text-align: center;
    margin-bottom: 8px;
    overflow: hidden;
    height: 50px
}

.bl_carrousel ul.liste_option li .price_option {
    margin-bottom: 8px
}

.bl_carrousel ul.liste_option li .link {
    text-decoration: underline
}

.bl_carrousel.type2 {
    margin-bottom: 0
}

.bl_carrousel.type2 ul.nav li a {
    height: 100px
}

.bl_carrousel.type2 ul.liste_option li {
    min-width: 245px;
    max-width: 245px;
    width: 245px;
    height: 100px;
    padding: 12px;
    flex-direction: row;
    justify-content: flex-start
}

.bl_carrousel.type2 ul.liste_option li .img {
    margin: 0 12px 0 0;
    height: 60px
}

.bl_carrousel.type2 ul.liste_option li .img img {
    max-height: 57px;
    max-width: 57px
}

.bl_carrousel.type2 ul.liste_option li .detail {
    flex: 2
}

.bl_carrousel.type2 ul.liste_option li .detail .title_option {
    text-align: left;
    min-height: inherit;
    margin: 0 0 5px;
    overflow: hidden;
    height: 32px
}

.bl_carrousel.type2 ul.liste_option li .detail .price_option {
    margin: 0;
    padding-top: 1px
}

.bl_carrousel.type2 ul.liste_option li .detail .link {
    float: right;
    font-size: 12px
}

.bl_carrousel.Noel ul.nav li a {
    height: 111px
}

.bl_carrousel.Noel ul.liste_option li {
    min-width: 167px;
    max-width: 167px;
    width: 167px;
    height: 111px;
    padding: 16px 12px
}

.bl_carrousel.Noel ul.liste_option li .h6 {
    text-align: center;
    height: auto
}

.bl_code_promo {
    margin-bottom: 24px
}

.bl_code_promo .title_bl {
    margin-bottom: 14px
}

.bl_code_promo .input {
    border-radius: 4px;
    border: 1px solid #222;
    padding: 11px 14px;
    background: #fff;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #444;
    margin-right: 14px;
    min-width: 220px
}

.bl_code_promo .link {
    text-decoration: underline
}

.bl_code_promo .promo {
    display: flex;
    justify-content: space-between;
    margin: 6px 0
}

.bl_code_promo .promo .txt {
    font-family: Arial;
    font-size: 12px;
    color: #000;
    margin-bottom: 6px
}

.bl_code_promo .promo h4 {
    font-size: 16px;
    font-weight: 700;
    margin-left: 24px
}

.total_bl {
    color: #fff;
    background: #000;
    padding: 0 0 10px
}

.total_bl ul li {
    margin: 0 32px;
    padding: 12px 0;
    border-bottom: 1px solid #444
}

.total_bl ul li .txt_title {
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: space-between
}

.total_bl ul li .txt_title .Text300 {
    color: #fff;
    display: block
}

.total_bl .bl_facture {
    border-radius: 8px;
    background: #2e2e2e;
    padding: 15px 20px
}

.total_bl .bl_facture .bl_checkbox {
    margin-bottom: 16px
}

.total_bl .bl_facture .bl_checkbox>label {
    font-family: Arial;
    font-size: 12px;
    color: #8a8a8a
}

.total_bl .bl_facture .bl_checkbox>label>i {
    margin: 7px 14px 0 0;
    background-color: #fff;
    height: 16px;
    max-width: 16px;
    min-width: 16px;
    background-size: 12px 12px
}

.total_bl .bl_facture .bl_checkbox>label span {
    margin: 0
}

.total_bl .bl_facture .bl_checkbox>label strong {
    font-size: 14px;
    font-weight: 700;
    display: block;
    color: #fff;
    font-family: SFR;
    margin-bottom: 2px
}

.total_bl .bl_facture .bl_checkbox .txt_desc {
    color: #fff;
    margin-top: 8px;
    display: block;
    padding-left: 30px
}

.total_bl bol-price {
    font-size: 14px;
    margin-left: 40px
}

.total_bl .btn_bl {
    display: flex;
    justify-content: space-between;
    padding: 24px 32px;
    text-align: center;
    align-items: center
}

.total_bl .btn_bl.right {
    padding: 10px 32px 0;
    justify-content: flex-end
}

.total_bl .btn_bl .link {
    color: #fff;
    text-decoration: underline
}

.total_bl .btn_bl .btn {
    margin: 0;
    color: #fff
}

.bl_associate {
    padding: 16px 36px!important;
    display: flex;
    justify-content: space-between
}

.bl_associate .txt {
    font-family: Arial;
    font-size: 12px;
    color: #222;
    max-width: 205px
}

.bl_associate .PrixPdt {
    margin-right: 25px
}

@media only screen and (max-width: 1340px) {
    .bl_associate {
        flex-wrap:wrap;
        padding: 16px 18px!important
    }

    .bl_associate .bl_btn {
        width: 100%
    }

    .bl_associate .bl_btn .btn {
        float: right
    }

    .bl_associate .txt {
        max-width: inherit;
        width: 100%;
        margin-bottom: 16px
    }

    .bl_associate .PrixPdt {
        margin-right: 0;
        margin-bottom: 16px
    }
}

.bl_associate .plus {
    margin-right: 12px
}

@media only screen and (max-width: 1340px) {
    .bl_associate .plus {
        margin:0 5px
    }
}

.bl_associate h6.type_pdt {
    margin-bottom: 0!important
}

.bl_AddOption {
    border-top: 1px solid #d2d2d2;
    padding: 16px 0;
    margin: 0 40px
}

.bl_AddOption.bl_Souscription {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 20px
}

.bl_AddOption.bl_Souscription .txt {
    text-align: center;
    justify-content: center
}

.bl_AddOption.bl_Souscription .bl_btn {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.bl_AddOption.bl_Souscription .bl_btn .btn.ghost {
    width: 140px;
    padding: 0 10px;
    margin-top: 10px
}

.bl_AddOption>div:first-child {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.bl_AddOption .txt {
    font-size: 14px;
    line-height: 1.43;
    font-weight: 700;
    color: #444
}

@media only screen and (max-width: 768px) {
    .bl_AddOption {
        margin:0 18px
    }

    .bl_AddOption>div:first-child {
        flex-wrap: wrap
    }

    .bl_AddOption>div:first-child>div {
        width: 100%;
        justify-content: center
    }

    .bl_AddOption .txt {
        text-align: center;
        margin-bottom: 12px
    }
}

.bl_AddOption .bl_btn {
    display: flex;
    justify-content: flex-end
}

.bl_AddOption .bl_btn .btn {
    margin: 0 4px;
    width: 110px
}

@media only screen and (max-width: 992px) {
    .bloc_panier {
        width:100%;
        border-radius: 0;
        left: 0;
        top: 50px
    }

    .bloc_panier .content_panier .body_panier {
        height: calc(100vh - 100px);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        max-height: none
    }
}

@media only screen and (max-width: 992px) and (max-width:768px) {
    .bloc_panier {
        top:35px
    }
}

@media only screen and (max-width: 992px) {
    .bloc_panier .title_bloc {
        padding:28px 20px 18px
    }

    .bloc_panier .title_bloc i {
        top: 12px;
        right: 12px
    }

    .bloc_panier .liste_panier {
        padding-bottom: 12px
    }

    .bloc_panier .liste_panier li {
        margin-bottom: 12px
    }

    .bloc_panier .liste_panier li .bl_type {
        padding: 5px 17px
    }

    .bloc_panier .liste_panier li .bl_detail {
        padding: 17px
    }

    .bloc_panier .liste_panier .bl_supplem {
        margin: 0 17px
    }

    .bloc_panier .total_bl {
        padding: 0 0 10px
    }

    .bloc_panier .total_bl ul li {
        margin: 0;
        padding: 12px 18px
    }

    .bloc_panier .total_bl .btn_bl {
        padding: 20px;
        flex-direction: column-reverse
    }

    .bloc_panier .total_bl .btn_bl .btn {
        margin-bottom: 18px
    }

    .bloc_panier .bl_code_promo {
        margin: 0 18px 24px 0
    }

    .bloc_panier .bl_code_promo .input {
        min-width: inherit;
        width: 65%
    }
}

.old_prix {
    font-size: 12px;
    line-height: 1.67;
    color: #444;
    text-decoration: line-through;
    margin-left: 6px
}

.honor {
    margin: 0 32px
}

a.btn {
    color: #fff
}

bol-save-basket .bl_save .ico_bl {
    background: url(https://static.s-sfr.fr/media/v2/assets/images/png/profil-basket.png) center no-repeat
}

bol-save-basket .bl_save .close_bl {
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/cross.svg) center no-repeat #fff
}

@-webkit-keyframes slidedown {
    from {
        margin-top: -100%
    }

    to {
        margin-top: 0
    }
}

@keyframes slidedown {
    from {
        margin-top: -100%
    }

    to {
        margin-top: 0
    }
}

bol-bol-header {
    display: block;
    height: 70px
}

header {
    width: 100%;
    top: 0;
    z-index: 4
}

header .bl_header {
    box-shadow: 0 2px 4px 0 rgba(34,34,34,.1);
    background-color: #fff;
    position: relative;
    z-index: 1
}

header .bl_header>.wrapper {
    transition: margin-top .2s cubic-bezier(0,0,.2,1);
    max-width: 1350px;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    height: 70px
}

header .bl_header>.wrapper .bl_left {
    display: flex;
    align-items: center;
    height: 100%
}

header .bl_header>.wrapper .bl_right {
    align-items: center
}

header .logo {
    margin-right: 10px
}

header .logo a {
    display: block
}

header .logo img {
    width: auto;
    height: 50px
}

header .sfr_sites {
    margin: 0 20px 0 0;
    position: relative;
    display: flex
}

@media only screen and (max-width: 768px) {
    .honor {
        margin:0 18px
    }

    bol-bol-header,header .bl_header>.wrapper {
        height: 70px
    }

    header .logo img {
        height: 36px
    }

    header .sfr_sites {
        margin: 0 10px 0 0
    }
}

header .sfr_sites .logoBorder {
    height: 36px;
    border-right: 1px solid #e9e9e9;
    margin: 7px 10px 0 0;
    display: inline-block
}

@media only screen and (max-width: 768px) {
    header .sfr_sites .logoBorder {
        height:25px;
        margin: 5px 10px 0 0
    }
}

header .sfr_sites .open {
    width: 50px;
    height: 25px;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/png/logo-sfrpro.png) center top no-repeat;
    margin: 12px 20px 12px 0;
    display: inline-block
}

header .sfr_sites .open.opacify {
    opacity: .5
}

header .MainMenu {
    height: 100%
}

header .MainMenu ul {
    display: flex;
    height: 100%
}

header .MainMenu ul li {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    position: relative
}

header .MainMenu ul li.hideDesktop {
    display: none
}

header .MainMenu ul li::before {
    background: #e9e9e9;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: 1px;
    height: 30px
}

header .MainMenu ul li:last-child::before {
    display: none
}

header .MainMenu ul li.active::after {
    content: "";
    display: block;
    height: 3px;
    background: linear-gradient(to right,#871d81,#e2001a);
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

header .MainMenu ul li.active .bl_img img {
    -webkit-filter: none;
    filter: none
}

header .MainMenu ul li.active .txt {
    font-weight: 700
}

header .MainMenu ul li bol-menu-item {
    height: 63px
}

@media only screen and (max-width: 992px) {
    header .MainMenu {
        height:auto;
        transition: margin-bottom .2s cubic-bezier(0,0,.2,1);
        position: fixed;
        z-index: 1;
        bottom: 0;
        right: 0;
        left: 0;
        background: #fff;
        border: 1px solid #f2f2f2;
        max-width: none;
        -webkit-border-top-left-radius: 20px;
        -webkit-border-top-right-radius: 20px;
        -moz-border-radius-topleft: 20px;
        -moz-border-radius-topright: 20px;
        -webkit-border-bottom-left-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-bottomleft: 0;
        -moz-border-radius-bottomright: 0;
        box-shadow: 0 0 5px 0 rgba(34,34,34,.15);
        border-radius: 20px 20px 0 0
    }

    header .MainMenu.hide {
        display: none
    }

    header .MainMenu ul {
        align-items: center;
        height: 63px
    }

    header .MainMenu ul li {
        flex: 1;
        min-width: 55px
    }

    header .MainMenu ul li.hideDesktop {
        display: flex
    }

    header .MainMenu ul li::before {
        height: 32px
    }

    header .MainMenu ul li.active .txt {
        background: linear-gradient(to right,#871d81,#e2001a);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: #e2001a
    }
}

@media only screen and (max-width: 992px) and (min-width:0\0) {
    header .MainMenu ul li.active .txt {
        background:0 0;
        color: #e2001a
    }
}

header .MenuUser .list_MenuUser {
    display: flex
}

header .MenuUser .list_MenuUser .item_MenuUser {
    flex: 1;
    margin: 0 3px;
    min-width: 60px;
    position: relative
}

header .MenuUser .list_MenuUser .item_MenuUser:last-child {
    margin-right: 0
}

header .MenuUser .list_MenuUser .item_MenuUser .link_MenuUser {
    display: block;
    cursor: pointer;
    margin: auto
}

header .MenuUser .list_MenuUser .item_MenuUser .link_MenuUser .picto {
    position: relative;
    width: 28px;
    height: 28px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

header .MenuUser .list_MenuUser .item_MenuUser .link_MenuUser .picto img {
    -webkit-filter: brightness(0);
    filter: brightness(0)
}

header .MenuUser .list_MenuUser .item_MenuUser .link_MenuUser .picto .name {
    display: none;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    color: #e2001a
}

header .MenuUser .list_MenuUser .item_MenuUser .link_MenuUser .txt {
    display: block;
    font-family: Arial;
    font-size: 12px;
    text-align: center;
    color: #8a8a8a;
    white-space: nowrap;
    margin: 7px auto 0
}

@media only screen and (max-width: 1080px) {
    header .MenuUser .list_MenuUser .item_MenuUser {
        min-width:35px
    }

    header .MenuUser .list_MenuUser .item_MenuUser .link_MenuUser .txt {
        display: none
    }
}

header .MenuUser .list_MenuUser .item_MenuUser .link_MenuUser.connexion .picto img {
    -webkit-filter: none;
    filter: none
}

header .MenuUser .list_MenuUser .item_MenuUser .link_MenuUser.connected .picto {
    background: url(https://static.s-sfr.fr/media/v2/assets/images/png/connected.png) center no-repeat
}

header .MenuUser .list_MenuUser .item_MenuUser .link_MenuUser.connected .picto img {
    display: none
}

header .MenuUser .list_MenuUser .item_MenuUser .link_MenuUser.connected .picto .name {
    display: block
}

header .MenuUser .list_MenuUser .item_MenuUser.active {
    z-index: 11
}

header .MenuUser .list_MenuUser .item_MenuUser.active .link_MenuUser {
    background: #fff;
    z-index: 2;
    position: relative;
    border-radius: 90px;
    height: 52px!important;
    width: 52px!important;
    display: flex
}

header .MenuUser .list_MenuUser .item_MenuUser.active .link_MenuUser .picto img {
    -webkit-filter: none!important;
    filter: none!important
}

header .MenuUser .list_MenuUser .item_MenuUser.active .link_MenuUser .txt {
    display: none
}

header .MenuUser .list_MenuUser .item_MenuUser .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 1;
    content: "";
    display: none
}

header .MenuUser .list_MenuUser .item_MenuUser .overlay.active {
    display: block
}

header .panier .number {
    display: block;
    width: 16px;
    height: 16px;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    background-color: #e2001a;
    border-radius: 90px;
    text-align: center;
    line-height: 16px;
    position: absolute;
    bottom: 60%;
    left: 60%
}

bol-bol-layout.scrolled header .bl_header>.wrapper {
    height: 53px
}

bol-bol-layout.scrolled header .logo img {
    height: 30px
}

bol-bol-layout.scrolled header .MenuUser .list_MenuUser .item_MenuUser .link_MenuUser {
    width: 41px;
    height: 41px;
    display: flex;
    align-items: center
}

bol-bol-layout.scrolled header .MenuUser .list_MenuUser .item_MenuUser .link_MenuUser .txt {
    display: none
}

bol-bol-layout.scrolled header .MenuUser .list_MenuUser .item_MenuUser .link_MenuUser.connexion:not(.connected) {
    background: linear-gradient(to right,#871d81,#e2001a);
    border-radius: 90px
}

bol-bol-layout.scrolled header .MenuUser .list_MenuUser .item_MenuUser .link_MenuUser.connexion:not(.connected) .picto {
    -webkit-filter: invert(1);
    filter: invert(1)
}

bol-bol-layout.scrolled header .MenuUser .list_MenuUser .item_MenuUser .link_MenuUser.connexion:not(.connected) .picto img {
    -webkit-filter: brightness(0);
    filter: brightness(0);
    height: 24px;
    width: auto
}

body.Media header .bl_header {
    background: #2e2e2e
}

body.Media header .sfr_sites .logoBorder {
    border-right-color: #8a8a8a
}

body.Media header .sfr_sites .open {
    background-position: bottom center
}

body.Media header .MainMenu ul li::before {
    background: #8a8a8a
}

body.Media header .MainMenu ul li a .txt {
    color: #fff
}

@media only screen and (max-width: 992px) {
    header .MenuUser .list_MenuUser .item_MenuUser {
        position:inherit
    }

    body.Media header .MainMenu {
        background: #2e2e2e;
        border-color: #8a8a8a;
        box-shadow: none
    }

    body.Media header .MainMenu ul {
        align-items: center
    }

    body.Media header .MainMenu ul li::before {
        background: #8a8a8a
    }

    body.Media header .MainMenu ul li.active .bl_img,body.Media header .MainMenu ul li.active .bl_img img {
        -webkit-filter: none;
        filter: none
    }

    body.Media header .MainMenu ul li.active .txt {
        background: 0 0;
        -webkit-text-fill-color: #fff;
        color: #fff
    }
}

body.Media header .MenuUser .list_MenuUser .item_MenuUser .link_MenuUser .picto,body.Media header .MenuUser .list_MenuUser .item_MenuUser .link_MenuUser .picto .number {
    -webkit-filter: invert(1);
    filter: invert(1)
}

body.Media header .MenuUser .list_MenuUser .item_MenuUser .link_MenuUser .picto img {
    -webkit-filter: brightness(0);
    filter: brightness(0)
}

body.Media header .MenuUser .list_MenuUser .item_MenuUser .link_MenuUser .txt {
    color: #d2d2d2
}

body.Media header .MenuUser .list_MenuUser .item_MenuUser .link_MenuUser.active .picto,body.Media header .MenuUser .list_MenuUser .item_MenuUser .link_MenuUser.active .picto img,body.Media header .MenuUser .list_MenuUser .item_MenuUser .link_MenuUser.connexion .picto,body.Media header .MenuUser .list_MenuUser .item_MenuUser .link_MenuUser.connexion .picto img {
    -webkit-filter: none;
    filter: none
}

body.Media header .MenuUser .list_MenuUser .item_MenuUser.active .link_MenuUser .picto .number {
    -webkit-filter: invert(0);
    filter: invert(0)
}

body.Media bol-bol-layout.scrolled header .MenuUser .list_MenuUser .item_MenuUser .link_MenuUser.connexion .picto {
    -webkit-filter: invert(1);
    filter: invert(1)
}

body.Media bol-bol-layout.scrolled header .MenuUser .list_MenuUser .item_MenuUser .link_MenuUser.connexion .picto img {
    -webkit-filter: brightness(0);
    filter: brightness(0)
}

.layout_main-container {
    min-height: 400px
}

bol-bol-footer footer {
    background: #181818;
    padding: 60px 55px 90px;
    color: #fff
}

bol-bol-footer footer>.wrapper {
    max-width: 1360px;
    margin: auto
}

bol-bol-footer footer .logo_footer {
    margin-right: 30px;
    width: 30px;
    height: 30px
}

bol-bol-footer footer .logo_footer img {
    width: 30px;
    height: 30px
}

@media only screen and (max-width: 768px) {
    header .sfr_sites .open {
        margin:7px 15px 7px 0
    }

    header .panier .number {
        width: 15px;
        height: 15px;
        line-height: 15px
    }

    bol-bol-layout.scrolled.to-down header .bl_header>.wrapper:not(.notHide) {
        margin-top: -53px;
        transition: margin-top 150ms cubic-bezier(.4,0,1,1)
    }

    bol-bol-footer footer {
        padding: 10px 0 80px
    }

    bol-bol-footer footer .logo_footer {
        display: none
    }
}

bol-bol-footer footer .footer_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media only screen and (max-width: 1340px) {
    bol-bol-footer footer .footer_bottom {
        flex-direction:column-reverse;
        align-items: inherit
    }
}

@media only screen and (max-width: 992px) {
    bol-bol-footer footer .footer_bottom {
        flex-direction:column-reverse
    }
}

bol-fixe-equipment-list>.bl_link {
    max-width: 1065px;
    margin: 0 auto 30px;
    display: flex;
    align-items: center
}

bol-fixe-equipment-list>.bl_link::before,bol-fixe-equipment-list>.bl_link:after {
    content: "";
    display: block;
    height: 2px;
    background: #e9e9e9;
    flex: 1
}

bol-fixe-equipment-list>.bl_link>.link {
    padding: 0 16px
}

bol-fixe-equipment-list .bl_equipment {
    max-width: 1065px;
    margin: auto;
    padding: 0 15px 20px
}

bol-fixe-equipment-list .bl_equipment .title_bloc {
    margin-bottom: 16px
}

bol-fixe-equipment-list .bl_equipment .elem_equipment {
    max-width: 335px;
    position: relative;
    margin-bottom: 20px
}

@media only screen and (max-width: 480px) {
    bol-fixe-equipment-list .bl_equipment .elem_equipment {
        max-width:inherit
    }
}

bol-fixe-equipment-list .bl_equipment .elem_equipment.type2 {
    max-width: 700px
}

bol-fixe-equipment-list .bl_equipment .elem_equipment.type3 {
    max-width: inherit
}

bol-fixe-offers-block {
    padding: 0 0 40px;
    display: block;
    background: #f2f2f2
}

bol-box-plans-list .box_plans_list {
    background: #f2f2f2
}

bol-box-plans-list .box_plans_list .wrapper {
    max-width: calc(1065px + 30px);
    margin: auto
}

bol-box-plans-list .box_plans_list .wrapper .list_offers {
    padding: 24px 0 65px;
    display: flex;
    flex-wrap: wrap
}

bol-box-plans-list .box_plans_list .wrapper .list_offers>li {
    min-width: 300px;
    max-width: 335px;
    flex: 1 auto;
    position: relative;
    margin: 13px 15px
}

.bl_fixe_banner {
    padding: 0 18px
}

.bl_fixe_banner .wrapper {
    max-width: 1065px;
    margin: auto;
    display: flex;
    align-items: center;
    padding: 40px 0;
    justify-content: space-between
}

.bl_fixe_banner .wrapper>div {
    flex: 1
}

.bl_fixe_banner .wrapper .bl_materiels {
    display: flex;
    justify-content: flex-end
}

.bl_fixe_banner .wrapper .bl_materiels>div {
    margin-left: 30px;
    width: 100%;
    max-width: 450px
}

.bl_fixe_banner .wrapper .bl_txt {
    max-width: 516px
}

.bl_fixe_banner .wrapper .bl_txt h3 {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.37;
    margin-bottom: 12px
}

.bl_fixe_banner .wrapper .bl_txt p {
    font-size: 18px;
    line-height: 1.56;
    color: #444;
    margin-bottom: 12px
}

.bl_fixe_banner .wrapper .bl_txt .bl_link {
    text-align: right
}

.bl_fixe_banner .wrapper .bl_txt .bl_link .link {
    margin: 0 38px 10px
}

@media only screen and (max-width: 768px) {
    bol-box-plans-list .box_plans_list .wrapper .list_offers>li {
        max-width:inherit
    }

    .bl_fixe_banner .wrapper {
        padding: 16px 0 0
    }

    .bl_fixe_banner .wrapper .bl_materiels {
        justify-content: center
    }

    .bl_fixe_banner .wrapper .bl_materiels>div {
        margin: 0 15px;
        max-width: none
    }

    .bl_fixe_banner .wrapper .bl_txt {
        display: none
    }
}

@media only screen and (max-width: 600px) {
    .bl_fixe_banner .wrapper .bl_materiels {
        flex-direction:column
    }

    .bl_fixe_banner .wrapper .bl_materiels>div {
        margin: 0 0 16px
    }

    .bl_fixe_banner .wrapper .bl_materiels>div:last-child {
        margin: 0
    }
}

.bl_elem_materiel {
    padding: 40px 24px 20px;
    min-height: 219px;
    border-radius: 14px;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04);
    background: #fff;
    height: 100%
}

.bl_elem_materiel .bl_img {
    height: 66px;
    margin-bottom: 16px;
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.bl_elem_materiel .bl_img img {
    max-height: 66px
}

.bl_elem_materiel .bl_desc {
    text-align: center
}

.bl_elem_materiel .bl_desc .title {
    margin-bottom: 12px
}

@media only screen and (max-width: 600px) {
    .bl_elem_materiel {
        padding:24px;
        width: 100%;
        min-height: 117px;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center
    }

    .bl_elem_materiel .bl_img {
        margin-bottom: 0;
        align-items: center
    }

    .bl_elem_materiel .bl_desc {
        text-align: left
    }

    .bl_elem_materiel .bl_desc .title {
        margin-bottom: 8px
    }
}

bol-fixe-offer-list .wrapper {
    max-width: calc(1065px + 30px);
    margin: auto;
    padding-bottom: 20px
}

bol-fixe-offer-list .wrapper .bl_link {
    padding: 32px 8px;
    align-items: center;
    text-align: center;
    display: flex
}

bol-fixe-offer-list .wrapper .bl_link::after,bol-fixe-offer-list .wrapper .bl_link::before {
    background: #e9e9e9;
    content: "";
    flex: 1;
    display: block;
    width: 100%;
    height: 2px
}

bol-fixe-offer-list .wrapper .bl_link .link {
    padding: 0 16px;
    flex: 1
}

bol-fixe-offer-list .wrapper .list_offers {
    padding: 12px 0 20px;
    display: flex;
    flex-wrap: wrap
}

bol-fixe-offer-list .wrapper .list_offers>li {
    padding-top: 19px;
    min-width: 290px;
    max-width: calc(100% / 3 - 30px);
    flex: 1 auto;
    position: relative;
    margin: 12px 15px
}

@media only screen and (max-width: 992px) {
    bol-fixe-offer-list .wrapper .list_offers>li {
        max-width:calc(100% / 2 - 30px)
    }
}

bol-fixe-offer-list .wrapper .btn_container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

bol-comparator-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 1065px;
    margin: auto;
    padding: 0 15px 15px
}

bol-comparator-block bol-fil-ariane .fil_ariane {
    margin: 16px 0
}

bol-comparator-block bol-fil-ariane .fil_ariane .v_desk {
    display: none
}

@media only screen and (max-width: 768px) {
    bol-fixe-offer-list .wrapper {
        padding-bottom:16px
    }

    bol-fixe-offer-list .wrapper .list_offers>li {
        max-width: inherit;
        margin: 8px 15px
    }

    bol-comparator-block bol-fil-ariane .fil_ariane .v_desk {
        display: none
    }

    bol-comparator-block bol-fil-ariane .fil_ariane .v_mob {
        display: block
    }
}

bol-comparator-block bol-fil-ariane .fil_ariane .v_mob {
    display: block
}

bol-comparator-block .wrapper-block-mobile {
    display: flex
}

bol-comparator-block .wrapper-column .btn {
    padding: 0 16px;
    width: 96px
}

bol-comparator-block bol-table-line {
    position: relative
}

bol-comparator-block bol-table-line.line-offer .column {
    align-items: center
}

bol-comparator-block bol-table-line.line-offer .column .price {
    padding-bottom: 0
}

bol-comparator-block bol-table-line.line-offer .column .price+div {
    font-size: 12px;
    color: #8a8a8a;
    margin-bottom: 6px
}

bol-comparator-block bol-table-line .wrapper-offre {
    width: 516px;
    margin: auto
}

bol-comparator-block .price {
    font-size: 19px;
    font-weight: 700;
    background: linear-gradient(to top,#871d81,#e2001a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 12px
}

bol-comparator-block .block-mobile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0 24px;
    flex: 1;
    position: relative;
    height: 240px
}

bol-comparator-block .block-mobile:not(:last-child) {
    border-right: 1px solid #d2d2d2
}

@media only screen and (max-width: 768px) {
    bol-comparator-block .block-mobile {
        flex-wrap:wrap;
        height: initial;
        padding: 20px 5px 24px
    }

    bol-comparator-block .block-mobile .title_tel {
        font-size: 14px
    }

    bol-comparator-block .block-mobile bol-price {
        font-size: 19px
    }
}

bol-comparator-block .block-mobile .btn-delete {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 16px;
    width: 16px;
    height: 16px;
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/close-r.svg);
    background-repeat: no-repeat;
    background-size: cover
}

bol-comparator-block .block-mobile .text-bold {
    color: #222;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 8px
}

bol-comparator-block .block-mobile .title_tel {
    margin-bottom: 8px;
    text-align: center;
    padding: 0 5px;
    overflow: hidden;
    max-height: 76px
}

bol-comparator-block .block-mobile .txt_partir {
    margin-bottom: 2px
}

bol-comparator-block .block-mobile .bl_img {
    height: 60px;
    margin-bottom: 8px
}

bol-comparator-block .block-mobile .bl_img img {
    max-height: 57px;
    padding-bottom: 8px
}

bol-comparator-block .block-mobile a {
    margin-top: 12px;
    color: #222;
    font-size: 12px;
    text-decoration: underline
}

bol-comparator-block .wrapper-column {
    display: flex
}

bol-comparator-block .wrapper-column .column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 20px 30px;
    flex: 1;
    position: relative
}

bol-comparator-block .wrapper-column .column:not(:last-child) {
    border-right: 1px solid #d2d2d2
}

bol-comparator-block .wrapper-column .column .line {
    margin-bottom: 25px;
    width: 100%
}

bol-comparator-block .wrapper-column .column .line .title {
    font-weight: 700;
    color: #222;
    font-size: 14px
}

bol-comparator-block .wrapper-column .column .line .value {
    color: #444;
    font-size: 14px
}

bol-comparator-block .wrapper-column .column .subprice {
    margin-bottom: 8px
}

@media only screen and (max-width: 768px) {
    bol-comparator-block {
        padding:0
    }

    bol-comparator-block .block-mobile .text-bold {
        text-align: center;
        padding: 0 10px 8px
    }

    bol-comparator-block .block-mobile .btn-delete {
        right: 4px
    }

    bol-comparator-block bol-table-line:not(.line-offer) .column {
        padding: 20px 10px
    }

    bol-comparator-block bol-table-line.line-offer .column {
        padding: 20px 5px 30px
    }

    bol-comparator-block bol-table-line.line-offer .column .price+div {
        text-align: center;
        font-size: 10px;
        margin-top: 6px
    }

    bol-comparator-block bol-table-line .wrapper-offre {
        padding: 0 20px;
        width: 100%
    }

    bol-bol-layout.scrolled.to-down .table-line-block .title-block {
        top: 260px
    }

    bol-bol-layout.scrolled.to-down bol-comparator-block .wrapper-block-mobile {
        top: 0;
        transition: top .3s ease-in-out
    }

    bol-bol-layout.scrolled bol-comparator-block .wrapper-block-mobile .block-mobile {
        height: 240px
    }

    bol-bol-layout.scrolled bol-comparator-block .wrapper-block-mobile {
        left: 0;
        right: 0;
        width: 100%
    }
}

bol-bol-layout.scrolled bol-comparator-block bol-table-line .table-line-block .title-block {
    position: -webkit-sticky;
    position: sticky;
    top: 310px;
    z-index: 2
}

bol-bol-layout.scrolled bol-comparator-block .wrapper-block-mobile {
    position: -webkit-sticky;
    position: sticky;
    top: 53px;
    left: 0;
    right: 0;
    background: #f2f2f2;
    width: 100%;
    max-width: 1065px;
    margin: auto;
    padding: 20px 0 0;
    z-index: 3;
    transition: top .3s ease-in-out
}

bol-bol-layout.scrolled bol-comparator-block .wrapper-block-mobile bol-rate,bol-bol-layout.scrolled bol-comparator-block .wrapper-block-mobile bol-rate+a {
    display: none
}

bol-bol-layout.scrolled bol-comparator-block .wrapper-block-mobile+bol-table-line {
    -webkit-animation-name: slidetop;
    animation-name: slidetop;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

bol-offer-line {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 1065px;
    margin: auto;
    padding: 0
}

.table-line-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.table-line-block .title-block {
    background: #d2d2d2;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    color: #222;
    font-size: 16px;
    font-weight: 700
}

.table-line-block .bl_table .tr {
    display: flex
}

.table-line-block .bl_table .tr>div {
    flex: 1;
    border-right: 1px solid #d2d2d2;
    padding: 12px 20px
}

.table-line-block .bl_table .tr>div:last-child {
    border: none
}

.table-line-block .bl_table .tr:first-child>div {
    padding-top: 24px
}

.table-line-block .bl_table .tr:last-child>div {
    padding-bottom: 32px
}

.table-line-block .title {
    margin-bottom: 2px
}

.avis_bloc {
    padding: 15px 0 30px
}

.avis_bloc .avis_bloc_top {
    max-width: 1065px;
    margin: auto;
    padding: 32px 15px 15px
}

.avis_bloc .avis_bloc_top>div:first-child {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 15px
}

.avis_bloc .avis_bloc_top>div:last-child {
    display: flex;
    font-size: 16px
}

.avis_bloc .avis_bloc_top>div:last-child span {
    margin-right: 18px
}

.avis_bloc .list {
    max-width: 1065px;
    margin: auto;
    display: flex;
    flex-wrap: wrap
}

.avis_bloc .list li {
    margin: 15px;
    flex: 1;
    max-width: 513px;
    min-width: 345px;
    position: relative
}

bol-my-choices-forfait .bl_forfaits_filter {
    float: right;
    display: flex
}

bol-my-choices-forfait .bl_forfaits_filter>p {
    margin-right: 12px;
    font-size: 14px;
    line-height: 40px;
    color: #444
}

@media only screen and (max-width: 768px) {
    .table-line-block .bl_table .tr>div {
        padding:12px 10px
    }

    .table-line-block .bl_table .tr:first-child>div {
        padding-top: 16px
    }

    .table-line-block .bl_table .tr:last-child>div {
        padding-bottom: 24px
    }

    bol-my-choices-forfait .bl_forfaits_filter {
        float: none;
        display: block
    }

    bol-my-choices-forfait .bl_forfaits_filter>p {
        display: none
    }
}

bol-forfaits-choices .bloc_filtres {
    position: relative
}

bol-forfaits-choices .bloc_filtres .filtre {
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    display: inline-block
}

bol-forfaits-choices .bloc_filtres .filtre.active {
    background-color: #fff;
    border-color: transparent;
    padding-bottom: 7px;
    position: relative;
    z-index: 2;
    margin-bottom: -2px
}

bol-forfaits-choices .bloc_filtres .filtre .txt {
    display: inline-block;
    font-size: 14px;
    line-height: 1.43;
    padding: 9px 12px;
    color: #444;
    cursor: pointer
}

bol-forfaits-choices .bloc_filtres .filtre .txt i {
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/pic-filtre.svg) center/8px 5px no-repeat;
    display: inline-block;
    width: 10px;
    height: 15px;
    margin: 0 0 -3px 4px
}

bol-forfaits-choices .bloc_filtres .filter-bloc-relative {
    position: absolute;
    width: 320px;
    background-color: #fff;
    padding: 24px 18px;
    z-index: 1;
    box-shadow: 0 8px 16px 0 rgba(24,24,24,.1),0 -1px 6px 1px rgba(24,24,24,.04);
    right: 0
}

bol-forfaits-choices .bloc {
    margin-bottom: 24px
}

bol-forfaits-choices .bloc h6 {
    margin-bottom: 12px
}

bol-forfaits-choices .bl_btn .btn {
    width: 100px
}

@media only screen and (max-width: 768px) {
    bol-forfaits-choices .bloc_filtres {
        float:none;
        margin: 0 5px;
        display: inline-block;
        position: inherit
    }

    bol-forfaits-choices .bloc_filtres .filter-bloc-relative {
        width: 100%;
        left: 0;
        right: 0;
        text-align: left
    }
}

bol-mobile-plans-list .wrapper {
    padding-bottom: 16px
}

bol-mobile-plans-list .ForfaitList {
    display: flex;
    max-width: calc(1065px + 30px);
    margin: auto;
    flex-wrap: wrap;
    padding: 12px 0 9px;
    justify-content: space-between
}

bol-mobile-plans-list .ForfaitList>li {
    min-width: 340px;
    max-width: 516px;
    flex: 1;
    position: relative;
    margin: 12px 15px;
    padding-top: 19px
}

@media screen and (min-width: 0\0) {
    bol-bol-layout.scrolled bol-comparator-block .wrapper-block-mobile {
        position:fixed
    }

    bol-mobile-plans-list .ForfaitList>li {
        max-width: none
    }
}

bol-mobile-plans-list .bl_link {
    text-align: center;
    margin-bottom: 24px;
    padding: 0 15px
}

.bl_pdt_resume .bl_resume {
    max-width: calc(1065px + 36px);
    margin: auto;
    padding: 0 18px
}

.bl_pdt_resume .bl_resume>div {
    display: flex;
    justify-content: space-between;
    padding: 30px 0 60px
}

.bl_pdt_resume .bl_resume .unavailable {
    border-top: 1px solid #d2d2d2;
    padding-top: 30px
}

.bl_pdt_resume .bl_resume .unavailable>* {
    font-size: 14px
}

.bl_pdt_resume .bl_resume .unavailable p {
    color: #444
}

.bl_pdt_resume .bl_resume .unavailable .link {
    margin-top: 30px
}

.bl_pdt_resume .bl_resume .bl_photo {
    max-width: 296px;
    width: 296px;
    min-width: 200px;
    flex: 1;
    position: -webkit-sticky;
    position: sticky;
    top: 180px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    padding: 32px 24px 40px
}

.bl_pdt_resume .bl_resume .bl_fiche {
    max-width: 300px;
    width: 290px;
    flex: 1;
    margin: 0 20px
}

.bl_pdt_resume .bl_resume .bl_proposition {
    max-width: 335px;
    width: 335px;
    flex: 1
}

.bl_pdt_resume .bl_resume .bl_size_tv .stick_unavailable {
    background-color: #000;
    color: #fff;
    padding: 1px;
    border-radius: 3px
}

.bl_pdt_resume .bl_promo {
    border-radius: 3px;
    background: #ffcd00;
    display: inline-block;
    padding: 0 6px;
    margin-bottom: 12px;
    position: unset
}

.bl_pdt_resume .bl_promo p {
    font-size: 10px;
    line-height: 16px;
    font-weight: 700;
    color: #000;
    display: inline-block;
    text-transform: uppercase
}

.bl_pdt_resume .bl_unavailable {
    border-radius: 3px;
    background: #9f041b;
    display: inline-block;
    padding: 0 6px;
    margin-bottom: 12px
}

.bl_pdt_resume .bl_unavailable p {
    font-size: 10px;
    line-height: 16px;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    text-transform: uppercase
}

.bl_pdt_resume .bl_rm {
    border-radius: 3px;
    background: #ffcd00;
    display: inline-block;
    padding: 0 6px;
    margin-bottom: 12px
}

.bl_pdt_resume .bl_rm p {
    font-size: 10px;
    line-height: 16px;
    font-weight: 700;
    color: #000;
    display: inline-block;
    text-transform: uppercase
}

.bl_pdt_resume .bl_modeles,.bl_pdt_resume h3 {
    margin-bottom: 24px
}

.bl_pdt_resume .bl_modeles>div {
    padding: 12px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.bl_pdt_resume .bl_modeles>div>span {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 700;
    color: #222;
    padding-right: 40px
}

@media only screen and (max-width: 768px) {
    bol-mobile-plans-list .ForfaitList {
        display:block;
        padding: 0
    }

    bol-mobile-plans-list .ForfaitList>li {
        min-width: inherit;
        max-width: inherit
    }

    .bl_pdt_resume .bl_resume {
        padding: 0
    }

    .bl_pdt_resume .bl_resume>div {
        display: block;
        padding: 24px 0 0
    }

    .bl_pdt_resume .bl_resume .desc_phone {
        margin: 0 18px
    }

    .bl_pdt_resume .bl_resume .bl_photo {
        padding: 24px 24px 32px;
        position: inherit;
        top: inherit;
        height: inherit;
        width: auto;
        max-width: inherit!important;
        margin: 0 18px 32px
    }

    .bl_pdt_resume .bl_resume .bl_fiche {
        width: auto;
        max-width: inherit;
        margin: 0
    }

    .bl_pdt_resume .bl_resume .bl_proposition {
        width: auto;
        max-width: inherit
    }

    .bl_pdt_resume .bl_modeles {
        border-top: 1px solid #d2d2d2
    }

    .bl_pdt_resume .bl_modeles>div {
        flex-direction: row;
        padding: 12px 18px;
        justify-content: center;
        border-bottom: 1px solid #d2d2d2
    }

    .bl_pdt_resume .bl_modeles>div>span {
        margin-bottom: 0;
        padding-right: 10px;
        flex: 0
    }
}

.bl_pdt_resume .detail-summary {
    cursor: pointer
}

.bl_pdt_resume .detail-button {
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/arrow-full.svg);
    background-size: contain;
    display: inline-block;
    height: 16px;
    width: 16px;
    margin: 0 10px;
    cursor: pointer;
    vertical-align: middle;
    outline: 0;
    border: none
}

.bl_pdt_resume .detail-button--opened {
    transform: rotate(180deg)
}

.bl_pdt_resume .detail {
    margin: 6px 0;
    color: #8a8a8a;
    font-size: 12px
}

.bl_pdt_resume .detail--hidden {
    display: none
}

bol-phone-reconditioned .bl_link {
    text-align: center
}

bol-phone-reconditioned .bl_link .link {
    font-size: 14px
}

bol-phone-add .bl_add_phone {
    text-align: center
}

bol-phone-add .bl_add_phone a:first-child {
    margin-right: 30px
}

bol-mobile-note .bl_note {
    display: flex;
    margin-bottom: 24px;
    align-items: center
}

bol-mobile-note .bl_note .Note {
    height: 17px;
    width: 85px;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/png/sprite-avis.png) top center no-repeat;
    overflow: hidden
}

bol-mobile-note .bl_note .Note.rating1 {
    background-position: center -17px
}

bol-mobile-note .bl_note .Note.rating2 {
    background-position: center -34px
}

bol-mobile-note .bl_note .Note.rating3 {
    background-position: center -51px
}

bol-mobile-note .bl_note .Note.rating4 {
    background-position: center -68px
}

bol-mobile-note .bl_note .Note.rating5 {
    background-position: center -85px
}

bol-mobile-note .bl_note .note {
    font-size: 14px;
    line-height: 1.43;
    color: #444;
    margin: 0 4px
}

bol-mobile-note .bl_note a {
    color: #8a8a8a;
    text-decoration: underline
}

bol-phone-capacity .capacity {
    display: inline-block;
    flex: 3
}

bol-phone-capacity .capacity li {
    display: inline-block;
    margin: 0 3px
}

bol-phone-capacity .capacity li a {
    display: inline-block;
    cursor: pointer;
    padding: 3px 8px;
    position: relative
}

bol-phone-capacity .capacity li a.active {
    font-weight: 700
}

bol-phone-capacity .capacity li a.active,bol-phone-capacity .capacity li a:hover {
    border-bottom: 2px solid;
    border-image-source: linear-gradient(86deg,#871d81,#e2001a);
    border-image-slice: 1
}

bol-phone-capacity .capacity li a span {
    display: inline-block;
    font-size: 16px;
    line-height: 1.38;
    color: #444
}

bol-phone-capacity .capacity li a.indispo:hover {
    border-image-slice: 0
}

bol-phone-capacity .capacity li a.indispo::after {
    content: "";
    width: 1px;
    height: 30px;
    transform: rotate(-315deg);
    background: #e2001a;
    display: block;
    position: absolute;
    top: -2px;
    left: 49%
}

@media only screen and (max-width: 768px) {
    bol-phone-capacity .capacity li {
        margin:0 10px
    }

    bol-phone-capacity .capacity li a {
        padding: 0;
        position: relative
    }

    bol-phone-capacity .capacity li a span {
        font-size: 14px;
        line-height: 1.43
    }

    bol-phone-capacity .capacity li a.indispo::after {
        height: 24px;
        top: 0
    }
}

bol-phone-colors .colors {
    display: inline-block;
    flex: 3
}

bol-phone-colors .colors li {
    display: inline-block;
    margin: 0 2px
}

bol-phone-colors .colors li a {
    display: inline-block;
    cursor: pointer;
    border-radius: 90px;
    padding: 2px;
    position: relative
}

bol-phone-colors .colors li a.active,bol-phone-colors .colors li a:hover {
    background: linear-gradient(35deg,#871d81,#e2001a)
}

bol-phone-colors .colors li a.active i,bol-phone-colors .colors li a:hover i {
    border-color: #fff
}

bol-phone-colors .colors li a span {
    display: block;
    border: 5px solid #f2f2f2;
    border-radius: 90px;
    box-sizing: content-box
}

bol-phone-colors .colors li a span i {
    border: 1px solid #d2d2d2;
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 90px
}

bol-phone-colors .colors li a.indispo:hover {
    background: 0 0
}

bol-phone-colors .colors li a.indispo::after {
    content: "";
    width: 1px;
    height: 30px;
    transform: rotate(-315deg);
    background: #e2001a;
    display: block;
    position: absolute;
    top: 2px;
    left: 49%
}

@media only screen and (max-width: 768px) {
    bol-phone-colors .colors li a span i {
        width:16px;
        height: 16px
    }

    .bl_configurateur>div {
        max-width: none!important
    }

    .bl_configurateur .bl_left {
        margin: 0 16px
    }

    .bl_configurateur .bl_range {
        margin-left: 25px;
        margin-right: 25px
    }
}

.bl_configurateur>div {
    flex: 1
}

.bl_configurateur h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 9px
}

.bl_configurateur h4 span {
    font-family: SFR;
    font-size: 12px;
    color: #8a8a8a
}

.bl_configurateur .list {
    display: flex;
    margin-bottom: 16px
}

.bl_configurateur .list li {
    border: 1px solid #d2d2d2;
    border-right: 0
}

.bl_configurateur .list li:first-child {
    border-top-left-radius: 4px
}

.bl_configurateur .list li:last-child {
    border-top-right-radius: 4px;
    border: 1px solid #d2d2d2
}

.bl_configurateur .list li.active a {
    font-weight: 700
}

.bl_configurateur .list li.active a,.bl_configurateur .list li:hover a {
    border-bottom: 2px solid;
    border-image-source: linear-gradient(86deg,#871d81,#e2001a);
    border-image-slice: 1
}

.bl_configurateur .list li a {
    display: inline-block;
    cursor: pointer;
    padding: 8px 12px;
    position: relative;
    height: 100%
}

.bl_configurateur .bl_left .bl_desc {
    font-size: 14px;
    line-height: 1.43;
    color: #444
}

.bl_configurateur .bl_left .bl_desc p {
    margin-bottom: 8px
}

.bl_configurateur .bl_left .bl_desc ul {
    margin-bottom: 16px
}

.bl_configurateur .bl_range {
    margin-bottom: 20px
}

.bl_configurateur .bl_range input[type=range] {
    margin: auto;
    -webkit-appearance: none;
    position: relative;
    width: 100%;
    height: 25px;
    cursor: pointer
}

.bl_configurateur .bl_range input[type=range]::-moz-range-thumb {
    border-radius: 90px;
    border: 2px solid #e2001a;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    background: #fff
}

.bl_configurateur .bl_range input[type=range]::-ms-thumb {
    box-sizing: border-box;
    border-radius: 90px;
    border: 2px solid #e2001a;
    width: 20px;
    height: 20px;
    background: #fff
}

.bl_configurateur .bl_range input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border-radius: 90px;
    border: 2px solid #e2001a;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    background: #fff;
    margin-top: -7px
}

.bl_configurateur .bl_range input[type=range]::-moz-range-track {
    height: 6px;
    background: #f2f2f2;
    border-radius: 3px
}

.bl_configurateur .bl_range input[type=range]::-ms-track {
    background: #f2f2f2;
    border-radius: 3px;
    color: transparent;
    border: none
}

.bl_configurateur .bl_range input[type=range]::-webkit-slider-runnable-track {
    height: 6px;
    background: #f2f2f2;
    border-radius: 3px
}

.bl_configurateur .bl_range input[type=range]::-ms-fill-lower {
    height: 6px;
    background: #e2001a;
    border-radius: 3px
}

.bl_configurateur .bl_range input[type=range]::-moz-range-progress {
    height: 6px;
    background: #e2001a;
    border-radius: 3px
}

.bl_configurateur .bl_range input[type=range]::-webkit-range-progress {
    height: 6px;
    background: #e2001a;
    border-radius: 3px
}

.bl_configurateur .bl_range datalist {
    display: flex;
    justify-content: space-between;
    height: auto;
    overflow: hidden
}

.bl_configurateur .bl_range datalist option {
    font-size: 14px;
    line-height: 1.43;
    color: #444
}

.bl_configurateur .bl_right {
    border-radius: 14px;
    background-color: #fff;
    padding: 32px 26px 16px;
    max-width: 335px;
    position: relative
}

.bl_configurateur .bl_right::before {
    content: "";
    width: 0;
    display: block;
    position: absolute;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent transparent transparent #f2f2f2;
    left: 0;
    top: 120px
}

@media only screen and (max-width: 768px) {
    .bl_configurateur .bl_right {
        padding:32px 26px 40px;
        border-radius: 0
    }

    .bl_configurateur .bl_right::before {
        top: 25px
    }
}

.bl_configurateur .bl_right .bl_card {
    margin: 0 0 24px;
    position: relative;
    padding-top: 19px
}

.bl_configurateur .bl_right .bl_link {
    text-align: center;
    margin-bottom: 24px
}

.bl_configurateur .bl_right .sep {
    height: 1px;
    border-bottom: 1px solid #d2d2d2;
    margin: 14px 0
}

.bl_configurateur .bl_right .fl_right {
    float: right
}

.bl_configurateur .bl_right .bl_frais {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

.bl_configurateur .bl_right .bl_frais h4 {
    margin-bottom: 12px
}

.bl_configurateur .bl_right .bl_frais p {
    font-size: 14px;
    line-height: 1.43;
    color: #444
}

.bl_configurateur .bl_right .bl_frais p.price {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    margin-top: -4px
}

.bl_configurateur .bl_right .bl_frais p span {
    font-family: SFR,Arial,sans-serif;
    font-size: 12px;
    color: #8a8a8a;
    display: block
}

bol-phone-magasins .bl_magasins {
    max-width: 335px;
    position: relative;
    min-height: 72px
}

bol-phone-magasins .bl_magasins .bl_list {
    border-radius: 14px;
    box-shadow: 0 8px 16px 0 rgba(24,24,24,.1),0 -1px 6px 1px rgba(24,24,24,.04);
    background: #fff;
    padding: 16px;
    position: absolute;
    right: 0;
    left: 0
}

bol-phone-magasins .bl_magasins .bl_list .input {
    font-size: 14px;
    line-height: 1.43;
    color: #444;
    padding: 9px 14px;
    border-radius: 4px;
    border: 1px solid #d2d2d2;
    width: 100%
}

bol-phone-magasins .bl_magasins .bl_list .magasins {
    font-size: 14px;
    line-height: 1.43;
    color: #444;
    margin: 16px 0 0;
    display: none
}

bol-phone-magasins .bl_magasins .bl_list .magasins.active {
    display: block
}

bol-phone-magasins .bl_magasins .bl_list .magasins p {
    margin-bottom: 12px
}

bol-phone-magasins .bl_magasins .bl_list .magasins ul {
    margin: 12px 0
}

bol-phone-magasins .bl_magasins .bl_list .magasins li {
    display: flex;
    margin: 6px 0;
    align-items: center
}

bol-phone-magasins .bl_magasins .bl_list .magasins .img {
    margin-right: 20px
}

bol-phone-magasins .bl_magasins .bl_list .magasins .bl_link .link {
    font-size: 14px;
    text-decoration: underline
}

.bl_resume .phone_photo {
    text-align: center;
    margin: 0 auto 24px;
    position: relative
}

.bl_resume .phone_photo .img {
    min-height: 350px
}

@media only screen and (max-width: 992px) {
    .bl_resume .phone_photo .img {
        min-height:auto
    }

    .bl_resume .phone_photo .img img {
        max-width: 100%
    }
}

.bl_resume .phone_photo .nav li {
    display: block;
    position: absolute;
    right: 0;
    top: 45%
}

.bl_resume .phone_photo .nav li a {
    display: block;
    width: 17px;
    height: 32px;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/arrow-m.svg) center no-repeat;
    cursor: pointer
}

.bl_resume .phone_photo .nav li.prev {
    left: 0;
    right: inherit
}

.bl_resume .phone_photo .nav li.prev a {
    transform: rotate(180deg)
}

.bl_resume .carrousel ul {
    text-align: center;
    display: flex;
    justify-content: center
}

.bl_resume .carrousel ul li {
    display: flex;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid #d2d2d2;
    margin: 0 6px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative
}

.bl_resume .carrousel ul li.active::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to right,#871d81,#e2001a);
    height: 2px
}

.bl_resume .carrousel ul li img {
    max-height: 22px;
    max-width: 25px;
    width: auto;
    height: auto
}

.bl_pdt_resume.TV .bl_resume .phone_photo .img {
    min-height: 170px;
    max-height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin: 0 20px
}

.bl_pdt_resume.TV .bl_resume .phone_photo .img img {
    max-height: 170px
}

bol-phone-unavailable {
    display: block;
    max-width: 470px
}

bol-phone-unavailable .bloc_top {
    margin-bottom: 25px
}

bol-phone-unavailable .bl_checkbox {
    margin-top: 12px
}

bol-phone-unavailable .bl_checkbox input+label span {
    font-weight: 400;
    font-size: 12px
}

bol-phone-unavailable .form {
    display: flex;
    flex-direction: column
}

bol-phone-unavailable .form .form_line {
    display: flex
}

bol-phone-unavailable .form .form_line .btn {
    margin-right: 0;
    margin-left: 10px
}

@media only screen and (max-width: 768px) {
    bol-phone-magasins .bl_magasins {
        max-width:inherit
    }

    .bl_resume .phone_photo .img {
        min-height: inherit;
        height: 275px
    }

    .bl_resume .phone_photo .img img {
        height: 100%;
        max-width: none
    }

    bol-phone-unavailable {
        margin: 30px 18px 0
    }

    bol-phone-unavailable .form .form_line {
        flex-direction: column
    }

    bol-phone-unavailable .form .form_line .btn {
        margin: 12px 0;
        width: 100%
    }
}

bol-phone-unavailable .form .form_line .input {
    min-width: 250px
}

bol-phone-unavailable span {
    font-weight: 700
}

bol-phone-unavailable .bg_save_mail {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    z-index: 100
}

bol-phone-unavailable .bg_save_mail .bl_save_mail {
    width: 300px;
    border-radius: 14px;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04);
    background-color: #fff;
    padding: 24px;
    text-align: center;
    margin: auto;
    position: relative
}

bol-phone-unavailable .bg_save_mail .bl_save_mail .close {
    display: block;
    width: 40px;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/cross.svg) center no-repeat #fff;
    height: 40px;
    position: absolute;
    top: -20px;
    right: -20px;
    border-radius: 90px;
    cursor: pointer;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04)
}

.bl_pdt_resume.TV {
    background: 0 0
}

.bl_pdt_resume.TV .bl_resume .bl_photo {
    max-width: 320px;
    top: 100px
}

.bl_pdt_resume.TV .bl_resume .bl_fiche {
    max-width: 323px
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .desc_phone h3 span {
    display: block
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_expand {
    margin-bottom: 20px
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_expand .detail {
    display: none
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_expand.active .detail {
    display: block
}

.bl_pdt_resume.TV .bl_resume .bl_fiche h4 {
    margin-bottom: 16px
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .select_offer_bl {
    border: 1px solid #d2d2d2;
    border-radius: 4px
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .select_offer_bl h6 {
    background: #e9e9e9;
    text-align: center;
    padding: 4px 5px;
    position: relative
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .select_offer_bl .bl_line {
    display: flex
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .select_offer_bl .bl_line>label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    flex: 1;
    height: 80px;
    padding: 12px 5px 16px;
    border-right: 1px solid #d2d2d2;
    cursor: pointer
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .select_offer_bl .bl_line>label>span {
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    color: #000
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .select_offer_bl .bl_line>label .check {
    display: block;
    border-radius: 90px;
    background: #fff;
    border: 1px solid #8a8a8a;
    width: 22px;
    height: 22px;
    position: relative
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .select_offer_bl .bl_line>label .check::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 6px;
    left: 6px;
    border-radius: 90px
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .select_offer_bl .bl_line input[type=radio]:not(old) {
    display: none
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .select_offer_bl .bl_line input[type=radio]:not(old):checked+label {
    background: #fff;
    box-shadow: 0 8px 16px 0 rgba(24,24,24,.1),0 -1px 6px 1px rgba(24,24,24,.04)
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .select_offer_bl .bl_line input[type=radio]:not(old):checked+label>span {
    font-weight: 700
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .select_offer_bl .bl_line input[type=radio]:not(old):checked+label .check::after {
    background: #e2001a
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_onglet {
    margin-bottom: 24px;
    border: 1px solid #d2d2d2;
    border-radius: 4px
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_onglet .list {
    margin-bottom: 0
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_onglet .list li {
    flex: 1
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_onglet .list li a {
    display: block;
    text-align: center
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_onglet .content_onglet {
    display: flex
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_onglet .content_onglet>div {
    flex: 1
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_onglet .content_onglet .bl_txt {
    padding: 16px 0 24px 16px
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_onglet .content_onglet .bl_txt .Text500 {
    margin-bottom: 4px
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_onglet .content_onglet .bl_img {
    display: flex;
    justify-content: center;
    align-items: center
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_onglet .content_onglet .bl_img img {
    max-width: 110px
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_size_tv {
    margin-bottom: 40px
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_size_tv .bl_radio_elem {
    display: flex
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_size_tv .bl_radio_elem input[type=radio]:not(old) {
    display: none
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_size_tv .bl_radio_elem input[type=radio]:not(old):checked+label {
    background: #fff;
    border-color: #e2001a;
    position: relative
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_size_tv .bl_radio_elem input[type=radio]:not(old):checked+label .txt_hide b {
    display: block
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_size_tv .bl_radio_elem input[type=radio]:not(old):checked+label .Title {
    font-weight: 700
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_size_tv .bl_radio_elem label {
    border: 1px solid #d2d2d2;
    flex: 1;
    text-align: center;
    padding: 16px 5px;
    cursor: pointer;
    margin-left: -1px
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_size_tv .bl_radio_elem label:nth-child(2) {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin: 0
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_size_tv .bl_radio_elem label:nth-child(2) .img img {
    height: calc(100% / 2)
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_size_tv .bl_radio_elem label:last-child {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_size_tv .bl_radio_elem label:last-child .img img {
    height: 100%
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_size_tv .bl_radio_elem label .img {
    height: 33px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    margin-bottom: 8px
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_size_tv .bl_radio_elem label .img img {
    height: calc(100% / 1.5)
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_size_tv .bl_radio_elem label .Title {
    margin-bottom: 2px;
    display: block
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_size_tv .bl_radio_elem label .Desc {
    margin-bottom: 4px;
    display: block
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_size_tv .bl_radio_elem label .Link {
    text-decoration: underline
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_size_tv .bl_radio_elem label .txt_hide {
    display: block;
    height: 11px
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_size_tv .bl_radio_elem label .txt_hide b {
    display: none;
    font-weight: initial
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_size_tv.Payment label {
    padding: 7px 5px
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_size_tv.Box label {
    text-align: left;
    padding: 12px 16px
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_size_tv.Box label .Title {
    margin-bottom: 8px;
    height: 40px;
    overflow: hidden
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_size_tv.Box label .img {
    width: 110px;
    height: 80px;
    align-items: center
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_size_tv.Box label .img img {
    height: 100%!important
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_size_tv .bl_text {
    border-radius: 4px;
    background-color: #e9e9e9;
    margin-top: 12px;
    padding: 12px 16px;
    font-family: Arial;
    font-size: 12px;
    color: #222
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_offer_tv {
    display: flex;
    margin-bottom: 40px
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_offer_tv input[type=radio]:not(old) {
    display: none
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_offer_tv input[type=radio]:not(old):checked+label {
    background: #fff;
    border-color: #e2001a;
    position: relative
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_offer_tv input[type=radio]:not(old):checked+label .txt_hide b {
    display: block
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_offer_tv input[type=radio]:not(old):checked+label .Prix {
    font-weight: 700;
    background: linear-gradient(to right,#871d81,#e2001a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #e2001a
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_offer_tv input[type=radio]:not(old):checked+label .Plus {
    opacity: 1
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_offer_tv input[type=radio]:not(old):checked+label .Title {
    font-weight: 700
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_offer_tv label {
    border: 1px solid #d2d2d2;
    flex: 1;
    text-align: center;
    padding: 16px 5px;
    cursor: pointer;
    margin-left: -1px
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_offer_tv label:nth-child(2) {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin: 0
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_offer_tv label:last-child {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_offer_tv label .txt_hide {
    display: block;
    height: 11px;
    margin-bottom: 4px
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_offer_tv label .txt_hide b {
    display: none;
    font-weight: initial
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_offer_tv label .Prix {
    font-size: 12px;
    color: #000
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_offer_tv label .Plus {
    height: 16px;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/plus-black.svg) center no-repeat;
    width: 100%;
    margin: 8px 0;
    display: block;
    opacity: .2
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_offer_tv label .Title {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    color: #000;
    display: block;
    height: 30px
}

.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_offer_tv label .Desc {
    display: block
}

.bl_pdt_resume.TV .bl_resume .bl_proposition .bl_configurateur .bl_right .bl_card {
    padding-top: 0
}

.bl_pdt_resume.TV .bl_resume .bl_proposition .bl_configurateur .bl_right .bl_card .phone_plan .WhiteBloc .bl_title {
    background-image: radial-gradient(circle at 50% 50%,#d15a9c,#732560 91%,#310036 140%)
}

.bl_pdt_resume.TV .bl_resume .bl_proposition .bl_configurateur .bl_right .box_bottom {
    margin-bottom: 30px
}

.bl_pdt_resume.TV .bl_resume .bl_proposition .bl_configurateur .bl_right .btn_cta {
    text-align: center
}

.bl_tv_fix_offers .bloc_SubTitle.Red {
    background-image: radial-gradient(circle at 50% 50%,#e70059,#570221)
}

.bl_tv_fix_offers .bloc_SubTitle.Purple {
    background-image: radial-gradient(circle at 50% 50%,#d15a9c,#732560 91%,#310036 139%)
}

.bl_tv_fix_offers .bloc_SubTitle.Green {
    background-image: radial-gradient(circle at 50% 50%,#23b5b7,#004236)
}

.bl_tv_fix_offers .bloc_SubTitle.Blue {
    background-image: radial-gradient(circle at 50% 50%,#139bd6,#1b2157)
}

.bl_tv_fix_offers .bloc_SubTitle.BlueTv {
    background: linear-gradient(to bottom,#6a398e,#4a79bc)
}

.bl_tv_fix_offers .bl_tv_fix_list {
    padding: 32px 0 40px
}

.bl_tv_fix_offers .bl_tv_fix_list .wrapper {
    max-width: calc(1065px + 30px);
    margin: auto;
    padding: 32px 0 24px
}

.bl_tv_fix_offers .bl_tv_fix_list .wrapper .list_tv_fix {
    display: flex;
    flex-wrap: wrap
}

.bl_tv_fix_offers .bl_tv_fix_list .wrapper .list_tv_fix .elem_tv_fix {
    min-width: 290px;
    max-width: calc(100% / 3 - 30px);
    flex: 1 auto;
    margin: 16px 15px
}

@media only screen and (max-width: 992px) {
    .bl_tv_fix_offers .bl_tv_fix_list .wrapper .list_tv_fix .elem_tv_fix {
        max-width:calc(100% / 2 - 30px)
    }
}

@media only screen and (max-width: 768px) {
    .bl_pdt_resume.TV .bl_resume .bl_fiche {
        max-width:none
    }

    .bl_tv_fix_offers .bl_tv_fix_list,.bl_tv_fix_offers .bl_tv_fix_list .wrapper {
        padding: 12px 0
    }

    .bl_tv_fix_offers .bl_tv_fix_list .wrapper .list_tv_fix .elem_tv_fix {
        max-width: inherit
    }
}

.bl_tv_eligibility {
    background: radial-gradient(circle at 50% 50%,#d15a9c,#732560 62%,#310036 96%);
    padding: 40px 18px
}

.bl_tv_eligibility .ban_tv_eligib {
    max-width: 850px;
    margin: 0 auto 40px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bl_tv_eligibility .ban_tv_eligib .bl_txt {
    max-width: 410px;
    margin-right: 40px;
    font-size: 18px;
    line-height: 1.56;
    color: #fff
}

.bl_tv_eligibility .ban_tv_eligib .bl_img {
    text-align: right;
    max-width: 400px
}

.bl_tv_eligibility .bl_title {
    color: #fff
}

.bl_tv_eligibility .bl_eligibility {
    padding: 0
}

.bl_tv_eligibility .bl_eligibility.cl_result .wrapper {
    background: #fff
}

.bl_tv_eligibility .bl_eligibility.cl_result .wrapper .Text300,.bl_tv_eligibility .bl_eligibility.cl_result .wrapper .bl_result,.bl_tv_eligibility .bl_eligibility.cl_result .wrapper .link.White,.bl_tv_eligibility .bl_eligibility.cl_result .wrapper h2.white {
    color: #222
}

.bl_tv_eligibility .bl_eligibility.cl_result .wrapper .link.Expand i {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/arrow-full.svg)
}

@media only screen and (max-width: 768px) {
    .bl_tv_eligibility {
        padding:32px 18px
    }

    .bl_tv_eligibility .ban_tv_eligib {
        max-width: none;
        margin: 0;
        flex-direction: column-reverse
    }

    .bl_tv_eligibility .ban_tv_eligib .bl_txt {
        max-width: none;
        margin: 0
    }

    .bl_tv_eligibility .ban_tv_eligib .bl_img {
        text-align: center;
        max-width: none;
        margin-bottom: 24px
    }
}

.forfait-mobile-box .bol-slider-ticks {
    top: -5px!important
}

bol-generic-slider {
    display: inline-block;
    position: relative;
    height: 6px;
    width: 100%;
    margin: 15px 0;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y
}

bol-generic-slider.with-legend {
    margin-bottom: 40px
}

bol-generic-slider[disabled] {
    cursor: not-allowed
}

bol-generic-slider[disabled] .bol-slider-pointer {
    cursor: not-allowed;
    background-color: #d8e0f3
}

bol-generic-slider[disabled] .bol-slider-draggable {
    cursor: not-allowed
}

bol-generic-slider[disabled] .bol-slider-selection {
    background: #8b91a2
}

bol-generic-slider[disabled] .bol-slider-tick {
    cursor: not-allowed
}

bol-generic-slider[disabled] .bol-slider-tick.bol-slider-selected {
    background: #8b91a2
}

bol-generic-slider .bol-slider-span {
    white-space: nowrap;
    position: absolute;
    display: inline-block
}

bol-generic-slider .bol-slider-base {
    width: 100%;
    height: 100%;
    padding: 0
}

bol-generic-slider .bol-slider-bar-wrapper {
    left: 0;
    box-sizing: border-box;
    margin-top: -10px;
    padding-top: 10px;
    width: 100%;
    height: 20px;
    z-index: 1
}

bol-generic-slider .bol-slider-draggable {
    cursor: move
}

bol-generic-slider .bol-slider-bar {
    left: 0;
    width: 100%;
    height: 6px;
    z-index: 1;
    background: #d8e0f3;
    border-radius: 3px
}

bol-generic-slider .bol-slider-bar-wrapper.bol-slider-transparent .bol-slider-bar {
    background: 0 0
}

bol-generic-slider .bol-slider-bar-wrapper.bol-slider-left-out-selection .bol-slider-bar {
    background: #df002d
}

bol-generic-slider .bol-slider-bar-wrapper.bol-slider-right-out-selection .bol-slider-bar {
    background: #03a688
}

bol-generic-slider .bol-slider-selection {
    z-index: 2;
    background: #e2001a;
    border-radius: 3px
}

bol-generic-slider .bol-slider-pointer {
    cursor: pointer;
    width: 20px;
    height: 20px;
    top: -7px;
    background-color: #e2001a!important;
    z-index: 3;
    border-radius: 10px
}

bol-generic-slider .bol-slider-pointer:after {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 8px;
    background: #fff
}

bol-generic-slider .bol-slider-pointer:hover:after {
    background-color: #fff
}

bol-generic-slider .bol-slider-pointer.bol-slider-active {
    z-index: 4
}

bol-generic-slider .bol-slider-pointer.bol-slider-active:after {
    background-color: #fff
}

bol-generic-slider .bol-slider-bubble {
    cursor: default;
    bottom: -30px;
    padding: 1px 3px;
    color: #55637d;
    font-size: 14px
}

bol-generic-slider .bol-slider-bubble.bol-slider-limit {
    color: #55637d
}

bol-generic-slider .bol-slider-ticks {
    box-sizing: border-box;
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    top: 9px;
    margin: 0;
    z-index: 1;
    list-style: none
}

bol-generic-slider .bol-slider-ticks-values-under .bol-slider-tick-value {
    top: auto;
    bottom: -36px
}

bol-generic-slider .bol-slider-tick {
    text-align: center;
    cursor: pointer;
    width: 10px;
    height: 10px;
    background: #d8e0f3;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 5px
}

bol-generic-slider .bol-slider-tick.bol-slider-selected {
    background: #e2001a
}

bol-generic-slider .bol-slider-tick-value {
    position: absolute;
    top: -34px;
    transform: translate(-50%,0)
}

bol-generic-slider .bol-slider-tick-legend {
    position: absolute;
    top: 24px;
    transform: translate(-50%,0);
    max-width: 50px;
    white-space: normal
}

bol-generic-slider.vertical {
    position: relative;
    width: 6px;
    height: 100%;
    margin: 0 20px;
    padding: 0;
    vertical-align: baseline;
    touch-action: pan-x
}

bol-generic-slider.vertical .bol-slider-base {
    width: 100%;
    height: 100%;
    padding: 0
}

bol-generic-slider.vertical .bol-slider-bar-wrapper {
    top: auto;
    left: 0;
    margin: 0 0 0 -10px;
    padding: 0 0 0 10px;
    height: 100%;
    width: 20px
}

bol-generic-slider.vertical .bol-slider-bar {
    bottom: 0;
    left: auto;
    width: 6px;
    height: 100%
}

bol-generic-slider.vertical .bol-slider-pointer {
    left: -7px!important;
    top: auto;
    bottom: 0
}

bol-generic-slider.vertical .bol-slider-bubble {
    left: 10px!important;
    bottom: 0
}

bol-generic-slider.vertical .bol-slider-ticks {
    height: 100%;
    width: 0;
    left: -2px;
    top: 0;
    z-index: 1
}

bol-generic-slider.vertical .bol-slider-tick {
    vertical-align: middle;
    margin-left: auto;
    margin-top: 5px
}

bol-generic-slider.vertical .bol-slider-tick-value {
    left: 24px;
    top: auto;
    transform: translate(0,-28%)
}

bol-generic-slider.vertical .bol-slider-tick-legend {
    top: auto;
    right: 24px;
    transform: translate(0,-28%);
    max-width: none;
    white-space: nowrap
}

bol-generic-slider.vertical .bol-slider-ticks-values-under bol-slider-tick .bol-slider-tick-value {
    bottom: auto;
    left: auto;
    right: 24px
}

bol-generic-slider * {
    transition: none
}

bol-generic-slider.animate .bol-slider-bar-wrapper {
    transition: all linear .3s
}

bol-generic-slider.animate .bol-slider-selection {
    transition: background-color linear .3s
}

bol-generic-slider.animate .bol-slider-bubble,bol-generic-slider.animate .bol-slider-pointer {
    transition: all linear .3s
}

bol-generic-slider.animate .bol-slider-bubble.bol-slider-combined,bol-generic-slider.animate .bol-slider-bubble.bol-slider-limit {
    transition: opacity linear .3s
}

bol-generic-slider.animate .bol-slider-tick {
    transition: background-color linear .3s
}

.cards .bol-slider-tick:first-child .bol-slider-tick-value {
    left: 10px
}

.cards .bol-slider-tick:last-child .bol-slider-tick-value {
    left: -10px
}

bol-label-refund {
    border-radius: 3px;
    position: absolute;
    top: -9px;
    background: #000;
    display: inline-block;
    padding: 0 6px;
    font-size: 10px;
    line-height: 16px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

bol-label-refund.bl_off_exep {
    background: #000;
    left: 20px
}

bol-addons-card bol-label-refund {
    left: 20px
}

bol-generic-slider .bol-slider-inner-tooltip {
    height: 100%
}

bol-pagination li {
    display: inline-block;
    padding: .1875rem .625rem
}

bol-pagination li.current {
    background: #e2001a;
    color: #fefefe;
    cursor: default
}

bol-pagination li.current:hover {
    background: #e2001a
}

bol-pagination li:hover {
    background: #e6e6e6
}

bol-pagination a {
    color: #0a0a0a;
    display: block;
    border-radius: 0
}

bol-pagination a,bol-pagination li {
    cursor: pointer
}

bol-pagination a.next::after,bol-pagination li.next::after {
    content: "»";
    display: inline-block;
    margin-left: .5rem
}

bol-pagination a.prev::before,bol-pagination li.prev::before {
    content: "«";
    display: inline-block;
    margin-right: .5rem
}

bol-pagination a.disabled,bol-pagination li.disabled {
    padding: .1875rem .625rem;
    color: #cacaca;
    cursor: default;
    background: 0 0
}

.addons_bloc {
    background: #444
}

.addons_bloc .bloc_SubTitle {
    background: linear-gradient(to bottom,#2e2e2e,#444)
}

.addons_bloc .bloc_SubTitle h2 {
    color: #fff
}

.addons_bloc>.wrapper {
    padding: 12px 3px 52px;
    margin: auto
}

.addons_bloc .desc_bloc {
    padding: 0 15px 10px
}

.addons_bloc .list {
    max-width: calc(1065px + 30px);
    margin: auto;
    display: flex;
    flex-wrap: wrap
}

.addons_bloc .list>li {
    margin: 12px 15px;
    flex: 1;
    max-width: calc(100% / 3 - 30px);
    min-width: 270px;
    width: 31%;
    padding: 19px 0 0;
    position: relative
}

@media only screen and (max-width: 992px) {
    .addons_bloc .list>li {
        max-width:calc(100% / 2 - 30px)
    }
}

.addons_bloc .bl_link {
    margin: auto;
    padding: 20px 0 0;
    text-align: center;
    max-width: 1065px;
    align-items: center
}

.addons_bloc .bl_link.Expand {
    display: flex
}

.addons_bloc .bl_link .link {
    margin: 0 24px
}

.addons_bloc .bl_link.Expand::after,.addons_bloc .bl_link.Expand::before {
    content: "";
    display: block;
    border-bottom: 2px solid #e9e9e9;
    flex: 1
}

@media only screen and (max-width: 768px) {
    .addons_bloc>.wrapper {
        padding:12px 18px 40px
    }

    .addons_bloc .desc_bloc {
        text-align: center
    }

    .addons_bloc .list {
        display: block
    }

    .addons_bloc .list li {
        margin: 0 0 15px;
        max-width: none;
        width: auto
    }
}

.addons_bloc#addons_block_fixe_offers {
    background: rgba(255,255,255,0)
}

.addons_bloc#addons_block_fixe_offers .bloc_SubTitle {
    background-image: linear-gradient(to bottom,#e0e0e0,#f2f2f2)
}

.addons_bloc#addons_block_fixe_offers .bloc_SubTitle h2 {
    color: #222
}

body.Media .addons_bloc {
    background: rgba(255,255,255,0)
}

body.Media .addons_bloc .bloc_SubTitle {
    background-image: linear-gradient(to bottom,#0f0f0f,#181818)
}

bol-fixe-personalized-offers-block .addons_bloc .desc_bloc {
    max-width: 1065px;
    padding: 0;
    margin: auto
}

bol-fixe-personalized-offers-block .addons_bloc .list>li {
    max-width: none
}

bol-fixe-personalized-offers-block .addons_bloc .list>li .addons-card .bl_desc {
    max-width: 53%
}

bol-fixe-personalized-offers-block .addons_bloc .list>li .addons-card .bl_btn {
    max-width: 45%
}

.addons-card {
    background: #fff;
    overflow: hidden;
    position: relative;
    border-radius: 14px;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 310px
}

.addons-card .bl_title {
    display: flex;
    border-bottom: 1px solid #d2d2d2;
    height: 60px;
    overflow: hidden
}

.addons-card .bl_title h3 {
    max-height: 52px;
    font-size: 22px;
    line-height: 1.18;
    overflow: hidden
}

.addons-card .WhiteBloc {
    padding: 16px 20px 0
}

.addons-card .BlackBloc {
    padding: 12px 20px;
    border-top: 1px solid #d2d2d2;
    position: relative;
    display: flex;
    justify-content: space-between
}

.addons-card .BlackBloc bol-label-refund {
    background: #ffcd00;
    color: #181818
}

.addons-card .Detail {
    color: #444;
    padding: 16px 0 23px;
    display: flex;
    align-items: center
}

.addons-card .Detail .bl_img {
    margin-right: 12px;
    width: 60px;
    min-width: 60px;
    height: 60px
}

.addons-card .Detail .bl_img img {
    max-height: 60px;
    max-width: 60px
}

.addons-card .Detail .Text500 {
    overflow: hidden;
    max-height: 80px;
    white-space: pre-line;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.addons-card .btn_detail {
    position: absolute;
    right: 20px;
    top: 16px;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/details.svg) center no-repeat;
    width: 23px;
    height: 23px;
    cursor: pointer
}

.addons-card .bl_desc {
    float: left;
    max-width: 59%
}

.addons-card .bl_desc .prix {
    font-size: 19px;
    font-weight: 700;
    background: linear-gradient(to right,#871d81,#e2001a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #e2001a;
    display: inline-block
}

@media screen and (min-width: 0\0) {
    .addons-card .bl_desc .prix,.bl_pdt_resume.TV .bl_resume .bl_fiche .bl_offer_tv input[type=radio]:not(old):checked+label .Prix {
        background:0 0;
        color: #e2001a
    }
}

.addons-card .bl_desc .includ {
    font-size: 19px;
    font-weight: 700;
    color: #222;
    display: block
}

.addons-card .bl_desc .old_prix {
    text-decoration: line-through;
    color: #444;
    font-size: 12px;
    line-height: 1.67
}

.addons-card .bl_desc .desc {
    font-family: Arial,sans-serif;
    font-size: 12px;
    color: #8a8a8a
}

.addons-card .bl_btn {
    display: flex;
    flex-wrap: wrap;
    max-width: 40%;
    justify-content: flex-end
}

.addons-card .bl_btn .btn {
    width: 96px;
    padding: 0 5px;
    margin: 0 0 0 4px
}

.addons-card .bl_btn .btn.ghost {
    margin: 0 0 4px
}

.addons-card.Gen8 {
    background: radial-gradient(circle at 76% 27%,#862b70,#222 66%)
}

.addons-card.Gen8 .bl_title {
    border-bottom: 0
}

.addons-card.Gen8 .bl_title h3 {
    color: #fff
}

.addons-card.Gen8 .BlackBloc {
    border-top: 1px solid #444
}

.addons-card.Gen8 .Detail {
    color: #444
}

.addons-card.Gen8 .Detail .Text500 {
    color: #fff
}

.addons-card.Gen8 .Detail .bl_img {
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/wave-gradient.svg) center no-repeat
}

.addons-card.Gen8 .bl_desc {
    float: left;
    max-width: 59%
}

.addons-card.Gen8 .bl_desc bol-price {
    color: #fff;
    background: inherit;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: #fff
}

.addons-card.Gen8 .bl_desc .includ {
    color: #222
}

.addons-card.Gen8 .bl_desc .desc {
    color: #fff
}

.addons-card.Gen8 .bl_btn {
    display: flex;
    flex-wrap: wrap;
    max-width: 40%;
    justify-content: flex-end
}

.addons-card.Gen8 .bl_btn .btn.ghost {
    background: rgba(255,255,255,0);
    border-color: #fff
}

.addons-card.Gen8 .bl_btn .btn.ghost span {
    color: #fff;
    background: inherit;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: #fff
}

.addons.bl_link {
    text-align: center;
    padding: 32px 0 0
}

body.Media .addons_bloc .addons-card {
    background: #2e2e2e;
    color: #fff
}

body.Media .addons_bloc .addons-card .bl_title {
    border-bottom: 1px solid #444
}

body.Media .addons_bloc .addons-card .bl_title h3 {
    color: #fff
}

body.Media .addons_bloc .addons-card .BlackBloc {
    border-top: 1px solid #444
}

body.Media .addons_bloc .addons-card .Detail,body.Media .addons_bloc .addons-card .Detail .bl_txt {
    color: #fff
}

body.Media .addons_bloc .addons-card .link {
    position: absolute;
    right: 20px;
    top: 20px
}

body.Media .addons_bloc .addons-card .bl_desc {
    float: left;
    max-width: 59%
}

body.Media .addons_bloc .addons-card .bl_desc .prix {
    color: #fff;
    -webkit-text-fill-color: inherit
}

body.Media .addons_bloc .addons-card .bl_desc .desc,body.Media .addons_bloc .addons-card .bl_desc .includ,body.Media .addons_bloc .addons-card .bl_desc .old_prix {
    color: #fff!important
}

body.Media .addons_bloc .addons-card .bl_off_exep {
    background: #ffcd00!important
}

body.Media .addons_bloc .addons-card .bl_off_exep .txt {
    color: #181818!important
}

body.Media .addons_bloc .bl_promo {
    background: #ffcd00!important
}

body.Media .addons_bloc .bl_promo .txt {
    color: #181818!important
}

body.Media .addons_bloc .addons.bl_link {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #000
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1
}

.tooltip:hover .tooltiptext {
    visibility: visible
}

@media only screen and (max-width: 480px) {
    .addons-card {
        min-width:auto
    }

    .addons-card .bl_desc {
        max-width: 59%
    }

    .addons-card .bl_btn {
        max-width: 40%
    }

    .mobile-features-card {
        min-width: auto
    }
}

bol-addon-promo .bl_promo {
    border-radius: 14px 8px 14px 14px;
    background: #ffcd00;
    display: inline-block;
    padding: 0 10px 20px;
    position: absolute;
    top: 0
}

bol-addon-promo .bl_promo .txt {
    font-size: 10px;
    line-height: 19px;
    font-weight: 700;
    color: #181818;
    display: inline-block;
    text-transform: uppercase
}

bol-addon-refund .bl_off_exep {
    border-radius: 3px;
    background: #000;
    display: inline-block;
    padding: 0 6px;
    position: absolute;
    top: -9px;
    left: 20px
}

bol-addon-refund .bl_off_exep .txt {
    font-size: 10px;
    line-height: 16px;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    text-transform: uppercase
}

.banner_inter {
    text-align: center;
    background-color: #fff
}

.banner_inter img {
    width: 100%;
    height: auto
}

@media only screen and (max-width: 600px) {
    .banner_inter {
        display:none
    }
}

bol-bloc-aventages .advantage {
    background: #f2f2f2
}

bol-bloc-aventages .advantage .wrapper {
    max-width: calc(1065px + 30px);
    padding: 0 18px;
    margin: auto
}

bol-bloc-aventages .advantage .wrapper .list {
    display: flex;
    flex-wrap: wrap;
    padding: 24px 0
}

bol-bloc-aventages .advantage .wrapper .list li {
    margin: 0 15px;
    flex: 1;
    max-width: 335px;
    min-width: 300px
}

bol-bloc-aventages .advantage .wrapper .list li:nth-child(3n+1) {
    margin-left: 0
}

bol-bloc-aventages .advantage .wrapper .list li:nth-child(3n+3) {
    margin-right: 0
}

bol-bloc-aventages .bl_link {
    text-align: center;
    margin-bottom: 24px;
    margin-top: 24px
}

bol-aventage-element {
    display: flex;
    flex-direction: column;
    align-items: center
}

.bl_aventage {
    background: #fff;
    border-radius: 14px;
    padding: 20px;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04);
    height: initial;
    position: relative;
    width: 100%;
    margin: auto;
    min-height: 175px
}

.bl_aventage .bl_img {
    margin-bottom: 16px;
    height: 37px
}

.bl_aventage .h3 {
    padding-right: 15px;
    margin-bottom: 10px;
    color: #222;
    font-weight: 700;
    font-size: 16px
}

.bl_aventage+.bl_link {
    margin-top: 20px;
    margin-bottom: 15px
}

.bl_aventage .link {
    position: absolute;
    right: 20px;
    bottom: 20px
}

@media only screen and (max-width: 768px) {
    bol-bloc-aventages .advantage .wrapper .list li {
        min-width:inherit;
        width: 100%
    }

    bol-bloc-aventages .advantage .list {
        display: block;
        padding: 30px 20px
    }

    bol-bloc-aventages .advantage .list li {
        margin: 0 0 15px;
        max-width: none
    }

    .bl_aventage {
        min-height: 120px
    }
}

bol-card-block-form .bl_contenu {
    padding-bottom: 24px
}

bol-card-block-form .bl_contenu .contenu_bloc {
    border-radius: 14px;
    border: 1px solid #d2d2d2;
    margin: 16px auto;
    max-width: 1065px;
    padding: 40px
}

bol-card-block-form .bl_contenu .contenu_bloc .contenu_bloc_elt {
    margin-bottom: 25px
}

bol-card-block-form .bl_contenu .contenu_bloc .bold {
    font-weight: 700
}

bol-card-block-form .bl_contenu .contenu_bloc .flex {
    display: flex;
    flex-wrap: wrap
}

bol-card-block-form .bl_contenu .contenu_bloc .img img {
    max-height: 60px;
    margin-right: 20px
}

bol-card-block-form .bl_contenu .contenu_bloc .form-line {
    position: relative;
    margin-left: 35px;
    cursor: pointer
}

bol-card-block-form .bl_contenu .contenu_bloc .form-line::before {
    content: "";
    width: 22px;
    height: 22px;
    border: 1px solid #8a8a8a;
    display: block;
    position: absolute;
    left: -35px;
    top: 50%;
    transform: translateY(-50%)
}

bol-card-block-form .bl_contenu .contenu_bloc .form-line.active::after {
    content: "";
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/check.svg) right center no-repeat;
    width: 22px;
    height: 22px;
    display: block;
    position: absolute;
    left: -37px;
    top: 50%;
    transform: translateY(-50%)
}

bol-card-block-form .bl_contenu .contenu_bloc .link-more {
    font-size: 12px;
    color: #222;
    text-decoration: underline;
    font-weight: 400;
    display: inline-block;
    margin-left: 15px
}

bol-card-block-form .bl_contenu .contenu_bloc .desc {
    font-size: 14px;
    line-height: 1.43;
    color: #444
}

bol-card-block-form .bl_contenu .contenu_bloc .desc p {
    margin-bottom: 25px
}

bol-bol-layout .wrapper-comparator {
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: fixed;
    width: 100%;
    z-index: 4;
    background: #fff;
    bottom: -130px;
    box-shadow: 0 8px 16px 0 rgba(24,24,24,.1),0 -1px 6px 1px rgba(24,24,24,.04);
    border-top: 1px solid #d2d2d2;
    transition: bottom .5s ease-in-out;
    padding: 50px 0 0
}

@media only screen and (max-width: 768px) {
    bol-card-block-form .bl_contenu .contenu_bloc {
        margin:16px 18px;
        padding: 24px
    }

    bol-bol-layout .wrapper-comparator {
        bottom: calc(- 130px)
    }
}

bol-bol-layout .wrapper-comparator .link.Comp {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    position: absolute;
    width: 90%;
    top: -9px;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    transition: top .5s ease-in-out
}

bol-bol-layout .wrapper-comparator .link.Comp .devices {
    font-size: 14px;
    color: #181818
}

bol-bol-layout .wrapper-comparator .link.Comp i {
    margin: 0 0 8px;
    transform: rotate(180deg);
    transition: transform .5s ease-in-out
}

bol-bol-layout .wrapper-comparator.expand {
    bottom: 0;
    transition: bottom .5s ease-in-out
}

bol-bol-layout .wrapper-comparator.expand .link i {
    transform: rotate(0);
    transition: transform .5s ease-in-out
}

@media only screen and (max-width: 992px) {
    bol-bol-layout .wrapper-comparator>.bloc-bottom .btn {
        position:relative;
        transition: bottom ease-in-out .5s;
        bottom: -109px
    }

    bol-bol-layout .wrapper-comparator.expand {
        bottom: 0;
        z-index: 4
    }

    bol-bol-layout .wrapper-comparator.expand>.bloc-bottom {
        flex-direction: column;
        align-items: flex-start;
        height: 160px;
        margin-top: 0;
        z-index: 1;
        padding: 0 15px 15px
    }

    bol-bol-layout .wrapper-comparator.expand>.bloc-bottom .btn {
        transition: bottom ease-in-out .5s;
        margin: 15px 0 0;
        min-height: 40px;
        position: fixed;
        bottom: 16px;
        left: 50%;
        transform: translateX(-50%);
        display: table;
        line-height: 40px
    }

    bol-bol-layout .wrapper-comparator.expand>.bloc-bottom .list-mobile {
        justify-content: flex-start
    }
}

bol-bol-layout .wrapper-comparator>.bloc-bottom {
    width: 100%;
    height: 130px;
    max-width: 1065px;
    margin: auto;
    padding: 10px 0 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow-x: auto
}

@media only screen and (max-width: 992px) {
    bol-bol-layout .wrapper-comparator>.bloc-bottom {
        overflow-x:initial
    }
}

bol-bol-layout .wrapper-comparator>.bloc-bottom .list-mobile {
    overflow: auto;
    display: flex;
    flex: 1;
    width: 100%;
    padding: 4px 0 0;
    scrollbar-width: thin
}

bol-bol-layout .wrapper-comparator>.bloc-bottom .list-mobile::-webkit-scrollbar {
    height: 5px;
    background: #fff
}

bol-bol-layout .wrapper-comparator>.bloc-bottom .list-mobile::-webkit-scrollbar-thumb {
    background: #d2d2d2
}

bol-bol-layout .wrapper-comparator>.bloc-bottom .btn {
    margin: 0 25px 0 10px
}

bol-bloc-add-mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px;
    border-radius: 14px;
    height: 90px;
    margin: 0 12px;
    position: relative;
    flex: 1;
    box-sizing: border-box;
    border: 1px solid #d2d2d2
}

bol-bloc-add-mobile .bloc-bottom {
    text-align: center;
    padding: 10px 15px 0;
    width: 100%
}

@media only screen and (max-width: 768px) {
    bol-bloc-add-mobile {
        min-width:160px;
        padding: 10px 16px;
        justify-content: space-between
    }

    bol-bloc-add-mobile .bloc-bottom {
        padding: 0
    }

    bol-bloc-mobile .bloc-left {
        min-width: 40px
    }
}

bol-bloc-mobile {
    display: flex;
    padding: 16px;
    border-radius: 14px;
    height: 90px;
    margin: 0 12px;
    position: relative;
    flex: 1;
    box-sizing: border-box;
    box-shadow: 0 8px 16px 0 rgba(24,24,24,.1),0 -1px 6px 1px rgba(24,24,24,.04)
}

bol-bloc-mobile .btn-close {
    position: absolute;
    cursor: pointer;
    top: -4px;
    right: -4px;
    width: 16px;
    height: 16px;
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/close-r.svg);
    background-repeat: no-repeat;
    background-size: cover
}

bol-bloc-mobile .bloc-left {
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

bol-bloc-mobile .bloc-left img {
    min-height: 58px;
    max-height: 60px
}

bol-bloc-mobile .bloc-right {
    display: flex;
    flex-direction: column;
    justify-content: center
}

bol-bloc-mobile .bloc-right bol-price {
    font-size: 22px
}

bol-bloc-mobile .bloc-right>div:first-child {
    font-weight: 700;
    color: #222;
    font-size: 16px;
    padding-bottom: 5px
}

bol-bloc-mobile .bloc-right>div:last-child {
    color: #8a8a8a;
    font-size: 12px
}

.bl_contenu {
    padding: 0 18px 24px
}

.bl_contenu .contenu_bloc {
    border-radius: 14px;
    border: 1px solid #d2d2d2
}

.bl_contenu .contenu_bloc,.bl_contenu .contenu_bloc_no_border {
    margin: 16px auto;
    max-width: 1065px;
    padding: 8px 0
}

.bl_contenu .contenu_bloc ul.bloc,.bl_contenu .contenu_bloc_no_border ul.bloc {
    border-bottom: 1px solid #d2d2d2;
    padding: 0 40px
}

.bl_contenu .contenu_bloc ul.bloc:last-child,.bl_contenu .contenu_bloc_no_border ul.bloc:last-child {
    border: none
}

.bl_contenu .contenu_bloc ul.bloc>li,.bl_contenu .contenu_bloc_no_border ul.bloc>li {
    border-bottom: 1px solid #d2d2d2;
    padding: 12px 0
}

.bl_contenu .contenu_bloc ul.bloc>li ul.search_results li,.bl_contenu .contenu_bloc_no_border ul.bloc>li ul.search_results li {
    border-bottom: none;
    padding: 0
}

.bl_contenu .contenu_bloc ul.bloc>li:last-child,.bl_contenu .contenu_bloc_no_border ul.bloc>li:last-child {
    border: none
}

.bl_contenu .contenu_bloc ul.bloc>li h3,.bl_contenu .contenu_bloc ul.bloc>li h4,.bl_contenu .contenu_bloc_no_border ul.bloc>li h3,.bl_contenu .contenu_bloc_no_border ul.bloc>li h4 {
    margin-bottom: 12px
}

.bl_contenu .contenu_bloc ul.bloc>li .desc,.bl_contenu .contenu_bloc_no_border ul.bloc>li .desc {
    font-size: 14px;
    line-height: 1.43;
    color: #444
}

.bl_contenu .contenu_bloc ul.bloc>li .desc.margin,.bl_contenu .contenu_bloc_no_border ul.bloc>li .desc.margin {
    margin-bottom: 12px
}

.bl_contenu .contenu_bloc ul.bloc>li .elem_desc,.bl_contenu .contenu_bloc_no_border ul.bloc>li .elem_desc {
    padding-bottom: 12px
}

.bl_contenu .contenu_bloc ul.bloc>li .bl_flex,.bl_contenu .contenu_bloc_no_border ul.bloc>li .bl_flex {
    display: flex
}

.bl_contenu .contenu_bloc ul.bloc>li .bl_flex>ul,.bl_contenu .contenu_bloc_no_border ul.bloc>li .bl_flex>ul {
    margin-right: 60px;
    margin-bottom: 12px
}

.bl_contenu .contenu_bloc ul.bloc>li .asterisque,.bl_contenu .contenu_bloc_no_border ul.bloc>li .asterisque {
    font-family: Arial;
    font-size: 12px;
    color: #8a8a8a
}

.bl_contenu .contenu_bloc ul.bloc>li form,.bl_contenu .contenu_bloc_no_border ul.bloc>li form {
    margin: 10px 0 24px;
    display: flex
}

.bl_contenu .contenu_bloc ul.bloc>li form .input,.bl_contenu .contenu_bloc_no_border ul.bloc>li form .input {
    border-radius: 4px;
    border: 1px solid #8a8a8a;
    margin-right: 10px;
    line-height: 39px;
    overflow: hidden;
    display: inline-block;
    padding: 0 14px;
    max-width: 312px;
    width: 100%;
    font-size: 16px;
    color: #222
}

.bl_contenu .contenu_bloc ul.bloc>li form .autocomplete-container,.bl_contenu .contenu_bloc_no_border ul.bloc>li form .autocomplete-container {
    margin-right: 12px
}

.bl_contenu .contenu_bloc ul.bloc>li form .submit,.bl_contenu .contenu_bloc_no_border ul.bloc>li form .submit {
    text-transform: uppercase;
    border-radius: 10px;
    line-height: 39px;
    height: 40px;
    overflow: hidden;
    background-color: #222;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .7px;
    color: #fff;
    display: block;
    padding: 0 20px;
    cursor: pointer;
    text-align: center
}

.bl_contenu .contenu_bloc ul.bloc .no-bottom-line,.bl_contenu .contenu_bloc_no_border ul.bloc .no-bottom-line {
    border: none
}

.bl_contenu .contenu_bloc .avantages,.bl_contenu .contenu_bloc_no_border .avantages {
    display: flex;
    margin-top: 40px;
    justify-content: center
}

.bl_contenu .contenu_bloc .avantages li,.bl_contenu .contenu_bloc_no_border .avantages li {
    flex: 1;
    text-align: center;
    max-width: 230px;
    margin: 0 15px
}

.bl_contenu .contenu_bloc .avantages li.noborder,.bl_contenu .contenu_bloc_no_border .avantages li.noborder {
    border: none
}

.bl_contenu .contenu_bloc .avantages li h4,.bl_contenu .contenu_bloc_no_border .avantages li h4 {
    margin-bottom: 4px;
    padding: 0 2px
}

.bl_contenu .contenu_bloc .avantages li .img,.bl_contenu .contenu_bloc_no_border .avantages li .img {
    margin-bottom: 12px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center
}

.bl_contenu .contenu_bloc .avantages li .img img,.bl_contenu .contenu_bloc_no_border .avantages li .img img {
    max-height: 38px;
    width: auto
}

.bl_contenu .contenu_bloc .bl_link,.bl_contenu .contenu_bloc_no_border .bl_link {
    margin-top: 20px
}

.bl_contenu .contenu_bloc .debit,.bl_contenu .contenu_bloc_no_border .debit {
    display: flex;
    padding: 12px 0 40px
}

.bl_contenu .contenu_bloc .debit p,.bl_contenu .contenu_bloc_no_border .debit p {
    background: linear-gradient(to right,#871d81,#e2001a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #e2001a;
    font-size: 19px;
    font-weight: 700;
    margin-right: 30px
}

@media screen and (min-width: 0\0) {
    .bl_contenu .contenu_bloc .debit p,.bl_contenu .contenu_bloc_no_border .debit p {
        background:0 0;
        color: #e2001a
    }
}

.bl_contenu .contenu_bloc .debit p i,.bl_contenu .contenu_bloc_no_border .debit p i {
    width: 17px;
    height: 17px;
    display: inline-block;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/debit-down.svg) center no-repeat;
    margin-right: 8px
}

.bl_contenu .contenu_bloc .debit p.up i,.bl_contenu .contenu_bloc_no_border .debit p.up i {
    transform: rotate(180deg)
}

.bl_contenu .contenu_bloc ul.liste,.bl_contenu .contenu_bloc_no_border ul.liste {
    display: flex;
    justify-content: space-between
}

.bl_contenu .contenu_bloc ul.liste li,.bl_contenu .contenu_bloc_no_border ul.liste li {
    text-align: center;
    margin: 0 10px;
    flex: 1
}

.bl_contenu .contenu_bloc ul.liste li .bl_img,.bl_contenu .contenu_bloc_no_border ul.liste li .bl_img {
    width: 100px;
    height: 100px;
    margin: 0 auto 12px;
    background: #f2f2f2;
    border-radius: 90px;
    overflow: hidden
}

.bl_contenu .contenu_bloc ul.liste li .bl_img img,.bl_contenu .contenu_bloc_no_border ul.liste li .bl_img img {
    width: 100px;
    height: 100px
}

@media only screen and (max-width: 768px) {
    bol-bloc-mobile .bloc-right bol-price {
        font-size:14px
    }

    bol-bloc-mobile .bloc-right {
        min-width: 100px
    }

    bol-bloc-mobile .bloc-right>div:first-child {
        font-size: 12px
    }

    bol-bloc-mobile {
        min-width: initial
    }

    .bl_contenu .contenu_bloc,.bl_contenu .contenu_bloc_no_border {
        padding: 0
    }

    .bl_contenu .contenu_bloc ul.bloc,.bl_contenu .contenu_bloc_no_border ul.bloc {
        padding: 0 20px
    }

    .bl_contenu .contenu_bloc ul.bloc>li form .submit,.bl_contenu .contenu_bloc_no_border ul.bloc>li form .submit {
        min-width: 70px;
        padding: 0 15px
    }

    .bl_contenu .contenu_bloc .avantages,.bl_contenu .contenu_bloc_no_border .avantages {
        display: block
    }

    .bl_contenu .contenu_bloc .avantages li,.bl_contenu .contenu_bloc_no_border .avantages li {
        max-width: none;
        margin: 0 0 40px
    }

    .bl_contenu .contenu_bloc ul.liste,.bl_contenu .contenu_bloc_no_border ul.liste {
        display: block
    }

    .bl_contenu .contenu_bloc ul.liste li,.bl_contenu .contenu_bloc_no_border ul.liste li {
        margin: 0 10px 32px
    }

    bol-internet-eligibility-block .bl_eligibility .wrapper {
        background: linear-gradient(to right,#871d81,#e2001a);
        padding: 15px 18px
    }
}

.NeedToKnow {
    background: linear-gradient(to right,#871d81,#e2001a);
    color: #fff
}

.NeedToKnow.Red {
    background: radial-gradient(circle at 50% 50%,#e70059,#570221)
}

.NeedToKnow.Purple {
    background: radial-gradient(circle at 50% 50%,#d15a9c,#310036)
}

.NeedToKnow.Green {
    background: radial-gradient(circle at 50% 50%,#23b5b7,#004236)
}

.NeedToKnow.Blue {
    background: radial-gradient(circle at 50% 50%,#139bd6,#1b2157)
}

.NeedToKnow.Pro {
    background: radial-gradient(circle at 50% 50%,#a1acca,#626981)
}

.NeedToKnow .wrapper {
    margin: auto;
    max-width: 1065px;
    padding: 48px 17px
}

.NeedToKnow h3 {
    margin-bottom: 24px;
    color: #fff
}

.NeedToKnow p {
    display: flex;
    margin-bottom: 32px;
    font-size: 16px;
    line-height: 1.38;
    max-width: 800px
}

.NeedToKnow p i {
    min-width: 30px
}

bol-internet-eligibility-block .bl_eligibility {
    padding: 0 18px;
    margin: 24px 0
}

bol-internet-eligibility-block .bl_eligibility.cl_result .wrapper {
    background: linear-gradient(to right,#871d81,#e2001a);
    padding: 15px 18px
}

bol-internet-eligibility-block .bl_eligibility .wrapper {
    max-width: 1065px;
    margin: auto;
    border-radius: 10px
}

bol-internet-eligibility-block .bl_eligibility .wrapper.loading {
    min-height: 240px;
    position: relative
}

bol-internet-eligibility-block .bl_eligibility .wrapper.loading>div:not(.loader-wrapper) {
    opacity: 0
}

bol-internet-eligibility-block .bl_eligibility .wrapper .loader-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate(-50%,-50%)
}

bol-internet-eligibility-block .bl_eligibility .wrapper .loader-wrapper .loader {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

bol-internet-eligibility-block .bl_eligibility .wrapper .loader-wrapper .loader img {
    position: absolute;
    max-width: 30%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

bol-internet-eligibility-block .bl_eligibility .wrapper .loader-wrapper .loader img:first-child {
    opacity: .6;
    max-width: 100%
}

bol-internet-eligibility-block .bl_eligibility .wrapper .loader-wrapper p {
    font-weight: 700;
    font-size: 19px;
    color: #222;
    margin-top: 210px;
    text-align: center
}

bol-internet-eligibility-block .bl_eligibility .wrapper .bl_link {
    text-align: center;
    margin-top: 8px
}

bol-internet-eligibility-block .bl_eligibility .wrapper .bl_link .link.Expand {
    margin-bottom: 17px
}

bol-internet-eligibility-block .bl_eligibility .wrapper .bl_link.hidden {
    display: none
}

bol-internet-eligibility-block .bl_eligibility .wrapper .bl_btn {
    text-align: center
}

bol-internet-eligibility-block .bl_eligibility .wrapper .hide_desk {
    display: none
}

bol-internet-eligibility-block .bl_eligibility .etap0 {
    text-align: center
}

@media only screen and (max-width: 768px) {
    bol-internet-eligibility-block .bl_eligibility .wrapper .loader-wrapper p {
        color:#fff
    }

    bol-internet-eligibility-block .bl_eligibility .wrapper .hide_desk {
        display: block
    }

    bol-internet-eligibility-block .bl_eligibility .etap0 .btn {
        border: 0;
        overflow: inherit;
        width: 100%;
        margin: -15px;
        background: rgba(255,255,255,0)
    }

    bol-internet-eligibility-block .bl_eligibility .etap0 .btn span {
        color: #fff;
        background: 0 0;
        -webkit-background-clip: inherit;
        -webkit-text-fill-color: #fff
    }

    bol-internet-eligibility-block .bl_eligibility .etap0 .btn:hover {
        background-color: rgba(255,255,255,0)!important;
        box-shadow: none!important
    }

    bol-internet-eligibility-block .bl_eligibility .PRE_bl_test_elig .bl_title {
        display: none
    }
}

bol-internet-eligibility-block .bl_eligibility .etap0 .btn:not(.disabled):hover {
    background-color: rgba(255,255,255,.1);
    background-position: 100% center;
    box-shadow: 0 0 4px rgba(0,0,0,.15),0 4px 8px rgba(0,0,0,.3)
}

bol-internet-eligibility-block .bl_eligibility .etap0 .btn:not(.disabled):active {
    box-shadow: 0 2px 4px rgba(0,0,0,.3)
}

bol-internet-eligibility-block .bl_eligibility .PRE_bl_test_elig {
    display: flex;
    align-items: center;
    justify-content: center
}

bol-internet-eligibility-block .bl_eligibility .PRE_bl_test_elig .bl_title {
    margin-right: 32px
}

bol-internet-eligibility-block .bl_eligibility .bl_test_elig,bol-internet-eligibility-block .bl_eligibility .bl_test_error {
    max-width: 610px;
    flex: 2;
    border-radius: 14px;
    background-color: #fff
}

bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_onglet,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_onglet {
    display: flex;
    -webkit-border-top-left-radius: 14px;
    -webkit-border-top-right-radius: 14px;
    -moz-border-radius-topleft: 14px;
    -moz-border-radius-topright: 14px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    overflow: hidden;
    border-radius: 14px 14px 0 0
}

bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_onglet li,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_onglet li {
    flex: 1;
    text-align: center;
    padding: 16px 5px;
    border-right: 1px solid #fff;
    background: #e9e9e9;
    cursor: pointer;
    font-weight: 700;
    position: relative
}

bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_onglet li:last-child,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_onglet li:last-child {
    border-right: none
}

bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_onglet li.active,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_onglet li.active {
    background: #fff
}

bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_onglet li.active::after,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_onglet li.active::after {
    content: "";
    display: block;
    height: 3px;
    background: linear-gradient(to right,#871d81,#e2001a);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_content,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content {
    padding: 16px 24px
}

@media only screen and (max-width: 768px) {
    bol-internet-eligibility-block .bl_eligibility .bl_test_elig,bol-internet-eligibility-block .bl_eligibility .bl_test_error {
        margin:0 auto 24px
    }

    bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_content,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content {
        padding: 16px 14px
    }
}

bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_content .bl_subDesc,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content .bl_subDesc {
    text-align: center;
    margin-bottom: 24px
}

bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_content .bl_subDesc h4,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content .bl_subDesc h4 {
    margin-bottom: 6px
}

bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_content .eligibility_result h4,bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_content .eligibility_result p,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content .eligibility_result h4,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content .eligibility_result p {
    margin-bottom: 16px
}

bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_content .eligibility_result .btn,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content .eligibility_result .btn {
    margin-top: 5px;
    margin-bottom: 5px
}

bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_content .eligibility_result .link_container,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content .eligibility_result .link_container {
    text-align: center
}

bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_content .eligibility_result .link,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content .eligibility_result .link {
    text-decoration: underline
}

bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_content .eligibility_result .change,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content .eligibility_result .change {
    font-size: 14px;
    color: #000
}

bol-internet-eligibility-block .bl_eligibility .bl_test_elig h4,bol-internet-eligibility-block .bl_eligibility .bl_test_error h4 {
    margin-bottom: 12px
}

bol-internet-eligibility-block .bl_eligibility .bl_test_elig .label,bol-internet-eligibility-block .bl_eligibility .bl_test_error .label {
    font-size: 14px;
    line-height: 1.43;
    color: #444;
    margin-bottom: 4px;
    display: inline-block
}

bol-internet-eligibility-block .bl_eligibility .bl_test_elig .input,bol-internet-eligibility-block .bl_eligibility .bl_test_error .input {
    height: 42px;
    line-height: 42px;
    border-radius: 4px;
    border: 1px solid #d2d2d2;
    padding: 0 14px;
    background-color: #fff;
    font-size: 14px;
    color: #444;
    width: 100%
}

bol-internet-eligibility-block .bl_eligibility .bl_test_elig .select,bol-internet-eligibility-block .bl_eligibility .bl_test_error .select {
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    border: 1px solid #d2d2d2;
    padding: 0 14px;
    background-color: #fff;
    font-size: 14px;
    color: #444;
    width: 100%
}

bol-internet-eligibility-block .bl_eligibility .sep {
    width: 100px;
    height: 1px;
    background: #fff;
    margin: 24px auto
}

bol-internet-eligibility-block .bl_eligibility .bl_select_house {
    max-height: 28vh;
    overflow: auto;
    padding: 24px;
    background: #f2f2f2
}

bol-internet-eligibility-block .bl_eligibility .bl_select_house h6 {
    text-align: center;
    margin-bottom: 12px
}

bol-internet-eligibility-block .bl_eligibility .bl_select_house .list_logement {
    margin-bottom: 16px
}

bol-internet-eligibility-block .bl_eligibility .bl_select_house .list_logement li {
    border-radius: 4px;
    border: 1px solid #444;
    padding: 16px 14px;
    margin-bottom: 8px;
    color: #444;
    cursor: pointer
}

bol-internet-eligibility-block .bl_eligibility .bl_select_house .list_logement li.disabled {
    border-color: #d2d2d2;
    color: #d2d2d2;
    cursor: auto
}

bol-internet-eligibility-block .bl_eligibility .bl_select_house .pagination {
    display: flex;
    justify-content: center;
    margin-bottom: 24px
}

bol-internet-eligibility-block .bl_eligibility .bl_select_house .pagination li {
    text-align: center;
    margin: 0 3px
}

bol-internet-eligibility-block .bl_eligibility .bl_select_house .pagination li a {
    width: 32px;
    height: 32px;
    overflow: hidden;
    line-height: 32px;
    border-radius: 90px;
    display: block;
    cursor: pointer;
    background: center no-repeat
}

bol-internet-eligibility-block .bl_eligibility .bl_select_house .pagination li.active a {
    background: #d2d2d2;
    cursor: auto
}

bol-internet-eligibility-block .bl_eligibility .bl_select_house .pagination li:first-child a {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/arrow-s.svg);
    transform: rotate(180deg)
}

bol-internet-eligibility-block .bl_eligibility .bl_select_house .pagination li:last-child a {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/arrow-s.svg)
}

bol-internet-eligibility-block .bl_eligibility .bl_select_house .bl_link {
    margin-bottom: 24px
}

bol-internet-eligibility-block .bl_eligibility .bl_select_house .bl_link .link {
    text-decoration: underline
}

bol-internet-eligibility-block .bl_eligibility .bl_select {
    margin-bottom: 24px
}

bol-internet-eligibility-block .bl_eligibility .bl_fliters {
    border-radius: 4px;
    border: 1px solid #d2d2d2;
    background: #fff;
    max-width: 256px;
    position: relative;
    z-index: 1;
    margin-bottom: 8px
}

bol-internet-eligibility-block .bl_eligibility .bl_fliters.active {
    border-color: #222
}

bol-internet-eligibility-block .bl_eligibility .bl_fliters .open {
    line-height: 42px;
    padding: 0 14px;
    font-size: 14px;
    color: #444;
    cursor: pointer
}

bol-internet-eligibility-block .bl_eligibility .bl_fliters .open i {
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/pic-filtre.svg) center/8px 5px no-repeat;
    display: inline-block;
    width: 10px;
    margin: 0 0 -3px 4px;
    float: right;
    height: 42px
}

bol-internet-eligibility-block .bl_eligibility .bl_fliters .filtres {
    position: absolute;
    background: #fff;
    border: 1px solid #222;
    border-top: 0;
    left: -1px;
    top: 38px;
    right: -1px;
    padding: 5px 14px 16px;
    border-radius: 4px;
    display: none
}

bol-internet-eligibility-block .bl_eligibility .bl_fliters .filtres.active {
    display: block
}

bol-internet-eligibility-block .bl_eligibility .bl_fliters .filtres .bl_input {
    max-width: 140px;
    margin-bottom: 8px
}

bol-internet-eligibility-block .bl_eligibility .bl_fliters .filtres .bl_input.width100 {
    max-width: 100%;
    margin-bottom: 16px
}

bol-internet-eligibility-block .bl_eligibility .bl_fliters .filtres .bl_btn {
    text-align: center
}

bol-internet-eligibility-block .bl_eligibility .bl_fliters .filtres .bl_select {
    max-width: 100px
}

bol-internet-eligibility-block .bl_eligibility .bl_connexion {
    display: flex
}

bol-internet-eligibility-block .bl_eligibility .bl_connexion>div {
    margin-right: 20px
}

bol-internet-eligibility-block .bl_eligibility .bl_connexion>div:last-child {
    margin: 0
}

bol-title-block .sticky .bl_eligibility .more-info {
    display: none
}

bol-eligibility-address h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px
}

bol-eligibility-address .label {
    font-size: 14px;
    line-height: 1.43;
    color: #444;
    margin-bottom: 4px;
    display: inline-block
}

bol-eligibility-address .input {
    height: 42px;
    line-height: 42px;
    border-radius: 4px;
    border: 1px solid #d2d2d2;
    padding: 0 14px;
    background-color: #fff;
    font-size: 14px;
    color: #444;
    width: 100%
}

bol-eligibility-address .select {
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    border: 1px solid #d2d2d2;
    padding: 0 14px;
    background-color: #fff;
    font-size: 14px;
    color: #444;
    width: 100%
}

bol-eligibility-address .bl_adresse {
    margin-bottom: 16px
}

@media only screen and (max-width: 768px) {
    bol-eligibility-address .bl_adresse {
        flex-wrap:wrap
    }
}

bol-eligibility-address .bl_adresse>div {
    margin-bottom: 8px;
    flex: 1
}

@media only screen and (max-width: 768px) {
    bol-eligibility-address .bl_adresse>div {
        min-width:100px;
        flex: 0
    }

    bol-eligibility-address .bl_adresse>div:first-child {
        min-width: 100%
    }
}

bol-eligibility-address .bl_adresse>div:last-child {
    margin-right: 0
}

bol-eligibility-address .bl_adresse>div:first-child {
    flex: 3
}

bol-eligibility-address .bl_adresse2 {
    margin-bottom: 16px;
    display: flex
}

@media only screen and (max-width: 768px) {
    bol-eligibility-address .bl_adresse2 {
        flex-wrap:wrap
    }
}

bol-eligibility-address .bl_adresse2>div {
    margin-bottom: 8px;
    flex: 1;
    margin-right: 10px
}

bol-eligibility-address .bl_adresse2>div:last-child {
    margin-right: 0
}

bol-eligibility-address .eligibility_result {
    text-align: center;
    padding: 16px 0 0
}

bol-eligibility-address .eligibility_result.text_left {
    text-align: left
}

bol-eligibility-address .eligibility_result h4 {
    font-size: 16px;
    margin-bottom: 12px;
    font-weight: 700
}

bol-eligibility-address .eligibility_result p {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 1.43;
    color: #444
}

bol-eligibility-address .eligibility_result .link {
    margin-bottom: 16px;
    text-decoration: underline
}

bol-eligibility-address .eligibility_result .bl_input {
    max-width: 256px
}

bol-eligibility-address .list_Radio .champ {
    line-height: 30px;
    width: 190px;
    padding: 0 5px
}

bol-eligibility-address .bl_submit {
    text-align: center
}

bol-eligibility-adsl-complement h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px
}

bol-eligibility-adsl-complement .label {
    font-size: 14px;
    line-height: 1.43;
    color: #444;
    margin-bottom: 4px;
    display: inline-block
}

bol-eligibility-adsl-complement .input {
    height: 42px;
    line-height: 42px;
    border-radius: 4px;
    border: 1px solid #d2d2d2;
    padding: 0 14px;
    background-color: #fff;
    font-size: 14px;
    color: #444;
    width: 100%
}

bol-eligibility-adsl-complement .select {
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    border: 1px solid #d2d2d2;
    padding: 0 14px;
    background-color: #fff;
    font-size: 14px;
    color: #444;
    width: 100%
}

bol-eligibility-adsl-complement .bl_adresse {
    margin-bottom: 16px;
    display: flex
}

@media only screen and (max-width: 768px) {
    bol-eligibility-address .bl_adresse2>div {
        min-width:100px;
        flex: 0
    }

    bol-eligibility-adsl-complement .bl_adresse {
        flex-wrap: wrap
    }
}

bol-eligibility-adsl-complement .bl_adresse>div {
    margin-bottom: 8px;
    flex: 1;
    margin-right: 10px
}

@media only screen and (max-width: 768px) {
    bol-eligibility-adsl-complement .bl_adresse>div {
        min-width:100px;
        flex: 0
    }

    bol-eligibility-adsl-complement .bl_adresse>div:first-child {
        min-width: 100%
    }
}

bol-eligibility-adsl-complement .bl_adresse>div:last-child {
    margin-right: 0
}

bol-eligibility-adsl-complement .bl_adresse>div:first-child {
    flex: 3
}

bol-eligibility-adsl-complement .eligibility_result {
    text-align: center;
    padding: 16px 0 0
}

bol-eligibility-adsl-complement .eligibility_result.text_left {
    text-align: left
}

bol-eligibility-adsl-complement .eligibility_result h4 {
    font-size: 16px;
    margin-bottom: 12px;
    font-weight: 700
}

bol-eligibility-adsl-complement .eligibility_result p {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 1.43;
    color: #444
}

bol-eligibility-adsl-complement .eligibility_result .link {
    text-decoration: underline
}

bol-eligibility-adsl-complement .eligibility_result .bl_input {
    max-width: 256px
}

bol-eligibility-housing-selection .wrapper {
    max-width: 1065px;
    margin: auto;
    border-radius: 10px;
    background: linear-gradient(to right,#871d81,#e2001a);
    padding: 24px 18px
}

bol-eligibility-housing-selection .wrapper .bl_link {
    text-align: center
}

bol-eligibility-housing-selection .etap0 {
    text-align: center;
    margin-bottom: 8px
}

bol-eligibility-housing-selection .etap0 .btn {
    margin-bottom: 18px;
    color: #222;
    border-color: #e9e9e9;
    background: #fff
}

bol-eligibility-housing-selection .bl_test_elig,bol-eligibility-housing-selection .bl_test_error {
    max-width: 610px;
    border-radius: 14px;
    background-color: #fff;
    margin: 0 auto 24px
}

bol-eligibility-housing-selection .bl_test_elig .bl_onglet,bol-eligibility-housing-selection .bl_test_error .bl_onglet {
    display: flex;
    -webkit-border-top-left-radius: 14px;
    -webkit-border-top-right-radius: 14px;
    -moz-border-radius-topleft: 14px;
    -moz-border-radius-topright: 14px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    overflow: hidden;
    border-radius: 14px 14px 0 0
}

bol-eligibility-housing-selection .bl_test_elig .bl_onglet li,bol-eligibility-housing-selection .bl_test_error .bl_onglet li {
    flex: 1;
    text-align: center;
    padding: 16px 5px;
    border-right: 1px solid #fff;
    background: #e9e9e9;
    cursor: pointer;
    position: relative
}

bol-eligibility-housing-selection .bl_test_elig .bl_onglet li:last-child,bol-eligibility-housing-selection .bl_test_error .bl_onglet li:last-child {
    border-right: none
}

bol-eligibility-housing-selection .bl_test_elig .bl_onglet li.active,bol-eligibility-housing-selection .bl_test_error .bl_onglet li.active {
    background: #fff
}

bol-eligibility-housing-selection .bl_test_elig .bl_onglet li.active::after,bol-eligibility-housing-selection .bl_test_error .bl_onglet li.active::after {
    content: "";
    display: block;
    height: 3px;
    background: linear-gradient(to right,#871d81,#e2001a);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

bol-eligibility-housing-selection .bl_test_elig .bl_content,bol-eligibility-housing-selection .bl_test_error .bl_content {
    padding: 16px 24px
}

@media only screen and (max-width: 768px) {
    bol-eligibility-housing-selection .bl_test_elig .bl_content,bol-eligibility-housing-selection .bl_test_error .bl_content {
        padding:16px 14px
    }

    bol-eligibility-housing-selection .bl_test_elig .bl_adresse,bol-eligibility-housing-selection .bl_test_error .bl_adresse {
        flex-wrap: wrap
    }
}

bol-eligibility-housing-selection .bl_test_elig h4,bol-eligibility-housing-selection .bl_test_error h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px
}

bol-eligibility-housing-selection .bl_test_elig .label,bol-eligibility-housing-selection .bl_test_error .label {
    font-size: 14px;
    line-height: 1.43;
    color: #444;
    margin-bottom: 4px;
    display: inline-block
}

bol-eligibility-housing-selection .bl_test_elig .input,bol-eligibility-housing-selection .bl_test_error .input {
    height: 42px;
    line-height: 42px;
    border-radius: 4px;
    border: 1px solid #d2d2d2;
    padding: 0 14px;
    background-color: #fff;
    font-size: 14px;
    color: #444;
    width: 100%
}

bol-eligibility-housing-selection .bl_test_elig .select,bol-eligibility-housing-selection .bl_test_error .select {
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    border: 1px solid #d2d2d2;
    padding: 0 14px;
    background-color: #fff;
    font-size: 14px;
    color: #444;
    width: 100%
}

bol-eligibility-housing-selection .bl_test_elig .bl_adresse,bol-eligibility-housing-selection .bl_test_error .bl_adresse {
    margin-bottom: 16px;
    display: flex
}

bol-eligibility-housing-selection .bl_test_elig .bl_adresse>div,bol-eligibility-housing-selection .bl_test_error .bl_adresse>div {
    margin-bottom: 8px;
    flex: 1;
    margin-right: 10px
}

@media only screen and (max-width: 768px) {
    bol-eligibility-housing-selection .bl_test_elig .bl_adresse>div,bol-eligibility-housing-selection .bl_test_error .bl_adresse>div {
        min-width:100px;
        flex: 0
    }

    bol-eligibility-housing-selection .bl_test_elig .bl_adresse>div:first-child,bol-eligibility-housing-selection .bl_test_error .bl_adresse>div:first-child {
        min-width: 100%
    }
}

bol-eligibility-housing-selection .bl_test_elig .bl_adresse>div:last-child,bol-eligibility-housing-selection .bl_test_error .bl_adresse>div:last-child {
    margin-right: 0
}

bol-eligibility-housing-selection .bl_test_elig .bl_adresse>div:first-child,bol-eligibility-housing-selection .bl_test_error .bl_adresse>div:first-child {
    flex: 3
}

bol-eligibility-housing-selection .bl_test_elig .eligibility_result,bol-eligibility-housing-selection .bl_test_error .eligibility_result {
    text-align: center;
    padding: 16px 0 0
}

bol-eligibility-housing-selection .bl_test_elig .eligibility_result.text_left,bol-eligibility-housing-selection .bl_test_error .eligibility_result.text_left {
    text-align: left
}

bol-eligibility-housing-selection .bl_test_elig .eligibility_result h4,bol-eligibility-housing-selection .bl_test_error .eligibility_result h4 {
    font-size: 16px;
    margin-bottom: 12px;
    font-weight: 700
}

bol-eligibility-housing-selection .bl_test_elig .eligibility_result p,bol-eligibility-housing-selection .bl_test_error .eligibility_result p {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 1.43;
    color: #444
}

bol-eligibility-housing-selection .bl_test_elig .eligibility_result .link,bol-eligibility-housing-selection .bl_test_error .eligibility_result .link {
    margin-bottom: 16px;
    text-decoration: underline
}

bol-eligibility-housing-selection .bl_test_elig .eligibility_result .bl_input,bol-eligibility-housing-selection .bl_test_error .eligibility_result .bl_input {
    max-width: 256px
}

bol-eligibility-housing-selection .bl_input {
    margin-bottom: 16px;
    max-width: 290px
}

bol-eligibility-housing-selection .sep {
    width: 100px;
    height: 1px;
    background: #fff;
    margin: 24px auto
}

bol-eligibility-housing-selection .bl_select_house {
    padding: 24px;
    background: #f2f2f2
}

bol-eligibility-housing-selection .bl_select_house h6 {
    text-align: center;
    margin-bottom: 12px
}

bol-eligibility-housing-selection .bl_select_house .list_logement {
    margin-bottom: 16px
}

bol-eligibility-housing-selection .bl_select_house .list_logement li {
    border-radius: 4px;
    border: 1px solid #444;
    padding: 16px 14px;
    margin-bottom: 8px;
    color: #444;
    cursor: pointer
}

bol-eligibility-housing-selection .bl_select_house .list_logement li.disabled {
    border-color: #d2d2d2;
    color: #d2d2d2;
    cursor: auto
}

bol-eligibility-housing-selection .bl_select_house .pagination {
    display: flex;
    justify-content: center;
    margin-bottom: 24px
}

bol-eligibility-housing-selection .bl_select_house .pagination li {
    text-align: center;
    margin: 0 3px
}

bol-eligibility-housing-selection .bl_select_house .pagination li a {
    width: 32px;
    height: 32px;
    overflow: hidden;
    line-height: 32px;
    border-radius: 90px;
    display: block;
    cursor: pointer;
    background: center no-repeat
}

bol-eligibility-housing-selection .bl_select_house .pagination li.active a {
    background: #d2d2d2;
    cursor: auto
}

bol-eligibility-housing-selection .bl_select_house .pagination li:first-child a {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/arrow-s.svg);
    transform: rotate(180deg)
}

bol-eligibility-housing-selection .bl_select_house .pagination li:last-child a {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/arrow-s.svg)
}

bol-eligibility-housing-selection .bl_select_house .bl_link {
    margin-bottom: 24px
}

bol-eligibility-housing-selection .bl_select_house .bl_link .link {
    text-decoration: underline
}

bol-eligibility-housing-selection .bl_select {
    margin-bottom: 24px
}

bol-eligibility-housing-selection .bl_fliters {
    border-radius: 4px;
    border: 1px solid #d2d2d2;
    background: #fff;
    max-width: 256px;
    position: relative;
    z-index: 1;
    margin-bottom: 8px
}

bol-eligibility-housing-selection .bl_fliters:nth-child(2) {
    z-index: 2
}

bol-eligibility-housing-selection .bl_fliters.active {
    border-color: #222
}

bol-eligibility-housing-selection .bl_fliters .open {
    line-height: 42px;
    padding: 0 14px;
    font-size: 14px;
    color: #444;
    cursor: pointer
}

bol-eligibility-housing-selection .bl_fliters .open i {
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/pic-filtre.svg) center/8px 5px no-repeat;
    display: inline-block;
    width: 10px;
    margin: 0 0 -3px 4px;
    float: right;
    height: 42px
}

bol-eligibility-housing-selection .bl_fliters .filtres {
    position: absolute;
    background: #fff;
    border: 1px solid #222;
    border-top: 0;
    left: -1px;
    top: 38px;
    right: -1px;
    padding: 5px 14px 16px;
    border-radius: 4px;
    display: none
}

bol-eligibility-housing-selection .bl_fliters .filtres.active {
    display: block
}

bol-eligibility-housing-selection .bl_fliters .filtres .bl_input {
    max-width: 140px;
    margin-bottom: 8px
}

bol-eligibility-housing-selection .bl_fliters .filtres .bl_input.width100 {
    max-width: 100%;
    margin-bottom: 16px
}

bol-eligibility-housing-selection .bl_fliters .filtres .bl_btn {
    text-align: center
}

bol-eligibility-housing-selection .bl_fliters .filtres .bl_select {
    max-width: 100px
}

bol-eligibility-housing-selection .bl_connexion {
    display: flex
}

bol-eligibility-housing-selection .bl_connexion>div {
    margin-right: 20px
}

bol-eligibility-housing-selection .bl_connexion>div:last-child {
    margin: 0
}

bol-eligibility-phone h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px
}

bol-eligibility-phone .label {
    font-size: 14px;
    line-height: 1.43;
    color: #444;
    margin-bottom: 4px;
    display: inline-block
}

bol-eligibility-phone .input {
    height: 42px;
    line-height: 42px;
    border-radius: 4px;
    border: 1px solid #d2d2d2;
    padding: 0 14px;
    background-color: #fff;
    font-size: 14px;
    color: #444;
    width: 100%
}

bol-eligibility-phone .select {
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    border: 1px solid #d2d2d2;
    padding: 0 14px;
    background-color: #fff;
    font-size: 14px;
    color: #444;
    width: 100%
}

bol-eligibility-phone .bl_adresse {
    margin-bottom: 16px;
    display: flex
}

@media only screen and (max-width: 768px) {
    bol-eligibility-phone .bl_adresse {
        flex-wrap:wrap
    }
}

bol-eligibility-phone .bl_adresse>div {
    margin-bottom: 8px;
    flex: 1;
    margin-right: 10px
}

@media only screen and (max-width: 768px) {
    bol-eligibility-phone .bl_adresse>div {
        min-width:100px;
        flex: 0
    }

    bol-eligibility-phone .bl_adresse>div:first-child {
        min-width: 100%
    }
}

bol-eligibility-phone .bl_adresse>div:last-child {
    margin-right: 0
}

bol-eligibility-phone .bl_adresse>div:first-child {
    flex: 3
}

bol-eligibility-phone .bl_input {
    margin-bottom: 16px;
    max-width: 290px
}

bol-eligibility-phone .bl_btn {
    text-align: center
}

bol-eligibility-phone .eligibility_result {
    text-align: center;
    padding: 16px 0 0
}

bol-eligibility-phone .eligibility_result.text_left {
    text-align: left
}

bol-eligibility-phone .eligibility_result h4 {
    font-size: 16px;
    margin-bottom: 12px;
    font-weight: 700
}

bol-eligibility-phone .eligibility_result p {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 1.43;
    color: #444
}

bol-eligibility-phone .eligibility_result .link {
    margin-bottom: 16px;
    text-decoration: underline
}

bol-eligibility-phone .eligibility_result .bl_input {
    max-width: 256px
}

bol-eligibility-result .bl_result {
    text-align: center;
    color: #fff
}

bol-eligibility-result .bl_result .subvention .imgs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 15px
}

bol-eligibility-result .bl_result .subvention .imgs .macaron {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    width: 220px;
    padding: 10px 20px 5px;
    margin: 5px 10px
}

bol-eligibility-result .bl_result .subvention .imgs .macaron img {
    width: 100%
}

bol-eligibility-result .bl_result h2 {
    max-width: 660px;
    margin: 0 auto 16px;
    text-transform: uppercase
}

bol-eligibility-result .bl_result .Text300 {
    color: #fff;
    max-width: 520px;
    margin: auto
}

bol-eligibility-result .bl_result .Text300 a {
    font-family: SFR;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    text-decoration: underline
}

bol-eligibility-result .bl_result p {
    font-size: 14px;
    line-height: 1.43;
    max-width: 520px;
    margin: 0 auto 4px
}

bol-eligibility-result .bl_result p.middle-size {
    font-size: 16px;
    font-weight: 600
}

bol-eligibility-result .bl_result p a {
    font-family: SFR;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    text-decoration: underline
}

bol-eligibility-result .bl_result p.result-count {
    margin-bottom: 16px
}

bol-eligibility-result .bl_result .wrapper {
    max-width: 1065px;
    margin: auto;
    padding: 24px 18px
}

bol-eligibility-result .bl_result .wrapper .bl_link {
    text-align: center
}

bol-eligibility-result .bl_result .link {
    text-decoration: underline
}

bol-eligibility-result .bl_result .shared_data {
    color: #fff;
    font-weight: 700
}

bol-eligibility-result .bl_test_error {
    max-width: 610px;
    border-radius: 14px;
    background-color: #fff;
    margin: 0 auto 24px
}

bol-eligibility-result .bl_test_error .bl_onglet {
    display: flex;
    -webkit-border-top-left-radius: 14px;
    -webkit-border-top-right-radius: 14px;
    -moz-border-radius-topleft: 14px;
    -moz-border-radius-topright: 14px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    overflow: hidden;
    border-radius: 14px 14px 0 0
}

bol-eligibility-result .bl_test_error .bl_onglet li {
    flex: 1;
    text-align: center;
    padding: 16px 5px;
    border-right: 1px solid #fff;
    background: #e9e9e9;
    cursor: pointer;
    position: relative
}

bol-eligibility-result .bl_test_error .bl_onglet li:last-child {
    border-right: none
}

bol-eligibility-result .bl_test_error .bl_onglet li.active {
    background: #fff
}

bol-eligibility-result .bl_test_error .bl_onglet li.active::after {
    content: "";
    display: block;
    height: 3px;
    background: linear-gradient(to right,#871d81,#e2001a);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

bol-eligibility-result .bl_test_error .bl_content {
    padding: 16px 24px
}

@media only screen and (max-width: 768px) {
    bol-eligibility-result .bl_test_error .bl_content {
        padding:16px 14px
    }

    bol-eligibility-result .bl_test_error .bl_adresse {
        flex-wrap: wrap
    }
}

bol-eligibility-result .bl_test_error h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px
}

bol-eligibility-result .bl_test_error .bl_link {
    text-align: center
}

bol-eligibility-result .bl_test_error .label {
    font-size: 14px;
    line-height: 1.43;
    color: #444;
    margin-bottom: 4px;
    display: inline-block
}

bol-eligibility-result .bl_test_error .input {
    height: 42px;
    line-height: 42px;
    border-radius: 4px;
    border: 1px solid #d2d2d2;
    padding: 0 14px;
    background-color: #fff;
    font-size: 14px;
    color: #444;
    width: 100%
}

bol-eligibility-result .bl_test_error .select {
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    border: 1px solid #d2d2d2;
    padding: 0 14px;
    background-color: #fff;
    font-size: 14px;
    color: #444;
    width: 100%
}

bol-eligibility-result .bl_test_error .bl_adresse {
    margin-bottom: 16px;
    display: flex
}

bol-eligibility-result .bl_test_error .bl_adresse>div {
    margin-bottom: 8px;
    flex: 1;
    margin-right: 10px
}

@media only screen and (max-width: 768px) {
    bol-eligibility-result .bl_test_error .bl_adresse>div {
        min-width:100px;
        flex: 0
    }

    bol-eligibility-result .bl_test_error .bl_adresse>div:first-child {
        min-width: 100%
    }
}

bol-eligibility-result .bl_test_error .bl_adresse>div:last-child {
    margin-right: 0
}

bol-eligibility-result .bl_test_error .bl_adresse>div:first-child {
    flex: 3
}

bol-eligibility-result .bl_test_error .eligibility_result {
    text-align: center;
    padding: 16px 0 0
}

bol-eligibility-result .bl_test_error .eligibility_result.text_left {
    text-align: left
}

bol-eligibility-result .bl_test_error .eligibility_result h4 {
    font-size: 16px;
    margin-bottom: 12px;
    font-weight: 700
}

bol-eligibility-result .bl_test_error .eligibility_result p {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 1.43;
    color: #444
}

bol-eligibility-result .bl_test_error .eligibility_result .link {
    margin-bottom: 16px;
    text-decoration: underline
}

bol-eligibility-result .bl_test_error .eligibility_result .bl_input {
    max-width: 256px
}

bol-eligibility-result .bl_eligibility_radio {
    margin-bottom: 16px
}

bol-eligibility-result .bl_eligibility_radio .bl_radio .Text300 {
    margin-left: 34px;
    display: block
}

bol-eligibility-result .imgs {
    display: flex;
    margin-bottom: 12px;
    justify-content: center
}

bol-eligibility-result .imgs .macaron {
    margin: 0 4px
}

bol-eligibility-result .imgs .macaron img {
    max-width: 100%
}

.bl_notice {
    background: #fff;
    padding: 0 18px;
    border-style: solid;
    border-color: #d2d2d2;
    border-bottom-width: 1px
}

.bl_notice>.wrapper {
    max-width: 1065px;
    margin: auto
}

.bl_notice .bl_link {
    padding: 24px 0;
    text-align: center
}

.bl_notice .bl_link .link {
    font-family: SFR
}

.bl_notice .desc_notice {
    margin-bottom: 24px;
    display: none
}

.bl_notice .active {
    display: block
}

.bl_notice li::before {
    content: "•  "
}

body.Media .bl_notice .desc_notice.Text500 {
    color: #444
}

bol-mobile-features-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-padding-after: 40px;
    padding-block-end:40px}

bol-mobile-features-block>.features_bloc {
    padding: 15px 0 30px
}

bol-mobile-features-block>.features_bloc>.list {
    max-width: 1065px;
    margin: auto;
    display: flex;
    flex-wrap: wrap
}

bol-mobile-features-block>.features_bloc>.list>li {
    margin: 15px;
    flex: 1;
    width: calc((100% / 3) - 30px);
    max-width: calc((100% / 3) - 30px);
    min-width: calc((100% / 3) - 30px);
    position: relative
}

@media only screen and (max-width: 992px) {
    bol-mobile-features-block>.features_bloc>.list>li {
        min-width:calc((100% / 2) - 30px);
        max-width: calc((100% / 2) - 30px)
    }
}

bol-mobile-features-block>.link {
    text-align: center
}

.features_bloc_phone_add {
    background: #fff;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0 60px
}

.features_bloc_phone_add .part2 {
    height: 80px;
    padding: 0
}

.features_bloc_phone_add .part2>div {
    flex: 1;
    margin-bottom: 20px
}

@media only screen and (max-width: 768px) {
    bol-mobile-features-block>.features_bloc {
        padding:0
    }

    bol-mobile-features-block>.features_bloc>.list {
        display: block;
        padding: 30px 20px
    }

    bol-mobile-features-block>.features_bloc>.list>li {
        margin: 0 0 30px;
        max-width: none;
        min-width: inherit;
        width: auto
    }

    .features_bloc_phone_add .part2 {
        padding: 24px 18px 0!important
    }

    .features_bloc_phone_add .part2>div {
        margin-bottom: 32px
    }
}

.mobile-features-card {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%
}

.mobile-features-card .bl_title {
    color: #444;
    padding-bottom: 24px;
    font-weight: 400
}

.mobile-features-card .content_bloc {
    display: flex;
    flex-direction: column
}

.mobile-features-card .content_bloc li {
    padding: 5px 0;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    border-bottom: 2px solid #d2d2d2
}

.mobile-features-card .content_bloc li:last-child {
    border-bottom: none
}

.mobile-features-card .content_bloc li:first-child {
    border-bottom: 2px solid #d2d2d2
}

.mobile-features-card .content_bloc li span {
    font-weight: 700;
    text-align: right
}

.mobile-features-card .content_bloc li table {
    width: 100%
}

.mobile-features-card .content_bloc li table tr th {
    font-weight: 400;
    vertical-align: top;
    width: 80%
}

.mobile-features-card .content_bloc li table tr th.short {
    width: 45%
}

.mobile-features-card .content_bloc li table tr td {
    text-align: right;
    padding-left: 15px;
    vertical-align: top
}

.phone_plan {
    background: #fff;
    overflow: hidden;
    position: relative;
    border-radius: 14px;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.phone_plan.special .bl_title {
    background: radial-gradient(circle at 50% 50%,#139bd6,#1b2157);
    color: #fff
}

.phone_plan.special .bl_title a,.phone_plan.special .bl_title h3 {
    border-bottom: rgba(255,255,255,0);
    color: inherit
}

.phone_plan.special .bl_desc bol-price {
    -webkit-text-fill-color: #222
}

.phone_plan.special .btn {
    background: radial-gradient(circle at 50% 50%,#139bd6,#1b2157)
}

.phone_plan.special .btn.ghost {
    background: #fff;
    border: 1px solid #184c84
}

.phone_plan.special .btn.ghost span {
    color: #184c84;
    background: 0 0;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial
}

.phone_plan .bl_title {
    display: block;
    background: linear-gradient(to right,#871d81,#e2001a);
    padding: 15px 20px 9px
}

.phone_plan .bl_title.pad_tv a h3 {
    margin-bottom: 0
}

.phone_plan .bl_title.pad_default a {
    height: 52px
}

.phone_plan .bl_title a {
    display: flex;
    align-items: center
}

.phone_plan .bl_title h3 {
    line-height: 1.18;
    font-size: 22px;
    cursor: pointer;
    color: #fff
}

.phone_plan .WhiteBloc {
    display: flex;
    flex-direction: column;
    flex: 2 auto
}

.phone_plan .WhiteBloc .content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.phone_plan .BlackBloc {
    padding: 8px 20px 12px;
    border-top: 1px solid #d2d2d2;
    position: relative;
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width: 768px) {
    .phone_plan .BlackBloc {
        padding:18px 17px 20px 20px
    }
}

.phone_plan .bl_aide_fin {
    background: #f2f2f2;
    padding: 12px 20px 20px;
    display: flex;
    align-items: center
}

.phone_plan .bl_aide_fin .bl_img {
    margin-right: 12px
}

.phone_plan .bl_aide_fin .bl_txt a {
    cursor: pointer;
    text-decoration: underline;
    color: inherit
}

.phone_plan ul.Detail {
    padding: 0 20px 10px
}

.phone_plan ul.Detail li {
    border-bottom: 1px solid #d2d2d2;
    padding: 12px 0
}

.phone_plan ul.Detail li span {
    margin-right: 10px
}

.phone_plan ul.Detail li:last-child {
    border: none
}

.phone_plan ul.Detail li.add {
    padding-left: 24px
}

.phone_plan ul.Detail li.add::before {
    display: none
}

.phone_plan ul.Detail li div {
    display: inline-block
}

.phone_plan ul.Detail li.add i {
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    display: inline-block;
    border-radius: 90px;
    line-height: 15px;
    text-align: center;
    margin: 0 8px 2px -24px
}

.phone_plan ul.Detail li i.debit {
    width: 10px;
    height: 10px;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/d-bit.svg) center no-repeat;
    display: inline-block;
    margin-right: 3px
}

.phone_plan ul.Detail li i.debit.up {
    transform: rotate(180deg)
}

.phone_plan .link {
    position: absolute;
    right: 20px;
    top: 20px
}

.phone_plan .bl_offres {
    position: absolute;
    top: -13px;
    left: 20px;
    display: flex;
    right: 20px;
    align-items: center;
    height: 26px
}

.phone_plan .bl_offres .bl_off_exep {
    border-radius: 3px;
    background: #000;
    display: inline-block;
    padding: 0 6px;
    font-size: 10px;
    line-height: 16px;
    font-weight: 700;
    color: #fff;
    margin-right: 5px;
    text-transform: uppercase
}

.phone_plan .bl_offres .bl_prix_forfait {
    border-radius: 3px;
    background: #e9e9e9;
    display: inline-block;
    padding: 2px 6px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    color: #222;
    margin-right: 5px
}

.phone_plan .bl_offres .bl_prix_forfait strong {
    background: linear-gradient(to right,#871d81,#e2001a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #e2001a
}

@media screen and (min-width: 0\0) {
    .phone_plan .bl_offres .bl_prix_forfait strong {
        background:0 0;
        color: #e2001a
    }
}

.phone_plan .bl_offres .bl_prix_forfait span {
    font-size: 8px;
    color: #444;
    font-weight: 400;
    display: block
}

.phone_plan .bl_desc {
    max-width: 55%;
    margin-top: 10px
}

.phone_plan .bl_desc .prix {
    font-size: 19px;
    font-weight: 700;
    background: linear-gradient(to right,#871d81,#e2001a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #e2001a;
    display: inline-block
}

@media screen and (min-width: 0\0) {
    .phone_plan .bl_desc .prix {
        background:0 0;
        color: #e2001a
    }
}

.phone_plan .bl_desc .desc {
    font-family: Arial,sans-serif;
    font-size: 12px;
    color: #8a8a8a
}

.phone_plan .bl_desc .Bold {
    font-weight: 700
}

.phone_plan .bl_btn {
    flex-wrap: wrap;
    justify-content: flex-end;
    display: flex;
    text-align: right
}

.phone_plan .bl_btn .btn {
    padding: 0 5px;
    margin: 2px 3px;
    width: 96px
}

@media screen and (min-width: 0 \0) {
    .phone_plan .bl_btn {
        display:block;
        text-align: right
    }
}

.bl_promo {
    border-radius: 14px 8px 14px 14px;
    background: #000;
    display: inline-block;
    padding: 0 10px 20px;
    position: absolute;
    top: 0;
    font-size: 10px;
    line-height: 19px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

bol-plan-card-block .migration {
    margin-top: 10px
}

bol-mobile-plans-list .phone_plan .BlackBloc {
    padding: 18px 20px 20px
}

@media only screen and (max-width: 480px) {
    .phone_plan {
        min-width:auto
    }

    .phone_plan .BlackBloc {
        padding: 18px 20px 8px
    }

    .phone_plan .bl_btn,.phone_plan .bl_desc {
        max-width: 49%
    }

    .phone_plan .bl_btn .btn {
        margin: 0
    }

    .phone_plan .bl_btn .btn.ghost {
        margin-bottom: 4px
    }

    .phone_plan .Detail ul li {
        font-size: 10px
    }

    .phone_plan .bl_desc .desc {
        font-size: 10px;
        margin-top: 10px
    }

    .phone_plan .bl_btn {
        align-self: flex-end
    }

    bol-mobile-plans-list .phone_plan .BlackBloc {
        padding: 18px 20px 8px
    }

    bol-avis-bloc {
        min-width: auto
    }
}

bol-mobile-avis-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-padding-after: 40px;
    padding-block-end:40px}

bol-mobile-avis-block .avis_bloc {
    padding: 15px 0 30px
}

bol-mobile-avis-block .avis_bloc .avis_bloc_top {
    max-width: 1065px;
    margin: auto;
    padding: 32px 15px 15px
}

bol-mobile-avis-block .avis_bloc .avis_bloc_top>div:first-child {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 15px
}

bol-mobile-avis-block .avis_bloc .avis_bloc_top>div:last-child {
    display: flex;
    font-size: 16px
}

bol-mobile-avis-block .avis_bloc .avis_bloc_top>div:last-child span {
    margin-right: 18px
}

bol-mobile-avis-block .avis_bloc .list {
    max-width: 1065px;
    margin: auto;
    display: flex;
    flex-wrap: wrap
}

bol-mobile-avis-block .avis_bloc .list li {
    margin: 15px;
    flex: 1;
    max-width: 513px;
    min-width: 345px;
    position: relative
}

bol-mobile-avis-block .link {
    text-align: center
}

@media only screen and (max-width: 768px) {
    .phone_plan .bl_desc {
        margin-top:0
    }

    .phone_plan .bl_btn {
        display: block
    }

    bol-mobile-avis-block .avis_bloc {
        padding: 0
    }

    bol-mobile-avis-block .avis_bloc .list {
        display: block;
        padding: 30px 20px
    }

    bol-mobile-avis-block .avis_bloc .list li {
        margin: 0 0 30px;
        max-width: inherit;
        min-width: inherit
    }

    bol-avis-bloc .bloc-top>div:first-child {
        font-size: 16px
    }
}

bol-avis-bloc {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%
}

bol-avis-bloc .bloc-top {
    display: flex;
    padding-top: 18px;
    color: #222;
    margin-bottom: 16px;
    font-weight: 700;
    border-top: 2px solid #d2d2d2
}

bol-avis-bloc .bloc-top>div:first-child {
    margin-right: 17px
}

bol-avis-bloc .bloc-bottom {
    color: #444;
    font-size: 14px
}

bol-paginated-mobile-avis-bloc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-padding-after: 40px;
    padding-block-end:40px}

bol-paginated-mobile-avis-bloc .avis_bloc {
    padding: 15px 0 30px;
    max-width: 1065px;
    margin: auto
}

bol-paginated-mobile-avis-bloc .avis_bloc .avis_bloc_top {
    padding: 32px 15px 15px;
    display: flex
}

bol-paginated-mobile-avis-bloc .avis_bloc .avis_bloc_top>div {
    display: flex;
    align-items: center
}

bol-paginated-mobile-avis-bloc .avis_bloc .avis_bloc_top>div:first-child {
    margin-right: 90px
}

bol-paginated-mobile-avis-bloc .avis_bloc .avis_bloc_top>div:first-child .bl_img {
    margin-right: 17px
}

bol-paginated-mobile-avis-bloc .avis_bloc .avis_bloc_top>div:first-child .bl_img img {
    height: 105px
}

bol-paginated-mobile-avis-bloc .avis_bloc .avis_bloc_top>div:first-child .characteristic {
    font-size: 14px;
    color: #444;
    font-weight: 700;
    display: flex;
    align-items: center
}

bol-paginated-mobile-avis-bloc .avis_bloc .avis_bloc_top>div:first-child .characteristic div {
    display: flex;
    align-items: center;
    margin-right: 12px;
    padding-right: 12px
}

bol-paginated-mobile-avis-bloc .avis_bloc .avis_bloc_top>div:first-child .characteristic div:first-child {
    border-right: 1px solid #d2d2d2
}

bol-paginated-mobile-avis-bloc .avis_bloc .avis_bloc_top>div:first-child .characteristic span {
    height: 20px;
    margin-right: 12px;
    width: 20px;
    border-radius: 20px
}

bol-paginated-mobile-avis-bloc .avis_bloc .avis_bloc_top .bl_note .title_bl {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.37;
    color: #222;
    margin-bottom: 13px
}

bol-paginated-mobile-avis-bloc .avis_bloc .avis_bloc_top .bl_note .note {
    display: flex;
    align-items: center
}

bol-paginated-mobile-avis-bloc .avis_bloc .avis_bloc_top .bl_note h5 {
    margin-right: 18px;
    font-weight: 400
}

bol-paginated-mobile-avis-bloc .avis_bloc .avis_bloc_top .bold {
    margin-bottom: 12px
}

bol-paginated-mobile-avis-bloc .avis_bloc .avis_bloc_top .rate {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center
}

bol-paginated-mobile-avis-bloc .avis_bloc .avis_bloc_top .rate>div:last-child {
    display: flex;
    font-size: 16px
}

bol-paginated-mobile-avis-bloc .avis_bloc .avis_bloc_top .rate>div:last-child span {
    margin-right: 18px
}

bol-paginated-mobile-avis-bloc .avis_bloc .list {
    display: flex;
    flex-wrap: wrap
}

bol-paginated-mobile-avis-bloc .avis_bloc .list li {
    margin: 15px;
    flex: 1;
    max-width: 513px;
    min-width: 345px;
    position: relative
}

bol-paginated-mobile-avis-bloc .link {
    text-align: center
}

@media only screen and (max-width: 768px) {
    bol-paginated-mobile-avis-bloc .avis_bloc .avis_bloc_top {
        flex-wrap:wrap
    }

    bol-paginated-mobile-avis-bloc .avis_bloc .avis_bloc_top>div {
        width: 100%;
        margin-right: 0
    }

    bol-paginated-mobile-avis-bloc .avis_bloc .avis_bloc_top>div:first-child {
        margin-bottom: 20px
    }

    bol-paginated-mobile-avis-bloc .avis_bloc .avis_bloc_top>div:last-child {
        padding-left: 20px
    }

    bol-paginated-mobile-avis-bloc .avis_bloc .avis_bloc_top>div .bold {
        font-size: 19px
    }

    bol-paginated-mobile-avis-bloc .avis_bloc {
        padding: 0
    }

    bol-paginated-mobile-avis-bloc .avis_bloc .list {
        display: block;
        padding: 30px 20px
    }

    bol-paginated-mobile-avis-bloc .avis_bloc .list li {
        margin: 0 0 30px;
        max-width: inherit;
        min-width: inherit
    }
}

.rate_bloc {
    display: flex
}

.rate_bloc.bigger svg {
    width: 18px;
    height: 18px
}

.rate_bloc.no-space svg {
    margin-left: 1px
}

.rate_bloc svg {
    margin-left: 5px
}

.review-count {
    color: #8a8a8a;
    font-size: 12px;
    text-align: center
}

bol-bloc-with-sfr .bloc_with {
    background: #fff;
    border-radius: 14px;
    padding: 20px;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04);
    height: 100%;
    margin: auto;
    min-height: 175px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

bol-bloc-with-sfr .bloc_with .Text500,bol-bloc-with-sfr .bloc_with .title {
    margin-bottom: 8px
}

bol-bloc-with-sfr .bloc_with .bl_link {
    text-align: right
}

@media only screen and (max-width: 1340px) {
    .bl_aventage,bol-bloc-with-sfr .bloc_with {
        width:auto
    }
}

bol-with-sfr-block .with_sfr_bloc {
    padding: 32px 3px
}

bol-with-sfr-block .with_sfr_bloc .list {
    display: flex;
    padding: 0 0 32px;
    max-width: calc(1065px + 30px);
    margin: auto;
    justify-content: space-between
}

bol-with-sfr-block .with_sfr_bloc .list li {
    margin: 0 15px;
    flex: 1;
    max-width: 335px
}

bol-with-sfr-block .bl_btn {
    text-align: center
}

@media only screen and (max-width: 768px) {
    bol-bloc-with-sfr .bloc_with {
        min-height:123px
    }

    bol-with-sfr-block .with_sfr_bloc {
        padding: 24px 18px 40px
    }

    bol-with-sfr-block .with_sfr_bloc .list {
        display: block;
        padding: 0
    }

    bol-with-sfr-block .with_sfr_bloc .list li {
        margin: 0 0 12px;
        max-width: none
    }

    bol-with-sfr-block .with_sfr_bloc .list li:last-child {
        margin: 0
    }
}

bol-where-why-who-block .bloc_where_why_who .wrapper {
    max-width: 1065px;
    margin: auto;
    padding: 42px 0 67px
}

bol-where-why-who-block .bloc_where_why_who .wrapper>ul {
    display: flex;
    justify-content: space-between
}

bol-where-why-who-block .bloc_where_why_who .wrapper>ul>li {
    text-align: center;
    margin: 0 10px;
    max-width: 275px;
    flex: 1
}

bol-where-why-who-block .bloc_where_why_who .wrapper .bl_img {
    margin-bottom: 16px
}

bol-tv-channels .title_bloc {
    padding: 12px 40px
}

@media only screen and (max-width: 768px) {
    bol-where-why-who-block .bloc_where_why_who .wrapper {
        padding:20px 0
    }

    bol-where-why-who-block .bloc_where_why_who .wrapper>ul {
        display: block
    }

    bol-where-why-who-block .bloc_where_why_who .wrapper>ul>li {
        max-width: inherit;
        padding: 20px 12px
    }

    bol-tv-channels .title_bloc {
        padding: 24px 20px 12px
    }
}

bol-tv-channels .title_bloc .Text500,bol-tv-channels .title_bloc h3 {
    margin-bottom: 12px
}

bol-tv-channels .search_tv {
    background: #f2f2f2;
    padding: 24px 40px
}

bol-tv-channels .search_tv .bl_input {
    display: flex;
    margin-bottom: 16px
}

bol-tv-channels .search_tv .bl_input .bl_champ {
    width: 255px;
    margin-right: 12px
}

bol-tv-channels .search_tv .bl_input .bl_champ .input-container input {
    border-radius: 4px;
    border: 1px solid #8a8a8a;
    margin-right: 10px;
    line-height: 39px;
    overflow: hidden;
    display: inline-block;
    padding: 0 14px;
    max-width: 255px;
    width: 100%;
    font-size: 16px;
    color: #222
}

bol-tv-channels .search_tv .bl_input .submit {
    text-transform: uppercase;
    border-radius: 10px;
    line-height: 39px;
    overflow: hidden;
    background-color: #222;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .7px;
    color: #fff;
    display: inline-block;
    padding: 0 20px;
    cursor: pointer;
    height: 40px
}

@media only screen and (max-width: 768px) {
    bol-tv-channels .search_tv {
        padding:24px 20px
    }

    bol-tv-channels .search_tv .bl_input .submit {
        padding: 0 5px;
        width: 57px
    }
}

bol-tv-channels .category_list li {
    display: inline-block;
    margin: 0 8px 8px 0
}

bol-tv-channels .category_list li a {
    border-radius: 17px;
    border: 1px solid #8a8a8a;
    font-size: 14px;
    color: #444;
    display: block;
    line-height: 34px;
    padding: 0 14px;
    cursor: pointer;
    height: 34px
}

bol-tv-channels .category_list li a.active {
    color: #fff;
    background-image: linear-gradient(to right,#871d81,#e2001a);
    border-color: transparent
}

bol-tv-channels .channel_list {
    display: flex;
    flex-wrap: wrap;
    padding: 28px 35px
}

@media only screen and (max-width: 768px) {
    bol-tv-channels .channel_list {
        padding:12px 20px;
        justify-content: center
    }
}

bol-tv-channels .channel_list li {
    max-width: 117px;
    min-width: 117px;
    flex: 1;
    margin: 6px 5px
}

bol-tv-channels .channel_list li a {
    height: 60px;
    border-radius: 4px;
    border: 1px solid #d2d2d2;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

bol-tv-channels .channel_list li a img {
    max-width: 60px;
    max-height: 30px
}

bol-tv-channels .no_channel {
    padding: 30px
}

bol-tv-channels .channel_desc {
    display: flex;
    flex-direction: row
}

bol-tv-channels .channel_desc>div {
    padding: 50px
}

bol-tv-channels .channel_desc>div>img {
    width: 100px
}

bol-tv-channels .channel_desc .desc,bol-tv-channels .channel_desc h4 {
    margin-bottom: 5px
}

.offres_box {
    color: #fff;
    padding: 16px 0
}

.offres_box .bl_desc {
    font-size: 14px;
    line-height: 1.57;
    text-align: center;
    margin: 24px auto;
    max-width: 881px
}

.offres_box .wrapper {
    margin: auto;
    max-width: 1065px
}

.offres_box .liste {
    display: flex;
    padding: 0 0 25px
}

@media only screen and (max-width: 992px) {
    .offres_box .liste {
        flex-direction:column
    }
}

.offres_box .liste .elem {
    margin: 0 15px 15px;
    flex: 1
}

.offres_box .bl_btn {
    text-align: center;
    margin-bottom: 24px
}

.offre_box_elem {
    color: #fff;
    background: #2e2e2e;
    padding: 24px 27px;
    border-radius: 14px;
    height: 100%
}

.offre_box_elem .img {
    margin-bottom: 16px;
    height: 34px;
    display: flex;
    align-items: center
}

.offre_box_elem .img img {
    max-height: 34px
}

.offre_box_elem .title {
    margin-bottom: 4px;
    color: #fff
}

.offre_box_elem .desc {
    font-size: 14px;
    line-height: 1.43;
    color: #fff
}

.offre_box_elem .link {
    display: none
}

bol-fil-ariane .fil_ariane {
    margin: 16px auto;
    max-width: 1350px
}

bol-fil-ariane .fil_ariane .v_mob {
    display: none
}

bol-fil-ariane .fil_ariane a {
    margin: 0 10px;
    cursor: pointer
}

bol-fil-ariane .fil_ariane a i {
    background: center no-repeat;
    width: 16px;
    height: 16px;
    margin: 0 10px -3px 0;
    display: inline-block
}

bol-fil-ariane .fil_ariane a.back i {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/prev-next-red.svg);
    transform: rotate(180deg)
}

body.Media bol-fil-ariane .fil_ariane,body.Media bol-fil-ariane a {
    color: #fff
}

body.Media bol-fil-ariane .fil_ariane.back i,body.Media bol-fil-ariane a.back i {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/prev-next-white.svg)
}

bol-title-block .bloc_TitleMenu {
    position: relative;
    z-index: 3
}

bol-title-block .bloc_TitleMenu .bloc_top .bl_desc {
    margin-bottom: 32px
}

bol-title-block .bloc_TitleMenu .bloc_top .bl_desc h1 {
    text-align: center;
    text-transform: uppercase
}

bol-title-block .bloc_TitleMenu .bloc_top .bl_desc .h4,bol-title-block .bloc_TitleMenu .bloc_top .bl_desc h4 {
    text-align: center;
    margin-bottom: 10px
}

bol-title-block .bloc_TitleMenu .bloc_top .bl_desc .h4 a,bol-title-block .bloc_TitleMenu .bloc_top .bl_desc h4 a {
    color: inherit
}

bol-title-block .bloc_TitleMenu .bloc_bot {
    background: #f2f2f2
}

bol-title-block .bloc_TitleMenu .Menu {
    height: 34px;
    z-index: 3;
    justify-content: center;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

bol-title-block .bloc_TitleMenu .Menu::-webkit-scrollbar {
    display: none
}

@media only screen and (max-width: 480px) {
    bol-title-block .bloc_TitleMenu .Menu {
        justify-content:normal
    }

    bol-title-block .bloc_TitleMenu .Menu .menu_scrolling-content-wrapper {
        position: static
    }
}

bol-title-block .bloc_TitleMenu .Menu.justify-left {
    justify-content: left
}

@media screen and (min-width: 0 \0) {
    bol-title-block .bloc_TitleMenu .Menu {
        text-align:center
    }

    bol-title-block .bloc_TitleMenu .Menu .menu_scrolling-content-wrapper {
        display: inline-block
    }
}

bol-title-block .bloc_TitleMenu .Menu ul {
    display: flex;
    z-index: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: auto;
    background: linear-gradient(to right,#871d81,#e2001a);
    height: 34px
}

bol-title-block .bloc_TitleMenu .Menu ul li {
    text-align: center;
    background: #f2f2f2;
    height: 34px;
    margin: 0 -1px
}

bol-title-block .bloc_TitleMenu .Menu ul li a {
    font-size: 14px;
    color: #444;
    display: inline-block;
    padding: 7px 20px;
    white-space: nowrap;
    position: relative;
    cursor: pointer;
    line-height: 1.43;
    min-width: 100px
}

bol-title-block .bloc_TitleMenu .Menu ul li a::after {
    content: "";
    display: none;
    height: 3px;
    background-image: linear-gradient(to right,#871d81,#e2001a);
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 0
}

bol-title-block .bloc_TitleMenu .Menu ul li a>i {
    display: none
}

bol-title-block .bloc_TitleMenu .Menu ul li.active {
    height: 31px
}

bol-title-block .bloc_TitleMenu .Menu ul li.active a {
    font-weight: 700
}

bol-title-block .bloc_TitleMenu .Menu ul li.active a::after {
    width: auto
}

bol-title-block .bloc_TitleMenu .Menu ul li.activated {
    height: 31px
}

@media only screen and (max-width: 600px) {
    bol-title-block .bloc_TitleMenu .bloc_top .desc {
        padding:0 18px
    }
}

bol-title-block .nobg {
    background: 0 0!important
}

bol-title-block .list {
    list-style-type: circle
}

bol-title-block .list li::before {
    content: "•  "
}

bol-bol-layout.scrolled bol-title-block .bloc_bot.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
    box-shadow: 0 2px 4px 0 rgba(34,34,34,.1);
    padding-top: calc(53px + 2px)
}

body.Media .bloc_TitleMenu .bloc_top .desc>div,body.Media .bloc_TitleMenu .bloc_top .link,body.Media .bloc_TitleMenu .bloc_top h1 {
    color: #fff
}

body.Media .bloc_TitleMenu .bloc_top .link i {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg//arrow-full-white.svg)
}

body.Media .bloc_TitleMenu .bloc_bot {
    background: #181818
}

body.Media .bloc_TitleMenu .bloc_bot .Menu {
    background: 0 0;
    box-shadow: none
}

body.Media .bloc_TitleMenu .bloc_bot .Menu ul li {
    background: #181818
}

body.Media .bloc_TitleMenu .bloc_bot .Menu ul li a {
    color: #fff
}

@supports (-ms-ime-align:auto) {
    bol-title-block .bloc_TitleMenu .Menu {
        text-align: center
    }

    bol-title-block .bloc_TitleMenu .Menu ul {
        display: inline-block;
        white-space: nowrap
    }

    bol-title-block .bloc_TitleMenu .Menu ul li {
        display: inline-block
    }
}

@media only screen and (max-width: 768px) {
    .offre_box_elem .title {
        margin-bottom:8px
    }

    .offre_box_elem .desc {
        display: none;
        margin-bottom: 8px
    }

    .offre_box_elem .desc.active {
        display: block
    }

    .offre_box_elem .link {
        display: block;
        margin-top: 8px
    }

    bol-fil-ariane .fil_ariane {
        margin: 16px auto
    }

    bol-fil-ariane .fil_ariane .v_desk {
        display: none
    }

    bol-fil-ariane .fil_ariane .v_mob {
        display: block
    }

    bol-title-block .bloc_TitleMenu .Menu ul {
        background: initial
    }

    bol-title-block .bloc_TitleMenu .Menu ul li a {
        padding: 7px 10px;
        min-width: auto
    }

    bol-title-block .bloc_TitleMenu .Menu ul li a::after {
        display: none
    }

    bol-bol-layout.scrolled bol-title-block .bloc_bot.sticky {
        transition: padding-top 150ms cubic-bezier(.4,0,1,1)
    }

    bol-bol-layout.scrolled.to-down bol-title-block .bloc_bot.sticky {
        padding-top: 2px
    }

    bol-bol-layout.scrolled.to-up bol-title-block .bloc_bot.sticky {
        transition: padding-top .2s cubic-bezier(0,0,.2,1)
    }

    .bloc_TitleMenu .bloc_bot .Menu ul {
        position: relative
    }

    .bloc_TitleMenu .bloc_bot .Menu ul::after,.bloc_TitleMenu .bloc_bot .Menu ul::before {
        content: "";
        height: 31px;
        width: 70px;
        position: -webkit-sticky;
        position: sticky;
        background-repeat: no-repeat;
        background-position: center left;
        background-image: url(https://static.s-sfr.fr/media/v2/assets/images/png/nav-menu.png);
        z-index: 1;
        display: none;
        transition: top,right,.2s cubic-bezier(0,0,.2,1)
    }

    .bloc_TitleMenu .bloc_bot .Menu ul::before {
        transform: rotate(180deg);
        left: 0
    }

    .bloc_TitleMenu .bloc_bot .Menu ul::after {
        right: 0;
        display: block
    }

    .bloc_TitleMenu .bloc_bot .Menu ul.firstVisible::before {
        display: block;
        position: fixed
    }

    .bloc_TitleMenu .bloc_bot .Menu ul.lastVisible::after {
        display: none;
        position: fixed
    }

    body.Media .bloc_TitleMenu .bloc_bot .Menu ul::after,body.Media .bloc_TitleMenu .bloc_bot .Menu ul::before {
        background-image: url(https://static.s-sfr.fr/media/v2/assets/images/png/nav-menu_M.png)
    }
}

.search-channels {
    max-width: 1065px;
    margin: 25px auto;
    display: flex;
    justify-content: center;
    align-content: center
}

.search-channels .bl_select {
    width: 170px;
    margin: 0 18px;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    overflow: hidden;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/arrow-full.svg) 95% center no-repeat
}

.search-channels .bl_select .input_select {
    border-radius: 4px;
    border: none;
    background-color: rgba(255,255,255,0);
    font-size: 14px;
    line-height: 38px;
    height: 38px;
    color: #fff;
    padding: 0 20px 0 12px
}

.search-channels .bl_select .input_select option {
    color: #222
}

.search-channels .bl_search {
    width: 320px;
    margin: 0 8px
}

@media only screen and (max-width: 768px) {
    .search-channels {
        padding:0 18px;
        flex-direction: column
    }

    .search-channels .bl_select {
        margin: 0 0 15px
    }

    .search-channels .bl_select .input_select {
        border-radius: 4px;
        border: none;
        background-color: rgba(255,255,255,0);
        font-size: 14px;
        line-height: 38px;
        height: 38px;
        color: #fff;
        padding: 0 20px 0 12px
    }

    .search-channels .bl_search {
        width: 100%;
        margin: 0
    }
}

.search-channels-results {
    border-radius: 14px;
    max-width: 1065px;
    margin: 0 0 15px;
    width: 100%;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #222
}

.search-channels-results .flex {
    display: flex
}

.search-channels-results .flex-column {
    flex-direction: column
}

.search-channels-results .bold {
    font-weight: 700
}

.search-channels-results .channel-card {
    border-radius: 14px;
    padding: 16px 30px;
    color: #fff;
    justify-content: center;
    align-items: center;
    background: #2e2e2e
}

.search-channels-results .channel-card .channel-card-name {
    font-size: 14px;
    margin-top: 8px
}

.search-channels-results .channel-card .channel-card-number {
    font-size: 12px;
    margin-bottom: 10px;
    font-family: Arial
}

.search-channels-results .channel-card img {
    max-width: 70px
}

.search-channels-results .channel-card .actions {
    justify-content: center;
    align-items: center
}

.search-channels-results .channel-card .actions img {
    max-height: 16px;
    margin: 0 4px
}

.search-channels-results .search-channels-results-text {
    margin-top: 20px;
    font-size: 18px;
    color: #fff
}

bol-service-block .services_mobile {
    background: #f2f2f2;
    position: relative
}

bol-service-block .services_mobile::before {
    content: "";
    display: block;
    width: 100%;
    height: 80px;
    background-image: linear-gradient(to bottom,#e0e0e0,#f2f2f2);
    position: absolute
}

bol-service-block .services_mobile .bloc {
    padding: 0 18px;
    position: relative
}

bol-service-block .services_mobile .bloc .wrapper {
    max-width: 1065px;
    margin: auto;
    display: flex;
    min-height: 380px;
    align-items: center
}

@media screen and (min-width: 0\0) {
    bol-service-block .services_mobile .bloc .wrapper {
        height:380px
    }
}

bol-service-block .services_mobile .bloc .wrapper .bl_img {
    text-align: center;
    flex: 1
}

bol-service-block .services_mobile .bloc .wrapper .bl_img img {
    max-height: 380px;
    max-width: 516px
}

bol-service-block .services_mobile .bloc .wrapper .bl_txt {
    max-width: 515px;
    margin-right: 20px
}

bol-service-block .services_mobile .bloc .wrapper .bl_txt h2 {
    text-transform: uppercase;
    margin-bottom: 16px
}

bol-service-block .services_mobile .bloc .wrapper .bl_txt .desc {
    font-size: 18px;
    line-height: 1.56;
    color: #444;
    margin-bottom: 24px
}

@media only screen and (max-width: 768px) {
    bol-service-block .services_mobile .bloc .wrapper {
        min-height:auto;
        padding: 40px 0;
        flex-direction: column-reverse
    }

    bol-service-block .services_mobile .bloc .wrapper .bl_img {
        margin-bottom: 24px
    }

    bol-service-block .services_mobile .bloc .wrapper .bl_img img {
        max-width: 240px;
        max-height: 220px;
        height: auto;
        width: auto
    }

    bol-service-block .services_mobile .bloc .wrapper .bl_txt {
        text-align: center;
        margin: 0
    }

    bol-service-block .services_mobile .bloc .wrapper .bl_txt h2 {
        margin-bottom: 24px
    }

    bol-service-block .services_mobile .bloc .wrapper .bl_txt .desc {
        display: none
    }
}

bol-seo-block .bloc_seo {
    background: #fff
}

bol-seo-block .bloc_seo .wrapper {
    max-width: 1065px;
    padding: 25px 20px;
    margin: auto
}

bol-seo-block .bloc_seo .h6 {
    margin-bottom: 10px;
    color: #222
}

bol-seo-block .bloc_seo .desc {
    font-size: 12px;
    font-family: SFR,Arial,sans-serif;
    color: #8a8a8a;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    max-height: none
}

bol-seo-block .bloc_seo .desc::after {
    display: none
}

bol-seo-block .bloc_seo .desc.hide {
    max-height: 77px
}

bol-seo-block .bloc_seo .desc.hide::after {
    content: "";
    display: block;
    clear: both;
    background-image: linear-gradient(to bottom,rgba(255,255,255,0),#fff);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

bol-reprise-mobile-banner .banner_reprise {
    background: url(https://static.s-sfr.fr/media/v2/assets/images/jpg/bg_reprise.jpg) center/cover no-repeat;
    color: #fff
}

bol-reprise-mobile-banner .banner_reprise .wrapper {
    max-width: 1065px;
    margin: auto;
    padding: 112px 15px;
    text-align: center
}

bol-reprise-mobile-banner .banner_reprise .wrapper>ul {
    display: flex;
    justify-content: space-between
}

bol-reprise-mobile-banner .banner_reprise .wrapper>ul>li {
    flex: 1;
    max-width: 243px;
    margin: 0 10px
}

bol-reprise-mobile-banner .banner_reprise .wrapper h2 {
    text-transform: uppercase;
    margin-bottom: 40px
}

bol-reprise-mobile-banner .banner_reprise .wrapper .Text500 {
    color: #fff
}

bol-reprise-mobile-banner .banner_reprise .wrapper .etap {
    font-size: 34px;
    font-weight: 900;
    border-radius: 90px;
    background-color: rgba(0,0,0,.1);
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto 8px
}

bol-reprise-mobile .wrapper {
    max-width: 1065px;
    margin: auto;
    padding: 24px 0 40px
}

bol-reprise-mobile .wrapper .bl_reprise {
    border-radius: 14px;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04);
    padding: 24px 30px
}

bol-reprise-mobile .wrapper .bl_reprise ul.list_modele {
    padding: 28px 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: flex-start
}

bol-reprise-mobile .wrapper .bl_reprise ul.list_modele>li {
    border-radius: 14px;
    border: 1px solid #d2d2d2;
    margin: 16px 30px 16px 0;
    max-width: 160px;
    min-width: 168px;
    flex: 1;
    height: 72px;
    justify-content: center;
    align-items: center;
    display: flex;
    cursor: pointer
}

bol-reprise-mobile .wrapper .bl_reprise ul.list_modele>li img {
    max-height: 45px;
    max-width: 102px
}

bol-reprise-mobile .wrapper .bl_reprise h2 {
    margin-bottom: 12px
}

bol-recharge-plans-list-block .BlRechargeList .wrapper {
    padding-bottom: 16px;
    background: #f2f2f2
}

bol-recharge-plans-list-block .BlRechargeList .wrapper .RechargeList {
    display: flex;
    max-width: 1065px;
    margin: auto;
    flex-wrap: wrap;
    padding: 15px 0 9px;
    justify-content: space-between
}

bol-recharge-plans-list-block .BlRechargeList .wrapper .RechargeList>li {
    min-width: 360px;
    max-width: 500px;
    flex: 1;
    position: relative;
    margin: 15px;
    padding-top: 19px
}

bol-recharge-plans-list-block .BlRechargeList .wrapper .bl_link {
    text-align: center;
    margin-bottom: 24px;
    padding: 0 15px
}

@media only screen and (max-width: 480px) {
    bol-recharge-plans-list-block .BlRechargeList .RechargeList {
        display:block;
        padding: 0
    }

    bol-recharge-plans-list-block .BlRechargeList .RechargeList li {
        min-width: inherit
    }
}

.bloc_choice_wrapper {
    padding: 12px 18px 16px;
    position: relative;
    z-index: 2
}

.bloc_choice_wrapper .bloc_choice {
    position: relative;
    transition-property: height;
    transition-duration: .2s;
    transition-delay: .1s;
    width: 100%;
    background: #fff;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04);
    max-width: 1456px;
    padding: 24px 32px;
    margin: auto;
    border-radius: 14px
}

.bloc_choice_wrapper .bloc_choice .wrapper {
    max-width: 1065px;
    margin: auto
}

.bloc_choice_wrapper .bloc_choice .bl_top {
    padding-bottom: 8px
}

.bloc_choice_wrapper .bloc_choice .bl_top .top_in {
    display: flex;
    justify-content: space-between
}

.bloc_choice_wrapper .bloc_choice .bl_top .title_bloc {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.27;
    color: #222
}

.bloc_choice_wrapper .bloc_choice .bl_top .bl_txt1 {
    font-size: 16px;
    font-style: italic;
    line-height: 1.75;
    color: #444;
    margin-bottom: 16px
}

.bloc_choice_wrapper .bloc_choice .bl_top .bl_txt1 strong {
    white-space: nowrap;
    font-style: italic
}

.bloc_choice_wrapper .bloc_choice .bl_top .bl_txt2 {
    font-size: 16px;
    font-style: italic;
    line-height: 1.75;
    color: #444;
    margin-bottom: 8px
}

.bloc_choice_wrapper .bloc_choice .bl_top .bl_OpenClose {
    display: block
}

.bloc_choice_wrapper .bloc_choice .bl_top .bl_OpenClose .link {
    white-space: nowrap
}

.bloc_choice_wrapper .bloc_choice .bl_top .bl_OpenClose .Open {
    display: block
}

.bloc_choice_wrapper .bloc_choice .bl_top .bl_OpenClose .Close {
    display: none
}

.bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content>.list_form {
    display: flex;
    justify-content: space-between
}

.bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content>.list_form.Small {
    justify-content: flex-start
}

.bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content>.list_form.Small>li {
    flex: none
}

.bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content>.list_form.Small>li:first-child {
    padding-left: 0
}

.bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content>.list_form.Small>li .bl_elem {
    max-width: 270px
}

.bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content>.list_form>li {
    flex: 1;
    padding: 0 64px;
    box-sizing: content-box;
    position: relative
}

.bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content>.list_form>li::after {
    width: 1px;
    height: 60px;
    background: #d2d2d2;
    content: "";
    display: block;
    position: absolute;
    top: 18px;
    right: 0
}

.bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content>.list_form>li:first-child {
    padding-left: 0
}

.bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content>.list_form>li:last-child::after {
    display: none
}

.bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content>.list_form>li .bl_elem {
    display: flex;
    flex-direction: column;
    max-width: 244px;
    justify-content: space-between
}

@media only screen and (max-width: 1080px) {
    .bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content>.list_form>li {
        padding:0 24px
    }

    .bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content>.list_form>li:first-child {
        padding-left: 24px
    }

    .bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content>.list_form>li .bl_elem {
        margin: auto
    }
}

.bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content>.list_form>li .bl_elem>div:first-child {
    display: flex;
    align-items: center;
    margin-bottom: 12px
}

.bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content>.list_form>li .bl_elem>div:first-child .bl_img {
    margin-right: 12px
}

.bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content>.list_form>li .bl_elem>div:first-child .bl_img img {
    max-height: 25px;
    max-width: 18px
}

.bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content>.list_form>li .bl_elem>div:first-child p {
    color: #222;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    flex-direction: column
}

.bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content>.list_form>li .bl_elem .bl_radio label {
    align-items: center
}

.bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content>.list_form>li .bl_elem .bl_switch .asterisque {
    margin-top: 8px
}

.bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content .bl_btn {
    text-align: center
}

.bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content .bl_btn .btn {
    width: 100%
}

@media only screen and (max-width: 768px) {
    bol-reprise-mobile-banner .banner_reprise .wrapper>ul {
        display:block
    }

    bol-reprise-mobile-banner .banner_reprise .wrapper>ul>li {
        max-width: inherit;
        width: 45%
    }

    .bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content>.list_form>li .bl_elem .bl_switch {
        display: flex
    }

    .bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content>.list_form>li .bl_elem .bl_switch .asterisque {
        padding: 0 16px;
        margin: 0
    }

    .bloc_choice_wrapper {
        padding: 0
    }

    .bloc_choice_wrapper::before {
        display: none
    }

    .bloc_choice_wrapper .bloc_choice {
        background: #fff;
        margin: 0;
        padding: 0;
        border-radius: 0
    }

    .bloc_choice_wrapper .bloc_choice .wrapper {
        padding: 0;
        display: block
    }

    .bloc_choice_wrapper .bloc_choice .bl_top {
        justify-content: space-between;
        padding: 24px 18px 16px
    }

    .bloc_choice_wrapper .bloc_choice .bl_top .title_bloc {
        font-size: 19px;
        line-height: 1.32
    }

    .bloc_choice_wrapper .bloc_choice .bl_top .bl_txt2 {
        margin-bottom: 0
    }

    .bloc_choice_wrapper .bloc_choice .bl_top .bl_OpenClose {
        display: block;
        margin-left: 16px
    }

    .bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content,.bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content>.list_form {
        display: block
    }

    .bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content>.list_form.Small>li:first-child {
        padding-left: 18px
    }

    .bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content>.list_form.Small>li .bl_elem {
        max-width: none
    }

    .bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content>.list_form>li {
        padding: 16px 18px;
        border-bottom: 1px solid #d2d2d2
    }

    .bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content>.list_form>li::after {
        display: none
    }

    .bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content>.list_form>li .bl_elem {
        max-width: none
    }

    .bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content>.list_form>li .bl_elem .bl_img {
        display: none
    }

    .bloc_choice_wrapper .bloc_choice .bl_bottom .bloc_content>.list_form>li .bl_elem .bl_radio label {
        align-items: center
    }
}

.bloc_choice_wrapper.expanded .bloc_choice {
    height: auto
}

.bloc_choice_wrapper.expanded .bloc_choice .bl_OpenClose .Close,.bloc_choice_wrapper.expanded .bloc_choice .bl_OpenClose .Open {
    display: none
}

body.Media .bloc_choice_wrapper .bloc_choice {
    background: #444!important;
    color: #fff
}

body.Media .bloc_choice_wrapper .bloc_choice .bl_top ul li .bl_img {
    -webkit-filter: invert(1);
    filter: invert(1)
}

body.Media .bloc_choice_wrapper .bloc_choice .bl_top ul li .bl_img img {
    -webkit-filter: brightness(0);
    filter: brightness(0)
}

body.Media .bloc_choice_wrapper .bloc_choice h3 {
    color: #fff
}

body.Media .bloc_choice_wrapper .bloc_choice h3 i {
    -webkit-filter: invert(1);
    filter: invert(1)
}

body.Media .bloc_choice_wrapper .bloc_choice .bloc_content .bl_radio label {
    color: #fff
}

body.Media .bloc_choice_wrapper .bloc_choice .bloc_content>.list_form>li .bl_img {
    -webkit-filter: invert(1);
    filter: invert(1)
}

body.Media .bloc_choice_wrapper .bloc_choice .bloc_content>.list_form>li .bl_img img {
    -webkit-filter: brightness(0);
    filter: brightness(0)
}

body.Media .bloc_choice_wrapper .bloc_choice .bloc_content>.list_form>li>div:first-child p {
    color: #fff!important
}

body.Media .bloc_choice_wrapper .bloc_choice .bloc_content>.list_form>li>div:first-child p span {
    color: #fff
}

body.Media .switch__button label {
    color: #fff!important
}

.bold {
    font-size: 14px;
    color: #444
}

.red {
    color: #e2001a
}

.sublabel {
    font-weight: 400;
    font-size: 12px;
    color: #8a8a8a
}

.switch {
    display: flex;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    grid-column: 2/-1;
    border: 1px solid #d2d2d2;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    overflow: hidden;
    margin-bottom: 5px;
    border-radius: 4px 4px 0 0
}

.switch__button {
    position: relative;
    height: 38px
}

.switch__button input[type=radio] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    cursor: pointer
}

.switch__button label {
    border-radius: 0;
    font-size: 16px;
    font-weight: 700;
    color: #222;
    background-color: transparent;
    padding: 0 24px;
    height: 100%;
    margin-right: 0;
    margin-left: 0;
    border-left-width: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.switch__button input[type=radio]:checked+label {
    background: linear-gradient(to right,#871d81,#e2001a);
    color: #fff
}

.switch__button:first-child label {
    border-right: 1px solid #d2d2d2
}

.bloc_select {
    position: relative
}

.bloc_select .filtre {
    border-radius: 4px;
    background: linear-gradient(to right,#871d81,#e2001a)
}

.bloc_select .filtre .txt {
    display: block;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/pic-filtre-white.svg) 95% center/9px 8px no-repeat;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    min-height: 40px;
    padding: 11px 32px 11px 12px;
    cursor: pointer
}

.bloc_select .filter-bloc-relative {
    display: none;
    position: absolute;
    background-color: #fff;
    right: 0;
    left: 0
}

@media only screen and (max-width: 768px) {
    .bloc_choice_wrapper.expanded .bloc_choice .bl_OpenClose .Open {
        display:none
    }

    .bloc_choice_wrapper.expanded .bloc_choice .bl_OpenClose .Close {
        display: block
    }

    .switch {
        min-width: -webkit-min-content;
        min-width: -moz-min-content;
        min-width: min-content
    }

    .bloc_select .filter-bloc-relative {
        position: relative;
        border: 1px solid #d2d2d2;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-bottomright: 4px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        margin-top: -1px;
        border-top: 0;
        background: 0 0
    }
}

.bloc_select .filter-bloc-relative .list_select {
    background: linear-gradient(to right,#871d81,#e2001a);
    border-top: 2px solid #fff;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.bloc_select .filter-bloc-relative .list_select li {
    padding: 8px 12px
}

.bloc_select .filter-bloc-relative .list_select li a {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background: right center no-repeat;
    display: block;
    cursor: pointer;
    padding: 0 12px 0 0
}

.bloc_select .filter-bloc-relative .list_select li a.active {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/check-white.svg)
}

.bloc_select.active .filtre {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-radius: 4px 4px 0 0
}

.bloc_select.active .filter-bloc-relative {
    display: block
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #e2001a;
    -webkit-animation-timing-function: cubic-bezier(0,1,1,0);
    animation-timing-function: cubic-bezier(0,1,1,0)
}

.lds-ellipsis div:nth-child(1) {
    left: 8px;
    -webkit-animation: .6s infinite lds-ellipsis1;
    animation: .6s infinite lds-ellipsis1
}

.lds-ellipsis div:nth-child(2) {
    left: 8px;
    -webkit-animation: .6s infinite lds-ellipsis2;
    animation: .6s infinite lds-ellipsis2
}

.lds-ellipsis div:nth-child(3) {
    left: 32px;
    -webkit-animation: .6s infinite lds-ellipsis2;
    animation: .6s infinite lds-ellipsis2
}

.lds-ellipsis div:nth-child(4) {
    left: 56px;
    -webkit-animation: .6s infinite lds-ellipsis3;
    animation: .6s infinite lds-ellipsis3
}

@-webkit-keyframes lds-ellipsis1 {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes lds-ellipsis3 {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0)
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0)
    }
}

@-webkit-keyframes lds-ellipsis2 {
    0% {
        transform: translate(0,0)
    }

    100% {
        transform: translate(24px,0)
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0,0)
    }

    100% {
        transform: translate(24px,0)
    }
}

.bloc_faq {
    padding: 0 18px 48px
}

.bloc_faq .list_faq {
    max-width: 1065px;
    margin: auto;
    padding: 40px 0 32px
}

.bloc_faq .list_faq li {
    margin-bottom: 16px
}

.bloc_faq .bl_btn {
    text-align: center
}

@media only screen and (max-width: 768px) {
    .bloc_faq .list_faq {
        padding:16px 0
    }

    .bloc_faq .list_faq li {
        margin-bottom: 8px
    }
}

.faq_bloc {
    cursor: pointer;
    padding: 24px 30px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04)
}

.faq_bloc .question {
    display: flex;
    align-items: center
}

.faq_bloc .question p {
    flex: 3
}

.faq_bloc .question i {
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/arrow-full-red.svg) center no-repeat;
    display: inline-block;
    margin: 0 0 -3px 7px;
    width: 16px;
    height: 16px
}

.faq_bloc .response {
    font-size: 14px;
    line-height: 1.43;
    color: #444;
    margin: 16px 0 0;
    display: none
}

.faq_bloc .response p {
    margin-bottom: 16px
}

.faq_bloc .response .bl_link {
    text-align: right
}

.faq_bloc .response table {
    margin: 5px;
    display: table;
    border-collapse: separate;
    border-radius: 14px;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04)
}

.faq_bloc .response table td,.faq_bloc .response table th {
    padding: 14px 0;
    text-align: center;
    border: 1px solid #d8d8d8
}

.faq_bloc .response table td p,.faq_bloc .response table th p {
    margin: 0
}

.faq_bloc .response table thead {
    display: table-header-group;
    vertical-align: middle;
    background: #e9e9e9
}

.faq_bloc .response table thead tr td,.faq_bloc .response table thead tr th {
    border-bottom: none;
    border-top: none
}

.faq_bloc .response table thead tr td:first-child,.faq_bloc .response table thead tr th:first-child {
    border-left: none;
    border-top-left-radius: 10px
}

.faq_bloc .response table thead tr td:last-child,.faq_bloc .response table thead tr th:last-child {
    border-right: none;
    border-top-right-radius: 10px
}

.faq_bloc .response table tbody tr td:first-child {
    border-left: none
}

.faq_bloc .response table tbody tr td:last-child {
    border-right: none
}

.faq_bloc .response table tbody tr:last-child td {
    border-bottom: none
}

.faq_bloc.active .question i {
    transform: rotate(180deg)
}

.faq_bloc.active .response {
    display: block
}

@media only screen and (max-width: 768px) {
    .faq_bloc {
        padding:20px
    }
}

body.Media .faq_bloc {
    background: #222;
    color: #fff
}

body.Media .faq_bloc .link,body.Media .faq_bloc .response {
    color: #fff
}

body.Media .faq_bloc .link.More i {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/prev-next-white.svg)
}

body.Media .faq_bloc .link.Expand i {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/arrow-full-white.svg)
}

.reassurances_bloc {
    background: #fff;
    padding: 64px 0;
    border: solid #d2d2d2;
    border-width: 1px 0
}

.reassurances_bloc .list {
    max-width: calc(1065px + 30px);
    display: flex;
    justify-content: space-around;
    margin: auto;
    flex-wrap: wrap
}

.reassurances_bloc .list>li {
    flex: 1;
    margin: 0 20px;
    max-width: 195px
}

@media screen and (min-width: 0\0) {
    .reassurances_bloc .list>li {
        max-width:none
    }
}

body.Home .reassurances_bloc {
    background: linear-gradient(to right,#871d81 0,#e2001a 100%)
}

.bloc_reassurance {
    text-align: center
}

.bloc_reassurance .img {
    margin-bottom: 15px;
    height: 32px;
    text-align: center
}

.bloc_reassurance .img img {
    max-height: 32px
}

.bloc_reassurance .desc {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    padding-top: 15px
}

@media only screen and (max-width: 768px) {
    .reassurances_bloc {
        padding:24px 0 32px
    }

    .reassurances_bloc .list {
        display: block
    }

    .reassurances_bloc .list>li {
        margin-bottom: 16px;
        max-width: inherit
    }

    .reassurances_bloc .list>li:last-child {
        margin-bottom: 0
    }

    .bloc_reassurance {
        text-align: left;
        display: flex;
        align-items: center
    }

    .bloc_reassurance .img {
        margin-bottom: 0;
        height: auto;
        width: 32px;
        margin-right: 20px
    }

    .bloc_reassurance .img img {
        max-height: 32px
    }
}

body.Home .bloc_reassurance .title {
    color: #fff
}

bol-recap-block .recap_bloc {
    padding: 40px 0
}

bol-recap-block .recap_bloc .list {
    max-width: 1065px;
    display: flex;
    justify-content: space-around;
    margin: 0 auto 40px;
    flex-wrap: wrap
}

bol-recap-block .recap_bloc .list li {
    flex: 1;
    margin: 0 15px
}

bol-recap-block .bl_link {
    text-align: center
}

@media only screen and (max-width: 768px) {
    bol-recap-block .recap_bloc {
        padding:24px 0
    }

    bol-recap-block .recap_bloc .list {
        display: block
    }

    bol-recap-block .recap_bloc .list li {
        margin-bottom: 16px
    }
}

.recap_element {
    text-align: center
}

.recap_element .bl_title {
    margin-bottom: 8px
}

.recap_element .img {
    margin-bottom: 16px;
    height: 40px;
    text-align: center
}

.recap_element .img img {
    max-height: 40px
}

@-webkit-keyframes slideInUp {
    from {
        transform: translate3d(0,100%,0)
    }

    to {
        visibility: visible;
        transform: translate3d(0,0,0)
    }
}

@keyframes slideInUp {
    from {
        transform: translate3d(0,100%,0)
    }

    to {
        visibility: visible;
        transform: translate3d(0,0,0)
    }
}

bol-price-bar-block .price_bar {
    position: relative;
    box-shadow: 0 -6px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04);
    background-color: #fff;
    transition-property: bottom;
    transition-duration: .2s;
    transition-delay: 0s
}

bol-price-bar-block .price_bar.stiky {
    visibility: hidden;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 3;
    -webkit-animation: .5s 2s forwards slideInUp;
    animation: .5s 2s forwards slideInUp
}

bol-price-bar-block .price_bar .expand {
    cursor: pointer;
    width: 16px;
    height: 16px;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/arrow-full-red.svg) center no-repeat;
    position: absolute;
    top: -9px;
    left: 49%;
    transform: rotate(0);
    transition: transform .5s ease-in-out
}

bol-price-bar-block .price_bar.expanded .expand {
    transform: rotate(180deg);
    transition: transform .5s ease-in-out
}

bol-price-bar-block .price_bar.expanded .price-details {
    display: none
}

bol-price-bar-block .price_bar .price-details {
    margin-top: 4px;
    text-decoration: underline
}

bol-price-bar-block .price_bar .wrapper {
    max-width: 1115px;
    margin: auto;
    padding: 17px 10px;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

bol-price-bar-block .price_bar .wrapper ul {
    display: flex;
    justify-content: center;
    align-items: start
}

bol-price-bar-block .price_bar .wrapper ul li {
    border-right: 1px solid #d2d2d2;
    padding: 0 18px;
    align-items: center;
    text-align: right
}

bol-price-bar-block .price_bar .wrapper ul li:last-child {
    border: none;
    display: flex
}

bol-price-bar-block .price_bar .wrapper .bl_btn {
    text-align: center
}

body.Media .price_bar {
    background: #2e2e2e
}

body.Media .price_bar .wrapper {
    padding: 14px 10px
}

.price_elem {
    text-align: right
}

@media only screen and (max-width: 768px) {
    bol-price-bar-block .price_bar .wrapper ul li:last-child {
        display:block;
        margin: 0
    }

    bol-price-bar-block .price_bar .wrapper .bl_btn .btn {
        width: 100px;
        padding: 0 5px
    }

    bol-price-bar-block .price_bar .expand {
        display: block
    }

    bol-price-bar-block .price_bar .wrapper {
        padding: 12px 18px;
        justify-content: space-between
    }

    bol-price-bar-block .price_bar .wrapper ul {
        display: block;
        margin-right: 15px;
        align-items: flex-end
    }

    bol-price-bar-block .price_bar .wrapper ul li {
        border: none;
        padding: 0;
        margin-bottom: 6px;
        text-align: left
    }

    bol-price-bar-block .price_bar .wrapper ul li .price-details {
        margin-bottom: 10px
    }

    bol-price-bar-block .price_bar .wrapper ul li .price_elem h3 .colored {
        font-size: 14px
    }

    bol-price-bar-block .price_bar .wrapper .b50 {
        line-height: 42px;
        height: 42px
    }

    .scrolled.to-down .price_bar.stiky {
        bottom: 0
    }

    .scrolled.to-up .price_bar.stiky {
        z-index: 30
    }

    .price_elem {
        padding: 2px 0
    }
}

.price_elem .bl_top {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media only screen and (max-width: 992px) {
    bol-price-bar-block .price_bar.stiky {
        z-index:30
    }

    .price_elem .bl_top {
        display: block
    }
}

.price_elem h3 {
    margin: 0 0 2px 9px
}

.price_elem .desc {
    font-family: Arial;
    font-size: 12px;
    color: #8a8a8a
}

.price_elem .stick_unavailable {
    margin: 3px 0
}

.price_elem .stick_unavailable span {
    background-color: #000;
    color: #fff;
    padding: 2px 5px;
    border-radius: 3px
}

body.Media .price_elem .desc,body.Media .price_elem h3 {
    color: #fff
}

.promotion {
    display: inline-block;
    border-radius: 3px;
    color: #181818;
    font-size: 10px;
    font-weight: 700;
    padding: 3px;
    background: #ffcd00;
    text-transform: uppercase;
    height: 18px;
    line-height: 12px;
    white-space: nowrap;
    margin-bottom: 7px
}

bol-nos-conseils .bloc_conseils .wrapper {
    max-width: 1065px;
    margin: auto;
    padding: 42px 0 67px
}

bol-nos-conseils .bloc_conseils .wrapper>ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px
}

bol-nos-conseils .bloc_conseils .wrapper>ul>li {
    text-align: center;
    margin: 0 10px;
    max-width: 275px;
    flex: 1
}

@media only screen and (max-width: 768px) {
    .price_elem {
        text-align:left
    }

    .price_elem h3 {
        font-size: 14px;
        margin: 0 0 2px
    }

    .price_elem .desc {
        font-size: 10px
    }

    bol-nos-conseils .bloc_conseils .wrapper {
        padding: 20px 0
    }

    bol-nos-conseils .bloc_conseils .wrapper>ul {
        display: block
    }

    bol-nos-conseils .bloc_conseils .wrapper>ul>li {
        max-width: inherit;
        padding: 20px 12px
    }
}

bol-nos-conseils .bloc_conseils .wrapper .bl_img {
    margin-bottom: 16px
}

bol-nos-conseils .bloc_conseils .wrapper .bl_link {
    text-align: center
}

bol-nos-conseils .bloc_conseils .wrapper .bl_link .link {
    color: #e2001a
}

bol-nos-conseils .bloc_conseils .wrapper .bl_link .link i {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/prev-next-red.svg)
}

bol-new-services .new_services .wrapper {
    margin: auto;
    max-width: 1065px;
    display: flex;
    padding: 80px 15px;
    align-items: center
}

@media only screen and (max-width: 768px) {
    bol-new-services .new_services .wrapper {
        flex-direction:column-reverse;
        padding: 32px 18px
    }

    bol-new-services .new_services .bl_txt {
        text-align: center
    }
}

bol-new-services .new_services .wrapper>div {
    flex: 1 auto
}

bol-new-services .new_services .bl_txt {
    max-width: 520px
}

bol-new-services .new_services .bl_txt h2 {
    text-transform: uppercase;
    margin-bottom: 8px
}

bol-new-services .new_services .bl_txt .Text700 {
    margin-bottom: 12px
}

bol-new-services .new_services .bl_img {
    text-align: center
}

bol-mobile-subtitle-block .bloc_SubTitle .wrapper {
    position: relative
}

bol-mobile-subtitle-block .bloc_SubTitle .wrapper::after {
    content: "";
    display: block;
    clear: both
}

bol-mobile-subtitle-block .bloc_SubTitle .wrapper h2 {
    float: left;
    margin-right: 24px;
    line-height: 45px
}

bol-mobile-subtitle-block .bloc_SubTitle .wrapper .all_filters {
    display: flex
}

bol-mobile-order-list .bloc_filtres {
    display: inline-block;
    position: relative;
    z-index: 1
}

bol-mobile-order-list .bloc_filtres .filtre {
    border-radius: 4px;
    display: inline-block;
    background-color: #fff
}

bol-mobile-order-list .bloc_filtres .filtre.active {
    border-color: transparent;
    padding-bottom: 7px;
    position: relative;
    z-index: 2;
    margin-bottom: -2px
}

bol-mobile-order-list .bloc_filtres .filtre .txt {
    display: inline-block;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/pic-filtre.svg) 85% center/8px 5px no-repeat;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    padding: 10px 25px 10px 12px;
    color: #444;
    cursor: pointer
}

bol-mobile-order-list .bloc_filtres .filter-bloc-relative {
    position: absolute;
    width: 320px;
    background-color: #fff;
    padding: 3px 18px;
    z-index: 1;
    box-shadow: 0 8px 16px 0 rgba(24,24,24,.1),0 -1px 6px 1px rgba(24,24,24,.04)
}

bol-mobile-order-list .bloc_filtres .filter-bloc-relative .list li {
    border-bottom: 1px solid #d2d2d2;
    padding: 13px 0
}

bol-mobile-order-list .bloc_filtres .filter-bloc-relative .list li:last-child {
    border: none
}

bol-mobile-order-list .bloc_filtres .filter-bloc-relative .list li a {
    font-size: 14px;
    line-height: 1.43;
    color: #444;
    background: right center no-repeat;
    display: block;
    cursor: pointer
}

bol-mobile-order-list .bloc_filtres .filter-bloc-relative .list li a.asc {
    font-weight: 700;
    color: #222;
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/check-red.svg)
}

bol-mobile-order-list .bloc_filtres .filter-bloc-relative .list li a.desc {
    font-weight: 700;
    color: #222
}

@media only screen and (max-width: 768px) {
    bol-new-services .new_services .bl_img {
        margin-bottom:32px
    }

    bol-new-services .new_services .bl_img img {
        max-width: 140px
    }

    bol-mobile-subtitle-block .bloc_SubTitle .wrapper h2 {
        float: none;
        line-height: 1;
        margin: 0
    }

    bol-mobile-subtitle-block .bloc_SubTitle .wrapper .all_filters {
        justify-content: space-between;
        margin-top: 24px
    }

    bol-mobile-order-list .bloc_filtres {
        float: none;
        display: inline-block;
        position: inherit
    }

    bol-mobile-order-list .bloc_filtres .filtre.active {
        z-index: 1
    }

    bol-mobile-order-list .bloc_filtres .filter-bloc-relative {
        box-shadow: 0 15px 16px -10px rgba(24,24,24,.2);
        width: 100%;
        left: 0;
        right: 0;
        text-align: left
    }

    bol-mobile-forfaits-filter .bl_forfaits_filter>p {
        display: none
    }
}

bol-mobile-forfaits-filter .bl_forfaits_filter {
    display: inline-flex;
    margin-right: 24px
}

bol-mobile-forfaits-filter .bl_forfaits_filter>p {
    margin-right: 12px;
    font-size: 14px;
    line-height: 40px;
    color: #444
}

bol-mobile-filter-list .bloc_filtres {
    display: inline-block;
    margin-right: 8px;
    position: relative;
    z-index: 1
}

bol-mobile-filter-list .bloc_filtres .filtre {
    border-radius: 4px;
    display: inline-block;
    background-color: #fff
}

bol-mobile-filter-list .bloc_filtres .filtre.active {
    border-color: transparent;
    padding-bottom: 7px;
    position: relative;
    z-index: 2;
    margin-bottom: -2px
}

bol-mobile-filter-list .bloc_filtres .filtre .txt {
    display: inline-block;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/pic-filtre.svg) 85% center/8px 5px no-repeat;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    padding: 10px 25px 10px 12px;
    color: #444;
    cursor: pointer
}

bol-mobile-filter-list .bloc_filtres .filter-bloc-relative {
    position: absolute;
    width: 320px;
    background-color: #fff;
    padding: 20px;
    z-index: 1;
    box-shadow: 0 8px 16px 0 rgba(24,24,24,.1),0 -1px 6px 1px rgba(24,24,24,.04)
}

bol-mobile-filter-list .bl_link {
    margin-bottom: 24px
}

bol-mobile-filter-list .bl_link .link {
    font-family: SFR,sans-serif;
    line-height: 2;
    color: #000;
    text-decoration: underline
}

bol-mobile-filter-list .bl_btn {
    text-align: center;
    padding: 8px 0
}

bol-mobile-filter-list .bl_range {
    margin-bottom: 20px
}

bol-mobile-filter-list .bl_range input[type=range] {
    margin: auto;
    -webkit-appearance: none;
    position: relative;
    width: 100%;
    height: 25px;
    cursor: pointer
}

bol-mobile-filter-list .bl_range input[type=range]::-webkit-slider-runnable-track {
    background: #f2f2f2
}

bol-mobile-filter-list .bl_range input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border-radius: 90px;
    border: 2px solid #e2001a;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    background: #fff
}

bol-mobile-filter-list .bl_range input[type=range]::-moz-range-track {
    height: 6px;
    background: #f2f2f2;
    border-radius: 3px
}

bol-mobile-filter-list .bl_range input[type=range]::-moz-range-thumb {
    border-radius: 90px;
    border: 2px solid #e2001a;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    background: #fff
}

bol-mobile-filter-list .bl_range input[type=range]::-ms-thumb {
    box-sizing: border-box;
    border-radius: 90px;
    border: 2px solid #e2001a;
    width: 20px;
    height: 20px;
    background: #fff
}

bol-mobile-filter-list .bl_range input[type=range]::-ms-track {
    color: transparent;
    border: none;
    height: 6px;
    background: #f2f2f2;
    border-radius: 3px
}

bol-mobile-filter-list .bl_range input[type=range]::-ms-fill-lower {
    background: #e2001a;
    height: 6px;
    border-radius: 3px
}

bol-mobile-filter-list .bl_range input[type=range]::-moz-range-progress {
    background: #e2001a;
    height: 6px;
    border-radius: 3px
}

bol-mobile-filter-list .bl_range input[type=range]::-webkit-range-progress {
    background: #e2001a
}

bol-mobile-filter-list .bl_range>span {
    visibility: hidden
}

bol-mobile-filter-list .bl_range datalist {
    display: flex;
    justify-content: space-between;
    height: auto;
    overflow: hidden
}

bol-mobile-filter-list .bl_range datalist option {
    font-size: 14px;
    line-height: 1.43;
    color: #444
}

bol-mobile-filter-list .bloc {
    margin-bottom: 24px
}

bol-mobile-filter-list .bloc h4 {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 700
}

bol-mobile-filter-list .bl_selected {
    display: flex;
    flex-wrap: wrap
}

bol-mobile-filter-list .bl_selected .bl_link {
    width: 100%;
    margin-bottom: 8px
}

@media only screen and (max-width: 768px) {
    bol-mobile-filter-list .bloc_filtres {
        float:none;
        display: inline-block;
        position: inherit
    }

    bol-mobile-filter-list .bloc_filtres .filtre.active {
        z-index: 1
    }

    bol-mobile-filter-list .bloc_filtres .filter-bloc-relative {
        box-shadow: 0 15px 16px -10px rgba(24,24,24,.2);
        width: 100%;
        left: 0;
        right: 0;
        text-align: left
    }
}

bol-mobile-filter-list .hidden {
    display: none
}

bol-mobile-forfaits-list .bloc_filtres {
    position: relative
}

bol-mobile-forfaits-list .bloc_filtres .filtre {
    border-radius: 4px;
    display: inline-block;
    background: linear-gradient(to right,#871d81,#e2001a)
}

bol-mobile-forfaits-list .bloc_filtres .filtre.active {
    background: #fff;
    border-color: transparent;
    padding-bottom: 7px;
    position: relative;
    z-index: 2;
    margin-bottom: -2px
}

bol-mobile-forfaits-list .bloc_filtres .filtre.active .txt {
    color: #444
}

bol-mobile-forfaits-list .bloc_filtres .filtre.active .txt i {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/pic-filtre.svg)
}

bol-mobile-forfaits-list .bloc_filtres .filtre .txt {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    padding: 10px 12px;
    color: #fff;
    cursor: pointer
}

bol-mobile-forfaits-list .bloc_filtres .filtre .txt i {
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/pic-filtre-white.svg) center/8px 5px no-repeat;
    display: inline-block;
    width: 10px;
    height: 15px;
    margin: 0 0 -3px 8px
}

bol-mobile-forfaits-list .bloc_filtres .filter-bloc-relative {
    position: absolute;
    width: 200px;
    background-color: #fff;
    padding: 3px 18px;
    z-index: 1;
    box-shadow: 0 8px 16px 0 rgba(24,24,24,.1),0 -1px 6px 1px rgba(24,24,24,.04);
    right: 0
}

bol-mobile-forfaits-list .bloc_filtres .filter-bloc-relative .list li {
    border-bottom: 1px solid #d2d2d2;
    padding: 13px 0
}

bol-mobile-forfaits-list .bloc_filtres .filter-bloc-relative .list li:last-child {
    border: none
}

bol-mobile-forfaits-list .bloc_filtres .filter-bloc-relative .list li a {
    font-size: 14px;
    line-height: 1.43;
    color: #444;
    background: right center no-repeat;
    display: block;
    cursor: pointer
}

bol-mobile-forfaits-list .bloc_filtres .filter-bloc-relative .list li a.active {
    font-weight: 700;
    color: #222;
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/check-red.svg)
}

@media only screen and (max-width: 768px) {
    bol-mobile-forfaits-list .bloc_filtres {
        float:none;
        display: inline-block;
        position: inherit
    }

    bol-mobile-forfaits-list .bloc_filtres .filter-bloc-relative {
        width: 100%;
        left: 0;
        right: 0;
        text-align: left
    }
}

bol-mobile-network-block .submit {
    height: 40px;
    border-radius: 10px;
    background-color: #222;
    display: inline-block;
    line-height: 42px;
    font-size: 10px;
    font-weight: 900;
    color: #fff;
    padding: 0 20px;
    margin: 1px 0;
    text-transform: uppercase
}

bol-mobile-network-banner .ReseauMob {
    background: radial-gradient(circle at 50% 50%,#e70059,#570221);
    padding: 32px 18px
}

bol-mobile-network-banner .ReseauMob>.wrapper {
    max-width: 1065px;
    margin: auto;
    display: flex;
    align-items: center;
    color: #fff
}

@media screen and (min-width: 0\0) {
    bol-mobile-network-banner .ReseauMob>.wrapper {
        height:500px
    }
}

bol-mobile-network-banner .ReseauMob .img_bl {
    max-height: 380px;
    flex: 1;
    text-align: center;
    position: relative
}

bol-mobile-network-banner .ReseauMob .img_bl .img_mob {
    display: none
}

bol-mobile-network-banner .ReseauMob .img_bl img {
    max-height: 380px
}

bol-mobile-network-banner .ReseauMob .text_bl {
    flex: 1;
    position: relative
}

bol-mobile-network-banner .ReseauMob .text_bl::before {
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/4g-ico.svg) center no-repeat;
    content: "";
    display: block;
    width: 240px;
    height: 116px;
    position: absolute;
    left: -40px;
    top: -82px
}

bol-mobile-network-banner .ReseauMob .text_bl.fibre::before {
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/fibre-white.svg) center no-repeat;
    width: 290px;
    height: 73px;
    left: -73px;
    top: -46px
}

bol-mobile-network-banner .ReseauMob .text_bl .title_bl {
    margin-bottom: 16px;
    color: #fff;
    position: relative;
    text-transform: uppercase
}

bol-mobile-network-banner .ReseauMob .text_bl .Text700 {
    margin-bottom: 24px;
    color: #fff
}

bol-mobile-network-banner .ReseauMob .text_bl .link {
    font-size: 14px
}

bol-mobile-network-banner .reseau_actu {
    background: #fff;
    border-radius: 13px;
    padding: 23px 30px 27px 18px;
    max-width: 1065px;
    margin: 40px auto 16px;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04)
}

bol-mobile-network-banner .reseau_actu .theme {
    font-size: 14px;
    font-weight: 700;
    font-style: italic;
    color: #e2001a;
    margin-bottom: 12px
}

bol-mobile-network-banner .reseau_actu h4 {
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 900;
    line-height: 1
}

bol-mobile-network-banner .reseau_actu .Text500 {
    margin-bottom: 24px
}

bol-mobile-network-banner .reseau_actu .date {
    font-size: 12px;
    color: #8a8a8a
}

bol-mobile-network-banner .reseau_actu .bl_link {
    text-align: right
}

@media only screen and (max-width: 768px) and (min-width:0\0) {
    bol-mobile-network-banner .ReseauMob>.wrapper {
        height:inherit
    }
}

@media only screen and (max-width: 768px) {
    bol-mobile-network-banner .ReseauMob {
        overflow:hidden
    }

    bol-mobile-network-banner .ReseauMob>.wrapper {
        min-height: inherit;
        padding: 0;
        flex-direction: column-reverse
    }

    bol-mobile-network-banner .ReseauMob .img_bl {
        margin: 24px 30px;
        max-height: 220px
    }

    bol-mobile-network-banner .ReseauMob .img_bl::after {
        content: "";
        display: block;
        width: 115px;
        height: 54px;
        position: absolute;
        top: 100px;
        background-position: center left;
        background-repeat: no-repeat
    }

    bol-mobile-network-banner .ReseauMob .img_bl .img_mob {
        display: block
    }

    bol-mobile-network-banner .ReseauMob .img_bl bol-network-map {
        display: none
    }

    bol-mobile-network-banner .ReseauMob .img_bl.four-g::after {
        background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/4g-ico2.svg)
    }

    bol-mobile-network-banner .ReseauMob .img_bl.fibre::after {
        background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/fibre-white2.svg);
        background-size: auto 40px;
        width: 290px
    }

    bol-mobile-network-banner .ReseauMob .img_bl img {
        width: 100%;
        height: auto
    }

    bol-mobile-network-banner .ReseauMob .img_bl svg {
        height: 280px
    }

    bol-mobile-network-banner .ReseauMob .text_bl {
        width: 100%;
        text-align: center
    }

    bol-mobile-network-banner .ReseauMob .text_bl::before {
        display: none
    }

    bol-mobile-network-banner .ReseauMob .text_bl::after {
        content: "";
        display: block;
        clear: both
    }

    bol-mobile-network-banner .ReseauMob .text_bl .Text700 {
        display: none
    }

    bol-mobile-network-banner .reseau_actu {
        padding: 23px 30px 20px 18px;
        margin: 24px 0 0
    }

    bol-mobile-network-banner .reseau_actu .Text500 {
        max-height: 40px;
        overflow: hidden
    }
}

bol-network-map .map {
    position: relative;
    display: inline-block
}

bol-network-map .map path {
    fill: #fff;
    fill-opacity: .3;
    stroke: #fff;
    stroke-width: 1px;
    transition: fill .3s
}

bol-network-map .map path:hover {
    fill-opacity: 1
}

bol-network-map .map .bull {
    color: #181818;
    font-size: 11px;
    background: #fff;
    text-align: left;
    position: absolute;
    width: 225px;
    min-height: 150px;
    padding: 14px 18px 10px;
    box-shadow: 0 8px 16px 0 rgba(24,24,24,.1),0 -1px 6px 1px rgba(24,24,24,.04);
    display: none
}

bol-network-map .map .bull::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0;
    border-color: #fff transparent transparent
}

bol-network-map .map .bull.Up {
    margin-top: -35px;
    transform: translateX(-50%) translateY(-100%)
}

bol-network-map .map .bull.Up::after {
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%)
}

bol-network-map .map .bull.Bottom {
    margin-top: 35px;
    transform: translateX(-50%)
}

bol-network-map .map .bull.Bottom::after {
    top: -20px;
    left: 50%;
    transform: translateX(-50%) rotate(180deg)
}

bol-network-map .map .bull.Left {
    width: 300px;
    margin-left: -20px;
    transform: translateX(-100%) translateY(-50%)
}

bol-network-map .map .bull.Left::after {
    top: 50%;
    left: auto;
    right: -20px;
    transform: translateY(-50%) rotate(-90deg)
}

bol-network-map .map .bull.Right {
    width: 300px;
    margin-left: 20px;
    transform: translateY(-50%)
}

bol-network-map .map .bull.Right::after {
    top: 50%;
    left: -20px;
    transform: translateY(-50%) rotate(90deg)
}

bol-network-map .map .bull.active {
    display: block
}

bol-network-map .map .bull h4.bl_title {
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 9px;
    margin-bottom: 8px;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/png/icon_reseau.png) top right no-repeat;
    padding-right: 25px
}

bol-network-map .map .bull .bl_desc {
    margin-bottom: 8px;
    font-family: Arial
}

bol-mobile-menu-bottom-block .bl_footer_top {
    background: #f2f2f2;
    padding: 0 18px
}

bol-mobile-menu-bottom-block .bl_footer_top .wrapper {
    max-width: 1065px;
    margin: auto;
    padding: 24px 0 32px
}

bol-mobile-menu-bottom-block .bl_footer_top .wrapper h6 {
    margin-bottom: 12px
}

bol-mobile-menu-bottom-block .bl_footer_top .wrapper .menu_footer_top {
    margin: auto;
    display: flex;
    justify-content: space-around
}

bol-mobile-menu-bottom-block .bl_footer_top .wrapper .menu_footer_top li {
    flex-grow: 1
}

bol-mobile-menu-bottom-block .bl_footer_top .wrapper .menu_footer_top li a {
    font-size: 14px;
    color: #000;
    display: inline-block
}

bol-mobile-menu-bottom-block .bl_footer_top .wrapper .menu_footer_top li a:hover {
    text-decoration: underline
}

@media only screen and (max-width: 768px) {
    bol-mobile-menu-bottom-block .bl_footer_top .wrapper {
        padding:24px 20px 15px
    }

    bol-mobile-menu-bottom-block .bl_footer_top .wrapper h6 {
        margin-bottom: 7px
    }

    bol-mobile-menu-bottom-block .bl_footer_top .wrapper .menu_footer_top {
        flex-wrap: wrap
    }

    bol-mobile-menu-bottom-block .bl_footer_top .wrapper .menu_footer_top li {
        min-width: 30%;
        margin: 15px 0
    }
}

bol-mobile-list-block .bl_PhoneList {
    padding-bottom: 32px
}

bol-mobile-list-block .bl_PhoneList .PhoneList {
    display: flex;
    max-width: calc(1065px + 30px);
    margin: auto;
    flex-wrap: wrap;
    padding: 24px 0 32px;
    position: relative;
    z-index: 0;
    justify-content: flex-start
}

bol-mobile-list-block .bl_PhoneList .PhoneList .card_wrapper {
    min-width: 290px;
    max-width: 335px;
    margin: 8px 15px;
    flex: 1;
    position: relative;
    padding-top: 19px
}

@media only screen and (max-width: 992px) {
    bol-mobile-list-block .bl_PhoneList .PhoneList .card_wrapper {
        max-width:inherit
    }
}

@media only screen and (max-width: 600px) {
    bol-mobile-list-block .bl_PhoneList {
        padding:0 3px 32px
    }

    bol-mobile-list-block .bl_PhoneList .PhoneList {
        padding: 16px 0;
        margin-bottom: 8px;
        flex-direction: column
    }

    bol-mobile-list-block .bl_PhoneList .PhoneList .card_wrapper {
        min-width: auto;
        max-width: calc(100% - 30px)
    }
}

bol-mobile-list-block bol-pagination {
    text-align: center;
    margin: 30px 0!important
}

bol-mobile-list-block .paginationStyle bol-pagination .current {
    background: #e2001a
}

bol-mobile-links .bl_btn {
    text-align: center;
    padding-bottom: 32px
}

bol-mobile-links .bl_btn .btn {
    background: #fff
}

.mobile_card {
    border-radius: 14px;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04);
    background: #fff;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.mobile_card.disable .btn:not(.ghost) {
    background: #222;
    color: #fff
}

.mobile_card .bl_title {
    display: block;
    position: relative;
    border-bottom: 1px solid #d2d2d2;
    margin: 0 20px 16px;
    padding: 15px 0 9px;
    color: #222
}

.mobile_card .bl_title h2,.mobile_card .bl_title h3 {
    font-size: 22px;
    font-weight: 700;
    cursor: pointer;
    line-height: 1.18
}

.mobile_card .bl_title h2 {
    max-width: 75%
}

.mobile_card .bl_plan_plus {
    display: block;
    margin: 5px 0
}

.mobile_card .bl_plan_name {
    display: block
}

.mobile_card .bl_phone {
    padding: 0 20px 23px;
    display: flex;
    align-items: center
}

.mobile_card .bl_img {
    min-height: 100px;
    min-width: 80px;
    padding: 0 10px;
    margin-right: 10px;
    max-height: 110px
}

.mobile_card .bl_detail {
    border-top: 1px solid #d2d2d2;
    display: flex;
    padding: 14px 20px 16px;
    position: relative;
    flex: auto;
    justify-content: space-between;
    align-items: flex-end
}

.mobile_card .bl_detail bol-mobile-price {
    flex: 2;
    height: 100%
}

.mobile_card .bl_detail .bl_btn {
    flex: 1;
    margin-left: 5px;
    text-align: right;
    display: flex;
    flex-direction: column
}

.mobile_card .bl_detail .bl_btn .btn {
    width: 96px;
    padding: 0 5px
}

.mobile_card .bl_detail .bl_btn .btn.ghost {
    margin-bottom: 4px
}

bol-mobile-color {
    display: block
}

bol-mobile-color ul.bl_color {
    margin-bottom: 16px;
    display: flex
}

bol-mobile-color ul.bl_color li {
    box-sizing: content-box;
    border: 2px solid rgba(255,255,255,0);
    border-radius: 90px;
    margin: 0 2px
}

bol-mobile-color ul.bl_color li.active {
    border-color: #e2001a
}

bol-mobile-color ul.bl_color li.active a {
    border: 1px solid rgba(255,255,255,0)
}

bol-mobile-color ul.bl_color li a {
    border: 1px solid #d2d2d2;
    display: block;
    height: 12px;
    width: 12px;
    border-radius: 90px;
    margin: 2px;
    text-align: center;
    position: relative;
    box-sizing: content-box;
    cursor: pointer
}

bol-mobile-color ul.bl_color li a.indispo::after {
    content: "";
    width: 1px;
    height: 19px;
    transform: rotate(-315deg);
    background: #e2001a;
    display: block;
    position: absolute;
    top: -3px;
    left: 49%
}

bol-mobile-color ul.bl_color.not-selectable li {
    margin: 0 6px 0 0;
    border: none
}

bol-mobile-color ul.bl_color.not-selectable li a {
    cursor: initial;
    margin: 0
}

bol-mobile-capacity .bl_capacity ul {
    display: flex
}

bol-mobile-capacity .bl_capacity ul li {
    height: 10px;
    border-right: 1px solid #d2d2d2;
    padding: 0 5px;
    display: flex;
    align-items: center
}

bol-mobile-capacity .bl_capacity ul li:last-child {
    border: none
}

bol-mobile-capacity .bl_capacity ul li a {
    font-size: 12px;
    line-height: 1.67;
    color: #181818;
    display: block;
    position: relative;
    cursor: pointer;
    border-bottom: 2px solid rgba(255,255,255,0)
}

bol-mobile-capacity .bl_capacity ul li a.active {
    font-weight: 700;
    border-image-source: linear-gradient(to right,#871d81,#e2001a);
    border-image-slice: 1
}

bol-mobile-capacity .bl_capacity ul li a.indispo::after {
    content: "";
    width: 1px;
    height: 24px;
    transform: rotate(-315deg);
    background: #e2001a;
    display: block;
    position: absolute;
    top: -1px;
    left: 49%
}

bol-mobile-compare .bl_compare {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 10px
}

bol-mobile-compare .bl_compare span {
    font-size: 12px;
    font-family: Arial;
    color: #222;
    line-height: 11px;
    text-decoration: underline
}

bol-mobile-compare .bl_compare span:before {
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    border: 1px solid #8a8a8a;
    margin-right: 6px;
    vertical-align: -20%
}

bol-mobile-compare .bl_compare span.active:before {
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/check.svg) center/10px no-repeat
}

bol-mobile-delivery .bl_delivery {
    border-radius: 3px;
    background: #000;
    display: inline-block;
    padding: 0 6px;
    position: absolute;
    top: -9px
}

bol-mobile-delivery .bl_delivery .txt {
    font-size: 10px;
    line-height: 16px;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    text-transform: uppercase
}

bol-mobile-price .indispo {
    font-size: 19px;
    font-weight: 700;
    background: linear-gradient(to right,#871d81,#e2001a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #e2001a;
    margin-right: 6px
}

@media screen and (min-width: 0\0) {
    bol-mobile-price .indispo {
        background:0 0;
        color: #e2001a
    }
}

bol-mobile-price .indispo.disable {
    color: #8a8a8a;
    background: 0 0;
    -webkit-text-fill-color: #8a8a8a
}

bol-mobile-price .old_prix {
    font-size: 12px;
    line-height: 1.67;
    color: #444;
    text-decoration: line-through;
    margin: 0
}

bol-mobile-price .desc {
    font-family: Arial;
    font-size: 10px;
    color: #8a8a8a;
    margin-bottom: 8px;
    max-width: 200px
}

bol-mobile-price .desc>p {
    margin-bottom: 5px
}

bol-mobile-price .desc>p:last-child {
    margin-bottom: 0
}

bol-mobile-price .desc.disable {
    color: #8a8a8a
}

bol-mobile-promo .bl_promo {
    border-radius: 14px 8px 14px 14px;
    background: #000;
    display: inline-block;
    padding: 0 10px 20px;
    position: absolute;
    top: 0
}

bol-mobile-promo .bl_promo .txt {
    font-size: 10px;
    line-height: 19px;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    text-transform: uppercase
}

bol-mobile-promo .bl_promo.reconditionne {
    background: #ffcd00
}

bol-mobile-promo .bl_promo.reconditionne .txt {
    color: #222
}

bol-mobile-refund .bl_refund {
    border-radius: 3px;
    background: #000;
    display: inline-block;
    padding: 0 6px;
    position: absolute;
    top: -9px
}

bol-mobile-refund .bl_refund .txt {
    font-size: 10px;
    line-height: 16px;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    text-transform: uppercase
}

.recommandations_bloc {
    padding: 30px 0
}

.recommandations_bloc .list_recommandations {
    display: flex;
    margin: 0 24px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.recommandations_bloc .list_recommandations::-webkit-scrollbar {
    width: 0!important
}

.recommandations_bloc .list_recommandations .elem_recommandations {
    flex: 1;
    margin: 0 .5%;
    max-width: 24%;
    min-width: 24%
}

@media only screen and (max-width: 992px) {
    .recommandations_bloc .list_recommandations .elem_recommandations {
        max-width:33%;
        min-width: 33%;
        margin: 0 .33%
    }
}

@media only screen and (max-width: 768px) {
    bol-mobile-price .desc {
        font-size:10px;
        margin-bottom: 5px
    }

    .recommandations_bloc .list_recommandations .elem_recommandations {
        max-width: 49%;
        min-width: 49%;
        margin: 0 .5%
    }

    .recommandations_bloc .list_recommandations {
        margin: 0 18px
    }
}

@media only screen and (max-width: 480px) {
    .recommandations_bloc .list_recommandations .elem_recommandations {
        max-width:99%;
        min-width: 99%;
        margin: 0 .5%
    }
}

.recommandations_bloc .list_nav {
    position: relative;
    z-index: 1
}

.recommandations_bloc .list_nav .elem_nav {
    width: 58px;
    height: 116px;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04);
    background-color: #fff;
    position: absolute;
    top: 218px;
    cursor: pointer
}

.recommandations_bloc .list_nav .elem_nav i {
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/arrow-m.svg) center no-repeat;
    display: block;
    height: inherit;
    background-position-x: 70%
}

.recommandations_bloc .list_nav .elem_nav.prev {
    left: 0;
    -webkit-border-top-right-radius: 90px;
    -webkit-border-bottom-right-radius: 90px;
    -moz-border-radius-topright: 90px;
    -moz-border-radius-bottomright: 90px;
    border-top-right-radius: 90px;
    border-bottom-right-radius: 90px
}

.recommandations_bloc .list_nav .elem_nav.prev i {
    transform: rotate(180deg)
}

.recommandations_bloc .list_nav .elem_nav.next {
    right: 0;
    -webkit-border-top-left-radius: 90px;
    -webkit-border-bottom-left-radius: 90px;
    -moz-border-radius-topleft: 90px;
    -moz-border-radius-bottomleft: 90px;
    border-top-left-radius: 90px;
    border-bottom-left-radius: 90px
}

@media only screen and (max-width: 768px) {
    .recommandations_bloc .list_nav .elem_nav {
        width:26px;
        height: 52px
    }

    .recommandations_bloc .list_nav .elem_nav i {
        background-size: 10px 15px
    }
}

.bl_recommandation {
    color: #fff;
    background: center/cover no-repeat;
    height: 576px;
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    z-index: 0
}

.bl_recommandation::after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 230px;
    background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,#000)
}

.bl_recommandation>.wrapper {
    padding: 12px 12px 20px 28px;
    position: relative;
    height: inherit;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: rgba(0,0,0,.2)
}

.bl_recommandation>.wrapper .bl_bottom,.bl_recommandation>.wrapper .bl_top {
    display: flex;
    justify-content: space-between
}

.bl_recommandation>.wrapper .bl_bottom {
    align-items: flex-end
}

.bl_recommandation>.wrapper .bl_img {
    margin-bottom: 8px
}

.bl_recommandation>.wrapper .bl_img img {
    margin-right: 16px;
    max-height: 34px
}

.bl_recommandation>.wrapper .Text700 {
    color: #fff;
    max-height: 70px;
    overflow: hidden
}

.bl_recommandation>.wrapper .bl_link .link_picto {
    width: 23px;
    height: 23px;
    display: block;
    cursor: pointer;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/picto-link.svg) center no-repeat
}

.bl_recommandation>.wrapper .bl_detail .txt {
    font-family: Arial;
    font-size: 10px
}

.bl_recommandation>.wrapper .bl_price .price {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.37;
    margin-right: 6px;
    display: inline-block
}

.bl_recommandation>.wrapper .bl_price .old_price {
    font-size: 12px;
    line-height: 1.67;
    display: inline-block;
    text-decoration: line-through
}

.bl_recommandation>.wrapper .bl_off_exep {
    border-radius: 3px;
    background-color: #ffcd00;
    line-height: 16px;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    color: #181818;
    margin-bottom: 6px;
    padding: 0 6px;
    text-transform: uppercase
}

.bl_recommandation>.wrapper .btn {
    width: 96px;
    padding: 0 5px
}

.bl_experience_tv {
    margin: auto;
    max-width: 1065px;
    padding: 48px 18px;
    display: flex
}

.bl_experience_tv .bl_img {
    float: right;
    margin-right: 60px;
    max-width: 695px;
    min-height: 400px;
    background: #fff;
    flex: 3;
    display: flex;
    justify-content: center;
    align-items: center
}

.bl_experience_tv .bl_img .elem {
    display: none;
    width: 100%;
    text-align: center
}

.bl_experience_tv .bl_img .elem iframe {
    width: 100%;
    height: 100%
}

.bl_experience_tv .bl_img .elem img {
    max-width: 100%;
    height: auto
}

.bl_experience_tv .bl_list {
    float: right;
    width: 255px;
    flex: 1;
    align-items: center;
    display: flex
}

.bl_experience_tv .bl_list .list {
    padding: 18px 0 0
}

.bl_experience_tv .bl_list .list .elem_list {
    opacity: .2;
    margin-bottom: 24px;
    cursor: pointer;
    position: relative;
    padding-left: 24px
}

.bl_experience_tv .bl_list .list .elem_list .carrousel-progress-bar {
    position: absolute;
    height: 26px;
    top: 0;
    left: 0
}

.bl_experience_tv .bl_list .list .elem_list .Text500 {
    display: none;
    margin-top: 4px
}

.bl_experience_tv .bl_list .list .elem_list.active {
    opacity: 1
}

.bl_experience_tv .bl_list .list .elem_list.active .Text500 {
    display: block
}

.bl_experience_tv .bl_temp {
    display: none
}

@media only screen and (max-width: 768px) {
    .bl_experience_tv {
        display:flex;
        padding: 32px 0;
        flex-direction: column
    }

    .bl_experience_tv .bl_img {
        float: none;
        margin: 0 25px 3px;
        width: auto;
        height: auto;
        min-height: auto
    }

    .bl_experience_tv .bl_img img {
        width: 99%;
        height: auto
    }

    .bl_experience_tv .bl_list {
        float: none;
        width: auto;
        display: block
    }

    .bl_experience_tv .bl_list .list {
        padding: 0
    }

    .bl_experience_tv .bl_list .list .elem_list {
        display: none;
        text-align: center;
        padding: 0 18px
    }

    .bl_experience_tv .bl_list .list .elem_list.active {
        display: block
    }

    .bl_experience_tv .bl_list .list .elem_list.active .carrousel-progress-bar {
        display: none
    }

    .bl_experience_tv .bl_list .bl_temp {
        display: flex;
        justify-content: center
    }

    .bl_experience_tv .bl_list .bl_temp .carrousel-progress-bar {
        height: 2px;
        width: 26px;
        margin: 0 4px
    }
}

body.Media .bl_experience_tv {
    color: #fff
}

body.Media .bl_experience_tv .bl_img {
    background: rgba(255,255,255,0)
}

body.Media .bl_experience_tv .bl_list .list .elem_list {
    opacity: .4
}

body.Media .bl_experience_tv .bl_list .list .elem_list .Text500,body.Media .bl_experience_tv .bl_list .list .elem_list h3 {
    color: #fff
}

body.Media .bl_experience_tv .bl_list .list .elem_list.active {
    opacity: 1
}

.channel-in-bouquet {
    max-width: 1065px;
    margin: auto;
    padding: 40px 18px 32px
}

.channel-in-bouquet .bl_top {
    display: flex;
    margin-bottom: 72px
}

.channel-in-bouquet .bl_top .bl_img {
    max-width: 490px;
    margin-right: 57px
}

.channel-in-bouquet .bl_top .bl_img img {
    max-width: 100%
}

.channel-in-bouquet .bl_top .channel-in-bouquet_content {
    padding: 0 10px
}

@media only screen and (max-width: 768px) {
    .channel-in-bouquet .bl_top {
        flex-direction:column
    }

    .channel-in-bouquet .bl_top .bl_img {
        margin: 0 0 20px
    }
}

.channel-in-bouquet .channel-not-included {
    border-radius: 14px;
    width: 100%;
    padding: 40px;
    margin: 20px 0;
    background: #222;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px
}

.channel-in-bouquet .channel-in-bouquet_content {
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.channel-in-bouquet .channel-in-bouquet_content h3 {
    margin-bottom: 20px
}

.channel-in-bouquet .channel-in-bouquet_content .channel-in-bouquet-text {
    font-size: 14px;
    margin-bottom: 20px
}

.channel-in-bouquet .channel-in-bouquet_content .channel-in-bouquet-number {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px
}

.channel-categorized {
    padding: 24px 30px;
    background: #fff;
    margin: 12px 0;
    border-radius: 14px;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04)
}

.channel-categorized .category {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

.channel-categorized .category i {
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/arrow-full-red.svg) center no-repeat;
    display: inline-block;
    margin: 0 0 -3px 7px;
    width: 16px;
    height: 16px
}

@media only screen and (max-width: 768px) {
    .channel-categorized {
        padding:24px 18px
    }

    .channel-categorized.full-width {
        width: calc(100% + 36px);
        margin-left: -18px;
        border-radius: 0
    }

    .channel-categorized .category {
        align-items: flex-start
    }

    .channel-categorized .category i {
        min-width: 16px
    }
}

.channel-categorized .channel_container {
    display: flex;
    padding-top: 24px;
    flex-wrap: wrap
}

@media only screen and (max-width: 768px) {
    .channel-categorized .channel_container {
        justify-content:center
    }

    .channel-category {
        padding: 20px
    }
}

.channel-categorized .channel_container>li {
    flex: 1;
    width: 16%;
    min-width: 140px;
    max-width: 16%;
    margin: 8px
}

.channel-categorized .channel_container p {
    margin-bottom: 16px
}

.channel-categorized .channel_container .bl_link {
    text-align: right
}

.channel-categorized .channel_container+.link {
    font-size: 14px;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    text-decoration: underline;
    cursor: pointer
}

.channel-categorized .channel-card {
    border-radius: 14px;
    padding: 16px 30px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #2e2e2e;
    height: 100%
}

.channel-categorized .channel-card .channel-card-name {
    font-size: 14px;
    margin: 4px 0;
    text-align: center
}

.channel-categorized .channel-card .channel-card-number {
    font-size: 12px;
    margin-bottom: 10px;
    font-family: Arial
}

.channel-categorized .channel-card .bl_img img {
    max-width: 70px;
    max-height: 70px
}

.channel-categorized .channel-card .actions {
    justify-content: center;
    align-items: center
}

.channel-categorized .channel-card .actions img {
    max-height: 16px;
    margin: 0 4px
}

.channel-categorized.active .category i {
    transform: rotate(180deg)
}

.channel-categorized.active .channel_container {
    display: block
}

body.Media .channel-categorized .category h4 {
    font-size: 19px
}

body.Media .channel-categorized .category h4 span {
    font-size: 16px;
    font-weight: 400
}

body.Media .channel-categorized {
    background: #222;
    color: #fff!important
}

body.Media .channel-categorized .channel_container {
    color: #fff!important
}

body.Media .channel-categorized .link {
    color: #fff
}

body.Media .channel-categorized .link.More i {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/prev-next-white.svg)!important
}

body.Media .channel-categorized .link.Expand i {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/arrow-full-white.svg)!important
}

.bl_discover_all_media {
    padding: 36px 18px;
    margin: auto;
    max-width: 1065px
}

.bl_discover_all_media .bl_img {
    text-align: center;
    padding: 12px 0;
    margin-bottom: 24px
}

.bl_discover_all_media .bl_btn {
    text-align: center;
    margin-bottom: 32px
}

.bl_discover_all_media .bl_btn a {
    margin: 0 16px
}

@media only screen and (max-width: 768px) {
    body.Media .channel-categorized .category h4 {
        max-width:90%;
        display: flex;
        flex-direction: column
    }

    body.Media .channel-categorized .category h4 span {
        margin-top: 8px
    }

    .bl_discover_all_media .bl_img img {
        max-width: 100%;
        height: auto
    }

    .bl_discover_all_media .bl_btn {
        margin-bottom: 12px
    }

    .bl_discover_all_media .bl_btn bol-link {
        display: block
    }

    .bl_discover_all_media .bl_btn a {
        margin: 0 0 12px
    }
}

.bl_discover_all_media .bl_desc {
    background: #2e2e2e;
    border-radius: 14px;
    padding: 20px;
    margin-bottom: 12px
}

.bl_discover_all_media .bl_desc .title_bl {
    margin-bottom: 13px;
    color: #fff
}

.bl_discover_all_media .bl_desc .Text500 {
    color: #fff;
    margin-bottom: 46px
}

.bl_discover_all_media .bl_desc .bl_btn2 {
    text-align: right
}

.bl_sim_mobile .sim_mobile_banner {
    padding: 0 18px
}

.bl_sim_mobile .sim_mobile_banner .wrapper {
    margin: auto;
    max-width: 1065px;
    display: flex;
    min-height: 360px;
    align-items: center
}

.bl_sim_mobile .sim_mobile_banner .wrapper>div {
    flex: 1
}

.bl_sim_mobile .sim_mobile_banner .wrapper .bl_txt .bl_title {
    margin-bottom: 8px
}

.bl_sim_mobile .sim_mobile_banner .wrapper .bl_card {
    justify-content: center;
    display: flex
}

.bl_sim_mobile .sim_mobile_banner .wrapper .bl_card .card_bloc {
    margin: 15px;
    max-width: 335px;
    padding: 19px 0 35px;
    position: relative
}

.bl_sim_mobile .list_phone {
    margin: auto;
    max-width: 1065px;
    padding: 12px 0 24px
}

.bl_sim_mobile .list_phone ul {
    display: flex;
    padding: 12px 0 24px
}

.bl_sim_mobile .list_phone ul li {
    min-width: 290px;
    max-width: 335px;
    margin: 8px 15px;
    flex: 1;
    position: relative;
    padding-top: 19px
}

.bl_sim_mobile .list_phone .bl_link {
    text-align: center;
    margin-bottom: 24px
}

@media only screen and (max-width: 768px) {
    .bl_sim_mobile .sim_mobile_banner .wrapper {
        flex-direction:column;
        padding: 13px 0 33px
    }

    .bl_sim_mobile .sim_mobile_banner .wrapper .bl_txt {
        text-align: center;
        margin-bottom: 35px
    }

    .bl_sim_mobile .sim_mobile_banner .wrapper .bl_card .card_bloc {
        margin: 0;
        padding: 0
    }
}

.bl_programs {
    display: flex;
    margin: auto;
    max-width: 1065px;
    flex-wrap: wrap
}

@media only screen and (max-width: 600px) {
    .bl_programs {
        display:block
    }
}

.bl_programs .elem {
    flex: 1;
    margin: 12px 15px;
    background: center/cover no-repeat;
    min-width: 500px
}

.bl_programs .elem>div {
    background: rgba(0,0,0,.2);
    height: 300px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.bl_programs .elem .bl_img {
    margin-bottom: 8px
}

.bl_programs .elem .bl_title {
    color: #fff
}

.bl_materiel {
    border-radius: 14px;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04);
    padding: 16px 24px 24px
}

.bl_materiel .top {
    display: flex;
    justify-content: space-between
}

.bl_materiel .top>div {
    flex: 1;
    max-width: 280px;
    position: relative
}

.bl_materiel .top>div::before {
    content: "+";
    display: flex;
    width: 26px;
    height: 26px;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04);
    background-color: #fff;
    position: absolute;
    left: -57px;
    top: 46px;
    border-radius: 90px;
    font-size: 19px;
    font-weight: 700;
    color: #222;
    justify-content: center;
    align-items: center
}

.bl_materiel .top>div:nth-child(1)::before {
    display: none
}

.bl_materiel .top .bl_title {
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 8px;
    margin-bottom: 16px;
    height: 52px;
    overflow: hidden
}

.bl_materiel .top .bl_title a {
    color: #222
}

.bl_materiel .top .bl_desc {
    display: flex;
    margin-bottom: 16px
}

.bl_materiel .top .bl_desc .bl_img {
    margin-right: 12px;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px
}

.bl_materiel .top .bl_desc .bl_img img {
    max-width: 60px;
    max-height: 60px;
    width: auto;
    height: auto
}

.bl_materiel .bottom {
    display: flex;
    border-top: 1px solid #d2d2d2;
    padding: 16px 0 0;
    justify-content: space-between
}

.bl_materiel .bottom .bl_txt {
    margin-right: 15px
}

.bl_materiel .bottom .bl_txt .Price {
    margin-bottom: 2px
}

.bl_materiel .bottom .bl_txt .inclus {
    color: #222;
    background: 0 0;
    -webkit-text-fill-color: #222
}

.bl_materiel .bottom .bl_btn {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.bl_materiel .bottom .bl_btn .btn {
    width: 96px;
    padding: 0 5px;
    margin: 4px
}

.type2 .bl_materiel .bottom .bl_btn {
    display: flex
}

@media screen and (min-width: 0\0) {
    .bl_materiel .top>div {
        min-width:280px
    }

    .bl_materiel .top .bl_desc .bl_img {
        min-width: 60px
    }

    .bl_materiel .bottom .bl_btn {
        width: 100px
    }

    .type2 .bl_materiel .bottom .bl_btn {
        width: 210px
    }
}

@media only screen and (max-width: 768px) {
    .bl_programs .elem {
        min-width:auto
    }

    .bl_materiel .top {
        flex-direction: column
    }

    .bl_materiel .top>div {
        margin-bottom: 46px;
        max-width: inherit
    }

    .bl_materiel .top>div::before {
        left: 50%;
        top: -40px
    }

    .type2 .bl_materiel .bottom .bl_btn {
        display: block
    }

    .type2 .bl_materiel .bottom .bl_btn .btn:nth-child(2) {
        margin: 8px 0 0
    }
}

.expand-incident {
    width: 100%;
    background: #f2f2f2
}

.expand-incident .expand-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding: 16px 15px;
    max-width: 1065px;
    margin: auto
}

.expand-incident .bl_link {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.expand-incident .expand-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 15px 0 0
}

.expand-incident .expand-content.center {
    justify-content: center;
    align-items: center
}

.expand-incident .expand-content .search-address {
    display: flex
}

.expand-incident .expand-content .search-address .input {
    width: 280px
}

.expand-incident .expand-content .search-address .btn {
    background: #222;
    margin-left: 10px
}

.expand-incident .incidents-list {
    display: flex;
    flex-direction: column;
    max-width: 700px;
    width: 100%;
    padding: 0 0 30px
}

.expand-incident .incidents-list .incident-elt {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    position: relative;
    margin-top: 30px
}

.expand-incident .incidents-list .incident-elt:not(:last-child) {
    padding-bottom: 30px
}

.expand-incident .incidents-list .incident-elt:not(:last-child):before {
    content: "";
    display: block;
    width: 185px;
    height: 1px;
    background: #d2d2d2;
    position: absolute;
    left: 0;
    bottom: 0
}

.expand-incident .incidents-list .incident-elt .elt-title {
    max-width: 40%
}

.expand-incident .incidents-list .incident-elt .bold {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 6px
}

.expand-incident .incidents-list .incident-elt .date {
    display: flex;
    font-weight: 400
}

.expand-incident .incidents-list .incident-elt .date div:first-child {
    margin-right: 10px
}

.expand-incident .incidents-list .incident-elt .elt-content,.expand-incident .incidents-list .incident-elt .start-date {
    margin-bottom: 30px
}

.bl_contenu_media {
    margin: auto;
    max-width: 1065px
}

.bl_contenu_media .elem_contenu {
    color: #fff;
    padding: 60px 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bl_contenu_media .elem_contenu>div {
    margin: 0 15px
}

.bl_contenu_media .elem_contenu .bl_img {
    max-width: 490px;
    min-width: 300px
}

.bl_contenu_media .elem_contenu .bl_img img {
    max-width: 100%;
    height: auto;
    width: auto
}

.bl_contenu_media .elem_contenu .bl_txt {
    max-width: 500px;
    min-width: 350px
}

.bl_contenu_media .elem_contenu .bl_txt .title {
    margin-bottom: 24px
}

.bl_contenu_media .elem_contenu .bl_txt .Text500 {
    color: #fff
}

.bl_contenu_media .elem_contenu .bl_txt .Text500 p {
    margin-bottom: 12px
}

.bl_contenu_media .elem_contenu:nth-child(even) {
    flex-direction: row-reverse
}

@media only screen and (max-width: 768px) {
    .expand-incident .incidents-list .incident-elt:not(:last-child):before {
        width:100%
    }

    .expand-incident .incidents-list .incident-elt .elt-title {
        max-width: 100%
    }

    .bl_contenu_media .elem_contenu,.bl_contenu_media:nth-child(even) {
        flex-direction: column!important
    }
}

.bl_all_channels {
    max-width: 1065px;
    margin: auto;
    padding: 40px 24px
}

.bl_all_channels .title_bl {
    margin-bottom: 16px
}

.bl_all_channels .dark {
    background-color: #222;
    color: #fff
}

.bl_all_channels .light {
    background-color: #fff
}

.bl_all_channels ul {
    display: flex;
    flex-wrap: wrap
}

.bl_all_channels ul li {
    min-width: 100px;
    max-width: 100px;
    width: 100px;
    margin: 10px
}

.bl_all_channels .bl_channels {
    margin-bottom: 40px;
    border-radius: 14px;
    padding: 24px
}

.bl_all_channels .bl_channels .elem_channel img {
    max-width: 100px;
    max-height: 74px;
    width: auto;
    height: auto
}

.bl_all_channels .bl_channels .bl_link .link {
    margin: auto;
    text-decoration: underline
}

.error-block {
    width: 100%;
    padding: 0 100px;
    height: calc(100vh - 90px);
    overflow: hidden
}

.error-block .wrapper {
    max-width: 1065px;
    height: 100%;
    margin: auto;
    position: relative;
    padding: 40px 18px 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.error-block .error-num {
    color: #fff;
    font-size: 450px;
    font-weight: 900;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

@media only screen and (max-width: 768px) {
    .error-block {
        padding:0 20px
    }

    .error-block .wrapper {
        padding: 0
    }

    .error-block .error-num {
        font-size: 150px;
        transform: translate(-50%,0);
        top: 0
    }
}

.error-block .h2 {
    color: #222;
    font-size: 34px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 16px;
    margin-top: 80px;
    position: relative
}

.error-block .h2::before {
    content: "";
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    top: -80px;
    left: 50%;
    transform: translateX(-50%);
    background: url(https://static.s-sfr.fr/media/v2/assets/images/png/picto-faq_big.png) center no-repeat
}

.error-block .desc {
    max-width: 60%;
    font-size: 14px;
    color: #444;
    margin-bottom: 25px
}

@media only screen and (max-width: 768px) {
    .error-block .h2 {
        text-align:center;
        margin-top: 0
    }

    .error-block .desc {
        text-align: center
    }
}

.error-block .btn {
    margin: 0 auto
}

body.Media .error-block .error-num {
    color: #2e2e2e
}

body.Media .error-block .h2 {
    color: #e9e9e9
}

body.Media .error-block .desc {
    color: #d2d2d2
}

.enjoy_offer_steps {
    border-bottom: 1px solid #444;
    padding: 0 18px
}

.enjoy_offer_steps .wrapper {
    color: #444;
    max-width: 1065px;
    margin: auto;
    padding: 40px 0
}

.enjoy_offer_steps .list_steps {
    display: flex;
    justify-content: space-around;
    margin-bottom: 12px
}

.enjoy_offer_steps .list_steps .elem_step {
    flex: 1;
    text-align: center;
    margin: 0 15px
}

.enjoy_offer_steps .list_steps .elem_step .step {
    font-size: 34px;
    line-height: 60px;
    font-weight: 900;
    text-align: center;
    width: 60px;
    height: 60px;
    background-color: rgba(0,0,0,.1);
    border-radius: 90px;
    margin: 0 auto 8px
}

.enjoy_offer_steps .list_steps .elem_step .Text500 {
    color: #444
}

@media only screen and (max-width: 768px) {
    .enjoy_offer_steps .wrapper {
        padding:24px 0
    }

    .enjoy_offer_steps .wrapper .list_steps {
        flex-direction: column
    }

    .enjoy_offer_steps .wrapper .list_steps .elem_step {
        margin-bottom: 32px
    }

    .enjoy_offer_steps .wrapper .list_steps .elem_step:last-child {
        margin-bottom: 0
    }
}

body.Media .enjoy_offer_steps .wrapper {
    color: #fff
}

body.Media .enjoy_offer_steps .list_steps .elem_step .step {
    background-color: rgba(255,255,255,.1)
}

body.Media .enjoy_offer_steps .list_steps .elem_step .Text500 {
    color: #fff
}

.bl_channels {
    max-width: 1065px;
    margin: auto;
    color: #fff;
    padding: 40px 24px 24px
}

.bl_channels .title_bl {
    margin-bottom: 16px
}

.bl_channels .bl_channel {
    background-color: rgba(0,0,0,.05);
    border-radius: 14px;
    color: #000;
    padding: 24px
}

.bl_channels .bl_channel>div {
    display: flex;
    flex-wrap: wrap
}

.bl_channels .bl_channel .elem_channel {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 14px 14px;
    min-width: 100px
}

.bl_channels .bl_channel .elem_channel img {
    max-width: 100px;
    max-height: 74px;
    width: auto;
    height: auto;
    margin-bottom: 8px
}

body.Media .bl_channels {
    color: #fff
}

body.Media .bl_channels .bl_channel {
    background-color: #222;
    color: #fff
}

.bl_assis_connect {
    color: #fff;
    text-align: center;
    max-width: 1065px;
    margin: auto;
    padding: 40px 15px 48px
}

.bl_assis_connect .title {
    margin-bottom: 8px
}

.bl_assis_connect .Text500 {
    color: #fff;
    max-width: 335px;
    margin: auto
}

.usage-component {
    padding: 0 18px
}

.usage-component .flex {
    display: flex;
    justify-content: space-between
}

.usage-component .flex ng-autocomplete {
    max-width: 48%
}

.usage-component .flex-column {
    flex-direction: column
}

.usage-component .flex-wrap {
    flex-wrap: wrap
}

.usage-component .w-100 {
    width: 100%
}

.usage-component .w-50 {
    width: 50%
}

.usage-component .bl_contenu {
    max-width: 1065px;
    margin: auto;
    padding: 42px 0 67px
}

@media only screen and (max-width: 768px) {
    .bl_channels .title_bl {
        text-align:center
    }

    .bl_channels .bl_channel .elem_channel {
        margin: 0 5% 14px;
        min-width: 40%;
        max-width: 40%
    }

    .bl_channels .bl_channel .elem_channel img {
        max-width: 100%
    }

    .usage-component .w-50 {
        width: 100%
    }

    .usage-component .bl_contenu {
        padding: 20px 0
    }

    .usage-component .bl_contenu .contenu_bloc {
        display: flex;
        flex-wrap: wrap
    }

    .usage-component .bl_contenu .contenu_bloc .form_usage,.usage-component .bl_contenu .contenu_bloc .results_usage {
        width: 100%
    }

    .usage-component .bl_contenu .contenu_bloc form {
        padding: 0
    }

    .usage-component .bl_contenu .contenu_bloc form .btn {
        margin: 0 auto 24px
    }

    .usage-component .bl_contenu .contenu_bloc .results_usage .section_card_content.list-double .list-item {
        margin: 0;
        width: 100%
    }

    .usage-component .bl_contenu .contenu_bloc .results_usage .results_card .section_card .link {
        margin: 16px auto 0
    }
}

.usage-component .bl_contenu .contenu_bloc {
    margin: 0 18px
}

.usage-component .bl_contenu form {
    padding: 0 100px 0 0
}

.usage-component .bl_contenu form .btn {
    margin: 0
}

.usage-component .bl_contenu form label {
    margin-bottom: 7px
}

.usage-component .bl_contenu form>:not(label) {
    margin-bottom: 24px
}

.usage-component .bl_contenu form .autocomplete:first-child {
    margin-right: 15px
}

.usage-component .bl_contenu form .autocomplete:last-child {
    margin-left: 15px
}

@media only screen and (max-width: 480px) {
    .usage-component .bl_contenu .contenu_bloc .form_usage .flex {
        flex-wrap:wrap
    }

    .usage-component .bl_contenu .contenu_bloc .form_usage .autocomplete {
        margin: 0 0 16px;
        width: 100%
    }

    .usage-component .bl_contenu form .autocomplete.w-50 {
        margin: 0 0 16px;
        width: 100%!important
    }
}

.usage-component .bl_contenu form .autocomplete .autocomplete-container {
    box-shadow: none
}

.usage-component .bl_contenu .results_usage>p {
    margin-bottom: 7px
}

.usage-component .bl_contenu .results_usage .results_card {
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04);
    padding: 35px 40px 15px
}

.usage-component .bl_contenu .results_usage .results_card .section_card:first-child .list-item .label,.usage-component .bl_contenu .results_usage .results_card .section_card:first-child .list-item .value {
    font-size: 16px
}

.usage-component .bl_contenu .results_usage .results_card .section_card:first-child .list-item .value {
    display: flex!important
}

.usage-component .bl_contenu .results_usage .results_card .section_card:not(:first-child) {
    border-top: 1px solid #e9e9e9;
    margin-top: 32px;
    padding-top: 23px
}

.usage-component .bl_contenu .results_usage .results_card .section_card:not(:first-child) .section_card_title {
    font-size: 16px;
    text-transform: uppercase
}

.usage-component .bl_contenu .results_usage .results_card .section_card:not(:first-child) .list-item {
    position: relative;
    margin-left: 8px
}

.usage-component .bl_contenu .results_usage .results_card .section_card:not(:first-child) .list-item::before {
    content: "•";
    display: block;
    position: absolute;
    top: 50%;
    left: -8px;
    transform: translateY(-65%)
}

.usage-component .bl_contenu .results_usage .results_card .section_card .link {
    margin-left: 10px;
    margin-top: 16px
}

.usage-component .bl_contenu .results_usage .results_card .section_card .section_card_title {
    font-weight: 700;
    color: #222;
    font-size: 19px;
    margin-bottom: 15px
}

.usage-component .bl_contenu .results_usage .results_card .results_card_footer {
    margin-top: 40px
}

.usage-component .bl_contenu .results_usage .results_card .results_card_footer .btn {
    margin-bottom: 15px
}

.usage-component .bl_contenu .results_usage .results_card .results_card_footer p {
    font-size: 10px;
    color: #8a8a8a
}

.usage-component .bl_contenu .results_usage .section_card_content.list-simple .list-item {
    width: 100%
}

.usage-component .bl_contenu .results_usage .section_card_content.list-double .list-item {
    margin-right: 30px;
    width: calc(50% - 38px)
}

.usage-component .bl_contenu .results_usage .section_card_content .label {
    display: inline;
    color: #444;
    margin-right: 4px
}

@media only screen and (max-width: 992px) {
    .usage-component .bl_contenu .results_usage .section_card_content .label {
        margin-bottom:0
    }
}

.usage-component .bl_contenu .results_usage .section_card_content .value {
    font-weight: 700;
    display: inline-block;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 1.43;
    color: #444
}

.usage-component .bl_contenu .results_usage .section_card_content .value img {
    max-height: 100%
}

.usage-component .bl_filters {
    border-radius: 4px;
    border: 1px solid #d2d2d2;
    background: #fff;
    width: 100%;
    position: relative;
    z-index: 1;
    height: 42px;
    padding: 0 6px
}

.usage-component .bl_filters.active {
    border-color: #222
}

.usage-component .bl_filters .open {
    line-height: 42px;
    padding: 0 14px;
    font-size: 14px;
    color: #444;
    display: flex;
    justify-content: space-between;
    cursor: pointer
}

.usage-component .bl_filters .open i {
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/pic-filtre.svg) center/8px 5px no-repeat;
    display: inline-block;
    width: 10px;
    margin: 0 0 -3px 4px;
    height: 42px
}

.usage-component .bl_filters .filtres {
    position: absolute;
    background: #fff;
    border: 1px solid #222;
    border-top: 0;
    left: -1px;
    top: 38px;
    right: -1px;
    padding: 0;
    border-radius: 0 0 4px 4px;
    display: none
}

.usage-component .bl_filters .filtres.active {
    display: block
}

.usage-component .bl_filters .filtres>div {
    padding: 10px 14px;
    cursor: pointer
}

.usage-component .bl_filters .filtres>div:hover {
    background: #444;
    color: #fff
}

.usage-component .bloc-pack .list {
    max-width: 1065px;
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap
}

.usage-component .bloc-pack .list li {
    margin: 15px;
    flex: 1 0 calc(25% - 10px);
    max-width: 335px;
    padding: 19px 0 35px;
    position: relative
}

@media only screen and (max-width: 768px) {
    .usage-component .bl_contenu form {
        padding:0
    }

    .usage-component .bl_contenu .results_usage .results_card .section_card:not(:first-child) {
        text-align: center
    }

    .usage-component .bl_contenu .results_usage .results_card .section_card:not(:first-child) .section_card_title {
        text-align: left
    }

    .usage-component .bl_contenu .results_usage .results_card .section_card:not(:first-child) .list-item::before {
        top: 10%;
        transform: initial
    }

    .usage-component .bl_contenu .results_usage .section_card_content .label {
        text-align: left
    }

    .usage-component .bloc-pack .list li {
        max-width: 100%
    }
}

.usage-component .bloc-pack .ForfaitList {
    display: flex;
    max-width: 1065px;
    margin: -25px -15px;
    flex-wrap: wrap;
    padding: 15px 0 9px;
    justify-content: space-between
}

.usage-component .bloc-pack .ForfaitList bol-mobile-plan-card-block {
    min-width: 360px;
    max-width: 500px;
    flex: 1;
    position: relative;
    margin: 15px;
    padding-top: 19px
}

.bl_offer_to_choose {
    padding: 32px 15px;
    max-width: 1065px;
    margin: auto
}

.bl_offer_to_choose .bl_description {
    margin-bottom: 32px
}

.bl_offer_to_choose .bl_offers {
    border-radius: 14px;
    border: 1px solid #d2d2d2;
    background-color: #f2f2f2;
    display: flex;
    overflow: hidden;
    margin-bottom: 32px
}

@media only screen and (max-width: 992px) {
    .usage-component .bl_contenu .results_usage .section_card_content .value {
        margin-bottom:0
    }

    .bl_offer_to_choose .bl_offers {
        flex-direction: column;
        margin-bottom: 20px
    }
}

.bl_offer_to_choose .bl_offers .bl_right {
    padding: 40px;
    flex: 4;
    display: flex
}

@media only screen and (max-width: 768px) {
    .usage-component .bloc-pack .ForfaitList bol-mobile-plan-card-block {
        max-width:100%
    }

    .bl_offer_to_choose {
        padding: 20px 8px
    }

    .bl_offer_to_choose .bl_offers .bl_right {
        flex-direction: column;
        padding: 16px 10px 32px
    }
}

.bl_offer_to_choose .bl_offers .bl_right>div {
    position: relative;
    flex: 1
}

.bl_offer_to_choose .bl_offers .bl_right>div:nth-child(2) {
    flex: 0;
    max-width: 74px;
    min-width: 65px;
    display: flex;
    justify-content: center
}

.bl_offer_to_choose .bl_offers .bl_right>div:nth-child(2)::before {
    content: "+";
    display: flex;
    width: 26px;
    height: 26px;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04);
    background-color: #fff;
    position: absolute;
    top: 25%;
    border-radius: 90px;
    font-size: 19px;
    font-weight: 700;
    color: #222;
    justify-content: center;
    align-items: center
}

.bl_offer_to_choose .bl_offers .bl_right .addons-card {
    height: inherit
}

.bl_offer_to_choose .bl_offers .wrapper-operator {
    min-width: 26px;
    max-width: 26px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin-bottom: 12px
}

.bl_offer_to_choose .bl_offers .wrapper-operator .operator {
    position: relative;
    width: 26px;
    height: 26px;
    border-radius: 26px;
    font-size: 19px;
    text-align: center;
    line-height: 26px;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04);
    background: #fff;
    color: #222;
    font-weight: 700
}

.bl_offer_to_choose .bl_offers .bl_left {
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04);
    background-color: #fff;
    flex: 1;
    padding: 40px 32px
}

.bl_offer_to_choose .bl_offers .bl_left .wrapper {
    position: relative;
    justify-content: center;
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center
}

.bl_offer_to_choose .bl_offers .bl_left .wrapper::before {
    content: "=";
    display: flex;
    width: 26px;
    height: 26px;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04);
    background-color: #fff;
    position: absolute;
    left: -45px;
    top: 25%;
    border-radius: 90px;
    font-size: 19px;
    font-weight: 700;
    color: #222;
    justify-content: center;
    align-items: center
}

.bl_offer_to_choose .bl_offers .bl_left .wrapper .elem {
    margin-bottom: 12px
}

.bl_offer_to_choose .bl_offers .bl_left .wrapper .elem .Price {
    margin-bottom: 8px
}

.bl_offer_to_choose .bl_offers .bl_left .wrapper .elem .Text500 {
    margin-bottom: 12px
}

.bl_offer_to_choose .bl_offers .bl_left .wrapper .elem .btn {
    margin: initial
}

@media only screen and (max-width: 992px) {
    .bl_offer_to_choose .bl_offers .bl_left .wrapper::before {
        left:49%;
        top: -53px
    }

    .bl_offer_to_choose .bl_offers .bl_left .wrapper .elem .btn {
        margin: auto
    }
}

.bl_offer_to_choose .bl_offers bol-addons-card {
    height: 100%
}

.bl_offer_to_choose .bl_offers bol-addons-card .WhiteBloc .Detail .Text500 {
    max-height: none
}

.bl_offer_to_choose .bl_offers bol-addons-card .BlackBloc {
    padding: 9px 17px 11px 20px
}

.bl_offer_to_choose .bl_offers bol-plan-card-block .bl_desc {
    margin: 0
}

.ban_resume_offer {
    max-width: 1065px;
    margin: auto;
    padding: 40px 15px 35px;
    text-align: center
}

.ban_resume_offer h3 {
    margin-bottom: 16px
}

.ban_resume_offer .Text700 {
    max-width: 880px;
    margin: auto
}

.bl_how_subscribe {
    padding: 0 18px;
    text-align: center
}

.bl_how_subscribe:not(.no-border) {
    border-top: 1px solid #d2d2d2
}

.bl_how_subscribe .wrapper {
    max-width: 1090px;
    padding: 40px 0 4px;
    margin: auto
}

.bl_how_subscribe .list {
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width: 768px) {
    .bl_offer_to_choose .bl_offers .bl_right>div:nth-child(2) {
        min-height:58px;
        max-width: inherit
    }

    .bl_how_subscribe {
        display: none
    }

    .bl_how_subscribe .list {
        flex-direction: column
    }
}

.bl_how_subscribe .list .elem_list {
    text-align: center;
    max-width: 252px;
    flex: 1
}

@media screen and (min-width: 0\0) {
    .bl_how_subscribe .list .elem_list {
        max-width:none
    }
}

@media only screen and (max-width: 768px) {
    .bl_how_subscribe .list .elem_list {
        max-width:inherit;
        margin-bottom: 32px
    }
}

.bl_how_subscribe .list .elem_list .step {
    border: 1px solid #d2d2d2;
    border-radius: 90px;
    width: 60px;
    height: 60px;
    margin: 0 auto 8px;
    line-height: 60px
}

.bl_how_subscribe .list .elem_list .step>span {
    font-size: 34px;
    font-weight: 900;
    text-align: center
}

.bl_how_subscribe .list .elem_list .Text500 {
    margin-bottom: 12px
}

.bl_how_subscribe .list .elem_list:last-child {
    flex: 2;
    max-width: 405px
}

@-webkit-keyframes carroussel-home_list--fade-in-right {
    60%,from {
        transform: translateX(50px);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes carroussel-home_list--fade-in-right {
    60%,from {
        transform: translateX(50px);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes scroll-indicator {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes scroll-indicator {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.bl_carroussel_home {
    position: relative
}

.bl_carroussel_home .bl_fond {
    background: #f2f2f2;
    position: absolute;
    top: 26px;
    bottom: 26px;
    right: 0;
    left: 0;
    z-index: -1
}

.bl_carroussel_home .wrapper {
    max-width: 1350px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
    height: 100%
}

.bl_carroussel_home .wrapper .bl_banner {
    background: #222;
    max-width: 1080px;
    flex: 2;
    display: flex;
    box-shadow: 0 0 15px 1px rgba(24,24,24,.3);
    overflow: hidden
}

.bl_carroussel_home .wrapper .bl_banner .constant-aspect-ratio-bloc {
    position: relative;
    width: 100%;
    padding-top: 56.25%
}

.bl_carroussel_home .wrapper .bl_banner .constant-aspect-ratio-bloc .constant-aspect-ratio-bloc_content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.bl_carroussel_home .wrapper .bl_banner .banner {
    background: bottom center no-repeat;
    width: 100%
}

.bl_carroussel_home .wrapper .bl_banner .banner .background {
    position: absolute;
    height: 100%;
    width: 100%
}

.bl_carroussel_home .wrapper .bl_banner .banner .background>* {
    position: absolute;
    top: 0;
    left: 0
}

.bl_carroussel_home .wrapper .bl_banner .banner .background-media {
    height: 100%;
    width: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    transform-origin: right center;
    transform: scale(1);
    transition-timing-function: cubic-bezier(.32,0,1,.32);
    transition-delay: .3s;
    transition-duration: .5s
}

.bl_carroussel_home .wrapper .bl_banner .banner .background-media[src=""] {
    display: none
}

.bl_carroussel_home .wrapper .bl_banner .banner .content {
    height: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 64px 10px 1fr 10px 1fr;
    grid-template-columns: 64px 1fr 1fr;
    -ms-grid-rows: 64px 10px auto 10px auto 10px 64px;
    grid-template-rows: 64px auto auto 64px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-areas: ". . image" ". header image" ". details image" ". . image"
}

.bl_carroussel_home .wrapper .bl_banner .banner .content.content--champions-league-layout {
    padding: 64px;
    -ms-grid-rows: auto 100px 1fr auto;
    grid-template-rows: auto 100px 1fr auto;
    -ms-grid-columns: 1.5fr 1fr;
    grid-template-columns: 1.5fr 1fr;
    grid-template-areas: "header league" "countdown league" "image league" "details league"
}

@media only screen and (max-width: 1200px) {
    .bl_carroussel_home .wrapper .bl_banner .banner .content {
        -ms-grid-columns:32px 1fr 1fr;
        grid-template-columns: 32px 1fr 1fr;
        -ms-grid-rows: 32px auto auto 32px;
        grid-template-rows: 32px auto auto 32px
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(3) {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(4) {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(5) {
        -ms-grid-row: 2;
        -ms-grid-column: 2
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(6) {
        -ms-grid-row: 2;
        -ms-grid-column: 3
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(7) {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(8) {
        -ms-grid-row: 3;
        -ms-grid-column: 2
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(9) {
        -ms-grid-row: 3;
        -ms-grid-column: 3
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(10) {
        -ms-grid-row: 4;
        -ms-grid-column: 1
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(11) {
        -ms-grid-row: 4;
        -ms-grid-column: 2
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(12) {
        -ms-grid-row: 4;
        -ms-grid-column: 3
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content.content--champions-league-layout {
        padding: 32px
    }
}

.bl_carroussel_home .wrapper .bl_banner .banner .content.content--champions-league-layout .bl_picto {
    justify-content: flex-start
}

.bl_carroussel_home .wrapper .bl_banner .banner .content .bl_title {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-area: header;
    z-index: 1;
    position: relative;
    padding-bottom: 24px
}

.bl_carroussel_home .wrapper .bl_banner .banner .content .bl_title .dateTitle {
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;
    transition-property: opacity,transform;
    transition-duration: .3s;
    transition-delay: 250ms
}

.bl_carroussel_home .wrapper .bl_banner .banner .content .bl_title .title {
    text-transform: uppercase;
    line-height: 1;
    transition-property: opacity,transform;
    transition-duration: .3s;
    transition-delay: .2s
}

@media only screen and (max-width: 1200px) {
    .bl_carroussel_home .wrapper .bl_banner .banner .content .bl_title {
        padding-bottom:0
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content .bl_title .title {
        font-size: 32px
    }
}

.bl_carroussel_home .wrapper .bl_banner .banner .content .bl_title .subtitle {
    text-transform: uppercase;
    line-height: 26px;
    font-size: 20px;
    font-family: SFR,Arial,sans-serif;
    transition-property: opacity,transform;
    transition-duration: .3s;
    transition-delay: 150ms
}

.bl_carroussel_home .wrapper .bl_banner .banner .content .bl_picto {
    -ms-grid-row: 1;
    -ms-grid-row-span: 7;
    -ms-grid-column: 5;
    grid-area: image;
    height: 100%;
    position: relative;
    z-index: 0;
    display: flex;
    justify-content: center;
    transition-property: opacity,transform;
    transition-duration: .3s;
    transition-delay: 0s
}

.bl_carroussel_home .wrapper .bl_banner .banner .content .bl_picto.bl_picto--padding img {
    padding: 64px
}

@media only screen and (max-width: 1200px) {
    .bl_carroussel_home .wrapper .bl_banner .banner .content .bl_title .subtitle {
        font-size:16px
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content .bl_picto.bl_picto--padding img {
        padding: 32px
    }
}

@media only screen and (max-width: 768px) {
    .bl_carroussel_home .wrapper .bl_banner .banner .content .bl_picto.bl_picto--padding img {
        padding:16px
    }
}

.bl_carroussel_home .wrapper .bl_banner .banner .content .bl_picto img {
    flex: 0 0 auto;
    max-width: 100%;
    max-height: 100%;
    -ms-grid-row-align: center;
    align-self: center
}

.bl_carroussel_home .wrapper .bl_banner .banner .content .bl_picto img.bottom {
    align-self: flex-end
}

.bl_carroussel_home .wrapper .bl_banner .banner .content .bl_picto img.top {
    align-self: flex-start
}

.bl_carroussel_home .wrapper .bl_banner .banner .content .bl_countdown {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: countdown;
    z-index: 0;
    align-self: flex-end;
    transition-property: opacity,transform;
    transition-duration: .3s;
    transition-delay: .2s
}

.bl_carroussel_home .wrapper .bl_banner .banner .content .bl_champions_league {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 2;
    grid-area: league;
    height: 100%;
    position: relative;
    z-index: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition-property: opacity,transform;
    transition-duration: .3s;
    transition-delay: .2s
}

.bl_carroussel_home .wrapper .bl_banner .banner .content .bl_details {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
    grid-area: details;
    -ms-grid-row-align: end;
    align-self: end;
    position: relative;
    z-index: 1
}

.bl_carroussel_home .wrapper .bl_banner .banner .content .bl_details .bl_btn {
    transition-property: opacity,transform;
    transition-duration: .3s;
    transition-delay: 50ms
}

.bl_carroussel_home .wrapper .bl_banner .banner .content .bl_details .bl_btn .btn {
    box-shadow: 0 0 2px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.3)
}

@media only screen and (min-width: calc(480px + 1px)) {
    .bl_carroussel_home .wrapper .bl_banner .banner .content .bl_details .bl_btn .btn {
        height:49px;
        margin: inherit;
        width: 220px;
        font-size: 13px
    }
}

.bl_carroussel_home .wrapper .bl_banner .banner .content .bl_details bol-bloc-exclu-web {
    display: block;
    max-width: 300px;
    transition-property: opacity,transform;
    transition-duration: .3s;
    transition-delay: .1s
}

.bl_carroussel_home .wrapper .bl_banner .banner .content .bl_details bol-bloc-exclu-web .Desc {
    width: 220px
}

.bl_carroussel_home .wrapper .bl_banner .banner .content.content--alternative-layout .bl_title {
    -ms-grid-row-align: end;
    align-self: end
}

.bl_carroussel_home .wrapper .bl_banner .banner .content.content--alternative-layout .bl_details {
    -ms-grid-row-align: start;
    align-self: start
}

.bl_carroussel_home .wrapper .bl_banner .banner .content.content--alternative-layout .bl_picto img {
    -ms-grid-row-align: center;
    align-self: center
}

.bl_carroussel_home .wrapper .bl_banner .banner.banner--contrasted-button .btn {
    color: #000;
    background: 0 0;
    border: 1px solid;
    box-shadow: none!important;
    transition: background-color 150ms cubic-bezier(.4,0,.2,1)
}

.bl_carroussel_home .wrapper .bl_banner .banner.banner--contrasted-button .btn span {
    color: inherit;
    transition: color 150ms cubic-bezier(.4,0,.2,1)
}

.bl_carroussel_home .wrapper .bl_banner .banner.banner--contrasted-button .btn:hover {
    background: #000
}

.bl_carroussel_home .wrapper .bl_banner .banner.banner--contrasted-button .btn:hover span {
    color: #fff
}

.bl_carroussel_home .wrapper .bl_banner .banner.banner--dark-background.banner--contrasted-button .btn:hover {
    background: #fff
}

.bl_carroussel_home .wrapper .bl_banner .banner.banner--dark-background.banner--contrasted-button .btn:hover span {
    color: #000
}

.bl_carroussel_home .wrapper .bl_banner .banner.banner--dark-background,.bl_carroussel_home .wrapper .bl_banner .banner.banner--dark-background .subtitle,.bl_carroussel_home .wrapper .bl_banner .banner.banner--dark-background .title,.bl_carroussel_home .wrapper .bl_banner .banner.banner--dark-background bol-bloc-exclu-web .Text,.bl_carroussel_home .wrapper .bl_banner .banner.banner--dark-background.banner--contrasted-button .btn {
    color: #fff
}

.bl_carroussel_home .wrapper .bl_banner .banner.banner--dark-background bol-bloc-exclu-web .Prix {
    background: 0 0;
    color: #fff;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial
}

.bl_carroussel_home .wrapper .bl_banner.banner--out {
    transition-duration: .3s;
    transition-delay: .3s;
    opacity: 0
}

.bl_carroussel_home .wrapper .bl_banner.banner--out .banner .background-media {
    transform: scale(1.1)
}

.bl_carroussel_home .wrapper .bl_banner.banner--out .banner .bl_btn,.bl_carroussel_home .wrapper .bl_banner.banner--out .banner .bl_champions_league,.bl_carroussel_home .wrapper .bl_banner.banner--out .banner .bl_countdown,.bl_carroussel_home .wrapper .bl_banner.banner--out .banner .bl_picto,.bl_carroussel_home .wrapper .bl_banner.banner--out .banner .dateTitle,.bl_carroussel_home .wrapper .bl_banner.banner--out .banner .subtitle,.bl_carroussel_home .wrapper .bl_banner.banner--out .banner .title,.bl_carroussel_home .wrapper .bl_banner.banner--out .banner bol-bloc-exclu-web {
    opacity: 0;
    transform: translateX(-40px);
    transition-timing-function: cubic-bezier(.32,0,1,.32)
}

.bl_carroussel_home .wrapper .bl_banner.banner--reset {
    transition-duration: 0s;
    transition-delay: 0s;
    opacity: 0
}

.bl_carroussel_home .wrapper .bl_banner.banner--reset .banner .background {
    -webkit-animation: none;
    animation: none
}

.bl_carroussel_home .wrapper .bl_banner.banner--reset .banner .background-media {
    transition-duration: 0s;
    transition-delay: 0s;
    transform: scale(1)
}

.bl_carroussel_home .wrapper .bl_banner.banner--reset .banner .bl_btn,.bl_carroussel_home .wrapper .bl_banner.banner--reset .banner .bl_champions_league,.bl_carroussel_home .wrapper .bl_banner.banner--reset .banner .bl_countdown,.bl_carroussel_home .wrapper .bl_banner.banner--reset .banner .bl_picto,.bl_carroussel_home .wrapper .bl_banner.banner--reset .banner .dateTitle,.bl_carroussel_home .wrapper .bl_banner.banner--reset .banner .subtitle,.bl_carroussel_home .wrapper .bl_banner.banner--reset .banner .title,.bl_carroussel_home .wrapper .bl_banner.banner--reset .banner bol-bloc-exclu-web {
    transition-duration: 0s!important;
    transition-delay: 0s!important;
    opacity: 0;
    transform: translateX(120px)
}

.bl_carroussel_home .wrapper .bl_banner.banner--in {
    transition-duration: .3s;
    transition-delay: 0s;
    opacity: 1
}

.bl_carroussel_home .wrapper .bl_banner.banner--in .banner .bl_btn,.bl_carroussel_home .wrapper .bl_banner.banner--in .banner .bl_champions_league,.bl_carroussel_home .wrapper .bl_banner.banner--in .banner .bl_countdown,.bl_carroussel_home .wrapper .bl_banner.banner--in .banner .bl_picto,.bl_carroussel_home .wrapper .bl_banner.banner--in .banner .dateTitle,.bl_carroussel_home .wrapper .bl_banner.banner--in .banner .subtitle,.bl_carroussel_home .wrapper .bl_banner.banner--in .banner .title,.bl_carroussel_home .wrapper .bl_banner.banner--in .banner bol-bloc-exclu-web {
    opacity: 1;
    transform: translateX(0);
    transition-timing-function: cubic-bezier(0,.32,.32,1)
}

.bl_carroussel_home .wrapper .bl_list {
    -webkit-animation-name: carroussel-home_list--fade-in-right;
    animation-name: carroussel-home_list--fade-in-right;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    width: 20%;
    padding: 26px 0;
    align-items: center;
    display: flex;
    color: #fff;
    margin-left: 26px
}

.bl_carroussel_home .wrapper .bl_list .list .list_elem {
    cursor: pointer;
    margin-bottom: 32px;
    display: flex;
    align-items: center
}

.bl_carroussel_home .wrapper .bl_list .list .list_elem .txt {
    font-size: 18px;
    color: #8a8a8a;
    margin-left: 15px;
    transition-property: transform;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.bl_carroussel_home .wrapper .bl_list .list .list_elem.active .txt {
    background: linear-gradient(to right,#871d81,#e2001a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #e2001a;
    transform: translateX(5px)
}

@media screen and (min-width: 0\0) {
    .bl_carroussel_home .wrapper .bl_list .list .list_elem.active .txt {
        background:0 0;
        color: #e2001a
    }

    .tab-network .content .content-left .circle-wrapper .circle-nav {
        top: -25px;
        left: -25px
    }
}

.bl_carroussel_home .wrapper .bl_list .carrousel-progress-bar {
    background: #d2d2d2
}

.bl_carroussel_home .wrapper .bl_list .carrousel-progress-bar__bar {
    background-image: linear-gradient(to bottom,#871d81,#e2001a);
    background-size: auto 32px;
    background-repeat: revert
}

.bl_carroussel_home .wrapper .bl_list .list .list_elem.active .carrousel-progress-bar {
    background: #bababa
}

@media only screen and (max-width: 992px) {
    .bl_carroussel_home .wrapper .bl_banner .banner .content .bl_details bol-bloc-exclu-web .Desc {
        width:unset
    }

    .bl_carroussel_home .bl_fond {
        top: 10px;
        bottom: 0
    }

    .bl_carroussel_home .wrapper {
        flex-direction: column;
        padding: 0 0 0 10px;
        height: 100%
    }

    .bl_carroussel_home .wrapper .bl_banner .constant-aspect-ratio-bloc {
        padding-top: 109.71%
    }

    .bl_carroussel_home .wrapper .bl_banner .banner video.background-media {
        -o-object-fit: contain;
        object-fit: contain
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content {
        -ms-grid-columns: 54px 1fr 2fr 54px;
        grid-template-columns: 54px 1fr 2fr 54px;
        -ms-grid-rows: 54px auto 1fr auto 54px;
        grid-template-rows: 54px auto 1fr auto 54px;
        grid-template-areas: ". .       .      ." ". header  header ." ". details image image" ". details image image" ". .       image image"
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content .bl_title {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 2
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content .bl_picto {
        -ms-grid-row: 3;
        -ms-grid-row-span: 3;
        -ms-grid-column: 3;
        -ms-grid-column-span: 2
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content .bl_details {
        -ms-grid-row: 3;
        -ms-grid-row-span: 2;
        -ms-grid-column: 2
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content.content--alternative-layout {
        padding-top: 0;
        -ms-grid-columns: 54px 1fr 2fr 54px;
        grid-template-columns: 54px 1fr 2fr 54px;
        -ms-grid-rows: minmax(0,1fr) auto auto 54px;
        grid-template-rows: minmax(0,1fr) auto auto 54px;
        grid-template-areas: "image image   image   image" ".     header  header  ." ".     details details . " ".     .       .       . "
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content.content--alternative-layout>.bl_title {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 2
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content.content--alternative-layout>.bl_picto {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 4
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content.content--alternative-layout>.bl_details {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 2
    }
}

@media only screen and (max-width: 992px) and (max-width:480px) {
    .bl_carroussel_home .wrapper .bl_banner .banner .content {
        -ms-grid-columns:6px 1fr 1fr 6px;
        grid-template-columns: 6px 1fr 1fr 6px;
        -ms-grid-rows: 6px auto 1fr auto 6px;
        grid-template-rows: 6px auto 1fr auto 6px
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(3) {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(4) {
        -ms-grid-row: 1;
        -ms-grid-column: 4
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(5) {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(6) {
        -ms-grid-row: 2;
        -ms-grid-column: 2
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(7) {
        -ms-grid-row: 2;
        -ms-grid-column: 3
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(8) {
        -ms-grid-row: 2;
        -ms-grid-column: 4
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(9) {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(10) {
        -ms-grid-row: 3;
        -ms-grid-column: 2
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(11) {
        -ms-grid-row: 3;
        -ms-grid-column: 3
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(12) {
        -ms-grid-row: 3;
        -ms-grid-column: 4
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(13) {
        -ms-grid-row: 4;
        -ms-grid-column: 1
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(14) {
        -ms-grid-row: 4;
        -ms-grid-column: 2
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(15) {
        -ms-grid-row: 4;
        -ms-grid-column: 3
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(16) {
        -ms-grid-row: 4;
        -ms-grid-column: 4
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(17) {
        -ms-grid-row: 5;
        -ms-grid-column: 1
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(18) {
        -ms-grid-row: 5;
        -ms-grid-column: 2
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(19) {
        -ms-grid-row: 5;
        -ms-grid-column: 3
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content>:nth-child(20) {
        -ms-grid-row: 5;
        -ms-grid-column: 4
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content.content--alternative-layout {
        -ms-grid-columns: 6px 1fr 1fr 6px;
        grid-template-columns: 6px 1fr 1fr 6px;
        -ms-grid-rows: minmax(0,1fr) auto auto 6px;
        grid-template-rows: minmax(0,1fr) auto auto 6px
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content.content--alternative-layout>:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content.content--alternative-layout>:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content.content--alternative-layout>:nth-child(3) {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content.content--alternative-layout>:nth-child(4) {
        -ms-grid-row: 1;
        -ms-grid-column: 4
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content.content--alternative-layout>:nth-child(5) {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content.content--alternative-layout>:nth-child(6) {
        -ms-grid-row: 2;
        -ms-grid-column: 2
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content.content--alternative-layout>:nth-child(7) {
        -ms-grid-row: 2;
        -ms-grid-column: 3
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content.content--alternative-layout>:nth-child(8) {
        -ms-grid-row: 2;
        -ms-grid-column: 4
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content.content--alternative-layout>:nth-child(9) {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content.content--alternative-layout>:nth-child(10) {
        -ms-grid-row: 3;
        -ms-grid-column: 2
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content.content--alternative-layout>:nth-child(11) {
        -ms-grid-row: 3;
        -ms-grid-column: 3
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content.content--alternative-layout>:nth-child(12) {
        -ms-grid-row: 3;
        -ms-grid-column: 4
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content.content--alternative-layout>:nth-child(13) {
        -ms-grid-row: 4;
        -ms-grid-column: 1
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content.content--alternative-layout>:nth-child(14) {
        -ms-grid-row: 4;
        -ms-grid-column: 2
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content.content--alternative-layout>:nth-child(15) {
        -ms-grid-row: 4;
        -ms-grid-column: 3
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content.content--alternative-layout>:nth-child(16) {
        -ms-grid-row: 4;
        -ms-grid-column: 4
    }
}

@media only screen and (max-width: 992px) {
    .bl_carroussel_home .wrapper .bl_banner .banner .content.content--champions-league-layout {
        padding:64px;
        -ms-grid-rows: auto auto auto auto;
        grid-template-rows: auto auto auto auto;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "header header" "countdown countdown" "league league" "details image"
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content.content--champions-league-layout>.bl_title {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content.content--champions-league-layout>.bl_picto {
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content .bl_countdown {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content .bl_champions_league {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content.content--champions-league-layout>.bl_details {
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content.content--champions-league-layout .bl_countdown {
        -ms-grid-column-align: center;
        justify-self: center
    }
}

@media only screen and (max-width: 992px) {
    .bl_carroussel_home .wrapper .bl_banner .banner .content.content--champions-league-layout .bl_details {
        align-self:flex-end
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content.content--champions-league-layout .bl_title {
        align-self: flex-start
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content .bl_title .title {
        font-size: 44px
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content .bl_title .subtitle {
        font-size: 20px
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content .bl_details {
        -ms-grid-row-align: center;
        align-self: center
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content .bl_picto img.bl_picto--padding {
        padding: 0 32px 32px 0
    }
}

@media only screen and (max-width: 992px) and (max-width:480px) {
    .bl_carroussel_home .wrapper .bl_banner .banner .content.content--champions-league-layout {
        padding:16px
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content .bl_title {
        padding-bottom: 0
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content .bl_title .dateTitle {
        margin-bottom: 0
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content .bl_title .title {
        font-size: 28px;
        line-height: 1.29
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content .bl_title .subtitle {
        font-size: 15px
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content .bl_title .bl_details .bl_exlu_web .Desc .Prix {
        font-size: 46px
    }
}

@media only screen and (max-width: 992px) and (max-width:480px) and (max-width:370px) {
    .bl_carroussel_home .wrapper .bl_banner .banner .content .bl_title .title {
        font-size:18px
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content .bl_title .subtitle {
        font-size: 14px;
        line-height: 18px
    }
}

@media only screen and (max-width: 992px) and (max-width:480px) {
    .bl_carroussel_home .wrapper .bl_banner .banner .content .bl_picto img.bl_picto--padding {
        padding:0 16px 16px 0
    }
}

@media only screen and (max-width: 992px) and (max-width:768px) {
    .bl_carroussel_home .wrapper .bl_banner .banner .content .bl_details {
        -ms-grid-row-align:end;
        align-self: end
    }

    .bl_carroussel_home .wrapper .bl_banner .banner .content .bl_picto img.bottom,.bl_carroussel_home .wrapper .bl_banner .banner .content .bl_picto img.top {
        -ms-grid-row-align: center;
        align-self: center
    }
}

@media only screen and (max-width: 992px) and (max-height:520px) {
    .bl_carroussel_home .wrapper .bl_banner .banner .content .bl_picto img {
        max-height:146px
    }
}

@media only screen and (max-width: 992px) {
    .bl_carroussel_home .wrapper .bl_banner .banner .content.content--alternative-layout .bl_picto img.bl_picto--padding {
        padding:0 16px 16px 0
    }

    .bl_carroussel_home .wrapper .bl_list {
        width: 100%;
        margin: 0;
        padding: 18px 0
    }

    .bl_carroussel_home .wrapper .bl_list .list {
        display: flex;
        width: 100%;
        justify-content: center
    }

    .bl_carroussel_home .wrapper .bl_list .list .list_elem {
        margin: 0 5px
    }

    .bl_carroussel_home .wrapper .bl_list .list .list_elem .txt {
        display: none
    }

    .bl_carroussel_home .wrapper .bl_list .list .list_elem.active {
        opacity: 1
    }

    .bl_carroussel_home .wrapper .bl_list .carrousel-progress-bar__bar {
        background-image: linear-gradient(to right,#871d81,#e2001a);
        background-size: 32px auto
    }
}

.bl_bons_plans {
    padding: 0 0 36px
}

.bl_bons_plans .bl_link {
    text-align: center;
    margin-bottom: 12px
}

.bl_list_phones {
    max-width: 1065px;
    margin: auto
}

.bl_list_phones .list {
    display: flex;
    flex-wrap: wrap;
    padding: 24px 0 12px;
    justify-content: flex-start
}

.bl_list_phones .list .elem_list {
    min-width: 290px;
    max-width: 335px;
    margin: 8px 15px;
    flex: 1;
    position: relative;
    padding-top: 19px
}

@media only screen and (max-width: 992px) {
    .bl_list_phones .list .elem_list {
        max-width:inherit
    }
}

@media only screen and (max-width: 600px) {
    .bl_list_phones .list {
        padding:8px 0
    }

    .bl_list_phones .list .elem_list {
        margin: 8px 18px;
        min-width: auto
    }
}

.bl_list_options {
    max-width: 1065px;
    margin: auto
}

.bl_list_options .list {
    display: flex;
    flex-wrap: wrap;
    padding: 24px 0 12px
}

.bl_list_options .list .elem_list {
    margin: 15px;
    flex: 1;
    max-width: 335px;
    padding: 19px 0 35px;
    position: relative
}

.bl_list_forfaits {
    max-width: 1065px;
    margin: auto
}

.bl_list_forfaits .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 24px 0 12px
}

.bl_list_forfaits .list .elem_list {
    min-width: 360px;
    max-width: 500px;
    flex: 1;
    position: relative;
    margin: 15px;
    padding-top: 19px
}

.home-bloc-engagement {
    width: 100%;
    min-height: 620px;
    position: relative;
    padding: 60px 15px 80px;
    overflow: hidden;
    margin-top: 80px
}

.home-bloc-engagement::before {
    content: "";
    display: block;
    width: 80%;
    height: 520px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-image: linear-gradient(to right,#871d81 0,#e2001a 100%)
}

.home-bloc-engagement .wrapper-bloc-engagement {
    max-width: 1320px;
    margin: auto
}

.home-bloc-engagement h2 {
    color: #fff;
    font-weight: 900;
    font-size: 34px;
    text-transform: uppercase;
    margin-bottom: 40px
}

.home-bloc-engagement,.home-bloc-engagement .nav-tabs {
    transition-property: opacity,transform;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0,0,.2,1)
}

.home-bloc-engagement.detect-viewport-entry--waiting-detection {
    opacity: 0;
    transform: translateY(100px);
    transition-duration: 0s
}

.home-bloc-engagement.detect-viewport-entry--waiting-detection .nav-tabs {
    opacity: 0;
    transform: translateX(-100px);
    transition-duration: 0s
}

.home-bloc-engagement.detect-viewport-entry--detected .nav-tabs {
    transition-delay: 150ms
}

bol-home-bloc-engagement-tabs {
    display: flex
}

@media only screen and (max-width: 992px) {
    .home-bloc-engagement {
        padding:24px 15px 32px;
        margin-top: 32px
    }

    .home-bloc-engagement::before {
        width: 100%
    }

    .home-bloc-engagement h2 {
        text-align: center;
        margin-bottom: 20px
    }

    bol-home-bloc-engagement-tabs {
        flex-direction: column
    }
}

bol-home-bloc-engagement-tabs .nav-tabs {
    display: flex;
    flex-direction: column;
    margin-right: 30px
}

bol-home-bloc-engagement-tabs .nav-tabs li {
    display: flex;
    color: #fff;
    font-size: 15px;
    border: 1px solid #fff;
    border-radius: 8px;
    height: 50px;
    width: 300px;
    margin: 5px 0;
    line-height: 50px;
    padding: 0 0 0 75px;
    cursor: pointer;
    background: 0 0;
    transition: background-color .3s ease-in-out;
    position: relative
}

bol-home-bloc-engagement-tabs .nav-tabs li.active,bol-home-bloc-engagement-tabs .nav-tabs li:hover {
    background: #fff;
    color: #000;
    transition: background-color .3s ease-in-out
}

bol-home-bloc-engagement-tabs .nav-tabs li::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 40px;
    width: 25px;
    height: 25px;
    opacity: 1;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    transition: opacity .3s ease-in-out
}

bol-home-bloc-engagement-tabs .nav-tabs li:first-child::before {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/fibre-ico-bl.svg)
}

bol-home-bloc-engagement-tabs .nav-tabs li:first-child.active::before,bol-home-bloc-engagement-tabs .nav-tabs li:first-child:hover::before {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/fibre-ico.svg)
}

bol-home-bloc-engagement-tabs .nav-tabs li:nth-child(2)::before {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/tv.svg)
}

bol-home-bloc-engagement-tabs .nav-tabs li:nth-child(2).active::before,bol-home-bloc-engagement-tabs .nav-tabs li:nth-child(2):hover::before {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/tv_color.svg)
}

bol-home-bloc-engagement-tabs .nav-tabs li:nth-child(3)::before {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/advantage.svg)
}

bol-home-bloc-engagement-tabs .nav-tabs li:nth-child(3).active::before,bol-home-bloc-engagement-tabs .nav-tabs li:nth-child(3):hover::before {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/advantage_color.svg)
}

@media only screen and (max-width: 992px) {
    bol-home-bloc-engagement-tabs .nav-tabs {
        flex-direction:row;
        justify-content: center;
        margin: 0 0 20px
    }

    bol-home-bloc-engagement-tabs .nav-tabs li {
        height: 48px;
        width: 48px;
        margin: 0 25px;
        padding: 0
    }

    bol-home-bloc-engagement-tabs .nav-tabs li::before {
        left: 12px
    }

    bol-home-bloc-engagement-tabs .nav-tabs li:not(:last-child)::after {
        content: "";
        width: 1px;
        height: 45px;
        display: block;
        position: absolute;
        top: 2px;
        right: -25px;
        background: #fff
    }

    bol-home-bloc-engagement-tabs .nav-tabs li p {
        display: none
    }
}

bol-home-bloc-engagement-tabs .tabs {
    position: relative;
    overflow: hidden;
    margin-top: 5px;
    box-shadow: 0 0 15px 1px rgba(24,24,24,.15);
    background-color: #fff;
    border-radius: 8px;
    width: 100%;
    transition: opacity .5s .3s cubic-bezier(0,0,.2,1),transform .5s .3s cubic-bezier(0,0,.2,1),height .5s 0s cubic-bezier(.4,0,.2,1)
}

bol-home-bloc-engagement-tabs .tabs>.slide-effect-wrapper {
    transition: transform .5s cubic-bezier(.4,0,.2,1)
}

.home-bloc-engagement.detect-viewport-entry--waiting-detection bol-home-bloc-engagement-tabs .tabs {
    opacity: 0;
    transform: translateY(100px)
}

bol-home-bloc-engagement-tab>.pane {
    padding: 30px 7% 20px;
    height: 446px
}

.tab {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative
}

@media only screen and (max-width: 768px) {
    .home-bloc-engagement h2 {
        font-size:26px
    }

    bol-home-bloc-engagement-tab>.pane {
        height: 475px;
        padding: 23px 11px 20px
    }

    .tab {
        justify-content: flex-start
    }
}

.tab .top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 15px
}

.tab .top .h3 {
    color: #222;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 9px
}

@media only screen and (max-width: 768px) {
    .tab .top .h3 {
        font-size:15px
    }
}

.tab .top .subtitle {
    color: #444;
    font-size: 13px;
    text-align: center
}

.tab .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: auto
}

.tab .content .content-left {
    margin-right: 15px;
    flex: 1
}

.tab .content .content-right {
    margin-left: 15px
}

.tab .content .content-right img {
    max-width: 100%;
    max-height: 320px;
    width: auto;
    height: auto
}

.tab .bl_link {
    position: absolute;
    margin-top: 18px;
    bottom: 0;
    right: 0;
    text-align: right
}

@media only screen and (max-width: 768px) {
    .tab .content {
        flex-direction:column;
        align-items: unset;
        flex: unset
    }

    .tab .content .content-left {
        margin-right: 0!important
    }

    .tab .content .content-right {
        margin-left: 0!important
    }

    .tab .content .content-right .content-image {
        height: 200px
    }

    .tab .content .content-right .content-image img {
        max-height: 200px
    }

    .tab .bl_link {
        margin-top: 5px
    }
}

.tab-advantage {
    position: relative
}

.tab-advantage .slider-item.home-tick-slider {
    margin: 25px 10px
}

.tab-advantage .custom-slider-tick bol-generic-slider.animate {
    margin: 15px 0
}

@media only screen and (max-width: 768px) {
    .tab-advantage .slider-item.home-tick-slider {
        margin:15px
    }

    .tab-advantage .slider-item.home-tick-slider:last-child {
        margin-bottom: 25px
    }

    .tab-advantage .content-right {
        margin: 10px 0!important
    }

    .tab-advantage .bl_link {
        position: absolute;
        bottom: 0;
        right: 0
    }
}

.tab-advantage .home-tick-slider bol-generic-slider .bol-slider-selection {
    background-image: linear-gradient(92deg,#871d81,#e2001a)
}

.tab-advantage .home-tick-slider bol-generic-slider .bol-slider-tick-value {
    bottom: -34px;
    top: initial
}

.tab-advantage .content-left {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.tab-advantage .slider-item {
    margin: 15px 0
}

.tab-advantage .slider-item label {
    font-size: 14px;
    color: #151414;
    font-weight: 700
}

.tab-content .content .content-left {
    width: 340px;
    flex: none
}

.tab-content .content .content-right {
    display: flex;
    flex: auto;
    justify-content: center
}

.tab-content .content .pane-carousel {
    height: 80%;
    padding: 10px 0;
    flex: auto
}

.tab-content .content .pane-carousel .pane-carousel_content {
    min-height: 280px
}

@media only screen and (max-width: 992px) {
    .tab-content .content .content-left {
        margin-right:0
    }
}

.tab-content ul.nav-tab-content {
    display: flex;
    flex-direction: column
}

.tab-content ul.nav-tab-content li {
    display: flex;
    height: 70px;
    width: 280px;
    border-radius: 6px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.09);
    background-color: #fff;
    justify-content: flex-start;
    align-items: center;
    padding-left: 30px;
    opacity: .4;
    margin: 7.5px 0;
    cursor: pointer;
    transition: height 150ms cubic-bezier(.4,0,1,1)
}

.tab-content ul.nav-tab-content li bol-link {
    display: none;
    margin-top: 5px
}

.tab-content ul.nav-tab-content li.active,.tab-content ul.nav-tab-content li:hover {
    opacity: 1
}

.tab-content ul.nav-tab-content li>div:not(.picto) {
    flex: 1;
    display: flex;
    flex-direction: column
}

.tab-content ul.nav-tab-content li .picto {
    width: 25px;
    height: 22px;
    margin-right: 20px
}

.tab-content ul.nav-tab-content li .picto img {
    max-width: 100%;
    max-height: 100%
}

.tab-content ul.nav-tab-content li .title,.tab-content ul.nav-tab-content li .title_mobile {
    color: #222;
    font-size: 14px;
    font-weight: 700
}

.tab-content ul.nav-tab-content li .title_img,.tab-content ul.nav-tab-content li .title_mobile {
    display: none
}

.tab-content ul.nav-tab-content li .subtitle {
    font-size: 12px;
    color: #282828
}

.tab-content ul.nav-tab-content li bol-link a {
    font-size: 13px
}

@media only screen and (max-width: 768px) {
    .tab-content .content .content-left {
        width:100%
    }

    .tab-content .content .pane-carousel {
        height: 250px;
        min-height: unset
    }

    .tab-content .content .content-right {
        margin-left: 0
    }

    .tab-content .content .content-right .pane-carousel,.tab-content .content .content-right bol-link {
        display: none
    }

    .tab-content ul.nav-tab-content li {
        width: 100%;
        opacity: 1
    }

    .tab-content ul.nav-tab-content li bol-link {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        display: block
    }

    .tab-content ul.nav-tab-content li .title {
        display: none
    }

    .tab-content ul.nav-tab-content li .title_mobile {
        display: flex;
        align-items: center;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .tab-content ul.nav-tab-content li .title_mobile::after {
        content: "";
        background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/prev-next.svg) center center no-repeat;
        width: 16px;
        height: 16px;
        margin: 0 .5em
    }

    .tab-content ul.nav-tab-content li .title_img {
        padding-left: 15px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        display: block
    }

    .tab-content ul.nav-tab-content li .subtitle {
        display: none
    }
}

.tab-network .content .content-left {
    flex: 2
}

@media only screen and (max-width: 768px) {
    .tab-network .content .content-left {
        display:flex;
        justify-content: center;
        margin-bottom: 35px;
        margin-right: 0!important
    }
}

.tab-network .content .content-left .circle-wrapper {
    background: #fff;
    width: 240px;
    height: 240px;
    border-radius: 240px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 27px solid #f7f7f7
}

.tab-network .content .content-left .circle-wrapper .size {
    font-weight: 700
}

.tab-network .content .content-left .circle-wrapper .circle-nav {
    position: absolute;
    width: calc(100% + 54px);
    height: calc(100% + 54px)
}

.tab-network .content .content-left .circle-wrapper .circle-nav.first:after {
    transition: transform .3s ease-in-out;
    transform: translate(-50%,0) rotate(0)
}

.tab-network .content .content-left .circle-wrapper .circle-nav.second:after {
    transition: transform .3s ease-in-out;
    transform: translate(-50%,0) rotate(90deg)
}

.tab-network .content .content-left .circle-wrapper .circle-nav.third:after {
    transition: transform .3s ease-in-out;
    transform: translate(-50%,0) rotate(180deg)
}

.tab-network .content .content-left .circle-wrapper .circle-nav.quarter:after {
    transition: transform .3s ease-in-out;
    transform: translate(-50%,0) rotate(270deg)
}

.tab-network .content .content-left .circle-wrapper .circle-nav:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 50%;
    background-repeat: no-repeat;
    background-size: 176px;
    background-position: center top;
    transition: transform .3s ease-in-out;
    transform: translate(-50%,0);
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/molette.svg)
}

@media only screen and (max-width: 768px) {
    .tab-network .content .content-left .circle-wrapper {
        border-radius:unset;
        background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/oval-molette.svg);
        width: 166px;
        height: 166px;
        border: unset
    }

    .tab-network .content .content-left .circle-wrapper p {
        font-size: 13px;
        line-height: 1.23
    }

    .tab-network .content .content-left .circle-wrapper .circle-nav:after {
        top: 25px;
        width: 166px;
        height: 166px;
        background-size: unset;
        background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/molette-mobile.svg);
        -o-object-fit: contain;
        object-fit: contain
    }
}

.tab-network .content .content-left .circle-wrapper .circle-nav li {
    width: 37px;
    height: 37px;
    z-index: 1;
    border-radius: 100%;
    background: #fff;
    border: 3px solid #eae8e8;
    position: relative;
    cursor: pointer
}

.tab-network .content .content-left .circle-wrapper .circle-nav li.active {
    border-color: #d2042b;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.18)
}

.tab-network .content .content-left .circle-wrapper .circle-nav li.active:before {
    opacity: 0;
    transition: opacity .5s ease-in-out
}

.tab-network .content .content-left .circle-wrapper .circle-nav li.active:after {
    opacity: 1;
    transition: opacity .5s ease-in-out
}

.tab-network .content .content-left .circle-wrapper .circle-nav li:before {
    content: "";
    display: block;
    width: 55%;
    height: 55%;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: opacity .3s ease-in-out;
    transform: translate(-50%,-50%)
}

.tab-network .content .content-left .circle-wrapper .circle-nav li:after {
    content: "";
    display: block;
    width: 55%;
    height: 55%;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: opacity .3s ease-in-out;
    transform: translate(-50%,-50%)
}

.tab-network .content .content-left .circle-wrapper .circle-nav li:first-child {
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%)
}

@media only screen and (max-width: 768px) {
    .tab-network .content .content-left .circle-wrapper .circle-nav li:first-child {
        top:18px
    }
}

.tab-network .content .content-left .circle-wrapper .circle-nav li:first-child:after {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/musique_color.svg)
}

.tab-network .content .content-left .circle-wrapper .circle-nav li:first-child:before {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/musique.svg)
}

.tab-network .content .content-left .circle-wrapper .circle-nav li:nth-child(2) {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.tab-network .content .content-left .circle-wrapper .circle-nav li:nth-child(2):after {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/cinema_color.svg);
    transform: translate(-45%,-50%)
}

.tab-network .content .content-left .circle-wrapper .circle-nav li:nth-child(2):before {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/cinema.svg);
    transform: translate(-45%,-50%)
}

.tab-network .content .content-left .circle-wrapper .circle-nav li:nth-child(3) {
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%)
}

.tab-network .content .content-left .circle-wrapper .circle-nav li:nth-child(3):after {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/photo_color.svg)
}

.tab-network .content .content-left .circle-wrapper .circle-nav li:nth-child(3):before {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/photo.svg)
}

.tab-network .content .content-left .circle-wrapper .circle-nav li:nth-child(4) {
    position: absolute;
    top: 50%;
    left: -5px;
    transform: translateY(-50%)
}

.tab-network .content .content-left .circle-wrapper .circle-nav li:nth-child(4):after {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/manette_color.svg);
    transform: translate(-45%,-50%)
}

.tab-network .content .content-left .circle-wrapper .circle-nav li:nth-child(4):before {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/manette.svg);
    transform: translate(-45%,-50%)
}

.tab-network .content .content-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 3
}

.tab-network .content .content-right .h4 {
    font-size: 13px;
    font-weight: 700;
    color: #222;
    margin-bottom: 25px
}

.tab-network .content .content-right .jauges-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.tab-network .content .content-right .jauges-wrapper .jauge-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 30px
}

.tab-network .content .content-right .jauges-wrapper .jauge-wrapper .jauge-logo {
    height: 10px;
    width: 45px
}

.tab-network .content .content-right .jauges-wrapper .jauge-wrapper .jauge-logo img {
    height: 100%;
    max-width: 100%
}

.tab-network .content .content-right .jauges-wrapper .jauge-wrapper .jauge-result {
    font-size: 13px;
    color: #151414
}

.tab-network .content .content-right .jauges-wrapper .jauge-wrapper .jauge {
    height: 6px;
    width: 190px;
    border-radius: 5px;
    background: #f7f7f7;
    margin: 0 15px;
    position: relative;
    overflow: hidden
}

.tab-network .content .content-right .jauges-wrapper .jauge-wrapper .jauge .jauge-content {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 6px;
    background-image: linear-gradient(91deg,#871d81,#e2001a)
}

.card-pack {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    background: #fff;
    text-align: left;
    border-radius: 10px;
    overflow: hidden;
    height: 204px;
    box-shadow: 0 0 15px 1px rgba(24,24,24,.15)
}

.card-pack .card-pack-bottom {
    width: 100%;
    background: #f7f7f7;
    height: 72px;
    padding: 0 20px 0 30px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.card-pack .card-pack-bottom>div:first-child {
    font-size: 14px;
    color: #050505;
    font-weight: 700
}

@media only screen and (max-width: 768px) {
    .tab-network .content .content-left .circle-wrapper .circle-nav li:nth-child(2) {
        right:18px
    }

    .tab-network .content .content-left .circle-wrapper .circle-nav li:nth-child(3) {
        bottom: 18px
    }

    .tab-network .content .content-left .circle-wrapper .circle-nav li:nth-child(4) {
        left: 18px
    }

    .tab-network .content .content-right .h4 {
        margin-bottom: 18px
    }

    .tab-network .content .content-right .jauges-wrapper .jauge-wrapper {
        margin-bottom: 16px
    }

    .tab-network .content .content-right .jauges-wrapper .jauge-wrapper .jauge {
        width: 110px
    }

    .card-pack {
        height: 116px
    }

    .card-pack .card-pack-bottom {
        height: 50px;
        padding: 15px 15px 10px
    }

    .card-pack .card-pack-bottom>div:first-child {
        font-size: 13px
    }
}

.card-pack .card-pack-bottom .description {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end
}

.card-pack .card-pack-bottom .description .price {
    font-size: 32px;
    font-weight: 900
}

.card-pack .card-pack-bottom .description .price.colored {
    background: linear-gradient(to right,#871d81,#e2001a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #e2001a
}

.card-pack .card-pack-bottom .description .price sup {
    font-size: 17px
}

.card-pack .card-pack-bottom .description .price span {
    font-size: 10px;
    font-weight: 700;
    margin-left: -10px
}

.card-pack .card-pack-bottom .description .text {
    font-size: 10px;
    color: #050505;
    text-transform: initial;
    font-weight: 400;
    text-align: right;
    margin-top: -5px
}

.card-pack .pack-option {
    position: relative;
    padding: 0 20px 0 30px;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center
}

.card-pack .pack-option>.title {
    display: inline-block;
    font-size: 19px;
    font-weight: 700;
    color: #000;
    line-height: 18px;
    position: relative;
    margin-bottom: 10px;
    flex: 1
}

.card-pack .pack-option .description {
    position: relative;
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center
}

.card-pack .pack-option .description bol-price {
    font-size: 29px;
    padding-bottom: 5px
}

.card-pack .pack-option .description .text {
    font-size: 11px;
    color: #050505;
    text-transform: initial;
    font-weight: 400;
    text-align: right
}

@media only screen and (max-width: 768px) {
    .card-pack .pack-option {
        padding:10px 15px
    }

    .card-pack .pack-option>.title {
        font-size: 13px;
        font-weight: 700;
        display: flex;
        align-items: center;
        height: 100%
    }

    .card-pack .pack-option .description bol-price {
        font-size: 22px;
        padding-bottom: 5px
    }
}

.card-tab-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
    justify-content: flex-end
}

.card-tab-content .bottom {
    width: 100%;
    height: 83px;
    padding: 15px 20px 15px 15px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-radius: 5px;
    box-shadow: 0 2px 14px 0 rgba(0,0,0,.08)
}

.card-tab-content .bottom>div {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.card-tab-content .bottom>div .brand {
    text-transform: uppercase;
    color: #222;
    font-size: 9px;
    font-weight: 700
}

.card-tab-content .bottom>div .device {
    color: #222;
    font-size: 9px;
    font-weight: 700;
    margin-bottom: 6px
}

.card-tab-content .bottom>div .price {
    color: #222;
    font-size: 9px
}

.card-tab-content .bottom>div .price span {
    font-weight: 700;
    background: linear-gradient(to right,#871d81,#e2001a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.card-tab-content .bottom>div .desc {
    color: #222;
    font-size: 8px;
    opacity: .63
}

.card-tab-content .top {
    margin-bottom: 0;
    height: 136px;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center
}

.card-tab-content .top img {
    position: absolute;
    height: calc(100% + 20px);
    top: -5px
}

.carousel {
    width: 100%;
    margin-bottom: 30px;
    padding: 17px 25px;
    border-radius: 7px;
    box-shadow: 0 9px 19px 0 rgba(0,0,0,.09)
}

.carousel .nav-carousel {
    display: flex;
    justify-content: center;
    margin-top: 14px
}

.carousel .nav-carousel li {
    width: 20px;
    display: flex;
    align-items: center;
    cursor: pointer
}

.carousel .nav-carousel li>div {
    height: 3px;
    width: 100%;
    background: #efeeee;
    transition: all .5s ease-in-out
}

.carousel .nav-carousel li:first-child div {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.carousel .nav-carousel li:last-child div {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.carousel .nav-carousel li.active div {
    border-radius: 2px;
    background-color: transparent;
    background-image: linear-gradient(110deg,#871d81,#e2001a);
    transition: all .5s ease-in-out
}

.bl_offers_home {
    padding: 0 18px 43px;
    background: linear-gradient(to right,#871d81 0,#e2001a 100%)
}

.bl_offers_home .wrapper {
    max-width: 1140px;
    margin: auto
}

.bl_offers_home .title_bl {
    color: #fff;
    padding: 40px 0;
    text-transform: uppercase;
    line-height: 1.1;
    text-align: center
}

.bl_offers_home .list {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.bl_offers_home .list .list_elem {
    width: 49%;
    margin-bottom: 20px;
    transition-property: opacity,transform;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0,0,.2,1)
}

.bl_offers_home .list .list_elem.detect-viewport-entry--waiting-detection {
    opacity: 0;
    transform: translateY(100px)
}

.bl_offers_home .list .list_elem.large {
    width: 100%
}

.bl_offers_home .bl_link {
    text-align: center;
    padding: 0 50px
}

@media only screen and (max-width: 768px) {
    .bl_offers_home {
        padding:0 18px 22px
    }

    .bl_offers_home .title_bl {
        color: #fff;
        padding: 20px 18px
    }

    .bl_offers_home .list {
        margin-bottom: 12px;
        display: flex;
        flex-direction: column;
        width: 100%
    }

    .bl_offers_home .list .list_elem {
        width: inherit;
        margin-bottom: 12px;
        transition-delay: 0s
    }

    .bl_offers_home .bl_link {
        padding: 0 18px
    }
}

.card_offer_home {
    border-radius: 8px;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/png/bg_offer_moment.png) bottom right no-repeat #fff;
    padding: 30px 0;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.card_offer_home .bl_top {
    padding: 0 50px;
    margin-bottom: 20px;
    height: 100px
}

.card_offer_home .bl_top .title {
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 7px;
    font-size: 25px
}

.card_offer_home .bl_top .title span {
    font-weight: 300;
    display: block;
    font-size: 21px;
    line-height: 1
}

.card_offer_home .bl_bottom {
    padding: 0 20px 0 0;
    display: flex;
    margin-bottom: 14px;
    height: 210px
}

.card_offer_home .bl_bottom .bl_img {
    flex: 2;
    text-align: center;
    width: 116px;
    height: 204px;
    align-self: flex-start
}

.card_offer_home .bl_bottom .bl_img img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%
}

.card_offer_home .bl_bottom .bl_offer {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex: 3;
    height: 100%;
    width: 50%
}

.card_offer_home .bl_bottom .bl_offer .Desc {
    width: 100%
}

.card_offer_home .bl_link {
    text-align: right
}

.card_offer_home .large {
    display: flex
}

.card_offer_home .large .bl_left {
    flex: 2;
    display: flex;
    flex-direction: column
}

.card_offer_home .large .bl_left .bl_offer {
    padding: 0 50px;
    margin-bottom: 28px;
    height: 210px
}

.card_offer_home .large .bl_right {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.card_offer_home .large .bl_right .bl_img {
    flex: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 310px;
    height: 310px
}

.card_offer_home .large .bl_right .bl_img img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%
}

.card_offer_home .large .bl_right .bl_link {
    align-self: flex-end
}

@media only screen and (max-width: 600px) {
    .card_offer_home .large {
        flex-direction:column;
        height: 100%;
        justify-content: space-between
    }

    .card_offer_home .large .bl_left .bl_offer {
        flex: inherit;
        display: flex;
        padding: 0;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 5px
    }

    .card_offer_home .large .bl_right {
        flex: inherit
    }

    .card_offer_home .large .bl_right .bl_img.mobile_none {
        display: none
    }
}

@media only screen and (max-width: 768px) {
    .card_offer_home {
        padding:18px
    }

    .card_offer_home .large .bl_left .bl_offer {
        padding: 0
    }

    .card_offer_home .bl_top {
        padding: 0;
        margin-bottom: 10px;
        height: auto
    }

    .card_offer_home .bl_top .title {
        margin: 0
    }

    .card_offer_home .bl_top .title span {
        font-size: 18px
    }

    .card_offer_home .bl_top .Text600 {
        display: none
    }

    .card_offer_home .bl_bottom {
        padding: 0;
        margin-bottom: 0;
        flex-direction: row-reverse;
        justify-content: space-around;
        align-items: center;
        height: auto
    }

    .card_offer_home .bl_link {
        margin-top: 10px;
        padding: 0
    }
}

@media only screen and (max-width: 768px) and (max-width:600px) {
    .card_offer_home .bl_bottom .bl_img {
        padding-left:5px;
        width: 85px;
        height: 150px;
        margin-bottom: 5px
    }

    .card_offer_home .bl_bottom .bl_img.mobile_none {
        display: none
    }
}

.bl_exlu_web {
    position: relative;
    padding-bottom: 10px;
    display: inline-block
}

.bl_exlu_web i.debit {
    width: 10px;
    height: 10px;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/d-bit.svg) center no-repeat;
    display: inline-block;
    margin-right: 3px
}

.bl_exlu_web i.debit.up {
    transform: rotate(180deg)
}

.bl_exlu_web .md {
    margin-bottom: 15px
}

.bl_exlu_web .Title {
    background: #ffcd00;
    text-transform: uppercase;
    color: #000;
    border-radius: 3px 3px 3px 0;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 18px;
    padding: 0 6px;
    position: relative;
    margin-bottom: 5px
}

.bl_exlu_web .Title::before {
    content: "";
    display: block;
    width: 10px;
    height: 7px;
    background: #ffcd00;
    position: absolute;
    bottom: -7px;
    left: 0;
    -webkit-clip-path: polygon(100% 0,0 0,0 100%,15% 70%,30% 50%,50% 30%,70% 15%,80% 5%);
    clip-path: polygon(100% 0,0 0,0 100%,15% 70%,30% 50%,50% 30%,70% 15%,80% 5%)
}

@media screen and (min-width: 0\0) {
    .card-pack .card-pack-bottom .description .price.colored {
        background:0 0;
        color: #e2001a
    }

    .bl_exlu_web .Title::before {
        display: none
    }
}

.bl_exlu_web .Desc {
    position: relative;
    margin: 5px 0;
    border-left: 5px solid #ffcd00;
    border-radius: 13px;
    z-index: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 252px
}

.bl_exlu_web .Desc::before {
    content: "";
    display: block;
    width: 103px;
    height: 20px;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/png/bl-promo.png) left top no-repeat;
    position: absolute;
    top: -6px;
    left: -5px
}

.bl_exlu_web .Desc::after {
    content: "";
    display: block;
    width: 103px;
    height: 20px;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/png/bl-promo.png) left bottom no-repeat;
    position: absolute;
    bottom: -6px;
    left: -5px;
    z-index: 0
}

.bl_exlu_web .Desc bol-price {
    font-size: inherit
}

.bl_exlu_web .Desc bol-price,.bl_exlu_web .Desc bol-price b {
    font-weight: 900
}

.bl_exlu_web .Desc .clientOffer {
    width: 90px;
    border-left: 1px solid #b3b3b3;
    padding-left: 10px
}

.bl_exlu_web .Desc .clientOffer p {
    font-family: SFR,Arial,sans-serif;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    text-transform: uppercase
}

.bl_exlu_web .Desc .clientOffer p:first-child::before {
    margin-right: 4px;
    content: "";
    display: block;
    max-width: 9px;
    min-width: 9px;
    max-height: 9px;
    border: 3px solid #e2001a
}

.bl_exlu_web .Desc>.main {
    border-radius: 13px;
    padding: 10px 0 15px 10px;
    background: linear-gradient(to right,rgba(0,0,0,.1),rgba(255,255,255,0) 30%);
    position: relative;
    z-index: 1
}

.bl_exlu_web .Desc .YellowTitle {
    color: #ffcd00;
    font-size: 18px;
    font-weight: 700
}

.bl_exlu_web .Desc .Prix {
    font-size: 60px;
    line-height: 1;
    font-weight: 900;
    background: linear-gradient(to right,#871d81,#e2001a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #e2001a;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (min-width: 0\0) {
    .bl_exlu_web .Desc .Prix {
        background:0 0;
        color: #e2001a
    }
}

.bl_exlu_web .Desc .Prix sup {
    font-size: 29px;
    line-height: 1;
    font-weight: 900
}

.bl_exlu_web .Desc .Prix span {
    font-size: 14px;
    white-space: nowrap;
    line-height: 1.5;
    margin-left: -15px;
    font-weight: 400
}

.bl_exlu_web .Desc .Prix span.price-part-alternative {
    margin-left: -36px
}

.bl_exlu_web .Desc .Prix span .old_prix {
    text-decoration: line-through;
    font-weight: 400;
    color: #444;
    background: inherit;
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: inherit
}

.bl_exlu_web .Desc .CustomPrice {
    line-height: 1;
    font-weight: 900;
    font-size: 33px
}

.bl_exlu_web .Desc .Text {
    font-size: 12px;
    line-height: 1.3
}

.bl_exlu_web .old-price-bloc bol-price {
    font-size: 20px
}

.bl_exlu_web .old-price-bloc bol-price sup {
    font-size: 12px
}

.bl_exlu_web .old-price-bloc bol-price span {
    font-size: 9px;
    margin-left: -7px
}

.bl_exlu_web.bl_exlu_web--pink-color .Title,.bl_exlu_web.bl_exlu_web--pink-color .Title:before {
    background-color: #f193bd
}

.bl_exlu_web.bl_exlu_web--pink-color .Desc {
    border-color: #f193bd
}

.bl_exlu_web.bl_exlu_web--pink-color .Desc .YellowTitle {
    color: #f193bd
}

.bl_exlu_web.bl_exlu_web--pink-color .Desc:after,.bl_exlu_web.bl_exlu_web--pink-color .Desc:before {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/png/bl-promo--pink-color.png)
}

.bl_exlu_web.bl_exlu_web--brand-color .Title,.bl_exlu_web.bl_exlu_web--brand-color .Title:before {
    color: #fff;
    background-color: #e2001a
}

.bl_exlu_web.bl_exlu_web--brand-color .Desc {
    border-color: #e2001a
}

.bl_exlu_web.bl_exlu_web--brand-color .Desc .YellowTitle {
    color: #e2001a
}

.bl_exlu_web.bl_exlu_web--brand-color .Desc:after,.bl_exlu_web.bl_exlu_web--brand-color .Desc:before {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/png/bl-promo--brand-color.png)
}

.bl_exlu_web .bl_img_version img {
    max-height: 180px;
    max-width: 270px
}

.bl_exlu_web .bl_btn .btn {
    margin: inherit
}

.bl_exlu_web .old-price-bloc {
    min-width: 74px;
    height: 47px;
    border-radius: 3px;
    background-color: #181818;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    padding: 5px
}

.bl_exlu_web .old-price-bloc::before {
    content: "";
    display: block;
    height: 13px;
    width: 13px;
    background-color: inherit;
    border: inherit;
    position: absolute;
    top: -9px;
    z-index: -1;
    left: 0;
    -webkit-clip-path: polygon(0 0,100% 100%,0 100%);
    clip-path: polygon(0 0,100% 100%,0 100%);
    border-radius: 3px
}

.bl_exlu_web .old-price-bloc .instead {
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    font-family: SFR,Arial,sans-serif;
    text-transform: uppercase
}

.bl_exlu_web .old-price-bloc .old-price {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    font-family: SFR,Arial,sans-serif;
    font-weight: 700;
    color: #fff
}

.bl_exlu_web .old-price-bloc .old-price .price {
    height: 100%;
    font-size: 20px;
    position: relative;
    letter-spacing: -.6px;
    bottom: -5px
}

.bl_exlu_web .old-price-bloc .old-price .month {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.bl_exlu_web .old-price-bloc .old-price .month p {
    font-size: 9px
}

.bl_exlu_web .old-price-bloc .old-price .month p:first-child {
    font-size: 12px;
    width: 20px
}

.bl_exlu_web .old-price-bloc .old-price .euro {
    font-size: 20px
}

@media only screen and (max-width: 768px) {
    .bl_exlu_web {
        margin-top:10px
    }

    .bl_exlu_web .Desc .YellowTitle {
        font-size: 12px
    }

    .bl_exlu_web .Desc .CustomPrice {
        font-size: 25px
    }

    .bl_exlu_web .Desc .clientOffer {
        display: none
    }
}

.card_offer_home_small {
    background: right bottom no-repeat #fff;
    border-radius: 8px;
    padding: 30px 60px;
    height: 340px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.card_offer_home_small .bl_top {
    display: flex;
    margin-bottom: 25px
}

.card_offer_home_small .bl_top .bl_text {
    flex: 2;
    overflow: hidden;
    max-height: 175px
}

.card_offer_home_small .bl_top .bl_text .title {
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 14px
}

.card_offer_home_small .bl_top .bl_text .title span {
    font-weight: 300
}

.card_offer_home_small .bl_top .bl_img {
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex
}

.card_offer_home_small .bl_top .bl_img img {
    max-width: 140px
}

.card_offer_home_small .bl_links {
    text-align: right;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.card_offer_home_small .bl_links .btn {
    margin: inherit
}

@media only screen and (max-width: 768px) {
    .card_offer_home_small {
        padding:15px;
        height: 160px
    }

    .card_offer_home_small .bl_top {
        display: flex;
        margin-bottom: 5px;
        overflow: hidden
    }

    .card_offer_home_small .bl_top .bl_text {
        flex: 2;
        overflow: hidden;
        max-height: 175px
    }

    .card_offer_home_small .bl_top .bl_text .title {
        line-height: 1;
        text-transform: uppercase;
        margin-bottom: 14px
    }

    .card_offer_home_small .bl_top .bl_text .title span {
        font-weight: 300
    }

    .card_offer_home_small .bl_top .bl_img {
        display: none
    }

    .card_offer_home_small .bl_links {
        text-align: center;
        justify-content: flex-end
    }

    .card_offer_home_small .bl_links .link {
        display: none
    }
}

.bl_news_home {
    padding: 0 18px;
    margin: 30px 0
}

.bl_news_home .wrapper {
    max-width: 1140px;
    margin: auto;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.bl_news_home .title_bl {
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 35px
}

.bl_news_home .wrapper-list {
    margin-bottom: 34px
}

.bl_news_home .list {
    display: flex;
    overflow-y: hidden;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    padding: 5px 20px 20px
}

.bl_news_home .list::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 0;
    height: 0;
    display: none
}

.bl_news_home .list .list_elem {
    flex: 1;
    margin: 0 15px;
    min-width: 165px;
    width: 20%
}

.bl_news_home .list.detect-viewport-entry--waiting-detection .list_elem {
    transition-property: opacity,transform;
    transition-timing-function: cubic-bezier(0,0,.2,1);
    transition-duration: .5s;
    opacity: 0;
    transform: translateY(100px)
}

.bl_news_home .list.detect-viewport-entry--detected .list_elem {
    transition-property: opacity,transform;
    transition-timing-function: cubic-bezier(0,0,.2,1);
    transition-duration: .5s
}

.bl_news_home .list.detect-viewport-entry--detected .list_elem:nth-child(1) {
    transition-delay: 0s
}

.bl_news_home .list.detect-viewport-entry--detected .list_elem:nth-child(2) {
    transition-delay: .1s
}

.bl_news_home .list.detect-viewport-entry--detected .list_elem:nth-child(3) {
    transition-delay: .2s
}

.bl_news_home .list.detect-viewport-entry--detected .list_elem:nth-child(4) {
    transition-delay: .3s
}

.bl_news_home .list.detect-viewport-entry--detected .list_elem:nth-child(5) {
    transition-delay: .4s
}

.bl_news_home .bl_link {
    text-align: center
}

@media only screen and (max-width: 768px) {
    .bl_news_home {
        padding:0
    }

    .bl_news_home .title_bl {
        font-size: 24px
    }

    .bl_news_home .list {
        justify-content: initial;
        padding: 0 20px 5px;
        min-height: 240px;
        max-height: 300px
    }

    .bl_news_home .list::after {
        content: "";
        display: block;
        flex: 1;
        min-width: 18px;
        height: 212px;
        margin: 0 6px
    }

    .bl_news_home .list .list_elem:hover {
        z-index: inherit;
        transform: inherit
    }
}

.bl_actu {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    display: block;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 6px rgba(0,0,0,.075),0 6px 9px rgba(0,0,0,.15);
    transition-property: box-shadow,transform;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.bl_actu:hover {
    z-index: 1;
    transform: scale(1.1) perspective(1px) translateZ(0);
    box-shadow: 0 0 16px rgba(0,0,0,.1),0 16px 24px rgba(0,0,0,.2)
}

.bl_actu:hover .bl_txt {
    height: 110px;
    transition-property: height;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.bl_actu:hover .bl_txt .Text300 {
    height: 60px
}

.bl_actu .bl_img {
    height: 250px;
    overflow: hidden;
    background-color: #f2f2f2;
    background-image: linear-gradient(to bottom,#fdfdfd,#e8e8e8)
}

.bl_actu .bl_img img {
    width: 100%
}

.bl_actu .bl_txt {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 95px;
    padding: 17px;
    background: #fff;
    transition-property: height;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.bl_actu .bl_txt .bl_title {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 12px
}

.bl_actu .bl_txt .Text300 {
    position: relative;
    height: 100%;
    overflow: hidden
}

.bl_actu.all_img .bl_description,.bl_actu.all_img .bl_title {
    color: #fff
}

.bl_actu.all_img .bl_txt {
    background: 0 0
}

@media only screen and (max-width: 768px) {
    .bl_actu .bl_img {
        height:200px
    }

    .bl_actu .bl_txt {
        padding: 10px
    }

    .bl_actu .bl_txt .Text300 {
        height: 60px
    }

    .bl_actu:hover {
        box-shadow: 0 0 6px rgba(0,0,0,.075),0 6px 9px rgba(0,0,0,.15)
    }

    .bl_actu:hover .bl_txt .bl_btn {
        height: inherit;
        opacity: inherit;
        transition-delay: inherit
    }
}

@media only screen and (max-width: 600px) {
    .bl_actu {
        box-shadow:0 10px 19px 0 rgba(24,24,24,.1),0 -1px 7px 1px rgba(24,24,24,.04)
    }
}

.bl_universe_home .wrapper {
    max-width: 700px;
    margin: auto;
    padding: 50px 0;
    min-height: 370px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.bl_universe_home .wrapper .bloc_title {
    /*display: flex;*/
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    padding: 0 18px;
    text-align: center
}

.bl_universe_home .wrapper .bloc_title h2 {
    text-transform: uppercase
}

.bl_universe_home .wrapper .bloc_title .bl_connexion {
    background: #f6f6f6;
    border-radius: 8px;
    padding: 24px;
    display: none;
    align-items: center
}

.bl_universe_home .wrapper .bloc_title .bl_connexion>div {
    margin-right: 15px
}

.bl_universe_home .wrapper .bloc_title .bl_connexion>div:last-child {
    margin: 0
}

.bl_universe_home .wrapper .bloc_title .bl_connexion .bl_img img {
    height: 25px
}

.bl_universe_home .wrapper .bloc_title .bl_connexion .bl_img span {
    display: none;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1;
    color: #222
}

.bl_universe_home .wrapper .bloc_title .bl_connexion .bl_txt {
    max-width: 260px
}

.bl_universe_home .wrapper .list {
    display: block;
    justify-content: center;
    align-items: center;
    overflow: visible;
    /*max-height: 230px*/
}

.bl_universe_home .wrapper .list .elem_list .universe_bloc>* {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 150ms;
    width: 100%;
    position: relative;
}

.bl_universe_home .wrapper .list .elem_list {
    margin: 10px 0;
    position: relative;
    min-width: 15%;
    max-width: 100%;
    width: 100%;
    flex: 1;
    transition-property: opacity,margin,transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 150ms;
}

.bl_universe_home .wrapper .list .elem_list:hover {
    z-index: 1;
    transform: scale(1.1)
}

.bl_universe_home .wrapper .list .elem_list:hover .universe_bloc>* {
    opacity: 1
}

.bl_universe_home .wrapper .list.detect-viewport-entry--waiting-detection .elem_list {
    transition-property: opacity,transform;
    transition-timing-function: cubic-bezier(0,0,.2,1);
    transition-duration: .5s;
    opacity: 0;
    transform: translateY(100px)
}

.bl_universe_home .wrapper .list.detect-viewport-entry--detected .elem_list {
    transition-property: opacity,transform;
    transition-timing-function: cubic-bezier(0,0,.2,1);
    transition-duration: .5s
}

.bl_universe_home .wrapper .list.detect-viewport-entry--detected .elem_list:nth-child(1) {
    transition-delay: 0s
}

.bl_universe_home .wrapper .list.detect-viewport-entry--detected .elem_list:nth-child(2) {
    transition-delay: .1s
}

.bl_universe_home .wrapper .list.detect-viewport-entry--detected .elem_list:nth-child(3) {
    transition-delay: .2s
}

.bl_universe_home .wrapper .list.detect-viewport-entry--detected .elem_list:nth-child(4) {
    transition-delay: .3s
}

.bl_universe_home .wrapper .list.detect-viewport-entry--detected .elem_list:nth-child(5) {
    transition-delay: .4s
}

@media only screen and (max-width: 768px) {
    .bl_universe_home .wrapper {
        padding:34px 0
    }

    .bl_universe_home .wrapper .bloc_title {
        flex-direction: column-reverse;
        justify-content: center;
        margin-bottom: 26px;
        text-align: center
    }

    .bl_universe_home .wrapper .bloc_title h2 {
        font-size: 20px
    }

    .bl_universe_home .wrapper .bloc_title .bl_connexion {
        padding: 18px;
        flex-direction: column;
        margin-bottom: 42px;
        width: 100%
    }

    .bl_universe_home .wrapper .bloc_title .bl_connexion>div {
        margin-right: 15px
    }

    .bl_universe_home .wrapper .bloc_title .bl_connexion>div:last-child {
        margin: 0
    }

    .bl_universe_home .wrapper .bloc_title .bl_connexion .bl_img {
        margin-bottom: 9px
    }

    .bl_universe_home .wrapper .bloc_title .bl_connexion .bl_img img {
        margin-bottom: 8px
    }

    .bl_universe_home .wrapper .bloc_title .bl_connexion .bl_img span {
        display: block
    }

    .bl_universe_home .wrapper .bloc_title .bl_connexion .bl_txt {
        margin-bottom: 14px
    }

    .bl_universe_home .wrapper .list {
        overflow-y: hidden;
        overflow-x: auto;
        justify-content: initial;
        scrollbar-width: none;
        -ms-overflow-style: none;
        -webkit-overflow-scrolling: touch;
        padding: 0 20px 5px;
        /*max-height: 100%*/
    }

    .bl_universe_home .wrapper .list::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 0;
        height: 0;
        display: none
    }

    .bl_universe_home .wrapper .list::after {
        /*content: "";*/
        display: block;
        flex: 1;
        min-width: 18px;
        /*height: 212px;*/
        margin: 0 6px
    }

    .bl_universe_home .wrapper .list .elem_list {
        /*max-width: 175px;*/
        min-width: 100%;
        height: 100%
    }

    .bl_universe_home .wrapper .list .elem_list:hover {
        max-width: inherit;
        z-index: 1;
        transform: inherit
    }
}

.nav_list {
    display: flex;
    justify-content: center;
    margin-top: 17px
}

.nav_list.nav_list--hidden {
    display: none
}

.nav_list .elem_nav {
    cursor: pointer;
    position: relative;
    margin: 0 5px;
    width: 30px;
    height: 4px
}

.nav_list .elem_nav::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 4px;
    background-color: #d2d2d2;
    transition: background linear .3s
}

.nav_list .elem_nav.active {
    cursor: default;
    background: linear-gradient(to right,#871d81,#e2001a)
}

.nav_list .elem_nav.active.active::after {
    background-color: transparent
}

.universe_bloc,.universe_bloc_mobile {
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 6px rgba(0,0,0,.075),0 6px 9px rgba(0,0,0,.15);
    display: flex;
}

.universe_bloc:hover,.universe_bloc_mobile:hover {
    box-shadow: 0 0 16px rgba(0,0,0,.1),0 16px 24px rgba(0,0,0,.2)
}

.universe_bloc:hover .bl_txt .bl_btn,.universe_bloc_mobile:hover .bl_txt .bl_btn {
    transform: translateY(0);
    height: 33px;
    opacity: 1;
    transition-delay: 150ms
}

.universe_bloc .bl_img,.universe_bloc_mobile .bl_img {
    /*background-color: #f2f2f2;*/
    /*background-image: linear-gradient(to bottom,#fdfdfd,#e8e8e8);*/
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 30px
}

.universe_bloc .bl_img img,.universe_bloc_mobile .bl_img img {
    height: 100%;
}

.universe_bloc .bl_txt,.universe_bloc_mobile .bl_txt {
    background: #fff;
    padding: 17px;
    position: relative
}

.universe_bloc .bl_txt .bl_title,.universe_bloc_mobile .bl_txt .bl_title {
    margin-bottom: 5px;
    text-transform: uppercase
}

.universe_bloc .bl_txt .Text500,.universe_bloc_mobile .bl_txt .Text500 {
    height: 40px;
    overflow: hidden
}

.universe_bloc .bl_txt .bl_btn,.universe_bloc_mobile .bl_txt .bl_btn {
    opacity: 0;
    position: absolute;
    bottom: 13px;
    right: 13px;
    height: 0;
    text-align: right;
    transform: translateY(-40px);
    transition-property: height,opacity,transform;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}

.text-success{
	color:#54D56D;
	font-weight: 400;
	padding-top: 10px;
}

.universe_bloc .bl_txt .bl_btn .btn,.universe_bloc_mobile .bl_txt .bl_btn .btn {
    height: 33px;
    padding: 0 17px;
    font-size: 11px;
    letter-spacing: .6px;
    border-radius: 7px
}

.universe_bloc .bl_txt .bl_link,.universe_bloc_mobile .bl_txt .bl_link {
    position: absolute;
    bottom: 5px;
    right: 15px;
    display: none;
    text-align: right
}

.universe_bloc_mobile {
    display: none
}

@media only screen and (max-width: 768px) {
    .universe_bloc .bl_img,.universe_bloc_mobile .bl_img {
        height:250px;
        padding: 15px 15px
    }

    .universe_bloc .bl_img img,.universe_bloc_mobile .bl_img img {
        max-height: 90%;
        max-width: 90%
    }

    .universe_bloc .bl_txt,.universe_bloc_mobile .bl_txt {
        height: 150px
    }

    .universe_bloc .bl_txt .bl_btn,.universe_bloc_mobile .bl_txt .bl_btn {
        display: none
    }

    .universe_bloc .bl_txt .bl_link,.universe_bloc_mobile .bl_txt .bl_link {
        display: block
    }

    .universe_bloc:hover,.universe_bloc_mobile:hover {
        box-shadow: 0 0 6px rgba(0,0,0,.075),0 6px 9px rgba(0,0,0,.15)
    }

    .universe_bloc:hover .bl_txt .bl_btn,.universe_bloc_mobile:hover .bl_txt .bl_btn {
        height: inherit;
        opacity: inherit;
        transition-delay: inherit
    }

    .universe_bloc {
        display: none
    }

    .universe_bloc_mobile {
        display: block
    }
}

.forfait-mobile-box .bloc_SubTitle h3 {
    margin-top: 11px
}

.forfait-mobile-box .bloc_forfait {
    padding: 0 18px
}

.forfait-mobile-box .bloc_forfait>.wrapper {
    max-width: 1090px;
    padding-bottom: 64px;
    margin: auto
}

.forfait-mobile-box .bloc_forfait>.wrapper .desc_bloc {
    text-align: center;
    padding: 22px 0 16px;
    display: none
}

.forfait-mobile-box .cards {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.forfait-mobile-box .cards .custom-slider-tick bol-generic-slider.animate {
    margin: 15px 0 30px
}

.forfait-mobile-box .cards .bl_step {
    display: none
}

.forfait-mobile-box .wrapper_arrow {
    flex: 1;
    align-items: center;
    display: flex;
    max-width: 110px;
    min-width: 30px
}

.forfait-mobile-box .wrapper_arrow .bl_arrow {
    height: 3px;
    background: linear-gradient(to right,#871d81,#e2001a);
    width: 100%;
    align-items: center;
    justify-content: center;
    display: flex
}

.forfait-mobile-box .wrapper_arrow .bl_arrow>div {
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/arrow-full-red.svg) center no-repeat;
    height: 16px;
    width: 16px;
    transform: rotate(-90deg)
}

.forfait-mobile-box .card-wrapper {
    display: flex
}

.forfait-mobile-box .card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 14px;
    min-width: 380px;
    overflow: hidden;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04)
}

.forfait-mobile-box .card.small {
    min-width: 180px;
    max-width: 252px;
    min-height: 455px
}

.forfait-mobile-box .card.big {
    min-width: 300px;
    max-width: 405px
}

.forfait-mobile-box .card.big .card-top {
    padding: 16px 18px 32px
}

.forfait-mobile-box .card.big .card-content {
    display: flex;
    flex-direction: column
}

.forfait-mobile-box .card.big .card-content .operator {
    margin: 18px 0 12px
}

.forfait-mobile-box .card.big .card-bottom {
    background: #f2f2f2;
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 16px 18px 24px
}

.forfait-mobile-box .card.big .card-bottom .price {
    text-align: center;
    width: 50%;
    min-width: 50%;
    padding: 10px 20px 0
}

.forfait-mobile-box .card.big .card-bottom .price:first-child {
    border-right: 1px solid #d2d2d2
}

.forfait-mobile-box .card.big .card-bottom .price .desc {
    text-align: center
}

.forfait-mobile-box .card.big .card-bottom .btn {
    margin-top: 20px;
    width: 122px
}

.forfait-mobile-box .card.big .card-bottom .title {
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

.forfait-mobile-box .card.big .wrapper-operator {
    position: relative;
    width: 100%;
    max-width: none
}

.forfait-mobile-box .card.big .wrapper-operator::before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    background: #e9e9e9
}

.forfait-mobile-box .card.big .card-content>div:not(.wrapper-operator) {
    display: flex;
    justify-content: space-between
}

.forfait-mobile-box .card.big .card-content>div:not(.wrapper-operator) .forfait-name {
    font-weight: 700;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    min-width: 40%
}

.forfait-mobile-box .card.big .card-content>div:not(.wrapper-operator) .price {
    padding-left: 15px;
    text-align: right
}

.forfait-mobile-box .card.big .card-content>div:not(.wrapper-operator) .price .colored {
    font-size: 22px;
    font-weight: 700
}

.forfait-mobile-box .card.big .card-content>div:not(.wrapper-operator) .price .desc {
    color: #8a8a8a;
    font-size: 10px;
    padding: 0;
    border-top: 0;
    text-align: right
}

.forfait-mobile-box .card .card-top {
    display: flex;
    flex-direction: column;
    padding: 16px 18px 0
}

.forfait-mobile-box .card .card-top .card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 18px
}

.forfait-mobile-box .card .card-top .card-content .bol-slider-selected .bol-slider-inner-tooltip {
    background: linear-gradient(to right,#871d81,#e2001a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #e2001a
}

.forfait-mobile-box .card .card-top .card-content .bol-slider-inner-tooltip {
    font-family: Arial;
    font-size: 12px;
    color: #8a8a8a
}

.forfait-mobile-box .card .card-top .card-content .infos {
    margin-top: 13px
}

.forfait-mobile-box .card .card-top .card-content .infos .desc {
    border-top: 1px solid #f2f2f2;
    padding: 8px 0
}

.forfait-mobile-box .card .card-top .card-content .infos .desc i.debit {
    width: 10px;
    height: 10px;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/d-bit.svg) center no-repeat;
    display: inline-block;
    margin-right: 3px
}

.forfait-mobile-box .card .card-top .card-content .infos .desc i.debit.up {
    transform: rotate(180deg)
}

.forfait-mobile-box .card .card-bottom {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #f2f2f2;
    padding: 16px 18px
}

.forfait-mobile-box .card .card-bottom .btn {
    margin: auto;
    width: 85px;
    padding: 0 5px
}

.forfait-mobile-box .card .card-bottom .price {
    padding-right: 15px
}

.forfait-mobile-box .card .card-bottom .price .old_prix {
    font-size: 12px;
    line-height: 1.67;
    color: #444;
    text-decoration: line-through;
    margin: 0
}

.forfait-mobile-box .card .card-bottom .price bol-price {
    font-size: 16px
}

.forfait-mobile-box .card .card-bottom .price .desc {
    color: #8a8a8a;
    font-size: 10px
}

.forfait-mobile-box .wrapper-operator {
    min-width: 26px;
    max-width: 26px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center
}

.forfait-mobile-box .wrapper-operator .operator {
    position: relative;
    width: 26px;
    height: 26px;
    border-radius: 26px;
    text-align: center;
    line-height: 26px;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04);
    background: #fff;
    color: #222;
    font-weight: 700;
    font-size: 19px
}

@media only screen and (max-width: 768px) {
    .forfait-mobile-box .bloc_SubTitle h2>span {
        background:0 0!important;
        display: inline;
        padding: 0!important
    }

    .forfait-mobile-box .bloc_forfait>.wrapper {
        padding-bottom: 40px
    }

    .forfait-mobile-box .bloc_forfait>.wrapper .desc_bloc {
        display: block
    }

    .forfait-mobile-box .cards {
        display: block;
        padding: 0;
        border-radius: 14px;
        box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04);
        background-color: #fff;
        overflow: hidden
    }

    .forfait-mobile-box .cards .bl_cards {
        display: block;
        padding: 0
    }

    .forfait-mobile-box .cards .bl_step {
        display: flex;
        justify-content: space-between;
        margin-bottom: 24px
    }

    .forfait-mobile-box .cards .bl_step .txt {
        margin-right: 12px
    }

    .forfait-mobile-box .cards .bl_step .step {
        border: 1px solid #d2d2d2;
        border-radius: 90px;
        width: 48px;
        min-width: 48px;
        height: 48px;
        line-height: 48px;
        text-align: center
    }

    .forfait-mobile-box .cards .bl_step .step span {
        font-size: 27px;
        font-weight: 900;
        text-align: center
    }

    .forfait-mobile-box .wrapper_arrow {
        display: none
    }

    .forfait-mobile-box .card-wrapper {
        display: block
    }

    .forfait-mobile-box .card {
        display: block;
        width: auto;
        background: 0 0;
        border-radius: 0;
        min-width: inherit;
        box-shadow: none
    }

    .forfait-mobile-box .card .card-bottom,.forfait-mobile-box .card .card-top {
        padding: 16px 20px
    }

    .forfait-mobile-box .card.small {
        max-width: none;
        border-bottom: 1px solid #d2d2d2;
        min-height: auto
    }

    .forfait-mobile-box .card.small .card-top {
        padding: 16px 20px
    }

    .forfait-mobile-box .card.small .card-bottom {
        display: none
    }

    .forfait-mobile-box .card.big {
        max-width: none;
        min-width: auto
    }

    .forfait-mobile-box .card.big .card-bottom {
        padding: 16px 24px 24px;
        margin: 0;
        display: block;
        text-align: center
    }

    .forfait-mobile-box .card.big .card-bottom .price {
        width: auto
    }

    .forfait-mobile-box .card.big .card-bottom .price.bl_eco {
        display: none
    }

    .association-forfait .card-wrapper {
        width: calc(100% + 36px);
        overflow: hidden
    }
}

.association-forfait {
    padding: 0 18px;
    background: #f2f2f2
}

.association-forfait .wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1065px;
    margin: auto;
    padding: 32px 0
}

.association-forfait .wrapper>.bl_desc {
    margin-bottom: 24px
}

.association-forfait .card-wrapper {
    display: flex
}

.association-forfait .card-wrapper .list-saving-card {
    display: flex;
    padding: 100px 0 0
}

.association-forfait .card-wrapper .list-saving-card>li {
    flex: 1 auto;
    margin: 0 15px;
    position: relative
}

.association-forfait .card-wrapper .list-saving-card>li:first-child {
    margin-left: 0
}

.association-forfait .card-wrapper .list-saving-card>li:first-child .wrapper-arrow {
    transform: translateX(47%) rotate(45deg);
    right: 30px
}

@media only screen and (max-width: 768px) {
    .association-forfait .card-wrapper .list-saving-card>li {
        margin:0
    }

    .association-forfait .card-wrapper .list-saving-card>li:not(:last-child) {
        border-right: 1px solid #d2d2d2
    }

    .association-forfait .card-wrapper .list-saving-card>li:first-child {
        margin-left: 0
    }

    .association-forfait .card-wrapper .list-saving-card>li:first-child .wrapper-arrow {
        transform: initial;
        left: inherit;
        right: inherit
    }
}

.association-forfait .card-wrapper .list-saving-card>li:last-child {
    margin-right: 0
}

.association-forfait .card-wrapper .list-saving-card>li:last-child .wrapper-arrow {
    transform: translateX(-47%) rotate(-45deg);
    left: 30px
}

.association-forfait .recap-table {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    max-width: 880px;
    width: 100%;
    color: #222
}

.association-forfait .recap-table .table-title {
    font-size: 19px;
    font-weight: 700
}

.association-forfait .recap-table .table-line .title {
    font-weight: 700;
    font-size: 14px
}

.association-forfait .recap-table .table-line:last-child .title {
    background: linear-gradient(to right,#871d81,#e2001a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #e2001a;
    height: 100%;
    line-height: 82px;
    position: relative;
    padding-right: 10px
}

@media screen and (min-width: 0\0) {
    .association-forfait .recap-table .table-line:last-child .title,.forfait-mobile-box .card .card-top .card-content .bol-slider-selected .bol-slider-inner-tooltip {
        background:0 0;
        color: #e2001a
    }
}

@media only screen and (max-width: 768px) {
    .association-forfait .card-wrapper .list-saving-card>li:last-child {
        margin-right:0
    }

    .association-forfait .card-wrapper .list-saving-card>li:last-child .wrapper-arrow {
        transform: initial
    }

    .association-forfait .recap-table .table-title {
        text-align: center;
        justify-content: center
    }

    .association-forfait .recap-table .table-line:last-child .title {
        line-height: initial;
        display: flex;
        align-items: center
    }
}

.association-forfait .recap-table .table-line:last-child .title::before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 100%;
    background: linear-gradient(to right,#871d81,#e2001a)
}

.association-forfait .recap-table .table-line>div:not(.title) {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.association-forfait .recap-table .table-line>div:not(.title) .colored {
    text-align: right;
    font-size: 19px;
    font-weight: 700;
    background: linear-gradient(to right,#871d81,#e2001a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #e2001a
}

@media screen and (min-width: 0\0) {
    .association-forfait .recap-table .table-line>div:not(.title) .colored {
        background:0 0;
        color: #e2001a
    }
}

.association-forfait .recap-table .table-line>div:not(.title) .desc {
    text-align: right;
    color: #8a8a8a;
    font-size: 10px
}

.association-forfait .recap-table>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 82px;
    border-bottom: 1px solid #d2d2d2
}

.association-forfait .wrapper-arrow {
    position: absolute;
    top: -100px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
    margin-top: 20px
}

.association-forfait .wrapper-arrow .line {
    width: 1px;
    height: 40px;
    background: linear-gradient(to bottom,#871d81,#e2001a)
}

.association-forfait .wrapper-arrow .arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 5px 0;
    border-color: #e2001a transparent transparent
}

.association-forfait .card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 14px;
    min-width: 250px;
    max-width: 350px;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04)
}

@media only screen and (max-width: 768px) and (max-width:768px) {
    .association-forfait .card.small {
        background:0 0
    }
}

@media only screen and (max-width: 768px) {
    .association-forfait .card {
        min-width:100%;
        max-width: 100%
    }

    .association-forfait .card.small {
        border-radius: 0;
        box-shadow: initial
    }

    .association-forfait .card.small .card-top {
        padding: 0 10px 5px
    }

    .association-forfait .card.small .card-top .card-header .h3 {
        font-size: 14px
    }

    .association-forfait .card.small .card-content .forfait-title {
        font-size: 14px;
        color: #444
    }

    .association-forfait .card.small .card-content .forfait-options li {
        font-weight: 400;
        font-size: 12px;
        color: #8a8a8a
    }

    .association-forfait .card.small .card-bottom {
        padding: 0
    }

    .association-forfait .card.small .price {
        flex-direction: column;
        align-items: flex-start;
        padding: 10px
    }

    .association-forfait .card.small .price:first-child {
        border-bottom: 1px solid #fff
    }

    .association-forfait .card.small .price>div:not(.title) {
        text-align: left
    }

    .association-forfait .card.small .price>div:not(.title) .colored {
        font-size: 12px
    }

    .association-forfait .card.small .price>div:not(.title) .old_prix {
        font-weight: 700;
        text-decoration: line-through
    }

    .association-forfait .card.small .price>div:not(.title) .desc {
        text-align: left
    }
}

.association-forfait .card-top {
    display: flex;
    flex-direction: column;
    padding: 16px 20px
}

.association-forfait .card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 15px
}

.association-forfait .card-header .h3 {
    display: flex;
    flex-direction: column;
    color: #222;
    font-size: 19px;
    font-weight: 700
}

.association-forfait .card-content.options {
    align-items: flex-start
}

.association-forfait .card-content.options .forfait-title {
    font-weight: 700;
    display: flex;
    font-size: 16px;
    margin-bottom: 5px
}

.association-forfait .card-content.options ul {
    display: flex;
    flex-direction: column;
    color: #222
}

.association-forfait .card-content.options ul li {
    font-size: 14px
}

.association-forfait .card-content.options ul li:first-child {
    font-weight: 700
}

.association-forfait .card-content .operator {
    margin: 15px 0
}

.association-forfait .card-content .infos {
    margin-top: 20px
}

.association-forfait .card-content .desc {
    border-top: 1px solid #f2f2f2;
    padding: 12px 0
}

.association-forfait .card-content>div:not(.wrapper-operator) {
    display: flex;
    justify-content: space-between
}

.association-forfait .card-content>div:not(.wrapper-operator) .forfait-name {
    font-weight: 700;
    font-size: 14px;
    min-width: 35%
}

.association-forfait .card-content>div:not(.wrapper-operator) .price {
    padding-left: 15px;
    text-align: right
}

.association-forfait .card-content>div:not(.wrapper-operator) .price .colored {
    font-size: 19px;
    font-weight: 700
}

.association-forfait .card-content>div:not(.wrapper-operator) .price .old_prix {
    font-size: 12px;
    font-weight: 700;
    text-decoration: line-through
}

.association-forfait .card-content>div:not(.wrapper-operator) .price .desc {
    color: #8a8a8a;
    font-size: 10px;
    padding: 0;
    border-top: 0;
    text-align: right
}

.association-forfait .card-bottom {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #f2f2f2;
    margin-top: 10px;
    padding: 10px 20px 12px;
    background: #f2f2f2;
    flex-wrap: wrap;
    align-items: center
}

.association-forfait .card-bottom .title {
    font-size: 14px;
    font-weight: 700;
    min-width: 30%;
    padding-right: 10px
}

.association-forfait .card-bottom .price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-width: 100%;
    padding: 10px 0
}

.association-forfait .card-bottom .price:last-child .title {
    font-size: 16px
}

.association-forfait .card-bottom .price:first-child {
    border-bottom: 1px solid #d2d2d2
}

.association-forfait .card-bottom .price>div:not(.title) {
    text-align: right
}

.association-forfait .card-bottom .price .colored {
    text-align: right;
    font-size: 19px;
    font-weight: 700;
    background: linear-gradient(to right,#871d81,#e2001a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #e2001a
}

@media screen and (min-width: 0\0) {
    .association-forfait .card-bottom .price .colored {
        background:0 0;
        color: #e2001a
    }
}

.association-forfait .card-bottom .price .old_prix {
    font-weight: 700;
    text-decoration: line-through
}

.association-forfait .card-bottom .price .desc {
    color: #8a8a8a;
    font-size: 10px
}

.association-forfait .card .wrapper-operator {
    position: relative;
    width: 100%;
    max-width: initial
}

.association-forfait .card .wrapper-operator::before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    background: #e9e9e9
}

.association-forfait .card .operator {
    position: relative;
    width: 26px;
    height: 26px;
    border-radius: 26px;
    text-align: center;
    line-height: 26px;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04);
    background: #fff;
    color: #222;
    font-weight: 700;
    margin: 0 auto;
    font-size: 19px
}

.bl_download_file {
    background: linear-gradient(to right,#871d81,#e2001a);
    padding: 0 18px
}

.bl_download_file .wrapper {
    max-width: 1065px;
    margin: auto;
    text-align: center;
    padding: 48px 0
}

.bl_download_file .bl_title {
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 16px
}

.bl_download_file .Text700 {
    margin-bottom: 24px;
    color: #fff
}

.bl_steps_contact {
    padding: 48px 18px;
    border-top: 1px solid #d2d2d2
}

.bl_steps_contact .wrapper {
    margin: auto;
    max-width: 1065px;
    text-align: center
}

.bl_steps_contact .bl_desc {
    max-width: 810px;
    margin: 0 auto 48px
}

.bl_steps_contact .list_steps {
    justify-content: space-evenly;
    display: flex
}

.bl_steps_contact .list_steps .elem_list_steps {
    max-width: 280px;
    margin: 0 15px
}

@media only screen and (max-width: 768px) {
    .association-forfait .card-bottom .price .colored {
        text-align:inherit
    }

    .bl_steps_contact .bl_desc {
        margin: 0 auto 40px
    }

    .bl_steps_contact .list_steps {
        flex-direction: column
    }

    .bl_steps_contact .list_steps .elem_list_steps {
        margin: 0 0 48px;
        max-width: inherit
    }
}

bol-steps-contact .bloc_faq {
    padding: 0
}

.elem_step_contact .bl_img {
    margin-bottom: 24px
}

.elem_step_contact .bl_img img {
    max-height: 38px;
    width: auto
}

.elem_step_contact .title_elem {
    margin-bottom: 24px
}

.popin-subvention.overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px
}

.popin-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #fff;
    width: 100%;
    max-width: 880px;
    max-height: 100%;
    overflow-y: auto;
    padding: 40px 20px 25px;
    border-radius: 14px;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04)
}

.popin-btn-close {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 16px;
    right: 16px;
    width: 16px;
    height: 16px;
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/cross.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.popin-title {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 35px;
    max-width: 80%
}

@media only screen and (max-width: 768px) {
    .popin-wrapper {
        justify-content:flex-start;
        padding: 30px 20px
    }

    .popin-title {
        max-width: 100%;
        margin-bottom: 25px
    }
}

.popin-logo {
    margin-bottom: 35px;
    text-align: center
}

.popin-logo img {
    width: 45%;
    max-width: 200px;
    margin: 0 10px
}

.popin-content {
    max-width: 80%
}

@media only screen and (max-width: 768px) {
    .popin-logo {
        margin-bottom:25px
    }

    .popin-logo img {
        width: 40%
    }

    .popin-content {
        max-width: 100%
    }
}

.popin-content p {
    font-size: 14px;
    margin-bottom: 30px;
    text-align: center
}

.popin-footer {
    display: flex;
    flex-direction: column;
    align-items: center
}

.bl_how_to {
    max-width: 1065px;
    margin: auto;
    padding: 48px 18px 20px
}

.bl_how_to .bl_title {
    text-transform: uppercase;
    margin-bottom: 24px;
    text-align: center
}

.bl_how_to .bl_desc {
    margin: 0 auto 20px;
    text-align: center;
    max-width: 810px
}

.bl_how_to .list_how_to {
    display: flex;
    justify-content: space-around;
    padding: 20px 0
}

@media only screen and (max-width: 768px) {
    .bl_how_to .list_how_to {
        flex-direction:column
    }
}

.bl_how_to .list_how_to>li {
    flex: 1 auto;
    max-width: 280px
}

@media only screen and (max-width: 768px) {
    .bl_how_to .list_how_to>li {
        max-width:none;
        margin: 20px 0
    }
}

.bl_how_to .bloc_faq {
    padding: 20px 0
}

.bl_how_to .bloc_faq .list_faq {
    padding: 0
}

.bl_how_to .separateur {
    padding: 20px 0
}

.bl_how_to .separateur i {
    height: 1px;
    background: #d2d2d2;
    position: absolute;
    right: 0;
    left: 0;
    top: 0
}

.elem_how_to {
    text-align: center
}

.elem_how_to .bl_img {
    margin-bottom: 24px;
    height: 38px
}

.elem_how_to .bl_img img {
    max-height: 38px;
    width: auto;
    max-width: 50px;
    height: auto
}

.elem_how_to .link {
    margin-top: 8px
}

.elem_how_to .btn {
    margin-top: 24px
}

.assurance-body {
    max-width: 1065px;
    margin: auto;
    min-height: 270px;
    display: flex;
    align-items: center;
    padding: 32px 15px
}

.assurance-body div {
    flex: 1
}

.assurance-body p {
    font-size: 18px;
    line-height: 1.56;
    color: #444;
    margin-bottom: 12px
}

.assurance-body .bl_link {
    text-align: right
}

.assurance-body .bl_img {
    text-align: center;
    flex: 1
}

.bl_faq {
    padding: 20px 0 48px;
    max-width: 1065px;
    margin: auto;
    border-bottom: 1px solid #d2d2d2
}

.bl_faq .list_faq>li {
    margin-bottom: 16px
}

.bl_faq .list_faq>li:last-child {
    margin: 0
}

.bl_loader_page {
    flex-direction: column;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(255,255,255,.97);
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center
}

.bl_loader_page .wrapper .lds-ring {
    width: 150px;
    height: 150px;
    display: inline-block;
    position: relative;
    background: linear-gradient(to right,#871d81,#e2001a);
    border-radius: 50%
}

.bl_loader_page .wrapper .lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 152px;
    height: 152px;
    margin: -1px;
    border-radius: 50%;
    -webkit-animation: 1.2s cubic-bezier(.5,0,.5,1) infinite lds-ring;
    animation: 1.2s cubic-bezier(.5,0,.5,1) infinite lds-ring;
    border: 10px solid #fff
}

.bl_loader_page .wrapper .lds-ring div:nth-child(1) {
    -webkit-animation-delay: -.45s;
    animation-delay: -.45s
}

.bl_loader_page .wrapper .lds-ring div:nth-child(2) {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.bl_loader_page .wrapper .lds-ring div:nth-child(3) {
    -webkit-animation-delay: -.15s;
    animation-delay: -.15s
}

.bl_loader_page .wrapper .lds-ring div:last-child {
    background: url(https://static.s-sfr.fr/media/v2/assets/images/png/sfr-logo.png) center/50px no-repeat #fff;
    width: 134px;
    height: 134px;
    margin: 8px;
    -webkit-animation: none;
    animation: none
}

@-webkit-keyframes lds-ring {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes lds-ring {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

body.Media .bl_loader_page .bl_text {
    color: #222
}

.bl_table_garanties {
    padding: 24px 18px
}

.bl_table_garanties .wrapper {
    max-width: 1065px;
    margin: auto
}

.bl_table_garanties .wrapper.tables {
    display: flex
}

@media only screen and (max-width: 768px) {
    .bl_table_garanties .wrapper.tables {
        flex-direction:column
    }
}

.bl_table_garanties .tab_garantie {
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04);
    margin: 24px auto;
    background: #fff;
    text-align: center;
    flex: 1;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content
}

.bl_table_garanties .tab_garantie:nth-child(2) {
    margin-left: 30px
}

@media only screen and (max-width: 768px) {
    .bl_table_garanties .tab_garantie:nth-child(2) {
        margin-left:0
    }

    .bl_table_garanties .tab_garantie {
        margin: 0 0 16px
    }
}

.bl_table_garanties .tab_garantie.type2 {
    text-align: left
}

.bl_table_garanties .tab_garantie.type2 .tr>div {
    line-height: normal;
    color: #222;
    font-weight: 700
}

.bl_table_garanties .tab_garantie.type3 {
    max-width: 700px
}

.bl_table_garanties .tab_garantie.type3 .tr>div {
    line-height: normal;
    color: #222;
    font-weight: 700
}

.bl_table_garanties .tab_garantie .tr {
    display: flex
}

.bl_table_garanties .tab_garantie .tr>div {
    flex: 1;
    border-left: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding: 16px 24px;
    font-size: 14px;
    line-height: 1.43;
    color: #444
}

.bl_table_garanties .tab_garantie .tr>div span {
    margin-left: 10px
}

.bl_table_garanties .tab_garantie .tr>div span img {
    width: 14px;
    height: 14px
}

.bl_table_garanties .tab_garantie .tr>div:first-child {
    border-left: none
}

.bl_table_garanties .tab_garantie .tr>div.align_left {
    text-align: left
}

.bl_table_garanties .tab_garantie .tr.th {
    background: #d2d2d2
}

.bl_table_garanties .tab_garantie .tr.th>div {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.37;
    color: #222
}

.bl_table_garanties .tab_garantie .tr.title {
    background: #e9e9e9
}

.bl_table_garanties .tab_garantie .tr.title>div {
    padding: 8px 24px;
    font-size: 14px;
    font-weight: 700
}

.bl_table_garanties .tab_garantie .tr.title>div span {
    display: block;
    color: #444;
    font-weight: 400;
    margin: 0
}

.bl_table_garanties .Text200 {
    margin-bottom: 24px
}

.bl_table_garanties .Text200 p {
    margin-bottom: 16px
}

.bl_table_garanties .bl_link {
    padding: 24px 0;
    display: flex;
    align-items: center
}

.bl_table_garanties .bl_link .link {
    padding: 0 23px
}

.bl_table_garanties .bl_link::after,.bl_table_garanties .bl_link::before {
    content: "";
    display: block;
    height: 2px;
    background-color: #e9e9e9;
    flex: 1
}

.bl_table_garanties .bl_title {
    font-size: 34px;
    margin: 30px 0 24px;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1
}

.bl_table_garanties .bl_desc {
    text-align: center;
    margin-bottom: 12px
}

.bl_mea_carl {
    background: radial-gradient(circle at 50% 50%,#139bd6,#1b2157);
    padding: 8px 18px
}

.bl_mea_carl .wrapper {
    margin: auto;
    max-width: 1065px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bl_mea_carl .wrapper .bl_content {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 8px 16px 0 rgba(24,24,24,.1),0 -1px 6px 1px rgba(24,24,24,.04);
    max-width: 700px;
    flex: 2
}

.bl_mea_carl .wrapper .bl_content.full {
    max-width: 100%
}

.bl_mea_carl .wrapper .bl_content .content_carl {
    display: flex;
    height: 166px;
    align-items: center;
    padding: 8px;
    justify-content: space-between
}

.bl_mea_carl .wrapper .bl_content .content_carl.brand {
    background: linear-gradient(to right,#871d81,#e2001a)
}

.bl_mea_carl .wrapper .bl_content .content_carl.blue {
    background: radial-gradient(circle at 50% 50%,#139bd6,#1b2157)
}

.bl_mea_carl .wrapper .bl_content .content_carl .bl_img {
    height: 130px;
    width: 120px;
    margin: 0 15px;
    text-align: center
}

.bl_mea_carl .wrapper .bl_content .content_carl .bl_img img {
    max-height: 130px;
    width: auto
}

.bl_mea_carl .wrapper .bl_content .content_carl .bl_desc {
    padding-right: 20px
}

.bl_mea_carl .wrapper .bl_content .content_carl .bl_desc .marque {
    margin-bottom: 2px
}

.bl_mea_carl .wrapper .bl_content .content_carl .bl_desc .modele {
    margin-bottom: 2px;
    text-transform: uppercase
}

.bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb {
    display: inline-block;
    min-width: 210px
}

.bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .md {
    margin-bottom: 7px
}

.bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .Title {
    background: #ffcd00;
    text-transform: uppercase;
    color: #000;
    border-radius: 3px 3px 3px 0;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 18px;
    padding: 0 6px;
    position: relative;
    margin-bottom: 5px
}

.bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .Title::before {
    content: "";
    display: block;
    width: 10px;
    height: 7px;
    background: #ffcd00;
    position: absolute;
    bottom: -7px;
    left: 0;
    -webkit-clip-path: polygon(100% 0,0 0,0 100%,15% 70%,30% 50%,50% 30%,70% 15%,80% 5%);
    clip-path: polygon(100% 0,0 0,0 100%,15% 70%,30% 50%,50% 30%,70% 15%,80% 5%)
}

@media screen and (min-width: 0\0) {
    .bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .Title::before {
        display:none
    }
}

.bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .Desc {
    position: relative;
    margin: 6px 0;
    border-left: 6px solid #ffcd00;
    border-radius: 13px;
    z-index: 0
}

.bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .Desc::before {
    content: "";
    display: block;
    width: 103px;
    height: 20px;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/png/bl-promo.png) left top no-repeat;
    position: absolute;
    top: -6px;
    left: -5px
}

.bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .Desc::after {
    content: "";
    display: block;
    width: 103px;
    height: 20px;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/png/bl-promo.png) left bottom no-repeat;
    position: absolute;
    bottom: -6px;
    left: -5px;
    z-index: 0
}

.bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .Desc>div {
    border-radius: 13px;
    padding: 10px 0 15px 10px;
    background: linear-gradient(to right,rgba(0,0,0,.1),rgba(255,255,255,0) 30%);
    position: relative;
    z-index: 1
}

.bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .Desc .bl_price {
    display: flex;
    margin: 4px 0 6px
}

.bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .Desc .bl_price .price {
    border-right: 1px solid #d2d2d2;
    padding-right: 6px;
    margin-right: 9px;
    font-size: 22px;
    line-height: 1;
    font-weight: 700;
    background: linear-gradient(to right,#871d81,#e2001a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #e2001a;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (min-width: 0\0) {
    .bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .Desc .bl_price .price {
        background:0 0;
        color: #e2001a
    }
}

.bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .Desc .bl_price .price sup {
    font-size: 12px;
    font-weight: 700
}

.bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .Desc .bl_price .price span {
    font-size: 18px;
    white-space: nowrap;
    line-height: 1.5;
    margin-left: -15px
}

.bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .Desc .bl_price .txt {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    line-height: .92;
    color: #181818
}

.bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .Desc .bl_price .txt i {
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 2px solid #e2001a
}

.bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .Desc .Text12 {
    font-size: 12px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase
}

.bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .Desc .Text10 {
    font-size: 10px;
    font-weight: 700;
    color: #181818;
    text-transform: uppercase
}

.bl_mea_carl .wrapper .bl_content .content_carl .bl_btn {
    display: flex;
    align-items: flex-end;
    height: 100%
}

.bl_mea_carl .wrapper .bl_content .content_carl .bl_btn .btn {
    width: 89px;
    padding: 0 5px;
    margin: 0
}

.bl_mea_carl .wrapper .bl_list {
    flex: 1;
    max-width: 300px;
    margin-left: 20px
}

.bl_mea_carl .wrapper .bl_list .list .elem_list {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    opacity: .5
}

.bl_mea_carl .wrapper .bl_list .list .elem_list .carrousel-progress-bar {
    margin-right: 19px
}

.bl_mea_carl .wrapper .bl_list .list .elem_list h6 {
    color: #fff
}

.bl_mea_carl .wrapper .bl_list .list .elem_list.active {
    opacity: 1
}

.bl_mea_carl .wrapper .bl_list .list .elem_list:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 768px) {
    .bl_mea_carl {
        padding:27px 18px 8px
    }

    .bl_mea_carl .wrapper {
        display: flex;
        flex-direction: column
    }

    .bl_mea_carl .wrapper .bl_content {
        width: 100%;
        position: relative
    }

    .bl_mea_carl .wrapper .bl_content .content_carl {
        height: auto;
        flex-direction: column;
        align-items: flex-start;
        padding: 8px 10px 8px 20px
    }

    .bl_mea_carl .wrapper .bl_content .content_carl .bl_img {
        display: none
    }

    .bl_mea_carl .wrapper .bl_content .content_carl .bl_desc {
        padding: 0
    }

    .bl_mea_carl .wrapper .bl_content .content_carl .bl_desc .marque {
        margin-bottom: 4px
    }

    .bl_mea_carl .wrapper .bl_content .content_carl .bl_desc .modele {
        margin-bottom: 8px;
        font-size: 24px
    }

    .bl_mea_carl .wrapper .bl_content .content_carl .bl_desc .Text500 {
        display: none
    }

    .bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .md {
        margin-bottom: 7px
    }

    .bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .Title {
        position: absolute;
        top: -18px;
        left: 0;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 3px;
        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 3px;
        -moz-border-radius-bottomright: 0;
        border-top-left-radius: 10px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 0
    }

    .bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .Desc {
        margin: 0;
        border-left: 0
    }

    .bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .Desc::after,.bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .Desc::before {
        display: none
    }

    .bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .Desc>div {
        padding: 0;
        background: 0 0;
        position: relative;
        z-index: 1
    }

    .bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .Desc .bl_price {
        display: flex;
        margin: 4px 0 6px
    }

    .bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .Desc .bl_price .price {
        border-right: 1px solid #d2d2d2;
        padding-right: 6px;
        margin-right: 9px;
        font-size: 22px;
        line-height: 1;
        font-weight: 700;
        background: linear-gradient(to right,#871d81,#e2001a);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: #e2001a;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .Desc .bl_price .price sup {
        font-size: 12px;
        font-weight: 700
    }
}

@media only screen and (max-width: 768px) and (min-width:0\0) {
    .bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .Desc .bl_price .price {
        background:0 0;
        color: #e2001a
    }
}

@media only screen and (max-width: 768px) {
    .bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .Desc .bl_price .price span {
        font-size:18px;
        white-space: nowrap;
        line-height: 1.5;
        margin-left: -15px
    }

    .bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .Desc .bl_price .txt {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700;
        line-height: .92;
        color: #181818
    }

    .bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .Desc .bl_price .txt i {
        display: inline-block;
        width: 8px;
        height: 8px;
        border: 2px solid #e2001a
    }

    .bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .Desc .Text12 {
        font-size: 12px;
        font-weight: 700;
        color: #000;
        text-transform: uppercase
    }

    .bl_mea_carl .wrapper .bl_content .content_carl .bl_promotion .bl_exluWeb .Desc .Text10 {
        font-size: 10px;
        font-weight: 700;
        color: #181818;
        text-transform: uppercase
    }

    .bl_mea_carl .wrapper .bl_content .content_carl .bl_btn {
        width: 100%;
        justify-content: flex-end
    }

    .bl_mea_carl .wrapper .bl_list {
        padding-top: 8px
    }

    .bl_mea_carl .wrapper .bl_list .list {
        display: flex
    }

    .bl_mea_carl .wrapper .bl_list .list .elem_list {
        margin: 0 10px 0 0
    }

    .bl_mea_carl .wrapper .bl_list .list .elem_list .carrousel-progress-bar {
        margin: 0
    }

    .bl_mea_carl .wrapper .bl_list .list .elem_list h6 {
        display: none
    }

    .bl_mea_carl .wrapper .bl_list .list .elem_list:last-child {
        margin-bottom: 0
    }
}

bol-champions-league {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 100%
}

.champions_league {
    position: relative;
    top: 34px;
    min-height: 73px;
    width: 400px
}

.champions_league .current_match {
    position: relative;
    display: flex;
    width: 100%;
    height: 73px;
    border-radius: 7.3px 7.3px 0 0;
    background-color: #fff
}

.champions_league .current_match.last_match {
    border-radius: 7.3px
}

.champions_league .current_match .first_team,.champions_league .current_match .second_team {
    display: flex;
    flex-direction: column;
    width: 50%;
    justify-content: center;
    align-items: center;
    position: relative
}

.champions_league .current_match .first_team .team_logo,.champions_league .current_match .second_team .team_logo {
    position: absolute;
    bottom: 43px;
    height: 80px;
    left: 50%;
    transform: translateX(-50%)
}

.champions_league .current_match .first_team .team_logo img,.champions_league .current_match .second_team .team_logo img {
    height: 100%
}

.champions_league .current_match .first_team .team_name,.champions_league .current_match .second_team .team_name {
    font-family: SFR,Arial,sans-serif;
    font-size: 16px;
    color: #000;
    margin-top: 8px
}

.champions_league .current_match .first_team {
    border-right: 1px solid #000
}

.champions_league .current_match .versus_logo {
    width: 65.9px;
    height: 65.9px;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
    background-color: #3d55a9;
    border: 6px solid #fff;
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
    bottom: 50.3px
}

.champions_league .current_match .versus_logo p {
    font-family: SFR,Arial,sans-serif;
    font-size: 27.5px;
    font-weight: 900;
    font-style: italic;
    text-align: center;
    color: #fff;
    padding-right: 5px
}

.champions_league .futur_matchs {
    width: 100%;
    background-color: #1e1e1e;
    border-radius: 0 0 7.3px 7.3px
}

.champions_league .futur_matchs .match {
    height: 65px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.champions_league .futur_matchs .match .match_date {
    font-family: SFR,Arial,sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #45b7d9
}

.champions_league .futur_matchs .match .match_summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    font-family: SFR,Arial,sans-serif;
    text-transform: uppercase
}

.champions_league .futur_matchs .match .match_summary .team1_icon,.champions_league .futur_matchs .match .match_summary team2_icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 19px;
    width: auto
}

.champions_league .futur_matchs .match .match_summary .match_string {
    margin: 5px
}

@media only screen and (max-width: 768px) {
    .champions_league {
        max-height:150px;
        width: 280px
    }

    .champions_league .current_match {
        border-radius: 7.3px;
        height: 51.5px
    }

    .champions_league .current_match .first_team .team_logo,.champions_league .current_match .second_team .team_logo {
        height: 70px;
        bottom: 31px
    }

    .champions_league .current_match .first_team .team_logo img,.champions_league .current_match .second_team .team_logo img {
        max-height: 100%;
        max-width: 100%
    }

    .champions_league .current_match .first_team .team_name,.champions_league .current_match .second_team .team_name {
        font-size: 12px
    }

    .champions_league .current_match .versus_logo {
        width: 45.8px;
        height: 45.8px;
        border: 5px solid #fff;
        bottom: 40px
    }

    .champions_league .current_match .versus_logo p {
        font-size: 19px
    }

    .champions_league .futur_matchs {
        display: none
    }
}

.champions_league_time {
    font-family: SFR,Arial,sans-serif;
    font-size: 32px;
    font-weight: 700;
    display: flex
}

.champions_league_time div {
    margin-right: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 40px
}

.champions_league_time div p:first-child {
    font-size: 12px;
    line-height: unset;
    margin-bottom: 8px
}

.champions_league_time .dot {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 2px;
    width: 19px
}

.champions_league_time.inprogress {
    display: none
}

.bl_popin_add_basket {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    z-index: 110;
    display: flex;
    justify-content: center;
    align-items: center
}

.bl_popin_add_basket .bl_popin {
    width: 578px;
    border-radius: 14px;
    box-shadow: 0 8px 16px 0 rgba(24,24,24,.1),0 -1px 6px 1px rgba(24,24,24,.04);
    background-color: #fff;
    padding: 32px 16px
}

.bl_popin_add_basket .bl_popin h3 {
    text-align: center;
    margin-bottom: 16px
}

.bl_popin_add_basket .bl_popin .bl_warning {
    padding-bottom: 15px
}

.bl_popin_add_basket .bl_popin .bl_content {
    display: flex
}

.bl_popin_add_basket .bl_popin .bl_content>div {
    flex: 1;
    position: relative
}

.bl_popin_add_basket .bl_popin .bl_content>div::after {
    content: "";
    display: block;
    height: 96px;
    width: 1px;
    background: #e9e9e9;
    position: absolute;
    right: 0;
    top: 25px
}

.bl_popin_add_basket .bl_popin .bl_content>div:last-child::after {
    display: none
}

.bl_popin_add_basket .bl_popin .bl_content .elem_popin {
    justify-content: space-between;
    align-items: center;
    display: flex;
    height: 100%;
    flex-direction: column
}

.bl_popin_add_basket .bl_popin .bl_content .elem_popin .bl_img {
    margin-bottom: 8px;
    text-align: center;
    height: 36px
}

.bl_popin_add_basket .bl_popin .bl_content .elem_popin .bl_img img {
    max-width: 36px;
    max-height: 36px
}

.bl_popin_add_basket .bl_popin .bl_content .elem_popin .bl_txt {
    margin-bottom: 24px;
    text-align: center
}

.bl_popin_add_basket .bl_popin .bl_content .elem_popin .btn {
    margin: 0
}

.bloc_mea_slider {
    margin: 32px 0 12px;
    display: flex;
    position: relative
}

.bloc_mea_slider .bl_list {
    display: none
}

@media only screen and (max-width: 768px) {
    .bl_popin_add_basket .bl_popin {
        width:280px
    }

    .bl_popin_add_basket .bl_popin .bl_content {
        flex-direction: column
    }

    .bl_popin_add_basket .bl_popin .bl_content>div {
        margin-bottom: 32px
    }

    .bl_popin_add_basket .bl_popin .bl_content>div::after {
        display: none
    }

    .bl_popin_add_basket .bl_popin .bl_content>div:last-child {
        margin: 0
    }

    .bloc_mea_slider .bl_list {
        display: flex;
        padding-top: 8px
    }

    .bloc_mea_slider .bl_list .list {
        display: flex
    }

    .bloc_mea_slider .bl_list .list .elem_list {
        align-items: center;
        opacity: .5;
        margin: 0 10px 0 0
    }

    .bloc_mea_slider .bl_list .list .elem_list.active {
        opacity: 1
    }

    .bloc_mea_slider .bl_list .list .elem_list .carrousel-progress-bar {
        margin: 0
    }

    .bloc_mea_slider .bl_list .list .elem_list:last-child {
        margin-bottom: 0
    }
}

.bloc_mea_slider .nav_mea_slider {
    left: 0;
    right: 0;
    position: absolute;
    height: 0;
    display: flex;
    justify-content: center;
    z-index: 1
}

.bloc_mea_slider .nav_mea_slider li {
    height: 220px;
    flex: 1;
    cursor: pointer;
    min-width: 118px
}

.bloc_mea_slider .nav_mea_slider li i {
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/arrow-l.svg) center no-repeat;
    height: 220px;
    max-width: 140px;
    display: block
}

.bloc_mea_slider .nav_mea_slider li.center {
    margin: 0 16px;
    background: 0 0;
    max-width: 1065px;
    flex: 100;
    height: 0
}

@media only screen and (max-width: 992px) {
    .bloc_mea_slider .nav_mea_slider li {
        min-width:76px
    }

    .bloc_mea_slider .nav_mea_slider li.center {
        margin: 0 8px
    }
}

.bloc_mea_slider .nav_mea_slider li.prev {
    -webkit-border-top-right-radius: 14px;
    -webkit-border-bottom-right-radius: 14px;
    -moz-border-radius-topright: 14px;
    -moz-border-radius-bottomright: 14px;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
    direction: rtl
}

.bloc_mea_slider .nav_mea_slider li.prev i {
    transform: rotate(-180deg)
}

.bloc_mea_slider .nav_mea_slider li.prev.Red {
    background: linear-gradient(to right,#f2f2f2,#c65872)
}

.bloc_mea_slider .nav_mea_slider li.prev.Purple {
    background: linear-gradient(to right,#f2f2f2,#d15a9c)
}

.bloc_mea_slider .nav_mea_slider li.prev.Green {
    background: linear-gradient(to right,#f2f2f2,#54d0d0)
}

.bloc_mea_slider .nav_mea_slider li.prev.Blue {
    background: linear-gradient(to right,#f2f2f2,#139bd6)
}

.bloc_mea_slider .nav_mea_slider li.next {
    -webkit-border-top-left-radius: 14px;
    -webkit-border-bottom-left-radius: 14px;
    -moz-border-radius-topleft: 14px;
    -moz-border-radius-bottomleft: 14px;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px
}

.bloc_mea_slider .nav_mea_slider li.next.Red {
    background: linear-gradient(to right,#c65872,#f2f2f2)
}

.bloc_mea_slider .nav_mea_slider li.next.Purple {
    background: linear-gradient(to right,#d15a9c,#f2f2f2)
}

.bloc_mea_slider .nav_mea_slider li.next.Green {
    background: linear-gradient(to right,#54d0d0,#f2f2f2)
}

.bloc_mea_slider .nav_mea_slider li.next.Blue {
    background: linear-gradient(to right,#139bd6,#f2f2f2)
}

.bloc_mea_slider::after,.bloc_mea_slider::before {
    content: "";
    display: block;
    height: 220px;
    flex: 1;
    min-width: 118px
}

.bloc_mea_slider::before {
    margin-right: 16px
}

.bloc_mea_slider::after {
    margin-left: 16px;
    transform: rotate(-180deg)
}

.bloc_mea_slider .wrapper_mea {
    height: 220px;
    border-radius: 14px;
    width: 100%;
    max-width: 1065px;
    margin: auto;
    display: flex;
    padding: 0 3.5%;
    align-items: center;
    justify-content: space-between;
    background-position: center;
    background-repeat: no-repeat
}

.bloc_mea_slider .wrapper_mea bol-mobile-slider-nav {
    display: none
}

.bloc_mea_slider .wrapper_mea.Red {
    background-image: radial-gradient(circle at 50% 50%,#e70059,#570221)
}

.bloc_mea_slider .wrapper_mea.Purple {
    background-image: radial-gradient(circle at 50% 50%,#d15a9c,#310036)
}

.bloc_mea_slider .wrapper_mea.Green {
    background-image: radial-gradient(circle at 50% 50%,#23b5b7,#004236)
}

.bloc_mea_slider .wrapper_mea.Blue {
    background-image: radial-gradient(circle at 50% 50%,#139bd6,#1b2157)
}

.bloc_mea_slider .wrapper_mea .bl_title {
    flex: 2;
    min-width: 31%;
    text-transform: uppercase
}

.bloc_mea_slider .wrapper_mea .bl_title h2 {
    color: #fff;
    margin-bottom: 2px
}

.bloc_mea_slider .wrapper_mea .bl_title .desc {
    font-size: 28px;
    line-height: 1.14;
    color: #fff
}

.bloc_mea_slider .wrapper_mea .bl_img {
    flex: 1;
    margin: 0 2.5% 0 3.5%;
    text-align: center
}

.bloc_mea_slider .wrapper_mea .bl_img img {
    max-width: 100%;
    max-height: 180px;
    width: auto
}

.bloc_mea_slider .wrapper_mea bol-bloc-exclu-web .Prix,.bloc_mea_slider .wrapper_mea bol-bloc-exclu-web .Text {
    color: #fff
}

.bloc_mea_slider .wrapper_mea bol-bloc-exclu-web .Prix {
    background: 0 0;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial
}

.bloc_mea_slider .wrapper_mea .bl_price_btn {
    flex: 2;
    margin-left: 2.5%;
    position: relative;
    height: 100%;
    align-items: center;
    display: flex
}

.bloc_mea_slider .wrapper_mea .bl_price_btn .bl_price .bl_exlu_web {
    position: initial;
    padding: 0
}

.bloc_mea_slider .wrapper_mea .bl_price_btn .bl_price .bl_exlu_web .md {
    margin-bottom: 15px
}

.bloc_mea_slider .wrapper_mea .bl_price_btn .bl_price .bl_exlu_web .Title {
    background: #ffcd00;
    text-transform: uppercase;
    color: #000;
    border-radius: 3px 3px 3px 0;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 18px;
    padding: 0 6px;
    position: relative;
    margin-bottom: 5px
}

.bloc_mea_slider .wrapper_mea .bl_price_btn .bl_price .bl_exlu_web .Title::before {
    content: "";
    display: block;
    width: 10px;
    height: 7px;
    background: #ffcd00;
    position: absolute;
    bottom: -7px;
    left: 0;
    -webkit-clip-path: polygon(100% 0,0 0,0 100%,15% 70%,30% 50%,50% 30%,70% 15%,80% 5%);
    clip-path: polygon(100% 0,0 0,0 100%,15% 70%,30% 50%,50% 30%,70% 15%,80% 5%)
}

@media screen and (min-width: 0\0) {
    .bloc_mea_slider .wrapper_mea .bl_price_btn .bl_price .bl_exlu_web .Title::before {
        display:none
    }
}

.bloc_mea_slider .wrapper_mea .bl_price_btn .bl_price .bl_exlu_web .Desc {
    width: auto
}

.bloc_mea_slider .wrapper_mea .bl_price_btn .bl_price .bl_exlu_web .Desc .clientOffer {
    padding-left: 10px;
    font-size: 12px;
    color: #fff
}

.bloc_mea_slider .wrapper_mea .bl_price_btn .bl_price .bl_exlu_web .Desc .clientOffer p {
    font-size: 12px;
    display: flex;
    text-transform: uppercase
}

.bloc_mea_slider .wrapper_mea .bl_price_btn .bl_price .bl_exlu_web .Desc .clientOffer p:first-child::before {
    margin-right: 4px;
    max-width: 6px;
    min-width: 6px;
    max-height: 6px;
    border: 2px solid #e2001a
}

.bloc_mea_slider .wrapper_mea .bl_price_btn .bl_price .bl_exlu_web .Desc>.main {
    padding: 8px 5px 8px 10px
}

.bloc_mea_slider .wrapper_mea .bl_price_btn .bl_price .bl_exlu_web .Desc .YellowTitle {
    text-transform: uppercase;
    font-size: 12px
}

.bloc_mea_slider .wrapper_mea .bl_price_btn .bl_price .bl_exlu_web .Desc .Prix {
    font-size: 46px;
    color: #fff;
    background: 0 0;
    -webkit-text-fill-color: #fff
}

.bloc_mea_slider .wrapper_mea .bl_price_btn .bl_price .bl_exlu_web .Desc .Prix b {
    display: flex;
    flex-direction: column;
    float: right;
    height: 40px;
    justify-content: space-around
}

.bloc_mea_slider .wrapper_mea .bl_price_btn .bl_price .bl_exlu_web .Desc .Prix sup {
    font-size: 22px
}

.bloc_mea_slider .wrapper_mea .bl_price_btn .bl_price .bl_exlu_web .Desc .Prix span {
    font-size: 10px;
    line-height: normal;
    font-weight: 700;
    margin-left: 0
}

.bloc_mea_slider .wrapper_mea .bl_price_btn .bl_price .bl_exlu_web .Desc .Prix span .old_prix {
    text-decoration: line-through;
    font-weight: 400;
    color: #444;
    background: inherit;
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: inherit
}

.bloc_mea_slider .wrapper_mea .bl_price_btn .bl_price .bl_exlu_web .Desc .CustomPrice {
    line-height: 1;
    font-weight: 900;
    font-size: 33px
}

.bloc_mea_slider .wrapper_mea .bl_price_btn .bl_price .bl_exlu_web .Desc .Text {
    font-size: 10px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700
}

.bloc_mea_slider .wrapper_mea .bl_price_btn .bl_price .bl_exlu_web .bl_btn .btn {
    margin: inherit
}

.bloc_mea_slider .wrapper_mea .bl_price_btn .bl_price .bl_exlu_web .exlu_web_bottom {
    display: flex;
    align-items: center
}

.bloc_mea_slider .wrapper_mea .bl_price_btn .bl_price .bl_exlu_web .exlu_web_bottom .text_legal {
    font-size: 7.6px;
    margin-left: 10px;
    font-weight: 700;
    line-height: 1.38;
    color: #fff
}

.bloc_mea_slider .wrapper_mea .bl_price_btn .bl_price .bl_exlu_web .old-price-bloc::before {
    z-index: auto
}

.bloc_mea_slider .wrapper_mea .bl_price_btn .bl_btn {
    position: absolute;
    right: 0;
    bottom: 32px
}

.bloc_mea_slider .wrapper_mea .bl_price_btn .bl_btn .btn {
    background: rgba(255,255,255,0)
}

.bloc_mea_slider .wrapper_mea .bl_imgMob {
    display: none
}

.bloc_mea_slider .wrapper_mea.tv_offer {
    padding: 0;
    min-height: 274px;
    height: auto
}

.bloc_mea_slider .wrapper_mea.tv_offer .bl_title h2 {
    color: #fff;
    margin-bottom: 12px;
    display: flex;
    align-items: center
}

.bloc_mea_slider .wrapper_mea.tv_offer .bl_title h2 i.icon {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.bloc_mea_slider .wrapper_mea.tv_offer .bl_title .desc {
    color: #fff;
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 1.38;
    text-transform: initial
}

.bloc_mea_slider .wrapper_mea.tv_offer .bl_title .btn {
    background: #fff
}

.bloc_mea_slider .wrapper_mea.tv_offer .bl_title .bl_exlu_web {
    display: block
}

.bloc_mea_slider .wrapper_mea.tv_offer .bl_price_btn {
    max-width: 40%;
    min-width: inherit
}

.bloc_mea_slider .wrapper_mea.tv_offer .bl_img_version img {
    max-height: 211px
}

@media only screen and (max-width: 768px) {
    .bloc_mea_slider .wrapper_mea.tv_offer {
        text-align:center;
        padding: 40px 0 48px
    }

    .bloc_mea_slider .wrapper_mea.tv_offer .bl_title h2 {
        justify-content: center;
        margin-bottom: 50px;
        font-size: 26px;
        line-height: 1
    }

    .bloc_mea_slider .wrapper_mea.tv_offer .bl_img_version {
        display: block;
        margin-bottom: 14px;
        max-width: none
    }

    .bloc_mea_slider .wrapper_mea.tv_offer .bl_img_version img {
        max-height: 141px
    }
}

@media only screen and (max-width: 992px) {
    .bloc_mea_slider::after,.bloc_mea_slider::before {
        min-width:76px
    }

    .bloc_mea_slider::before {
        margin-right: 8px
    }

    .bloc_mea_slider::after {
        margin-left: 8px
    }

    .bloc_mea_slider .wrapper_mea {
        padding: 0 4% 0 5%
    }

    .bloc_mea_slider .wrapper_mea .bl_title {
        max-width: 35%;
        min-width: 35%
    }

    .bloc_mea_slider .wrapper_mea .bl_title .desc {
        font-size: 22px
    }

    .bloc_mea_slider .wrapper_mea .bl_img {
        display: none
    }

    .bloc_mea_slider .wrapper_mea .bl_price_btn {
        max-width: 53%;
        min-width: 53%
    }

    .bloc_mea_slider .wrapper_mea .bl_price_btn .bl_price .bl_exlu_web .Title {
        background: #ffcd00;
        text-transform: uppercase;
        color: #000;
        border-radius: 3px 3px 3px 0;
        display: inline-block;
        font-size: 10px;
        font-weight: 700;
        line-height: 18px;
        padding: 0 6px;
        position: relative;
        margin-bottom: 5px
    }

    .bloc_mea_slider .wrapper_mea .bl_price_btn .bl_price .bl_exlu_web .Desc .clientOffer {
        display: block
    }

    .bloc_mea_slider .wrapper_mea .bl_price_btn .bl_imgMob {
        display: block;
        position: absolute;
        right: 0;
        top: 20px;
        width: 110px;
        text-align: center
    }

    .bloc_mea_slider .wrapper_mea .bl_price_btn .bl_imgMob img {
        max-height: 125px;
        max-width: 80px
    }
}

@media only screen and (max-width: 768px) {
    .bloc_mea_slider .nav_mea_slider {
        display:none
    }

    .bloc_mea_slider::after,.bloc_mea_slider::before {
        min-width: auto;
        margin: 0
    }

    .bloc_mea_slider .wrapper_mea {
        padding: 28px 7.5% 16px;
        flex-direction: column;
        height: 350px;
        justify-content: flex-start;
        border-radius: 0
    }

    .bloc_mea_slider .wrapper_mea bol-mobile-slider-nav {
        display: block
    }

    .bloc_mea_slider .wrapper_mea .bl_title {
        max-width: none;
        min-width: 100%
    }

    .bloc_mea_slider .wrapper_mea .bl_title h2 {
        font-size: 22px
    }

    .bloc_mea_slider .wrapper_mea .bl_title .desc {
        font-size: 21px
    }

    .bloc_mea_slider .wrapper_mea .bl_price_btn {
        max-width: none;
        min-width: 100%;
        flex: inherit
    }
}

.bl_box_bloc {
    padding: 0 18px
}

.bl_box_bloc>.wrapper {
    max-width: 1065px;
    margin: auto;
    padding: 32px 0 64px
}

.bl_box_bloc .desc_bloc {
    margin-bottom: 32px
}

.bl_box_bloc .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.bl_box_bloc .list>li {
    flex: 1;
    max-width: calc(100% / 2 - 15px);
    min-width: 40%;
    margin: 0 30px 24px 0
}

.bl_box_bloc .list>li:nth-child(2n) {
    margin: 0 0 24px
}

@media only screen and (max-width: 768px) {
    .bl_box_bloc>.wrapper {
        padding:24px 0 40px
    }

    .bl_box_bloc .desc_bloc {
        text-align: center;
        margin-bottom: 24px
    }

    .bl_box_bloc .list {
        display: block
    }

    .bl_box_bloc .list>li {
        max-width: none;
        margin: 0;
        padding: 16px 0
    }

    .bl_box_bloc .list>li:nth-child(2n) {
        margin: 0
    }

    .bl_box_bloc .list>li:first-child {
        padding: 0 0 16px
    }

    .bl_box_bloc .list>li:last-child {
        padding: 16px 0 0
    }
}

.box_card {
    background: #fff;
    position: relative;
    border-radius: 14px;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.box_card .bl_promo {
    background: #ffcd00;
    top: -19px;
    z-index: -1;
    color: #181818
}

.box_card .bl_promo .txt {
    display: inline-flex;
    align-items: center
}

.box_card .bl_promo i.debit {
    width: 10px;
    height: 10px;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/d-bit.svg) center no-repeat;
    display: inline-block;
    margin-left: 4px
}

.box_card .bl_promo i.debit.Up {
    transform: rotate(180deg)
}

.box_card .WhiteBloc {
    display: flex;
    justify-content: space-between;
    padding-bottom: 32px
}

.box_card .WhiteBloc>div {
    flex: 1
}

.box_card .WhiteBloc .Detail {
    padding: 24px 0 0 20px;
    max-width: 222px
}

.box_card .WhiteBloc .Detail .bl_title {
    margin-bottom: 12px
}

.box_card .WhiteBloc .bl_img {
    padding: 24px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 264px
}

.box_card .WhiteBloc .bl_img img {
    max-height: 120px;
    max-width: 120px;
    height: auto;
    width: auto
}

@media only screen and (max-width: 480px) {
    .box_card .WhiteBloc .bl_img img {
        max-height:76px;
        max-width: 76px
    }
}

.box_card .BlackBloc {
    padding: 16px 20px 24px;
    border-top: 1px solid #d2d2d2;
    display: flex;
    justify-content: space-between;
    position: relative
}

@media only screen and (max-width: 768px) {
    .box_card .BlackBloc {
        padding:16px 20px 12px
    }
}

.box_card .BlackBloc .bl_offres {
    position: absolute;
    top: -15px;
    left: 20px;
    display: flex;
    right: 20px;
    align-items: center;
    height: 26px
}

.box_card .BlackBloc .bl_offres .bl_prix_forfait {
    border-radius: 3px;
    background: #ffcd00;
    display: inline-block;
    padding: 2px 6px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    color: #222;
    margin-right: 5px
}

.box_card .BlackBloc .bl_offres .bl_prix_forfait span {
    font-size: 8px;
    color: #444;
    font-weight: 400;
    display: block
}

.box_card .BlackBloc .bl_desc {
    max-width: 190px;
    min-width: 185px;
    margin-right: 10px
}

@media only screen and (max-width: 370px) {
    .box_card .BlackBloc .bl_desc {
        min-width:auto
    }
}

.box_card .BlackBloc .bl_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.box_card .BlackBloc .bl_btn .btn {
    margin: 0 0 0 4px;
    width: 96px;
    padding: 0 5px;
    box-sizing: border-box
}

.box_card .BlackBloc .bl_btn .btn.ghost {
    margin: 0 0 4px
}

.box_card.Gen8 {
    background-image: radial-gradient(circle at 76% 27%,#862b70,#222 66%)
}

.box_card.Gen8 .WhiteBloc .Detail .bl_title h3,.box_card.Gen8 .WhiteBloc .Detail .list_desc {
    color: #fff
}

.box_card.Gen8 .WhiteBloc .bl_img {
    background: url(https://static.s-sfr.fr/media/v2/assets/images/png/wave-gradient.png) center right no-repeat
}

.box_card.Gen8 .BlackBloc {
    border-color: #444
}

.box_card.Gen8 .BlackBloc .bl_desc .bl_prix .Text200,.box_card.Gen8 .BlackBloc .bl_desc .bl_prix bol-price {
    color: #fff
}

.box_card.Gen8 .BlackBloc .bl_btn .btn {
    border-color: #fff
}

.box_card.Gen8 .BlackBloc .bl_btn .btn span {
    color: #fff;
    background: inherit;
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: #fff
}

.bl_popin_member {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    z-index: 110;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 18px
}

.bl_popin_member .bl_popin {
    max-width: 1065px;
    border-radius: 14px;
    box-shadow: 0 8px 16px 0 rgba(24,24,24,.1),0 -1px 6px 1px rgba(24,24,24,.04);
    background-color: #fff;
    padding: 64px 16px;
    flex: 1;
    text-align: center;
    position: relative;
    overflow-y: auto;
    max-height: 90vh
}

.bl_popin_member .bl_popin i.close {
    display: block;
    width: 40px;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/cross.svg) center no-repeat #f2f2f2;
    height: 40px;
    position: absolute;
    top: 24px;
    right: 24px;
    border-radius: 90px;
    cursor: pointer
}

.bl_popin_member .bl_popin>.bl_btn {
    text-align: center
}

.bl_popin_member .bl_popin .bl_title {
    text-align: center;
    margin-bottom: 2px;
    text-transform: uppercase
}

.bl_popin_member .bl_popin .bl_warning {
    padding-bottom: 80px
}

.bl_popin_member .bl_popin .bl_content {
    display: flex;
    justify-content: space-around;
    margin: 0 auto 32px;
    max-width: 900px
}

.bl_popin_member .bl_popin .bl_content>div {
    flex: 1;
    position: relative
}

.bl_popin_member .bl_popin .bl_content>div::after {
    content: "";
    display: block;
    height: 102px;
    width: 1px;
    background: #e9e9e9;
    position: absolute;
    right: 0;
    top: 0
}

.bl_popin_member .bl_popin .bl_content>div:last-child::after {
    display: none
}

.bl_popin_member .bl_popin .bl_content .elem_popin {
    justify-content: space-between;
    align-items: center;
    display: flex;
    height: 100%;
    flex-direction: column
}

.bl_popin_member .bl_popin .bl_content .elem_popin .bl_img {
    margin-bottom: 8px;
    text-align: center;
    height: 42px
}

.bl_popin_member .bl_popin .bl_content .elem_popin .bl_img img {
    max-width: 70px;
    max-height: 42px
}

.bl_popin_member .bl_popin .bl_content .elem_popin .bl_txt {
    max-width: 244px;
    text-align: center
}

.bl_popin_member .bl_popin .bl_content .elem_popin .btn {
    margin: 0
}

@media only screen and (max-width: 768px) {
    .bl_popin_member .bl_popin {
        padding:64px 24px 0
    }

    .bl_popin_member .bl_popin i.close {
        top: 16px;
        right: 16px
    }

    .bl_popin_member .bl_popin .bl_title {
        margin-bottom: 4px
    }

    .bl_popin_member .bl_popin .bl_warning {
        padding-bottom: 32px
    }

    .bl_popin_member .bl_popin .bl_content {
        flex-direction: column
    }

    .bl_popin_member .bl_popin .bl_content>div {
        margin-bottom: 32px
    }

    .bl_popin_member .bl_popin .bl_content>div::after {
        display: none
    }

    .bl_popin_member .bl_popin .bl_content>div:last-child {
        margin: 0
    }

    .bl_popin_member .bl_popin>.bl_btn {
        padding-bottom: 40px
    }
}

.bl_partner_sites {
    background: linear-gradient(to right,#871d81,#e2001a);
    padding: 0 18px
}

.bl_partner_sites>.wrapper {
    max-width: 1065px;
    margin: auto;
    padding: 10px 0;
    display: flex;
    align-items: center
}

.bl_partner_sites>.wrapper .bl_img {
    background: #f2f2f2;
    margin-right: 16px;
    min-height: 40px;
    min-width: 60px;
    align-items: center;
    justify-content: center;
    display: flex;
    border-radius: 5px;
    padding: 4px
}

.bl_partner_sites>.wrapper .bl_img img {
    max-width: 50px;
    max-height: 35px
}

.bl_partner_sites>.wrapper .bl_txt {
    color: #fff
}

@media only screen and (max-width: 768px) {
    .bl_partner_sites>.wrapper {
        padding:16px 0
    }

    .bl_partner_sites>.wrapper .bl_img {
        min-height: 70px;
        min-width: 70px
    }

    .bl_partner_sites>.wrapper .bl_img img {
        max-width: 55px;
        max-height: 55px
    }
}

.card_tv_fix {
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.13),0 -1px 6px 1px rgba(24,24,24,.04);
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.card_tv_fix .bl_promo {
    background: #ffcd00;
    top: -19px;
    z-index: -1;
    color: #181818
}

.card_tv_fix .top_bloc .bl_title {
    background-image: radial-gradient(circle at 50% 50%,#d15a9c,#732560 89%,#310036 137%);
    padding: 16px 20px;
    -webkit-border-top-left-radius: 14px;
    -webkit-border-top-right-radius: 14px;
    -moz-border-radius-topleft: 14px;
    -moz-border-radius-topright: 14px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-radius: 14px 14px 0 0
}

.card_tv_fix .top_bloc .bl_title h3 {
    color: #fff
}

.card_tv_fix .top_bloc .bl_title h3 span {
    display: block;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/plus.svg) left center no-repeat;
    padding-left: 24px
}

.card_tv_fix .top_bloc .bl_title h3 span i {
    background: #e9e9e9;
    border-radius: 3px;
    display: inline-block;
    height: 16px;
    line-height: 12px;
    padding: 0 6px
}

.card_tv_fix .top_bloc .bl_title h3 span i strong {
    background: linear-gradient(to right,#871d81,#e2001a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #e2001a;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase
}

.card_tv_fix .top_bloc .content {
    padding: 16px 20px
}

.card_tv_fix .top_bloc .content.Plus {
    border-top: 1px solid #d2d2d2;
    margin-top: 8px;
    position: relative
}

.card_tv_fix .top_bloc .content.Plus::before {
    content: "";
    display: block;
    height: 16px;
    width: 32px;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/plus-black.svg) center no-repeat #fff;
    position: absolute;
    top: -8px;
    left: calc(50% - 16px)
}

.card_tv_fix .top_bloc .content h4 {
    padding-bottom: 8px
}

.card_tv_fix .top_bloc .content .bl_img {
    height: 166px;
    margin: 8px 0 16px;
    display: flex;
    justify-content: center;
    align-items: center
}

.card_tv_fix .top_bloc .content .bl_img img {
    max-height: 166px;
    max-width: 100%
}

.card_tv_fix .top_bloc .content .list_detail {
    overflow: hidden
}

.card_tv_fix .top_bloc .content .list_detail li {
    margin-bottom: 4px;
    position: relative;
    padding-left: 11px
}

.card_tv_fix .top_bloc .content .list_detail li::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #444;
    margin: 0 0 4px;
    position: absolute;
    top: 8px;
    left: 0
}

.card_tv_fix .top_bloc .content .list_detail li i.debit {
    width: 10px;
    height: 10px;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/d-bit.svg) center no-repeat;
    display: inline-block;
    margin-right: 3px
}

.card_tv_fix .top_bloc .content .list_detail li i.debit.up {
    transform: rotate(180deg)
}

.card_tv_fix .bottom_bloc {
    padding: 8px 20px 20px;
    border-top: 1px solid #d2d2d2
}

.card_tv_fix .bottom_bloc .bl_desc {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

.card_tv_fix .bottom_bloc .bl_desc .bl_elem {
    max-width: 125px
}

@media only screen and (max-width: 768px) {
    .card_tv_fix .bottom_bloc .bl_desc .bl_elem {
        flex:2;
        max-width: none
    }
}

.card_tv_fix .bottom_bloc .bl_desc .bl_elem .bl_price {
    margin-bottom: 4px;
    font-size: 22px
}

.card_tv_fix .bottom_bloc .bl_desc .bl_elem .bl_price s {
    color: #404040;
    font-size: 12px
}

.card_tv_fix .bottom_bloc .bl_desc .bl_elem .title {
    font-size: 11px;
    font-weight: 700;
    line-height: 1.09;
    color: #222;
    margin-bottom: 4px
}

.card_tv_fix .bottom_bloc .bl_desc .bl_plus {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 8px 0 4px
}

@media only screen and (max-width: 768px) {
    .card_tv_fix .bottom_bloc .bl_desc .bl_plus {
        flex:1
    }
}

.card_tv_fix .bottom_bloc .bl_btn {
    text-align: right
}

.card_tv_fix .bottom_bloc .bl_btn .btn {
    margin-left: 8px
}

.card_tv_fix .bottom_bloc .bl_btn_tv {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end
}

.card_tv_fix .bottom_bloc .bl_btn_tv .toAdd {
    margin: 0 0 0 8px
}

.bl_tv_bonus {
    background: #181818;
    padding-bottom: 24px
}

.bl_tv_bonus .bloc_SubTitle {
    background-image: linear-gradient(to bottom,#0f0f0f,rgba(255,255,255,0))
}

.bl_tv_bonus .bloc_SubTitle h2 {
    color: #fff
}

.bl_tv_bonus>.wrapper {
    max-width: 1065px;
    margin: auto
}

.bl_tv_bonus>.wrapper ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 72px
}

.bl_tv_bonus>.wrapper ul li {
    max-width: 280px;
    margin: 0 30px
}

.tv_bonus_elem {
    padding: 64px 0 16px
}

.tv_bonus_elem .bl_img {
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
    width: 100%
}

.tv_bonus_elem .bl_img img {
    max-height: 90px;
    max-width: 150px
}

.tv_bonus_elem h3 {
    color: #fff;
    text-align: center;
    margin-bottom: 16px
}

.tv_bonus_elem .Text500 {
    color: #fff;
    text-align: center
}

body {
    font: normal normal 13px SFR,Arial,sans-serif;
    scroll-behavior: smooth;
    color: #222;
    background: #f2f2f2;
    min-width: 320px;
    width: 100%;
    overflow-x: hidden
}

body a {
    color: #222
}

datalist,input,label,option {
    font-family: SFR,Arial,sans-serif
}

.h1,h1 {
    font-size: 44px;
    font-weight: 900;
    line-height: 1.18;
    color: #222
}

@media only screen and (max-width: 768px) {
    .bl_tv_bonus>.wrapper ul {
        padding-bottom:24px
    }

    .bl_tv_bonus>.wrapper ul li {
        max-width: none;
        margin: 0
    }

    .tv_bonus_elem {
        padding: 24px 18px 20px
    }

    .tv_bonus_elem .bl_img {
        height: 60px
    }

    .tv_bonus_elem .bl_img img {
        max-height: 60px
    }

    .h1,h1 {
        font-size: 34px;
        line-height: 1.06
    }
}

.h2,h2 {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.13;
    color: #222;
}

@media only screen and (max-width: 768px) {
    .h2,h2 {
        font-size:16px;
        line-height: 1
    }
}

.h3,h3 {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.37;
    color: #222
}

.h4,.h5,h4,h5 {
    font-size: 16px;
    font-weight: 700;
    color: #222
}

.h6,h6 {
    font-size: 14px;
    font-weight: 700;
    color: #222
}

.Price {
    font-size: 19px;
    display: inline-block;
    font-weight: 700;
    background: linear-gradient(to right,#871d81,#e2001a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #e2001a
}

@media screen and (min-width: 0\0) {
    .Price,.card_tv_fix .top_bloc .bl_title h3 span i strong {
        background:0 0;
        color: #e2001a
    }

    .btn b {
        background: 0 0
    }
}

.Text700 {
    font-size: 18px;
    color: #444;
    line-height: 1.56;
    font-weight: 400
}

.Text700.mobile {
    font-size: 16px;
    line-height: 1.38
}

.Text600 {
    font-size: 16px;
    color: #444;
    line-height: 1.38;
    font-weight: 400
}

.Text500 {
    font-size: 14px;
    color: #444;
    line-height: 1.43;
    font-weight: 400
}

.Text300 {
    font-size: 12px;
    color: #8a8a8a;
    font-family: Arial;
    font-weight: 400
}

.Text200 {
    font-size: 10px;
    color: #8a8a8a;
    font-family: Arial;
    font-weight: 400
}

.bottom-grey {
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 24px
}

.clear {
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.btn {
    font-size: 10px;
    font-weight: 900;
    line-height: 1.4;
    overflow: hidden;
    text-align: center;
    padding: 0 20px;
    text-transform: uppercase;
    display: inline-flex;
    border-radius: 10px;
    background-image: linear-gradient(to right,#871d81,#e2001a 50%);
    background-position: 0 center;
    background-size: 200%;
    transition-property: background-position,box-shadow,background-color;
    transition-duration: .2s;
    color: #fff;
    cursor: pointer;
    height: 40px;
    position: relative;
    align-items: center;
    justify-content: center;
    margin: auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.btn:not(.disabled):hover {
    background-position: 100% center;
    box-shadow: 0 4px 8px rgba(226,0,26,.4)
}

.btn:not(.disabled):active {
    box-shadow: 0 2px 4px rgba(226,0,26,.4)
}

.btn.b50 {
    line-height: 50px;
    height: 50px
}

.btn.ghost {
    background: rgba(255,255,255,0);
    border: 1px solid #e2001a;
    color: #e2001a
}

.btn.ghost span {
    background: linear-gradient(to right,#871d81,#e2001a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #e2001a
}

.btn.ghost.White {
    border-color: #fff;
    background: rgba(255,255,255,0);
    color: #fff
}

.btn.ghost.White span {
    color: #fff;
    background: inherit;
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: #fff
}

.btn.ghost.Red {
    background: rgba(255,255,255,0)
}

.btn.deactivated {
    background: #d2d2d2;
    color: #9c9e9f
}

.btn.disabled {
    background: #d2d2d2;
    color: #9c9e9f;
    cursor: inherit
}

.btn.toAdd .add_txt,.btn.toAdd .loader {
    display: none
}

.btn.Added .loader {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #f2f2f2;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-animation: .5s infinite forwards fadeOut;
    animation: .5s infinite forwards fadeOut
}

.btn.Added .loader .lds-ring {
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    background: linear-gradient(to right,#871d81,#e2001a);
    border-radius: 50%
}

.btn.Added .loader .lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    margin: -1px;
    border: 4px solid;
    border-radius: 50%;
    -webkit-animation: 1.2s cubic-bezier(.5,0,.5,1) infinite lds-ring;
    animation: 1.2s cubic-bezier(.5,0,.5,1) infinite lds-ring;
    border-color: #f2f2f2 transparent transparent
}

.btn.Added .loader .lds-ring div:nth-child(1) {
    -webkit-animation-delay: -.65s;
    animation-delay: -.65s
}

.btn.Added .loader .lds-ring div:nth-child(2) {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.btn.Added .loader .lds-ring div:nth-child(3) {
    -webkit-animation-delay: -.35s;
    animation-delay: -.35s
}

.btn.Added .loader .lds-ring div:last-child {
    background: #f2f2f2;
    width: 14px;
    height: 14px;
    margin: 2px;
    -webkit-animation: none;
    animation: none
}

.btn.Added .add_txt {
    -webkit-animation: 3s 2s forwards fadeOut;
    animation: 3s 2s forwards fadeOut;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #f2f2f2;
    display: flex;
    justify-content: center;
    align-items: center
}

.btn.Added .add_txt span {
    background: linear-gradient(to right,#871d81,#e2001a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #e2001a
}

@media screen and (min-width: 0\0) {
    .btn.Added .add_txt span,.btn.ghost span {
        background:0 0;
        color: #e2001a
    }
}

.btn.Added .add_txt span i {
    width: 14px;
    height: 14px;
    margin: 0 4px -3px 0;
    display: inline-block;
    background: url(https://static.s-sfr.fr/media/v2/assets/images/png/check-added.png) center no-repeat
}

.bl_range {
    position: relative;
    z-index: 0
}

.input {
    border-radius: 4px;
    border: 1px solid #d2d2d2;
    background-color: #fff;
    font-size: 14px;
    line-height: 42px;
    height: 42px;
    color: #444;
    padding: 0 14px
}

.label {
    display: inline-block;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 1.43;
    color: #444
}

.link {
    font-family: Arial;
    font-size: 15px;
    cursor: pointer;
    display: inline-block;
    background: linear-gradient(to right,#871d81,#e2001a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #e2001a;
}

.link.Bigger {
    font-size: 16px;
    margin-bottom: 10px
}

.link.Feature {
    font-family: SFR
}

.link.Red {
    color: #e2001a
}

.link.White {
    color: #fff
}

.link i {
    background: center no-repeat;
    width: 16px;
    height: 16px;
    display: none;
    margin: 0 0 -3px 4px
}

.link.More i {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/prev-next.svg);
    display: inline-block;
    transition: transform 150ms cubic-bezier(.4,0,.2,1)
}

.link.Expand {
    font-size: 14px
}

.link.Expand i {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/arrow-full.svg);
    display: inline-block;
    margin: 0 0 -3px 7px
}

.link.Expand.active i {
    transform: rotate(180deg)
}

.link.More:hover i {
    transform: translateX(10px)
}

.link.More.Red i {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/prev-next-red.svg)
}

.link.Expand.Red i {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/arrow-full-red.svg)
}

.link.More.White i {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/prev-next-white.svg)
}

.link.Expand.White i {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/arrow-full-white.svg)
}

.bl_radio {
    margin-bottom: 12px
}

.bl_radio input[type=radio]:not(old) {
    display: none
}

.bl_radio input[type=radio]:not(old)+label {
    font-size: 14px;
    color: #444;
    display: flex;
    margin-left: -33px;
    padding-left: 33px;
    cursor: pointer
}

.bl_radio input[type=radio]:not(old)+label i {
    height: 8px;
    max-width: 8px;
    min-width: 8px;
    border: 6px solid #fff;
    display: block;
    border-radius: 90px;
    margin-right: 11px;
    box-shadow: 0 0 0 1px #8a8a8a;
    box-sizing: content-box
}

.bl_radio input[type=radio]:not(old)+label span {
    margin-top: 2px
}

.bl_radio input[type=radio]:not(old):checked+label i {
    background: #e2001a
}

.bl_checkbox {
    margin-bottom: 12px
}

.bl_checkbox input[type=checkbox]:not(old) {
    display: none
}

.bl_checkbox input[type=checkbox]:not(old)+label {
    font-size: 14px;
    color: #444;
    display: flex;
    margin-left: -33px;
    padding-left: 33px;
    cursor: pointer
}

.bl_checkbox input[type=checkbox]:not(old)+label i {
    height: 22px;
    max-width: 22px;
    min-width: 22px;
    border: 1px solid #8a8a8a;
    display: block;
    margin-right: 11px;
    background: center no-repeat
}

.bl_checkbox input[type=checkbox]:not(old)+label span {
    margin-top: 5px
}

.bl_checkbox input[type=checkbox]:not(old):checked+label i {
    background-image: url(https://static.s-sfr.fr/media/v2/assets/images/svg/check.svg)
}

.list_Radio {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px
}

.list_Radio input[type=radio]:not(old) {
    display: none
}

.list_Radio li {
    margin-bottom: 8px;
    border: 1px solid #d2d2d2;
    margin-left: -1px
}

.list_Radio li:first-child {
    border-top-left-radius: 4px
}

.list_Radio li:last-child {
    border-top-right-radius: 4px;
    border: 1px solid #d2d2d2
}

.list_Radio li.active label {
    font-weight: 700
}

.list_Radio li input[type=radio]:not(old):checked+label,.list_Radio li:hover label {
    border-bottom: 3px solid;
    border-image-source: linear-gradient(86deg,#871d81,#e2001a);
    border-image-slice: 1;
    padding-bottom: 6px;
    font-weight: 700
}

.list_Radio li label {
    display: inline-block;
    cursor: pointer;
    padding: 8px 12px;
    position: relative
}

.AllMobile .PhoneList li:nth-child(n+10) {
    display: block
}

.bloc_SubTitle {
    background-image: linear-gradient(to bottom,#e0e0e0,#f2f2f2);
    padding: 0 18px
}

.bloc_SubTitle.bgGray {
    background-image: linear-gradient(to bottom,#e0e0e0,#f2f2f2)
}

.bloc_SubTitle .wrapper {
    max-width: 1065px;
    margin: auto;
    padding: 40px 0 8px
}

.bloc_SubTitle .wrapper h2 {
    display: flex;
    align-items: center;
    text-transform: uppercase
}

@media only screen and (max-width: 768px) {
    .bloc_SubTitle .wrapper h2 {
        text-align:center;
        display: block
    }

    .bloc_SubTitle .wrapper h2 i.icon {
        display: none
    }
}

.Target:target {
    padding-top: 90px;
    margin-top: -90px;
    clear: both
}

.bgBlack {
    position: fixed;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    background: #000;
    z-index: 9;
    opacity: .5;
    display: none
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 99;
    content: "";
    display: none
}

.overlay.active {
    display: block
}

.liste_card .card_offre {
    width: 310px!important
}

.ng-placeholder {
    font-size: 18px;
    font-weight: 700;
    color: #222
}

.ng-dropdown-panel {
    position: relative!important
}

.ng-dropdown-panel .scroll-host {
    margin: 12px 0;
    max-height: 120px!important
}

.ng-select .ng-select-container {
    min-height: 25px
}

.ng-option {
    margin-bottom: 3px
}

.ng-option::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    border: 1px solid #8a8a8a;
    margin-right: 8px
}

.ng-option.ng-option-selected::before {
    background: url(https://static.s-sfr.fr/media/v2/assets/images/svg/check.svg) center no-repeat
}

.ng-option .ng-option-label {
    line-height: 22px;
    display: inline-block;
    overflow: hidden
}

.ng-value {
    display: none
}

.ng-value-custom {
    border-radius: 4px;
    border: 1px solid #8a8a8a;
    padding: 5px 12px;
    display: flex;
    flex-direction: row-reverse;
    margin: 0 12px 5px 0
}

.ng-value-custom:last-child {
    margin-right: 0
}

.ng-value-custom .ng-value-icon-custom {
    color: #e2001a;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 23px;
    font-weight: 300;
    margin-left: 15px;
    line-height: 19px
}

.ng-value-custom .ng-value-label-custom {
    font-size: 14px;
    line-height: 1.43;
    color: #444
}

.autocomplete-container {
    box-shadow: none!important;
    height: inherit
}

.autocomplete-container .input-container input {
    height: 42px!important;
    line-height: 42px!important;
    border-radius: 4px;
    border: 1px solid #d2d2d2!important;
    padding: 0 14px!important;
    background-color: #fff!important;
    font-size: 14px!important;
    color: #444!important;
    width: 100%!important
}

.autocomplete-container .suggestions-container {
    z-index: 2
}

.fl_right {
    float: right
}

a.pointer {
    cursor: pointer
}

.bgWhite {
    background: #fff
}

.white {
    color: #fff
}

.bgGray {
    background: #f2f2f2
}

.bgDark {
    background: #444
}

.Separateur {
    padding: 28px 0 36px
}

.Separateur i {
    height: 1px;
    background: #d2d2d2;
    position: absolute;
    right: 0;
    left: 0
}

#html_block {
    position: relative;
    z-index: 0
}

.toast-center-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

.toast-title {
    font-weight: 700
}

.toast-message {
    word-wrap: break-word
}

.toast-message a,.toast-message label {
    color: #fff
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 0 #fff
}

.toast-close-button:focus,.toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0
}

.toast-container {
    pointer-events: none;
    position: fixed;
    z-index: 999999
}

.toast-container * {
    box-sizing: border-box
}

.toast-container .ngx-toastr {
    position: relative;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 24px;
    box-shadow: 0 0 12px #999;
    color: #fff
}

.toast-container .ngx-toastr:hover {
    box-shadow: 0 0 12px #000;
    opacity: 1;
    cursor: pointer
}

.toast-info {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E")
}

.toast-error {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E")
}

.toast-success {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E")
}

.toast-container.toast-bottom-center .ngx-toastr,.toast-container.toast-top-center .ngx-toastr {
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

.toast-container.toast-bottom-full-width .ngx-toastr,.toast-container.toast-top-full-width .ngx-toastr {
    width: 96%;
    margin-left: auto;
    margin-right: auto
}

.ngx-toastr {
    background-color: #030303;
    pointer-events: auto
}

.toast-success {
    background-color: #51a351
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
    background-color: #f89406
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4
}

@media all and (max-width: 240px) {
    .toast-container .ngx-toastr.div {
        padding:8px 8px 8px 50px;
        width: 11em
    }

    .toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width: 241px) and (max-width:480px) {
    .toast-container .ngx-toastr.div {
        padding:8px 8px 8px 50px;
        width: 18em
    }

    .toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width: 481px) and (max-width:768px) {
    .toast-container .ngx-toastr.div {
        padding:15px 15px 15px 50px;
        width: 25em
    }
}