bol-mobile-plans-list .generic-cards:nth-of-type(2) { display: none;}
bol-phone-resume-block .generic_photo .photos {min-height: 320px;}
bol-phone-resume-block .bl_photo {min-height: 400px;}
.bl_promo {border-radius: 8px;background: #ffcd00;color: #181818;display: inline-block;padding: 5px 10px 20px;position: absolute;top: 0;font-size: 10px;line-height: 11px;font-family: SFR-Bold;}
h4,.h4,.h6 {display:block;font:normal 16px/24px SFR-Bold;margin:0}
.Media .btn4{color:#fff;background:var(--clr-black);border:solid 1px #fff;box-shadow:0 0 12px rgba(24,24,24,0.16)}
.Media .btn4:active{box-shadow:0 0 12px rgba(24,24,24,0.16)}
.Media .btn:hover {box-shadow: 0 4px 8px rgb(217 13 37 / 32%);}
button[class^="btn"]{display:block;position:relative;font-family:SFR-Bold;font-size:14px;line-height:20px;padding:10px 24px;text-align:center;width:100%;border-radius:8px;box-shadow:0 4px 8px rgba(24,24,24,0.16);cursor:pointer;overflow:hidden;text-decoration:none;transition: box-shadow .2s cubic-bezier(.4,0,.2,1);user-select:none;-webkit-user-select:none}
button[class^="btn"]:hover{box-shadow:0 4px 8px rgba(150,24,24,0.32)}
button.btn:hover,button.btn:hover{box-shadow:0 4px 8px rgba(150,24,24,0.32)}
button.btn2:hover,button.btn2:hover{box-shadow:0 4px 12px rgb(24 24 24 / 32%)}
button[class^="btn"].loader{background:var(--clr-disable);box-shadow:unset;border:var(--clr-disable);cursor:default}
button[class^="btn"].loader:before{content:'';position:absolute;width:100%;height:100%;background:var(--clr-disable);left:0;top:0}
bol-fil-ariane .fil_ariane {width: 1280px;max-width:calc(100% - 64px);margin: 0 auto;position: absolute;left: 0;right: 0;top:-24px;}
.link.d {position:relative;font:normal 14px/18px SFR-Bold;padding:0 13px 0 0;cursor:pointer}
.link.d:after {position: absolute;display:inline-block;content:"";background:url("//static.s-sfr.fr/assets/pictos/telechargement_40_rouge.svg");width: 16px;height: 16px;top: 0;right: -8px;background-repeat: no-repeat;background-size: contain;}
i.icon.icon-gamepad{background-image:url(https://static.s-sfr.fr/assets/pictos/manette1_40_blanc.svg)}
.bloc_mea_slider .wrapper_mea.tv_offer .bl_title h2 i.icon.icon-gamepad{filter:unset}
.expand-bloc {position:relative;font-size: 14px;line-height: 14px;cursor: pointer;text-align: right;display: inline-table;padding-right: 22px;text-align: left;}
.expand-bloc:after {transition: all 0.2s ease-out;outline: 0;position: absolute;right: 6px;top: -3px;bottom:0;margin:auto;pointer-events: none;border-style: solid;border-width: 2px 2px 0 0;content: '';height: 8px;transform: rotate(135deg);width: 8px;}
input:checked + .expand-bloc:after,.expand-bloc.active:after {transform: rotate(-45deg);top:6px;}
.generic-bonus {display: inline-block;font-family: 'SFR-Black';font-size: 14px;line-height: 10px;background: url(//static.s-sfr.fr/media/pictos/mobile/bonus.svg);border-radius: 4px;width: 126px;height: 32px;text-align: right;padding: 6px 6px 0 0;margin-top: 16px;cursor:pointer;}
.goutte.rec:before {background: url("//static.s-sfr.fr/media/pictos/goutte-rec.svg") no-repeat top right / cover;width: 48px;height: 48px}
b{font-family:SFR-Bold;font-weight:normal;}
strong{font-family:SFR-Bold;font-weight:normal;}
.price .t {font: normal 24px/30px SFR-Bold;grid-area: b;}
#AlertTmp{display:none}
body.Home #AlertTmp{position:relative;height:6vh;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;background-color:#d2d2d2;font-family:SFR-Regular;font-size:12px;color:#181818}
body.Home #AlertTmp a{text-decoration:underline}
body.Home header.displayed-ban{top:6vh}
/*.eTlazy{background-image:none !important}
.eTlazy:before{background-image:none !important}
.eTlazy:after{background-image:none !important}*/
body {min-width: 320px;width: 100%;overflow-x: hidden;font: normal normal 13px SFR-Regular,Arial,sans-serif;scroll-behavior: smooth;color: #181818;background: #f2f2f2}
body a {color: #181818}
#AlertBanner{display:none}
body.Home #AlertBanner,body.sandbox #AlertBanner{position:relative;height:25vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;background-color:#fffb7b;font-family:SFR-Regular;font-size:14px;color:#181818;border:1px solid #da0019;padding:0 20px;overflow:auto}
body.Home #AlertBanner .text,body.sandbox #AlertBanner .text{width:1280px;max-width:calc(100% - 64px);max-height:100%;margin:0 auto}
body.Home #AlertBanner .text p.bold,body.sandbox #AlertBanner .text p.bold{font-weight:700;color:#181818}
body.Home #AlertBanner .text p,body.sandbox #AlertBanner .text p{padding:9px 0}
body.Home #AlertBanner .text a,body.sandbox #AlertBanner .text a{text-decoration:underline}
body.Home header.ban-displayed,body.sandbox header.ban-displayed{top:25vh;position:static}
.old_prix {font-size: 12px;line-height: 1.67;color: #181818;text-decoration: line-through;margin-left: 6px}
.alert-tmp .to-down header{top:0}
.selector {display: flex;align-items: center;justify-content: center;position: relative;cursor: pointer;width: 100%;height: 40px;border-radius: 8px;border: solid 1px #d2d2d2;margin: 0 auto}
.selector select{background: transparent;border:none;font-family:SFR-Bold;font-size:12px;color: #181818;width:100%;height:max-content;-moz-appearance:none;-webkit-appearance:none;outline:0;position:relative;cursor:pointer;border-radius:10px 10px 0 0;padding:0 28px 0 10px}
.selector:after {transition: all 0.2s ease-out;outline: 0;position: absolute;right: 12px;top: 13px;pointer-events: none;border-style: solid;border-width: 2px 2px 0 0;content: '';height: 8px;transform: rotate(135deg);width: 8px}
.selector.one{cursor:default}
.selector.one p{font-family:SFR-Bold;font-size:12px;color:#181818;width:288px;padding:0 28px 0 12px}
.selector.one:after{content:none}
.Media .selector select{color: #fff}
.Media .selector option {background: #181818;color: #fff}
#Filters #Order.selector {width: fit-content;position: absolute;top: -72px;right: 0;background: #fff;padding:0;}
#Filters #Order.selector select {height: 40px;font: normal 14px/22px SFR-Bold;}
#Filters #Order:before {content: "Trier : ";display: inline-block;font: normal 14px/40px SFR-Bold;left: 8px;padding-left: 8px;}
#Filters {margin-bottom:24px;}
#Filters.nottitle {padding-top:72px;}
#Filters .selectors {position:relative;}
#Filters .selectors label {position:relative;display:inline-block;margin-right: 4px;margin-bottom:4px;cursor:pointer;}
#Filters .selector {width: 156px;background: #fff;justify-content: left;padding: 8px 36px 8px 16px;white-space: nowrap;}
#Filters .selector.active {font-family:SFR-Bold;border: 2px solid var(--clr-sfr2);padding: 7px 35px 7px 15px;}
#Filters .selector.active:after {top:12px;right:11px;}
#Filters .selector:after{transition: transform 0.2s ease-out;}
#Filters input:checked + label .selector:after{transform: rotate(-45deg);top: 17px;}
#Filters .filters {display:none;position: absolute;top: 40px;box-shadow: 0px 4px 8px rgb(24 24 24 / 16%);border-radius: 0px 0px 12px 12px;padding: 16px;background: #fff;left: 0;z-index:2;}
#Filters input:checked + label .filters {display: grid;gap: 16px;}
#Filters .sm-f, #Filters .sl-f {font-family:SFR-Bold;font-size: 14px;line-height: 40px;margin-bottom:0;vertical-align: middle;}
#Filters .sm-f:before {content: "";position: relative;display: inline-block;width: 16px;height: 16px;background: url(//static.s-sfr.fr/assets/pictos/ajouter_cercle_plein_40_noir.svg);background-size: contain;vertical-align: sub;transition: all 0.3s;transform: rotate(90deg);margin-right:4px;}
#Filters .sl-f:before {content: "";position: relative;display: inline-block;width: 16px;height: 16px;background: url(https://static.s-sfr.fr/assets/pictos/supprimer_cercle_plein_40_noir.svg);background-size: contain;vertical-align: sub;margin-right:4px;}
#Filters #f-sm ~ label:not(.sm-f) {display:none;}
#Filters #f-sm:checked ~ label {display:inline-block;}
#Filters #f-sm:checked  + .sm-f{display:none;}
#Filters .ls a {position:relative;font-family: SFR-Bold;font-size: 12px;line-height: 18px;width: 135px;height: 52px;border: 1px #d2d2d2 solid;display: block;border-radius: 8px;margin-bottom: 8px;padding: 26px 0 0 48px;}
#Filters .ls a:after {position: absolute;content: "Tout l’univers";font-family: SFR-Regular;top: 8px;left: 48px;width: 82px;}
#Filters .ls .apple:before {position: absolute;content:"";left: 8px;top:0;bottom:0;margin:auto;width: 32px;height: 32px;background:url(https://static.s-sfr.fr/media/mobile/apple-logo-32.svg);}
#Filters .ls .samsung:before {position: absolute;content:"";left: 8px;top:0;bottom:0;margin:auto;width: 32px;height: 32px;background:url(https://static.s-sfr.fr/media/mobile/samsung-logo-32.svg);}
#Filters .ls .xiaomi:before {position: absolute;content:"";left: 8px;top:0;bottom:0;margin:auto;width: 32px;height: 32px;background:url(https://static.s-sfr.fr/media/mobile/xiaomi-logo-32.svg);}
#Filters input:checked + label .filters.m {display: grid;grid-template-columns: repeat(2, 1fr);}
#Filters .ls {border-right: 1px solid #d2d2d2;padding-right: 16px}
#Filters .rs {display: grid;grid-template-rows: auto auto auto auto auto auto;grid-auto-flow: column;gap: 16px;}
#Filters .fl div {position: absolute;cursor: pointer;width: 20px;height: 20px;border-radius: 4px;background-color: #d2d2d2;}
#Filters .fl span {font-family: SFR-Regular;font-size: 14px;line-height: 20px;color: #181818;cursor: pointer;white-space: nowrap;padding-left: 28px;width: -webkit-fill-available;cursor: pointer;}
#Filters .f:checked + .fl div + span{font-weight: bold;}
#Filters .f:checked + .fl div{background-color:#02C39A;}
#Filters .f:checked + .fl div:after{content:"";width:14px;height:14px;position:absolute;top:3px;right:0;left:0;margin:auto;background:url(//static.s-sfr.fr/assets/pictos/check_40_blanc.svg) center/contain no-repeat, #02C39A}
#Filters .filters.c {grid-template-columns: repeat(6, 1fr)}
#Filters .fcl {position: relative;cursor:pointer;-webkit-background-clip: text;-webkit-text-fill-color: transparent;width: 18px;font-size: 5px;height: 18px;border-radius: 50%;box-sizing: content-box;}
#Filters .fc:checked + .fcl:after {content: "";position: absolute;width: 24px;height: 24px;border-radius: 100%;border: solid 2px #D90D25;top: 0;bottom: 0;margin: auto;left: -3px;box-sizing: border-box;}
#Filters .fcl.d:before {content: '';position: absolute;width: 17px;height: 1px;background: #181818;transform: rotate(45deg);left: 0px;bottom: 0;top: 0;margin: auto;}
#Filters .tags {margin-top:8px}
#Filters .t {position:relative;display: inline-block;cursor:pointer;font:normal 12px/18px SFR-Bold;padding:4px 28px 4px 8px;color:#fff;background: #181818;border-radius: 4px;margin-right:16px;margin-top:8px;text-align:left;}
#Filters .t:after {position:absolute;content:"";width:12px;height:12px;background:url(https://static.s-sfr.fr/assets/pictos/croix_40_blanc.svg);background-size:contain;right:8px;top: 0;bottom: 0;margin: auto;}
#Filters .results {position:absolute;width:fit-content;top: 120px;right: 0;font-size: 14px;line-height: 22px;}
#Filters .btn2 {position:absolute;width:fit-content;top: 120px;right: 0;}
.links{height:122px}
bol-mobile-list-block .bl_PhoneList{width:1280px;max-width: calc(100% - 64px);margin: 0 auto;}
bol-mobile-list-block .bl_PhoneList .bl_btn {margin: 0 auto;display: block;width: fit-content}
bol-mobile-list-block ul {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));width: 100%;margin: 0 auto;padding: 0 0 24px;position: relative;z-index: 1;gap: 20px 40px}
bol-mobile-list-block li {position: relative;padding-top: 20px}
bol-mobile-list-block bol-pagination{text-align:center}
.mobile_card bol-mobile-price .info-top{display: block;padding-bottom: 16px;text-align: right;position:relative}
bol-comparator-block ul.bl_color li span{border:#d2d2d2 solid 1px;display:flex;height:12px;width:12px;margin:2px;text-align:center;position:relative;box-sizing:content-box;cursor:pointer}
.mobile_card input, .addons-card input {display: none}
.mobile_card .colorBlock{display:inline-block;position:relative;cursor:pointer;display:flex;margin-block-start:8px;margin-inline-start:70px}
.mobile_card .onecolor.indispo::after{content:'';width:1px;height:19px;transform:rotate(-315deg);background:#e2001a;display:block;position:absolute;top:-3px;left:49%}
.mobile_card{height: auto;position: relative;display: flex;flex-direction: column;background: #fff;box-shadow: 0px 8px 16px rgba(24, 24, 24, 0.08);border-radius: 12px;margin: 0 auto;min-height:500px;}
.mobile_card .bl_title{position: relative;font: normal 14px/22px SFR-Regular;letter-spacing: normal;z-index: 2;padding: 24px 24px 16px;}
.mobile_card .bl_title a{font: normal 16px/24px SFR-Bold;display: block;text-transform: none}
.mobile_card .bl_title a:before {position: absolute;content: '';width: 162px;height: 288px;bottom: -288px}
.mobile_card .bl_title h3{font-family: SFR-Black;color: #181818;font-size:16px;line-height:24px;height: 20px;letter-spacing:normal}
.mobile_card .reconditione{height:24px;font-family:SFR-Bold;font-size:16px;line-height:24px;color:#02C39A}
.mobile_card .forfait{font: normal 14px/22px SFR-Bold;}
.bl_phone {position: relative;height: auto;padding: 0px 24px 16px}
.bl_phone.goutte:before {left: 118px;top: 0px}
.bl_phone .img-reconditione{width:48px;height:48px;position:absolute;left:150px;top:0;cursor:pointer;display:flex;justify-content:center}
.bl_phone > img{display: inline-block;height: 280px;max-height: 280px;max-width: 142px;width: auto;min-width: auto;padding: 0;float:left;}
.bl_phone .infos{width: calc(100% - 142px);max-width: unset;height: 100%;display: inline-block}
.bl_phone .infos .price-alone {text-align: right;font: normal 14px/22px SFR-Regular;}
.bl_phone .infos .price-alone bol-price{font: normal 16px/22px SFR-Bold;}
.bl_phone .infos .price-alone span bol-price {font-family:SFR-regular;color:#8A8A8A;text-decoration:line-through}
.bl_phone .sold-out {padding-left:32px}
.bl_phone .mensualites{font: normal 14px/22px SFR-Bold;margin-bottom:8px;}
.bl_phone .prix, .bl_phone .prix bol-price{font:normal  24px/36px SFR-Bold;}
.bl_phone .remboursement{margin-top:12px;padding-bottom:8px;position:relative}
.bl_phone .remboursement:after{position:absolute;content:"";width:48px;height:1px;background-color:#d2d2d2}
.bl_phone .forfait .title span{font-size:10px;line-height:12px;letter-spacing:-0.1px;color:#181818}
.bl_phone .info .title{font-family:SFR-Regular;font-size:12px;line-height:18px;letter-spacing:-0.2px;color:#181818}
.bl_phone .desc{font-size: 12px;line-height: 16px;color:#181818;text-align:right}
.bl_phone .das {font-family: SFR-Regular;font-size: 12px;line-height: 16px;letter-spacing: normal;color: #181818;position: absolute;bottom: 38px;margin-top: 8px;width: 42px;right: 24px}
.bl_phone .das span{position:relative;cursor:pointer}
.bl_phone .das:hover .more-info{display:block}
.bl_phone .das .more-info{display:none;border:0;cursor:auto;width:130px;box-shadow:0 2px 4px 0 rgb(0 0 0 / 10%);border-radius:4px;color:#fff;font-family:'SFR-Regular';background-color:#181818;font-size:10px;padding:4px;position:absolute;z-index:9;right: -16px;bottom: 8px;top:auto;transition:opacity 0.3s}
.bl_phone .das .more-info:after{content:"";position:absolute;bottom:-14px;left:76%;margin-top:-5px;border-width:7px;border-style:solid;border-color:#181818 transparent transparent transparent}
.bl_phone .das span:first-child:after {position: absolute;content: "";background: url(//static.s-sfr.fr/assets/pictos/aide_plein_40_noir.svg);background-repeat: no-repeat;background-size: contain;width: 16px;height: 16px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;line-height: 11px;left: 26px;top: 0px;bottom: 0;margin-top: auto;margin-bottom: auto}
.bl_phone .stars{display: flex;justify-content: left;margin-top: 4px;position: absolute;bottom: 16px;right:24px}
.bl_phone .stars bol-rate img:not(:first-of-type){margin-left:3.5px}
.rate_bloc img {width: 12px;height: 12px}
.count-rate{font-family:SFR-Regular;font-size:12px;line-height:16px;color:#181818;margin-left:4px;cursor:pointer}
.count-rate span{text-decoration:underline}
.mobile_card .selectors {width: calc(100% - 48px);display: flex;border: 1px solid #d2d2d2;margin: 0 auto 16px;height: 40px;border-radius: 8px}
.mobile_card .onecolor{display: flex;width: 50%;max-width: 100%;height: 100%;justify-content: center;align-items: center;box-shadow: unset}
.mobile_card .colorBlock{cursor:default;justify-content:center;align-items:center;margin:0;border-right:1px solid #d2d2d2;width:50%}
.mobile_card .capacity{cursor:default;margin:0;width:50%;display:flex;justify-content:center;align-items:center}
.mobile_card .filtre:not(.capacity){display: flex;width: 100%;max-width: 100%;height: 100%;justify-content: center;align-items: center;box-shadow: unset}
.bloc_select span, .mobile_card .filtre:not(.capacity) span {width: 18px;height: 18px;border-radius: 100%;cursor: pointer;position: relative;box-sizing: content-box;}
.bloc_select li.active span:before, .mobile_card .filtre:not(.capacity) li.active span:before {content: "";position: absolute;width: 24px;height: 24px;border-radius: 100%;border: solid 2px #D90D25;top: 0;bottom: 0;margin: auto;left: -3px;box-sizing: border-box;}
.mobile_card .filter-bloc-relative{display:none}
.mobile_card .selector.color.bloc_select.active .filter-bloc-relative{display:block;background:#fff;z-index:5;position:absolute;width:100%;border:0;border-radius:8px;left:0}
.mobile_card .selector.color.bloc_select.active .list_select{background:#fff;border:0;display:flex;flex-flow:column;align-items:center;justify-content:center;border-radius:0 0 8px 8px;gap:0;padding:0}
.mobile_card li{padding:4px 12px 4px 0;display:flex;align-items:center;justify-content:center;width:100%;position:relative}
.mobile_card li:not(:first-of-type):after{width:calc(100% - 24px);height:1px;background:#f2f2f2;position:absolute;content:"";top:0;left:12px}
.mobile_card li:hover{background:#f2f2f2}
.mobile_card li:hover + li:after{width:0%}
.mobile_card li:last-child:hover{border-radius:0 0 8px 8px}
.mobile_card li.disabled:hover{background:#fff}
.mobile_card li.disabled:hover + li:after{width:calc(100% - 24px)}
.mobile_card li.disabled{cursor:default}
.mobile_card li.d span{cursor:default}
.mobile_card li.d span:before{content: '';position: absolute;width: 17px;height: 1px;background: #181818;transform: rotate(45deg);left: 0;bottom: 0;top: 0;margin: auto;}
.mobile_card .selector {display: inline-block;width: 50%;height: auto;border: 0;}
.mobile_card .selector:after {position: absolute;right: 10px;top: 13px;pointer-events: none;border-color: #181818;border-style: solid;border-width: 2px 2px 0 0;content: '';transform: rotate(135deg);width: 7px;height: 7px}
.mobile_card .selector.active:after{transform:rotate(-45deg);top:auto;bottom:11px}
.mobile_card .selector select{border: none;font-family: SFR-Regular;font-size: 14px;color: #181818;width: 100%;height: 100%;-moz-appearance: none;-webkit-appearance: none;outline: 0;position: relative;cursor: pointer;border-radius: 10px 10px 0 0;padding:0 calc(100% / 5);text-align:center;}
.mobile_card .selectors > div:not(:last-of-type) {border-right: solid 1px #d2d2d2;border-radius: 0;}
.selectors.reconditionne > div:first-of-type{width:20%;margin:0;padding: 0px 22px 0 8px;}
.selectors.reconditionne div:nth-child(2){width:32%}
.selectors.reconditionne div:last-of-type{width:48%}
.selectors.reconditionne div:last-of-type select{padding:0 16px}
.mobile_card .selector option:disabled{text-decoration:line-through}
.mobile_card .links{height:auto}
.mobile_card .links .btn {margin-bottom: 24px;}
.md-label {position:relative;display:block;font-family: 'SFR-BOLD';font-size: 12px;line-height: 16px;height: 16px;cursor: pointer;margin-right:16px}
.md-label:after {content: "";position: absolute;right: -18px;width: 16px;height: 16px;background: url(//static.s-sfr.fr/assets/pictos/chevron_bas_cercle_plein_40_noir.svg);background-size: contain;bottom: -1px;transition: transform .2s cubic-bezier(.4,0,.2,1);}
.md-content{display:none}
.md-content p {padding: 8px 0;display: flex;justify-content: space-between;font-size: 12px;line-height: 16px;text-align: left}
.md-content p span:nth-child(2) {align-self: flex-end;text-align: right}
.md-content .t {border-top: 1px solid #8a8a8a;margin-top: 7.5px;padding: 16px 0;}
.md-content .reprise {position: relative;width: calc(100% + 48px);text-align: left;background: #469e94;left: -24px;height: 46px;bottom: unset;padding: 8px 24px;margin: 8px 0 16px;}
.md-content .reprise.l {border-radius: 0 0 12px 12px;margin-bottom:-8px;}
.md-content .reprise:before {position: absolute;/* content: ""; */height: 16px;width: 100%;left: 0;top: -16px;transform: rotate(180deg);background: #181818}
.md-content .reprise span {font-size: 10px;line-height: 14px}
.md-content .reprise p {padding: 0;text-align: left;margin-left: 16px}
.md-content .reprise > * {display: inline-block;vertical-align: middle}
.md-content .reprise svg {left: 0}
.md-content .reprise img {left: 0;height:100%}
.md-content .reprise > b {float: right;line-height: 30px}
bol-mobile-list-block .bl_btn {text-align: center}
input:checked + label .md-content {display: block;position: absolute;font-family:SFR-Regular;color: #fff;font-size: 12px;line-height: 16px;background: #181818;padding: 16px 24px 8px;border-radius: 12px;right: -40px;z-index: 12}
.mobile_card input:checked + label .md-content {width: 400px;max-width: calc(33vw - 44px);top: 24px}
input:checked + .md-label:after {transform: rotate(-180deg)}
.md-content:before {position: absolute;content: "";right: 25px;background: #181818;border-color: #181818;border-style: solid;border-width: 1px 1px 0px 0px;width: 7px;height: 7px;transform: rotate(45deg);border-radius: 1px}
.mobile_card .md-content:before {top: -4px}
.md-label:before {position: absolute;content: "";height: 36px;width: 100%;bottom: 18px;right: -16px}
.actual-o input:checked + label .md-content {padding: 16px 16px 8px;}

.bloc_SubTitle .wrapper{width:1280px;max-width:calc(100% - 64px);margin:40px auto 0;}
.bloc_SubTitle .wrapper h2{display:flex;align-items:center;margin-bottom:24px;}
.bloc_SubTitle .principal-desc{font-family:SFR-Regular;font-size:14px;line-height:20px;}
.bloc_SubTitle .wrapper h2 + .principal-desc{margin:-16px 0 16px;}
.bloc_SubTitle .desc {margin: 8px 0 24px}
bol-mobile-plans-list .ForfaitList {display: grid;gap: 20px 40px;grid-template-columns: repeat(3, 1fr);justify-content: space-around;padding-top:0;width: 1280px;max-width:calc(100% - 64px);margin: auto}
bol-mobile-plans-list bol-mobile-plans-list .ForfaitList > li{margin: 0 auto;padding-top: 20px;width:100%;max-width: 400px;position: relative}

bol-mobile-plans-list bol-mobile-plan-card-block {display: flex;flex-flow: row wrap;align-content: space-between;height: 100%;width: 100%;}
bol-mobile-plans-list bol-mobile-plan-card-block > div{height:100%}

bol-mobile-plans-list bol-mobile-plan-card-block .phone_plan{margin:auto}
bol-mobile-plans-list bol-mobile-plan-card-block a{text-align: left}
bol-mobile-plans-list bol-mobile-plan-card-block .phone_plan .WhiteBloc .content {justify-content: flex-end}
.phone_plan{background:#fff;overflow:hidden;position:relative;border-radius:12px;box-shadow: 0px 8px 16px rgba(24, 24, 24, 0.08);height:100%;display:flex;flex-direction:column;justify-content:space-between}
.phone_plan.quatreg:before {background: url(//static.s-sfr.fr/assets/pictos/4gplus_40_blanc.svg) no-repeat center / 40px 41px, url('https://static.s-sfr.fr/media/pictos/goutte-grise.svg') no-repeat top right / cover}
.phone_plan.cinqg:before {background: url(//static.s-sfr.fr/assets/pictos/5g_40_blanc.svg) no-repeat center / 40px 40px, url('https://static.s-sfr.fr/media/pictos/goutte-rouge.svg') no-repeat top right / cover}
.phone_plan .bl_title_gamme {padding: 24px 24px 16px;text-align: center;}
.bl_title_gamme img{margin-left:12px}
.bl_title_gamme .forfait{font-family:SFR-Bold;font-size:18px;letter-spacing:0.8px}
.phone_plan .pc{position: relative;padding: 4px 8px;background-color: #f2f2f2;border-radius:4px;margin: 0 auto;color: #181818;font-size:12px;text-align:center}
.phone_plan .pc > p:nth-child(1){font-family:SFR-Bold;}
.phone_plan .pc > p:nth-child(2){font-family:SFR-Regular;}
.phone_plan .WhiteBloc{display:flex;flex-direction:column;flex:2 auto}
.phone_plan .content{align-items:center;max-height:fit-content}
.phone_plan .option{max-width:240px;width:240px}
.phone_plan .option .forfait{position:relative;height:29px;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;padding-bottom:4px;margin:14px auto 7px}
.phone_plan .more-info{justify-content:space-around;margin-bottom:24px}
.phone_plan .infographie p span{font-size:22px;display:block;height:19px}
.phone_plan .changement{width:288px;height:53px;margin:0 auto;font-family:SFR-Regular;font-size:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:16px;letter-spacing:normal;text-align:center;color:#8a8a8a}
.phone_plan .subvention{display:flex;flex-flow:row;width:calc(100% - 40px);margin:0 auto 16px;padding:12px 20px 20px;background:#f2f2f2;border-radius:4px}
.phone_plan .subvention .L{width:36px;height:100%;display:flex;align-items:center}
.phone_plan .subvention .L img{width:24px;height:24px}
.phone_plan .subvention .R{font-family:SFR-Regular;font-size:10px;color:#8a8a8a;text-align:center}
.phone_plan .subvention .R p{text-align:left}
.phone_plan .subvention .R a{font-family:SFR-Regular;font-size:10px;color:#8a8a8a;text-decoration:underline;cursor:pointer}
.bl_proposition .bl_configurateur .phone_plan{height:auto}
.content.fixGame{position:relative;display:flex;justify-content:center;padding:24px}
.content.fixGame > img {position: absolute; top: -12px}
.content .option{display:flex;flex-direction:column;align-items:center;max-width:214px;position:relative;width:214px;border-radius:20px;background:#fff;cursor:pointer;padding:1px}
.content .option.active{padding: 0;cursor: default}
.content .option:not(:first-of-type):last-child{margin-left:15px}
.content .content .option > *{margin:0 10px}
.content .option img{height:76px;width:auto;max-width:90px;align-self:center;margin-top:7px}
.content .option .title{font-family:SFR-Bold;text-align:center;font-size:18px;margin-top:3px}
.content .option .desc{height:65px;width:calc(100% - 20px);font-size:13px;line-height:15px;letter-spacing:-0.2px;text-align:center;font-family:SFR-Regular;margin-bottom:20px;position:relative}
.content .option.active .desc:after{content:"";position:absolute;bottom:-21px;left:0;height:1px;width:100%;background:var(--clr-sfr2)}
.content .option .desc:after{content:"";position:absolute;bottom:-20px;left:0;height:1px;width:100%;background:#8a8a8a}
.content .option .forfait{font-family:SFR-Bold;font-size:22px;line-height:22px;margin:0 auto 4px}
.content .option .engagement{font-family:SFR-Regular;font-size:12px;line-height:18px;text-align:center;margin:0 10px}
.more-info{display:flex;padding:0 30px;margin-bottom:16px;justify-content:left}
.more-info .info{flex:1;max-width:33%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.more-info .infographie{height:28px;display:flex;justify-content:center}
.more-info .infographie img{max-height:28px;width:auto}
.more-info .infographie p{font-family:SFR-Bold;font-size:10px}
.more-info .infographie p span{font-size:22px}
.more-info .info .desc{font-family:SFR-Regular;font-size:10px;line-height:12px;max-width:88px;margin:9px 0 0;width:100%;text-align:center}
.card-links{width:calc(100% - 48px);margin:0 auto}
.links{text-align:center;display:flex;flex-direction:column;}
.links [class^="btn"]{width: 100%;margin: 0 auto 16px}

#noOffer{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-family:SFR-Regular;font-size:14px;line-height:20px;text-align:center;color:#181818}
#noOffer img{margin:auto;width:40px}
#noOffer .text{margin-top:16px}
#noOffer .btn.toAdd{margin-top:24px}
#noOffer .link{font-size:14px;text-decoration:underline}
/*[data-binkies-content="hideWhen3DShown"],[data-binkies-content="pageTarget"] >:not([data-binkies-content="root"]):not([data-binkies-content="alwaysVisible"]){opacity:1 !important;visibility:visible !important}*/
.i-explanation {position: absolute;content: "";background: url(//static.s-sfr.fr/assets/pictos/aide_plein_40_noir.svg);background-repeat: no-repeat;background-size: contain;right: 4px;top: 4px;width: 16px;height: 16px;cursor:pointer;z-index:3;}
.bl_photo{min-width:200px;flex:1;position:-webkit-sticky;position:sticky;height: max-content;height:-moz-max-content;height:-o-max-content;height:-ms-max-content;background:#fff;border-radius:12px;padding: 24px;top:20px;}
.bl_photo .img-reconditione{width:60px;height:60px;position:absolute;right:12px;top:31px;cursor:pointer;display:flex;justify-content:center}
.bl_photo .compatibility-5g{width:75px;height:42px;position:absolute;left:-5px;top:39px;border:1px solid #e9e9e9;border-left:0;border-radius:6px;background:#fff;z-index:1}
.bl_photo .compatibility-5g p{position:absolute;left:16px;top:5px;font-size:10px;font-family:SFR-Bold;letter-spacing:0.2px;color:#222}
.bl_photo .compatibility-5g img{margin-top:19px;position:absolute;left:16px}
.carrousel ul{text-align:center;display:flex;justify-content:center;width:fit-content;}
.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}
.carrousel ul li.active::after{content:"";display:block;position:absolute;right:0;bottom:0;left:0;background:var(--clr-sfr2);height:2px}
.carrousel ul li img{max-height:22px;max-width:25px;width:auto;height:auto}
.promo{width:100%;background:#f2f2f2;position:absolute;top: -20px;left:0}
.promo .top{width:100%;height: 20px;/* background:0 0; */}
.promo .bottom{height:20px;width:100%;background:#fff;position:relative;border-top-left-radius:25px;border-top-right-radius:25px;border-radius:25px 25px 0 0}
.bl_photo .bl_note{display:flex;margin-bottom:0;margin-top:32px;align-items:center;flex-flow:column}
.bl_photo .bl_note .note{margin:0 4px 13px}
 
.bloc_config .c {display: flex;flex-flow: column;gap: 24px;}
.bloc_config .reconditione {display:block;font:normal 16px/24px SFR-Bold;color: #02C39A;margin-bottom:16px;}
.bloc_config .sub-t {font:normal 16px/24px SFR-Bold;margin:24px 0 16px;}
.bloc_config .stars {display: flex;}

.bloc_config .bloc-w {background: #fff;padding: 24px;box-shadow: 0px 8px 16px rgba(24, 24, 24, 0.02);border-radius: 12px;width:100%}
.bloc_config .bloc-w h4{margin-bottom:8px;}
.bloc-fixe .bloc_config .col-2 {margin-top:0px;}
.bloc_config .generic-choices .desc {font: normal 14px/22px SFR-Regular;margin-bottom: 16px;}
.bloc_config .sub-t ~ h4,.bloc_config bol-phone-unavailable h4 {margin-top: 40px;}
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:calc(100% - 32px);max-width:620px;border-radius:12px;background:#fff;box-shadow: 0px 8px 16px rgba(24, 24, 24, 0.08);padding:24px;text-align:center;margin:auto;position:relative; text-align:left;}
bol-phone-unavailable .bg_save_mail .bl_save_mail p {font-size:14px;line-height:18px;margin-top:16px;}
bol-phone-unavailable .bg_save_mail .bl_save_mail .close{display:block;width:32px;height:32px;background:url(//static.s-sfr.fr/assets/pictos/fermer_plein_40_noir.svg) center no-repeat;background-size: contain;position:absolute;top:8px;right:8px;cursor:pointer;}

.bloc_config .cls {display: flex;gap: 24px;}
.bloc_config .cl {position: relative;cursor:pointer;-webkit-background-clip: text;-webkit-text-fill-color: transparent;width: 24px;font-size: 5px;height: 24px;border-radius: 50%;box-sizing: content-box;}
.bloc_config .cl.active:after {content: "";position: absolute;width: 30px;height: 30px;border-radius: 100%;border: solid 2px #D90D25;top: 0;bottom: 0;margin: auto;left: -3px;box-sizing: border-box;}
.bloc_config .cl.d:before {content: '';position: absolute;width: 22px;height: 1px;background: #181818;transform: rotate(45deg);left: 0px;bottom: 0;top: 0;margin: auto;}
.bloc_config .bonus .sb-sticker-pref {margin: 16px 0 8px;} 
.bloc_config .bonus .link {display: inline-block;margin-top: 8px;} 
.bloc_config .news-label p {font-family: SFR-Regular;font-size: 14px;line-height: 22px;color: #181818;cursor: pointer;padding-left: 28px;width: -webkit-fill-available;cursor: pointer;}
.bloc_config #news:checked + .news-label div + p{font-weight: bold;}
.bloc_config #news:checked + .news-label div{background-color:#02C39A;}
.bloc_config #news:checked + .news-label div:after{content:"";width:14px;height:14px;position:absolute;top:3px;right:0;left:0;margin:auto;background:url(//static.s-sfr.fr/assets/pictos/check_40_blanc.svg) center/contain no-repeat, #02C39A}
.bloc_config .mi{font:normal 14px/22px SFR-Regular;padding: 0px 12px;border: 1px solid #181818;border-radius: 24px;text-decoration: none;transition: .5s background-color ease-out;margin-top:16px;}
.bloc_config .mi:hover{color:#fff;background: #181818}
.form_line label {font: normal 14px/22px SFR-Bold;display: block;margin-bottom: 4px;}
.form_line {margin: 16px 0;}
.form_line input {width: 100%;margin-bottom: 8px;}
.bloc_config .alert {font: normal 14px/22px SFR-Regular;margin: 16px 0;}
.bloc_config .news-label {position:relative;display:block;}
.bloc_config .news-label div {position: absolute;top:0;bottom:0;margin:auto;cursor: pointer;width: 20px;height: 20px;border-radius: 4px;background-color: #d2d2d2;}
.bloc_config .exp {margin-top: 16px;font: normal 14px/22px SFR-Regular;}
.bloc_config .w-sticker-pref {margin-bottom:8px;}
.generic-choices .sub-t {margin: 16px 0;}
.bl_reprise {display:table;width: 100%;max-width: 400px;margin-bottom: 24px}
.bl_reprise svg {min-width: 25px}
.bl_reprise img {height:32px}
.bl_reprise .content {display: flex;align-items: center;gap: 0 10px;margin: 16px 0 0;font-size: 14px;line-height: 22px}
.bl_reprise .content span{font-family:SFR-Bold}
.bl_reprise .link{display:table;margin-top:10px}
.bl_reprise .btn{margin:16px auto 0}
.bl_reprise .desc{font-size: 12px;line-height: 16px}
.bl_reprise .title {position: relative;display: table;font-family: 'SFR-Bold';font-size: 14px;line-height: 16px;margin: 16px 0 0 0;cursor: pointer;}
.bl_reprise .title.i:after {position: absolute;content: "";background: url(//static.s-sfr.fr/assets/pictos/aide_plein_40_noir.svg);background-size: contain;width: 16px;height: 16px;right: -21px}
.bl_reprise .more-info {display:none}
.bl_reprise .title.i:hover .more-info {display: block;position: absolute;width: 183px;font-family: 'SFR-Regular';font-size: 12px;line-height: 14px;color: #fff;background: #181818;border-radius: 4px;z-index: 1;padding: 4px 8px;top: 22px}
.bl_reprise .more-info:after {content: "";position: absolute;top: -12px;right: 67px;border-width: 6px;border-style: solid;border-color: #181818 transparent transparent transparent;transform:rotate(180deg)}

bol-internet-eligibility-block .bl_eligibility .PRE_bl_test_elig.migration .bl_test_elig,bol-internet-eligibility-block .bl_eligibility .PRE_bl_test_elig.migration .bl_test_error{width:100%;min-width:100%;height:auto;min-height:auto;z-index: 1;position: relative;}
bol-internet-eligibility-block .bl_eligibility .PRE_bl_test_elig.migration .bl_test_elig .bl_content,bol-internet-eligibility-block .bl_eligibility .PRE_bl_test_elig.migration .bl_test_error .bl_content{padding:20px 24px 24px}
bol-internet-eligibility-block .bl_eligibility .PRE_bl_test_elig.migration bol-eligibility-address{margin:0}
bol-internet-eligibility-block .bl_eligibility .PRE_bl_test_elig.migration .bl_test_elig .bl_content p,bol-internet-eligibility-block .bl_eligibility .PRE_bl_test_elig.migration .bl_test_error .bl_content p{margin-bottom:12px}
bol-internet-eligibility-block .bl_eligibility div.form{max-width:818px}
bol-internet-eligibility-block .bl_eligibility .PRE_bl_test_elig .conexion{min-width:100px}
#Adresse .autocomplete-container .input-container input{padding:0 5px !important}
bol-internet-eligibility-block .bl_eligibility .wrapper,bol-internet-eligibility-block .bl_eligibility.cl_result .wrapper{padding:24px 0}
bol-eligibility-result .bl_result .part1 .deploiement{font-family:SFR-Bold;font-size:16px;color:#181818;display:flex;margin-top:4px}
bol-eligibility-result .bl_result .part1 .deploiement > span{margin-bottom:10px}
bol-eligibility-result .bl_result .part1 .deploiement a{width:148px;height:40px;padding:0;font-family:SFR-Black;font-size:10px;line-height:14px;letter-spacing:0.1px;text-align:center;color:#fff;margin:0 0 0 24px;align-self:flex-end}
bol-eligibility-result .bl_result .bieligible,bol-eligibility-result .bl_result .raccordement{width:100%}
bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_content,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content{width:100%}
#eligibility_block > div > div > .bl_test_elig.active > div > .bl_link > bol-link > a,#eligibility_block > div > div > div.bl_test_elig.active > div > bol-eligibility-address > bol-eligibility-adsl-complement > div > div.eligibility-housing-selection > bol-eligibility-housing-selection > div.bl_link > bol-link > a {position: relative;min-width: 220px;display: block;text-align:left;}
.addons_bloc>.wrapper {margin: auto}
.addons_bloc .bl_link {margin: auto;padding: 24px 0 0;text-align: center;width: 1280px;max-width:calc(100% - 64px);align-items: center}
.addons_bloc .bl_link .link {margin: 0 24px}
.addons_bloc bol-link {display: block;margin: 0 auto; width: fit-content}
.addons_bloc .bl_link.expand-bloc:before, .addons_bloc .bl_link.expand-bloc:after {content: '';display: block;border-bottom: #d2d2d2 solid 2px;flex: 1}
.addons_bloc .list{display: grid;grid-template-columns: repeat(3, 1fr);width: 1280px;max-width:calc(100% - 64px);margin:-8px auto 0;padding: 0;position: relative;z-index: 0;gap: 20px 40px}
.addons_bloc .list > li{margin:0;padding:20px 0 0;position:relative}
bol-addons-card {display: block;max-width: 400px;margin:0 auto}
.addons_bloc .list > li:nth-child(3n){margin-right:0}
.addons.bl_link{text-align: center;padding: 32px 0 0}
.addons-card {overflow: hidden;position: relative;box-shadow:0px 8px 16px rgba(24, 24, 24, 0.08);display: flex;flex-direction: column;justify-content: space-between;width: 100%;max-width: 400px;border-radius: 12px;background: 0 0}
.addons-card .selector {width:100%;margin-bottom:8px}
.addons-card .WhiteBloc{padding:16px 20px 0}
.addons-card .BlackBloc{position:relative;border-top:0;height:290px;padding:24px;background:#fff}
.addons-card .BlackBloc bol-label-refund {position: absolute;margin-left: auto;background: #ffcd00;color: #181818;font-family: 'SFR-Black';font-size: 10px;line-height: 20px;border-radius: 4px;right: 16px;top: -10px;left: unset;padding: 0 8px}
.addons-card .bl_btn{display:flex;flex-wrap:wrap;max-width:40%;justify-content:flex-end}
.addons-card .bl_btn .btn.ghost{margin:0 0 4px}
.addons-card .old_prix {display:inline-block;font-family: 'SFR-Regular';font-size: 14px;line-height: 22px;text-decoration: line-through;color: #181818;margin:0 4px 0 0}
.addons-card .header{position:relative;width: 100%;height: 180px !important;background:#fff;display:flex;align-items:center;justify-content:center}
.addons-card .header img{width:auto;max-width:100%}
.addons-card:not(.accessory) .header img{width:100%;height:auto;max-height:100%;object-fit: cover}
.accessory .stars {display:flex;margin-top: 16px}
.accessory input:checked + label .md-content {bottom: 20px;width: 400px;max-width: calc(33vw - 44px);}
.accessory .md-content:before {bottom: -4px}
.addons-card .BlackBloc > p {font-family: SFR-Regular;font-size: 14px;line-height: 22px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden}
.addons-card .BlackBloc .m {text-transform:uppercase}
.addons-card .bl_prix{position: absolute;bottom: 80px;right:24px;height: auto;align-self: flex-end;text-align: right;margin-bottom: 0}
.addons-card .bl_prix .or{display:block;font-family:SFR-Bold;font-size:12px;line-height:18px}
.addons-card .title{font-family: 'SFR-Black';font-size:16px;line-height:24px;height: auto;max-height: 45px;margin-bottom: 8px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;padding:0;}
.addons-card .title:before {position: absolute;content: '';width: 100%;height: 186px;top: -186px;left: 0}
.addons-card .engagement {font-family: SFR-Regular;font-size: 12px;line-height: 18px;}
.addons-card bol-price {display:inline-block;font-family: SFR-Bold;font-size: 24px;line-height: 30px;margin-bottom:12px}
.accessory .availability {position: relative;display:block;font-size: 10px;color: #8a8a8a;font-family: SFR-Regular;margin-left: 14px;margin-top: 6px}
.accessory .availability:before {position: absolute;content: '';width: 10px;height: 10px;top: 0;left: -14px;border-radius: 100%}
.accessory .availability.o:before {background-color: #ff9300}
.accessory .availability.g:before {background-color: #02C39A}
.accessory .availability.r:before {background-color: #e2001a}
.addons_bloc {background: transparent}
.addons-card .bl_btn,
.addons-card .btn{bottom: 12px;width:calc(100% - 24px);max-width:100%;position:absolute;right:0;left:0;margin-right:auto;margin-left:auto}
.Media .addons_bloc{background:rgba(255, 255, 255, 0);position:relative;}
.Media .addons-card .header {background: transparent}
.Media .addons-card, .Media .addons-card a {background:#222;color:#fff}
.Media .addons-card .BlackBloc{background:unset}

#ConfigBundle {width: 1280px;max-width:calc(100% - 64px);margin:0 auto;display: flex;flex-flow: row wrap;justify-content:space-between}
#ConfigBundle > p {font-family: SFR-Bold;font-size: 19px;line-height: 26px;margin: 0 0 24px;width: 100%}
#ConfigBundle .R {max-width: 100%;width: 400px}
#ConfigBundle .addons_bloc .list {grid-template-columns: 1fr}
#ConfigBundle .L {display: flex;flex-flow: row wrap;width: 600px;max-width: 50%;margin-bottom:-8px}
#ConfigBundle .L > p {font-family: SFR-Bold;font-size: 18px;margin:24px 0 16px ;width:100%}
#ConfigBundle .L label{display:flex;justify-content:center;align-items:center;flex-direction: column;width: 286px;max-width: 100%;height: 130px;border-radius: 8px;box-shadow: 0px 4px 8px rgba(24, 24, 24, 0.16);background-color: #fff;margin-right:10px;margin-bottom:10px;cursor:pointer;padding:2px}
.Media #ConfigBundle .L label {background: #222}
#ConfigBundle .L input[type="radio"]:checked + label {padding:0;border: var(--clr-sfr2) 2px solid}
#ConfigBundle .L label p:first-of-type{margin-bottom:5px; font-family: SFR-Bold; font-size: 16px}
#ConfigBundle .L label p{font-size: 12px;line-height: 17px;text-align:center;max-width:calc(100% - 30px)}
#ConfigBundle .addons_bloc>.wrapper {padding:0}
#ConfigBundle .addons_bloc .list {max-width:100%;}
#ConfigBundle .addons-card.promo {margin-top:24px}
#ConfigBundle .addons_bloc:after {content: "=";font-family: 'SFR-Bold';font-size: 30px;line-height: 30px;position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;left: -36px;height: 30px;width: 16px}
#ExperienceTV {width: 1280px;max-width:calc(100% - 64px);margin: 24px auto 0}
#ExperienceTV .intro{font-size: 14px;line-height: 22px;margin-top:-8px;}
.generic-tab {position: relative;text-align: center;margin: 24px auto 16px;padding: 12px 0;background: #fff;border-radius: 8px;box-shadow: 0px 8px 16px rgba(24, 24, 24, 0.08);}
.Media .generic-tab {background: #181818}
.generic-tab input {display:none}
.generic-tab label {display: inline-block;cursor: pointer;font-size: 14px;line-height: 22px;box-shadow: 0px 4px 8px rgba(24, 24, 24, 0.16);border-radius: 8px;background-color: transparent;font-family: 'SFR-Bold';border: 1px solid #181818;padding: 10px 23px;margin: 0px 12px}
.generic-tab label:hover, .generic-tab input:checked + label {background-color: #181818;color: #fff;transition: all.2s}
.Media .generic-tab label {border: 1px solid #fff}
.Media .generic-tab label:hover, .Media .generic-tab input:checked + label {background-color: #fff;color: #181818}
.generic-tab input + label + section {position: absolute;display:none;width: 100%;height: 404px;top: 72px;justify-content: space-between;align-items: center}
.generic-tab input:checked + label + section {display:flex}
.generic-tab .selector {display:none;width: 264px;max-width:calc(100% - 24px);height: 40px;background: #181818;box-shadow:0px 4px 8px rgba(24, 24, 24, 0.16);padding: 0 12px;margin:0 12px;border-radius: 8px}
.Media .generic-tab .selector {background: #fff}
.generic-tab .selector:after {top:12px;color:#fff}
.generic-tab .selector select {font-family: SFR-Black;font-size: 14px;line-height: 16px;color: #fff;background: #181818;padding: 0}
.Media .generic-tab .selector:after,
.Media .generic-tab .selector select {color: #181818;background: #fff}
#ExperienceTV > div {margin: 24px auto 365px}
#ExperienceTV .L {position:relative;text-align:left;background: #222;border-radius: 12px;width: 100%;max-width: calc(50% - 20px);;height:224px;padding:24px}
#ExperienceTV .L:after {background: rgba(0, 0, 0, 0.72);mix-blend-mode: normal;opacity: 0.3;filter: blur(24px);content: '';position: absolute;bottom: -88px;left: 0;width: 100%;height: 56px}
#ExperienceTV .L .title {font-family: SFR-Bold;font-size: 20px;line-height: 24px;display: inline-block;vertical-align: super;margin-left:8px}
#ExperienceTV .L .desc {font-family: SFR-Regular;font-size: 14px;line-height: 22px;margin-top:16px}
#ExperienceTV .L svg {display: inline-block}
#ExperienceTV .L a {position:absolute;display:block;width:auto;bottom: 24px;left:24px}
#ExperienceTV .R {position:relative;cursor:pointer;display: flex;justify-content: center; }
#ExperienceTV .socle {position: absolute;left: 0;right: 0;top: -32px;z-index:-1}
#ExperienceTV .behind {position:absolute;z-index:1;max-width: 552px;height: auto}
#ExperienceTV .front {z-index:2;max-width: 552px;height: auto}
#ExperienceTV .R:hover .move {transition:all 0.2s;transform: scale(1.10)}
#ExperienceTV .R img {max-width:100%}
.other-pack-option{display:flex;flex-flow:row wrap;max-width:1065px;margin:auto;padding:0 18px;}
.other-pack-option > p{font-family:SFR-Bold;font-size:19px;line-height:26px;margin:16px 0 10px;width:100%;}
.other-pack-option input[name="choix-option"]{display:none;}
.other-pack-option > p{font-family:SFR-Bold;font-size:19px;line-height:26px;margin:16px 0 10px;width:100%;}
.other-pack-option input[name="choix-option"] + label{display:flex;align-items:center;justify-content:center;font-family:SFR-Bold;font-size:14px;min-height:35px;text-align:center;border-radius:22.5px;border:solid 2px #181818;padding:0 22px;cursor:pointer;margin:0 5px 10px;}
body.Media .other-pack-option input[name="choix-option"] + label{border:solid 2px #fff;}
.other-pack-option input[name="choix-option"]:checked + label{color:#fff;background:#181818;cursor:default;}
body.Media .other-pack-option input[name="choix-option"]:checked + label{color:#181818;background:#fff;}

bol-enjoy-offer {display:block;margin-top:40px;}
.enjoy_offer_steps{border-bottom:1px solid #181818;padding:0 18px}
.enjoy_offer_steps .wrapper{color: #181818;margin:auto;}
.enjoy_offer_steps .list_steps{display: flex;justify-content: space-between;margin: auto;width: 1280px;max-width: 100%;background: transparent;border-radius: 12px;padding: 0 24px 24px;}
.enjoy_offer_steps .elem_step{flex:1;text-align:center;margin:0 15px}
.enjoy_offer_steps .step{font-size:16px;line-height:32px;font-family:SFR-Bold;text-align:center;width:32px;height:32px;background-color:#e9e9e9;border-radius:90px;margin:0 auto 8px;color:#181818;}
.enjoy_offer_steps .Text500{color:#181818}
.enjoy_offer_steps h6 {font: normal 16px/24px SFR-Bold;margin: 0 auto;}
.enjoy_offer_steps  .btn.last {width: fit-content;margin: 16px auto 0;}
bol-resume-option-block .pres .sous-titre p, body.Media .pres .sous-titre p{padding-bottom:20px}
bol-resume-option-block .pres, body.Media .pres {display: flex;width: 1280px;max-width: calc(100% - 64px);margin: 0 auto;padding: 0;gap: 24px;align-items: flex-start;justify-content: space-between;justify-content: flex-start;}
bol-resume-option-block .pres .addons_bloc .list, body.Media .pres .addons_bloc .list { grid-template-columns: 1fr}
bol-resume-option-block .pres .sous-titre, body.Media .pres .sous-titre{font-size:14px;width:calc(100% - 440px);margin-bottom:20px}
body.Media .enjoy_offer_steps .Text500{color:#fff}
body.Media .enjoy_offer_steps{border:0}
body.Media .enjoy_offer_steps .wrapper{display:flex;justify-content:space-between;color:#fff}
body.Media .enjoy_offer_steps .list_steps{background:#222;}
body.Media .enjoy_offer_steps .steps{display:flex;flex-direction:column;width:calc(50% - 10px);height:318px;border-radius:12px;background:rgba(41, 41, 41, 0.5)}
body.Media .enjoy_offer_steps .title{height:86px;font-family:SFR-Bold;font-size:20px;line-height:22px;display:flex;padding-left:64px;padding-right:68px;align-items:center;border-bottom:solid 1px rgba(151, 151, 151, 0.4)}
body.Media .enjoy_offer_steps .step:first-of-type{margin:24px auto 16px}
body.Media .enjoy_offer_steps .btn{margin:47px auto 0;letter-spacing:0.7px;font-family:SFR-Black;font-size:13px;width:285px;max-width:100%}
.bl_sim_mobile .sim_mobile_banner{padding:0 18px}
.bl_sim_mobile .wrapper{margin:auto;width:1280px;max-width:calc(100% - 64px);display:flex;min-height:360px;align-items:center}
.bl_sim_mobile .wrapper > div{flex:1}
.bl_sim_mobile .bl_title{margin-bottom:8px}
.bl_sim_mobile .bl_card{justify-content:center;display:flex}
.bl_sim_mobile .card_bloc{margin:15px;max-width:335px;padding:19px 0 35px;position:relative}
.bl_sim_mobile .addons_bloc{background:0 0}
.Media #vousaimerezaussi .addons_bloc {margin-bottom:40px;}
.BlRechargeList .RechargeList{display:flex;width:1280px;max-width:calc(100% - 64px);margin:auto;flex-wrap:wrap;padding:15px 0 9px;justify-content:space-between}
.BlRechargeList li{min-width:360px;max-width:500px;flex:1;position:relative;margin:15px;padding-top:19px}
.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}
.bl_how_subscribe .step{border:1px solid #d2d2d2;border-radius:90px;width:60px;height:60px;margin:0 auto 8px;line-height:60px}
.bl_how_subscribe .step > span{font-size:34px;font-family:SFR-Black;text-align:center}
.bl_how_subscribe .Text500{margin-bottom:12px}
.bl_how_subscribe .elem_list{text-align:center;max-width:252px;flex:1}
.bl_how_subscribe .elem_list:last-child{flex:2;max-width:405px;margin:0 0 32px}
.bl_discover_all_media{padding:0 18px;margin:auto;width:1280px;max-width:calc(100% - 64px);justify-content: space-around}
.bl_discover_all_media .bl_img{text-align:center;padding:12px 0;margin-bottom:24px}
.bl_discover_all_media .bl_img img{max-width:100%}
.bl_discover_all_media .bl_btn{text-align:center;margin-bottom:32px}
.bl_discover_all_media .bl_btn a{margin:0 16px}
.bl_discover_all_media .bl_desc{background:#181818;border-radius:12px;padding:20px;margin-bottom:12px}
.bl_discover_all_media .title_bl{margin-bottom:13px;color:#fff}
.bl_discover_all_media .Text500{color:#fff;margin-bottom:46px}
.bloc_where_why_who .wrapper{width:1280px;max-width:calc(100% - 64px);margin:auto;}
.bloc_where_why_who ul{display:flex;justify-content:space-between}
.bloc_where_why_who li{text-align:center;margin:0 10px;max-width:275px;flex:1}
.bloc_where_why_who .bl_img{margin-bottom:16px}
.bl_offer_to_choose{padding:0;width:1280px;max-width:calc(100% - 64px);margin:auto}
.bl_offer_to_choose .bl_description{margin:-16px 0 24px}
.bl_offer_to_choose .bl_offers{border-radius:12px;background-color:#f2f2f2;display:flex;overflow:hidden;margin-bottom:32px}
.bl_offer_to_choose .bl_right{flex:4;display:flex}
.bl_offer_to_choose .bl_right > div{position:relative;flex:1}
.bl_offer_to_choose .bl_right > div:nth-child(2){flex:0;max-width:74px;min-width:65px;display:flex;justify-content:center}
.bl_offer_to_choose .bl_right > div:nth-child(2)::before{content:"+";display:flex;width:26px;height:26px;box-shadow: 0px 8px 16px rgba(24, 24, 24, 0.08);background-color:#fff;position:absolute;top:25%;border-radius:90px;font-size:19px;font-family:SFR-Bold;color:#222;justify-content:center;align-items:center}
.bl_offer_to_choose .addons-card{height:inherit}
.bl_offer_to_choose .addons-card .bl_btn,.bl_offer_to_choose .addons-card .btn {max-width:calc(100% - 15px)}
.bl_offer_to_choose .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 .operator{position:relative;width:26px;height:26px;border-radius:26px;font-size:19px;text-align:center;line-height:26px;box-shadow: 0px 8px 16px rgba(24, 24, 24, 0.08);background:#fff;color:#222;font-family:SFR-Bold}
.bl_offer_to_choose .bl_left{box-shadow: 0px 8px 16px rgba(24, 24, 24, 0.08);background-color:#fff;flex:1;padding:40px 32px}
.bl_offer_to_choose .wrapper{position:relative;justify-content:center;display:flex;height:100%;flex-direction:column;align-items:center}
.bl_offer_to_choose .wrapper::before{content:"=";display:flex;width:26px;height:26px;box-shadow: 0px 8px 16px rgba(24, 24, 24, 0.08);background-color:#fff;position:absolute;left:-45px;top:25%;border-radius:90px;font-size:19px;font-family:SFR-Bold;color:#222;justify-content:center;align-items:center}
.bl_offer_to_choose .elem{margin-bottom:12px}
.bl_offer_to_choose .elem .Text500{margin-bottom:12px}
.bl_offer_to_choose .elem .btn{margin:initial}
.bl_offer_to_choose .phone_plan .price {justify-content: center;margin-bottom:12px;}
.bl_offer_to_choose .elem .price {justify-content: flex-start; margin-bottom:12px;}
.bl_offer_to_choose  bol-addons-card{height:100%}
.bl_offer_to_choose  bol-addons-card .WhiteBloc .Detail .Text500{max-height:none}
.bl_offer_to_choose  bol-plan-card-block .bl_desc{margin:0 auto 16px}
.offer-container{min-height:calc(100% - 64px);max-height:calc(100% - 64px)}

.bl_programs{display:flex;margin:auto;width:1280px;max-width:calc(100% - 64px);flex-wrap:wrap}
.bl_programs .elem{flex:1;margin:12px 15px;background:50% no-repeat;background-size:cover;min-width:500px;border-radius:12px}
.bl_programs .elem > div{background:rgba(0, 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;display:inline-block;vertical-align:middle}
.bl_programs .elem .bl_title > img{display:inline-block;vertical-align:middle;margin-left:5px}
#programs{display:flex;gap:30px 0;justify-content:space-between;flex-wrap:wrap;width:1280px;max-width:calc(100% - 64px);margin:38px auto 66px}
#programs li{max-width:516px;max-height:300px;width:calc(50% - 15px)}
#programs li figure{position:relative}
#programs li figure .mainImage{border-radius:12px;width:100%}
#programs li figure figcaption{position:absolute;bottom:24px;left:24px;display:flex;flex-direction:column;row-gap:10px;font:19px/26px "SFR-Bold"}
#programs li figure figcaption .logo{width:clamp(5vw, 109px, 23vw)}

.config-link{height:35px}
.bl_eligibility bol-eligibility-address{width:100%;margin-top:16px;min-height:42px}
.bl_eligibility bol-eligibility-address h4{font-size:16px;font-family:SFR-Bold;margin-bottom:12px}
.bl_eligibility bol-eligibility-address .label{font-size:14px;line-height:20px;color:#181818;margin-bottom:4px;display:inline-block}
.bl_eligibility bol-eligibility-address .input{height:42px;line-height:42px;border-radius: 8px;border:solid 1px #d2d2d2;padding:0 14px;background-color:#fff;font-size:14px;color:#181818;width:calc(100% - 24px) !important}
.bl_eligibility bol-eligibility-address .bl_adresse{margin-bottom:0;flex:calc(100% - 114px);max-width:calc(100% - 102px)}
.bl_eligibility bol-eligibility-address .bl_adresse > div{margin-bottom:0;flex:1}
.bl_eligibility bol-eligibility-address .bl_adresse > div:last-child{margin-right:0}
.bl_eligibility bol-eligibility-address .bl_adresse > div:first-child{flex:3}
.bl_eligibility bol-eligibility-address .bl_adresse2{margin-bottom:16px;display:flex}
.bl_eligibility bol-eligibility-address .bl_adresse2 > div{margin-bottom:8px;flex:1;position:relative;margin-right:0}
.bl_eligibility bol-eligibility-address .bl_adresse2 > div:last-child{margin-right:0}
.bl_eligibility bol-eligibility-address .bl_adresse2 > div:after {position: absolute;right: 15px;bottom: 18.5px;pointer-events: none;border-style: solid;border-width: 2px 2px 0 0;content: '';height: 8px;transform: rotate(135deg);width: 8px}
.bl_eligibility bol-eligibility-address .bl_adresse2 select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:calc(100% - 5px) !important;padding:0 30px 0 15px;font-size:10px;letter-spacing:-0.5px;text-overflow:ellipsis}
.bl_eligibility bol-eligibility-address .eligibility_result{text-align:center;padding:16px 0 0}
.bl_eligibility bol-eligibility-address .eligibility_result.text_left{text-align:left}
.bl_eligibility bol-eligibility-address .eligibility_result h4{font-size:16px;margin-bottom:12px;font-family:SFR-Bold}
.bl_eligibility bol-eligibility-address .eligibility_result p{margin-bottom:12px;font-size:14px;line-height:20px;color:#181818}
.bl_eligibility bol-eligibility-address .eligibility_result .link{margin-bottom:16px;text-decoration:underline}
.bl_eligibility bol-eligibility-address .eligibility_result .bl_input{max-width:256px}
.bl_eligibility bol-eligibility-address .list_Radio .champ{line-height:30px;width:190px;padding:0 5px}
.bl_eligibility bol-eligibility-address .bl_submit{text-align:center}
bol-eligibility-result .bl_result{text-align:center;color:#181818;background:#fff;border-radius:12px;position:relative;width:1280px;max-width:calc(100% - 64px);padding:24px 24px 24px 128px}
bol-eligibility-result .bl_result:before{content:"";position:absolute;width:64px;height:100%;display:inline-block;color:#fff;background:center/30px 30px no-repeat url(//static.s-sfr.fr/assets/pictos/check_40_blanc.svg), #02C39A;left:0;top:0;bottom:0;margin-bottom:auto;margin-top:auto;border-radius:10px 0 0 10px}
bol-eligibility-result .bl_result .parts{display:flex}
bol-eligibility-result .bl_result .part1.short{min-width:196px;max-width:204px;margin-top:18px}
bol-eligibility-result .bl_result .part2{padding-left:24px;border-left:#d2d2d2 solid 1px;text-align:initial;margin-top:18px}
bol-eligibility-result .bl_result .part2 img{height:30px;width:auto;display:inline-block}
bol-eligibility-result .bl_result .part2 img:nth-of-type(1){margin-right:15px}
bol-eligibility-result .bl_result .part1 > p,bol-eligibility-result .bl_result .part2 > p{font-family:SFR-Regular;font-size:14px;margin-bottom:12px;margin-right:16px}
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-Regular;font-size:12px;color:#fff;cursor:pointer;text-decoration:underline}
bol-eligibility-result .bl_result p{letter-spacing:-0.4px;font-size:16px;line-height:24px;color:#181818;text-align:left;margin:0;width:100%;max-width:100%;align-self:center}
bol-eligibility-result .bl_result p.adress-tested{display:flex;flex-flow:row wrap;align-items:baseline;margin: 0;}
bol-eligibility-result .bl_result p.adress-tested span:nth-child(1){font-family:SFR-Regular;font-size:14px;margin-bottom:7px;margin-right:5px;display:block}
bol-eligibility-result .bl_result p.result-count{margin-bottom:16px}
bol-eligibility-result .bl_result .address,bol-eligibility-result .bl_result .debit,bol-eligibility-result .bl_result p.title{font-family:SFR-Bold}
bol-eligibility-result .bl_result .bieligible,bol-eligibility-result .bl_result .raccordement{font-family:SFR-Regular;font-size:14px;font-style:italic;color:#181818;display:block;margin-top:14px;margin-right:16px;text-align:left}
bol-eligibility-result .bl_result .bieligible .link,bol-eligibility-result .bl_result .raccordement .link{margin-left:16px;text-decoration:none}
bol-eligibility-result .bl_result .bieligible{font-style:normal}
bol-eligibility-result .bl_result .bieligible span{font-size:12px;font-family:SFR-Regular}
bol-eligibility-result .bl_result .address{margin-right:24px;margin-bottom:7px;display:block}
bol-eligibility-result .bl_result label.expand-bloc{position:absolute;top:16px;right:16px;text-decoration:none}
bol-eligibility-result .bl_result input[type="radio"][name="expand"]:checked + label{display:none}
bol-eligibility-result .bl_result input[id="seeLess"]:checked + label ~ .parts{display:none}
bol-eligibility-result .bl_result input[id="seeMore"]:checked + label ~ label[for="seeLess"] i{transform:rotate(-45deg);margin: 0 0 -2px 7px}
bol-eligibility-result .bl_result input[type="radio"]{display:none}
bol-eligibility-result .bl_result p{margin:0 0 4px}
bol-eligibility-result .bl_result .wrapper{width:1280px;max-width:calc(100% - 64px);margin:auto;padding:24px 0}
bol-eligibility-result .bl_result .wrapper .bl_link{text-align:center}
bol-eligibility-result .bl_result .expand-bloc {margin:0 0 0 7px}
bol-eligibility-result .bl_result .expand-bloc span{margin-right:0}
bol-eligibility-result .bl_result .link-basic{text-decoration:underline;font-family:SFR-Regular;font-size:14px;color:#181818;display:block;margin-bottom:10px}
bol-eligibility-result .bl_result span.bl_link{margin-top:0}
bol-eligibility-result .bl_test_error{max-width:610px;border-radius:12px;background-color:#fff;margin:0 auto 24px}
bol-eligibility-result .bl_test_error .bl_onglet{display:flex;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:0;border-bottom-right-radius:0;overflow:hidden}
bol-eligibility-result .bl_test_error .bl_onglet li{flex:1;text-align:center;padding:16px 5px;border-right:solid 1px #fff;background:#d2d2d2;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:var(--clr-sfr2);position:absolute;bottom:0;left:0;right:0}
bol-eligibility-result .bl_test_error .bl_content{padding:16px 24px}
bol-eligibility-result .bl_test_error h4{font-size:16px;font-family:SFR-Bold;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:20px;color:#181818;margin-bottom:4px;display:inline-block}
bol-eligibility-result .bl_test_error .input{height:42px;line-height:42px;border-radius: 8px;border:solid 1px #d2d2d2;padding:0 14px;background-color:#fff;font-size:14px;color:#181818;width:100%}
bol-eligibility-result .bl_test_error .select{height:40px;line-height:40px;border-radius: 8px;border:solid 1px #d2d2d2;padding:0 14px;background-color:#fff;font-size:14px;color:#181818;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}
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-family:SFR-Bold}
bol-eligibility-result .bl_test_error .eligibility_result p{margin-bottom:12px;font-size:14px;line-height:20px;color:#181818}
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;max-width:523px}
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%}
bol-eligibility-result .bl_result p.bi-eligibility:nth-child(2){margin:0 0 10px}
bol-eligibility-result .bl_result p.bi-eligibility{letter-spacing:normal;font-size:14px;line-height:20px}
bol-eligibility-result .bl_result p.bi-eligibility strong{font-style:italic}
.bl_eligibility .bl_content bol-eligibility-adsl-complement h4{font-size:16px;font-family:SFR-Bold;margin-bottom:12px}
.bl_eligibility .bl_content bol-eligibility-adsl-complement .label{font-size:14px;line-height:20px;color:#181818;margin-bottom:4px;display:inline-block}
.bl_eligibility .bl_content bol-eligibility-adsl-complement .input{height:42px;line-height:42px;border-radius: 8px;border:solid 1px #d2d2d2;padding:0 14px;background-color:#fff;font-size:14px;color:#181818;width:100%}
.bl_eligibility .bl_content bol-eligibility-adsl-complement .error-message{margin:12px 0 5px}
.bl_eligibility .bl_content bol-eligibility-adsl-complement .error-message > p{font-family:SFR-Regular;font-size:14px;color:#181818;margin:0}
.bl_eligibility .bl_content bol-eligibility-adsl-complement .error-message a{margin:0}
.bl_eligibility .bl_content bol-eligibility-adsl-complement .eligibility_result{text-align:center;padding:0}
.bl_eligibility .bl_content bol-eligibility-adsl-complement .eligibility_result.text_left{text-align:left}
.bl_eligibility .bl_content bol-eligibility-adsl-complement .eligibility_result p{margin-bottom:12px;font-size:14px;line-height:20px;color:#181818}
.bl_eligibility .bl_content bol-eligibility-adsl-complement .eligibility_result .bl_input{position:relative;max-width:336px}
bol-internet-eligibility-block .bl_eligibility {position: relative;width: 100%;margin: 0 auto !important;z-index: 5;}
bol-internet-eligibility-block .bl_eligibility picture{z-index: -1;position: absolute;bottom: 0;width: 100%;height: 100%;overflow:hidden;}
.background-eli {position: absolute;width:100%;min-height:100%;max-height: -webkit-fill-available;bottom: 0;object-fit: cover;z-index: -1;}
bol-internet-eligibility-block .bl_eligibility:before {content: '';width: 50%;height: 100%;background-color: #c80707;opacity: .9;position: absolute;left: 0;top: 0;z-index: 0;}
bol-internet-eligibility-block .bl_eligibility.cl_result .wrapper{background:0 0}
bol-internet-eligibility-block .bl_eligibility .wrapper{padding:15px 0;width:1280px;max-width:calc(100% - 64px);margin:auto;border-radius:12px;position:relative;z-index:1;}
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%);z-index:-1;}
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:after{content:none;}
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:0.6;max-width:100%}
bol-internet-eligibility-block .bl_eligibility .wrapper .loader-wrapper p {font-family: SFR-Bold;font-size: 16px;color: #fff;text-align: center;margin-top: 162px;}
bol-internet-eligibility-block .bl_eligibility .wrapper .loader-wrapper:after {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: 102px;width: 102px;color: var(--clr-sfr2);display: inline-block;border: 6px solid;border-radius: 50%;border-top-color: transparent;animation: rotate 1s linear infinite;}
bol-internet-eligibility-block .bl_eligibility .wrapper .loader-wrapper:before {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;background: url(https://static.s-sfr.fr/assets/logos/SFR.svg);background-repeat:no-repeat;width: 45px;height: 44px}
bol-internet-eligibility-block .bl_eligibility .wrapper .bl_link{text-align:center;margin-top:16px}
bol-internet-eligibility-block .bl_eligibility .wrapper .bl_link .btn2{width:fit-content}
bol-internet-eligibility-block .bl_eligibility .wrapper .bl_link .expand-bloc{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:right}
bol-internet-eligibility-block .bl_eligibility .wrapper .hide_desk{display:none}
bol-internet-eligibility-block .bl_eligibility .etap0{text-align:center}
bol-internet-eligibility-block .bl_eligibility .etap0 .btn:not(.disabled):hover{background-color:rgba(255, 255, 255, 0.1);background-position:100% center;box-shadow:0px 4px 8px rgba(24, 24, 24, 0.16);}
bol-internet-eligibility-block .bl_eligibility .etap0 .btn:not(.disabled):active{box-shadow:0px 4px 8px rgba(24, 24, 24, 0.16);}
bol-internet-eligibility-block .bl_eligibility .PRE_bl_test_elig{display:flex;align-items:flex-start;justify-content:center}
bol-internet-eligibility-block .bl_eligibility .PRE_bl_test_elig .bl_title{margin-right:32px}
bol-internet-eligibility-block .bl_eligibility .PRE_bl_test_elig .tabs{display:none}
bol-internet-eligibility-block .bl_eligibility .bl_test_elig,bol-internet-eligibility-block .bl_eligibility .bl_test_error{display:flex;min-height:198px;align-items:center;justify-content:center;max-width:100%;flex:2;border-radius:12px;background-color:#fff}
bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_content,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:24px;font-family:SFR-Regular;font-size:14px;color:#181818;margin:0}
bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_content p,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content p{font-family:SFR-Bold;font-size:14px;line-height:22px;color:#181818;text-align:left;width:100%;max-width:100%;align-self:center}
bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_content p a,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content p a{text-decoration:none}
bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_content p .title,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content p .title{font-family:SFR-Bold;margin-bottom:4px}
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;width: fit-content}
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 .change,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content .eligibility_result .change{font-size:14px;color:#181818}
bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_content .parts {display:flex}
bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_content .part1,bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_content .part2,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content .part1,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content .part2{margin-top:20px}
bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_content .part2 > p,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content .part2 > p{font-family:SFR-Regular;font-size:14px;margin-bottom:12px;margin-right:16px}
bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_content .part2,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content .part2{padding-left:24px;border-left:#d2d2d2 solid 1px;text-align:initial}
bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_content .part2 img,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content .part2 img{height:30px;width:auto;display:inline-block}
bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_content .debit,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content .debit{font-family:SFR-Bold;margin-bottom:4px}
bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_content .link,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content .link{text-decoration:none}
bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content .link{margin-right:0}
bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_content label .expand-bloc,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content label .expand-bloc{position:absolute;top:16px;right:16px;text-decoration:none}
bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_content input[type="radio"],bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content input[type="radio"]{display:none}
bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_content .radio-container,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content .radio-container{position:relative;flex:100%;display:flex;flex-flow:row wrap;align-items:center;align-self:flex-start;margin:0}
bol-internet-eligibility-block .radio-container > p label,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content .radio-container > p label{font-family:SFR-Bold;font-size:16px;margin-bottom:19px}
bol-internet-eligibility-block .radio-container input[type="radio"],bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content .radio-container input[type="radio"]{display:none}
bol-internet-eligibility-block .radio-container input[type="radio"] + label .check,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content .radio-container input[type="radio"] + label .check{width:22px;height:22px;background-color:#fff;border-radius:100%;box-shadow:inset 0 0 0 2px #fff;border:1px solid #8a8a8a;margin:0 10px 0 0}
bol-internet-eligibility-block .radio-container input[type="radio"]:checked + label,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content .radio-container input[type="radio"]:checked + label{cursor:default;font-family:SFR-Bold}
bol-internet-eligibility-block .radio-container input[type="radio"]:checked + label .check,bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content .radio-container input[type="radio"]:checked + label .check{width:22px;height:22px;background-color:#181818;border-radius:100%;box-shadow:inset 0 0 0 5px #fff;border:1px solid #8a8a8a;margin:0 10px 0 0}
bol-internet-eligibility-block .radio-container .Text300{position:absolute;bottom:-16px;}
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:20px;color:#181818;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: 8px;border:solid 1px #d2d2d2;padding:0 5px;background-color:#fff;font-size:14px;color:#181818;width:100% !important}
bol-internet-eligibility-block .bl_eligibility .bl_test_elig p,bol-internet-eligibility-block .bl_eligibility .bl_test_error p{font-family:SFR-Bold;font-size:16px;text-align:center;color:#181818;align-self:flex-start}
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: 8px;border:solid 1px #d2d2d2;padding:0 14px;background-color:#fff;font-size:14px;color:#181818;width:100%}
.forfait-mobile-box .card .checks,.generic-choices .checks,bol-internet-eligibility-block .bl_eligibility .bl_test_elig .checks,bol-internet-eligibility-block .bl_eligibility .bl_test_error .checks{display:flex;flex-flow:row wrap;width:100%;margin-top:15px;align-items:center}
.forfait-mobile-box .card .checks span,.generic-choices .checks span,bol-internet-eligibility-block .bl_eligibility .bl_test_elig .checks span,bol-internet-eligibility-block .bl_eligibility .bl_test_error .checks span{font-family:SFR-Bold;letter-spacing:-0.4px;font-size:16px;line-height:24px;color:#181818;text-align:left;margin:0;align-self:center;margin-right:25px;margin-bottom:16px}
.forfait-mobile-box .card .checks label,.generic-choices .checks label,bol-internet-eligibility-block .bl_eligibility .bl_test_elig .checks label,bol-internet-eligibility-block .bl_eligibility .bl_test_error .checks label{width:140px;height:40px;text-align:center;background:0 0;font-family:SFR-Bold;font-size:14px;line-height:40px;margin:0 0 16px 0;border:solid 1px #d2d2d2;cursor:pointer;justify-content:center}
.forfait-mobile-box .card .checks label:last-child,.generic-choices .checks label:last-child,bol-internet-eligibility-block .bl_eligibility .bl_test_elig .checks label:last-child,bol-internet-eligibility-block .bl_eligibility .bl_test_error .checks label:last-child{border-radius:0 8px 8px 0}
.forfait-mobile-box .card .checks label:first-of-type,.generic-choices .checks label:first-of-type,bol-internet-eligibility-block .bl_eligibility .bl_test_elig .checks label:first-of-type,bol-internet-eligibility-block .bl_eligibility .bl_test_error .checks label:first-of-type{border-bottom-left-radius:8px;border-top-left-radius:8px}
bol-internet-eligibility-block .bl_eligibility .bl_test_elig .checks label:hover,bol-internet-eligibility-block .bl_eligibility .bl_test_error .checks label:hover{color:#fff;background:#181818;transition:all 0.2s ease-out}
.forfait-mobile-box .card .checks input:checked + label,.generic-choices .checks input:checked + label,bol-internet-eligibility-block .bl_eligibility .bl_test_elig .checks input:checked + label,bol-internet-eligibility-block .bl_eligibility .bl_test_error .checks input:checked + label{color:#fff;background:#181818;border:solid 1px #181818;cursor:default}
bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_content p.adress-tested span:nth-child(1) {display:block;font-family: SFR-Regular;font-size: 14px;margin-bottom: 7px;margin-right: 5px}
bol-internet-eligibility-block .bl_eligibility .bl_test_error .btn{margin:0;align-self:flex-end;width: fit-content}
bol-internet-eligibility-block .bl_eligibility .bl_test_elig .btn.toAdd,bol-internet-eligibility-block .bl_eligibility .bl_test_error .btn.toAdd{float:right;pointer-events:auto;width: fit-content}
bol-internet-eligibility-block .bl_eligibility .bl_test_elig .inputs,bol-internet-eligibility-block .bl_eligibility .bl_test_error .inputs{display:flex;max-width:calc(100% - 466px);min-width:237px}
bol-internet-eligibility-block .bl_eligibility .bl_test_elig .inputs-other,bol-internet-eligibility-block .bl_eligibility .bl_test_error .inputs-other{display:flex;min-width:257px}
bol-internet-eligibility-block .bl_eligibility .bl_test_elig .inputs-other input[type="text"],bol-internet-eligibility-block .bl_eligibility .bl_test_error .inputs-other input[type="text"]{width:123px;border:1px solid #d2d2d2;height:37px;line-height:30px;padding:0 8px}
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{overflow:auto;padding:24px;background:#f2f2f2;display: flex;flex-flow: row wrap;justify-content: space-between;align-items: center}
bol-internet-eligibility-block .bl_eligibility .bl_select_house h6{text-align:center;margin-bottom:12px;width: 100%}
bol-internet-eligibility-block .bl_eligibility .bl_select_house .list_logement{margin-bottom:16px;width: 100%}
bol-internet-eligibility-block .bl_eligibility .bl_select_house .list_logement li{border-radius:8px;border:solid 1px #d2d2d2;padding:16px 14px;margin-bottom:8px;color:#181818;cursor:pointer}
bol-internet-eligibility-block .bl_eligibility .bl_select_house .list_logement li.active{border:solid 1px var(--clr-sfr2);}
bol-internet-eligibility-block .bl_eligibility .bl_select_house .pagination{display:flex;justify-content: left;background:transparent}
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);-webkit-transform:rotate(180deg);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:0 auto 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_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-internet-eligibility-block .bl_eligibility .conexion{max-width:270px;min-width:270px;margin-left:24px;border-radius:12px;background-color:#fff;height:198px;align-items:center;justify-content:center;display:flex}
bol-internet-eligibility-block .bl_eligibility .conexion .bl_content{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px}
bol-internet-eligibility-block .bl_eligibility .conexion p{font-family:SFR-Bold;font-size:16px;text-align:center;color:#181818;align-self:flex-start}
bol-internet-eligibility-block .bl_eligibility .conexion a{margin-top:32px;width:100%;font-size:13px;letter-spacing:0.7px}
bol-internet-eligibility-block .bl_eligibility label{display:flex;flex-direction:row;align-items:center;cursor:pointer;font-family:SFR-Regular;font-size:14px;line-height:20px}
bol-internet-eligibility-block .bl_eligibility label .check{margin:0 10px}
bol-internet-eligibility-block .bl_eligibility label span{margin-right:20px}
bol-internet-eligibility-block .bl_eligibility div.form{display:flex;flex-flow:row wrap;flex:100%;align-items:center;justify-content:flex-end}
bol-internet-eligibility-block .bl_eligibility div.form .elig-input-text{width:100%;display:inline-flex;justify-content:space-between}
bol-title-block .sticky .bl_eligibility .more-info{display:none}
.bl_eligibility bol-eligibility-phone{width:100%;margin-top:17px}
.bl_eligibility bol-eligibility-phone h4{font-size:16px;font-family:SFR-Bold;margin-bottom:12px}
.bl_eligibility bol-eligibility-phone .input{height:42px;line-height:42px;border-radius: 8px;border:solid 1px #d2d2d2;padding:0 14px;background-color:#fff;font-size:14px;color:#181818;width:100%}
.bl_eligibility bol-eligibility-phone .bl_input{margin-bottom:0;max-width:calc(100% - 102px);width:calc(100% - 102px)}
.eligibility-housing-selection {position: relative;width: calc(100% + 48px);height: 100%;z-index: 5;left: -24px;margin-top:60px;box-shadow: 0px 8px 16px rgb(24 24 24 / 8%);}
bol-internet-eligibility-block .bl_eligibility .wrapper bol-eligibility-housing-selection > .bl_link {text-align: left;position: absolute;top: -37px;}
bol-eligibility-housing-selection {position: absolute;z-index: 18;background: #fff;padding: 24px;left: 0;max-width: 100%;border-radius: 0 0 12px 12px;}

bol-choice{position:relative;display:block;width: 100%;}
.bloc_choices{position:relative;width:1280px;max-width:calc(100% - 64px);display:flex;justify-content:center;margin:0 auto;gap: 40px;}
.bloc_choices .bold{font-family:SFR-Bold;font-size:16px;line-height:24px;color:#181818}
.generic-choices .form > .bold{margin:32px 6px 8px 0}
.bloc_choices .intro{font-family:SFR-Light;font-size:24px;line-height:20px;color:#181818;margin-bottom:8px}
.generic-choices.top {display: table-caption;background: #FFFFFF;box-shadow: 0px 8px 16px rgb(24 24 24 / 2%);border-radius: 12px;width: 1280px;max-width: 100%;margin:0 auto;padding: 24px;text-align: center;}
.generic-choices.top .left .h4{margin-bottom: 4px;text-align: center;}
.generic-choices.top .h4{text-align:left;}
.generic-choices .h4 span {text-transform: capitalize;}
.generic-choices.top .conserve-t,.generic-choices.top .sub-t{font:normal 14px/22px SFR-Bold;text-align:left}

.generic-choices.top .left{display: inline-block;text-align:center;vertical-align:middle;}
.generic-choices.top a{display: inline-block;width:fit-content;vertical-align:middle;margin-left:16px;}
.generic-choices .inline{display:flex;flex-flow:wrap;align-items:center;gap:16px;margin-top: 16px;}
.generic-choices .radio-inputs{display:flex;flex-flow:wrap;gap:16px}
.generic-choices .inline .radio-inputs label{margin-bottom:0;}
.generic-choices .currentLines {display:flex;align-items:center;height: 40px;margin-top:16px;}
.generic-choices .checks input[type="radio"]{display:none}
.generic-choices .checks{max-width:763px;margin-top:16px;margin-right:0}
.generic-choices .checks label{padding:0 11px;margin:8px 0;width:auto;min-width:fit-content;min-width:-moz-fit-content}
.bloc_choices .connexion p:not(.bold){font-family:SFR-Regular;font-size:12px;line-height:18px;text-align:center;margin:4px 0 8px}
.bloc_choices .connexion btn.filled-black{font-size:13px}
.bloc_choices .form{display:flex;flex-flow:row;align-items:flex-start}
.bloc_choices .L{width:100%}
.bloc_choices .R{min-width:200px;position:relative;padding-left:20px;height:83px}
.bloc_choices .R:after{position:absolute;content:"";top:0;left:0;height:100%;width:1px;background-color:#d2d2d2}
.bloc_choices .R p:not(.bold){margin-bottom:11px}
.generic-choices .radio-inputs label{display:flex;flex-direction:row;align-items:center;cursor:pointer;font: normal 14px/22px SFR-Regular;}
.generic-choices .radio-inputs input[type="radio"]{display:none}
.generic-choices .radio-inputs input[type="radio"] + label .check {min-width: 12px;height: 12px;background-color: #fff;border-radius: 100%;box-shadow: inset 0 0 0 2px #fff;border: 1px solid #181818;margin: 0 10px 0 0}
.generic-choices .radio-inputs input[type="radio"]:checked + label .check {width: 12px;height: 12px;background-color: #181818;border-radius: 100%;box-shadow: inset 0 0 0 1.5px #fff;border: 1px solid #181818;margin: 0 10px 0 0}
.generic-choices .radio-inputs input[type="radio"]:checked + label{cursor:default;font-family:SFR-Bold}
.generic-choices .selector {max-width:156px;margin-left: 16px;}
.generic-choices .checks.mobile{display:none}
.generic-choices .select.mobile,.bloc_choices p.mobile{display:none}
.generic-choices .select:after {content: "";position: absolute;bottom: 0;margin: auto;transition: all 0.2s ease-out;outline: 0;right: 12px;top: 0;pointer-events: none;border-style: solid;border-width: 2px 2px 0 0;width: 8px;height: 8px;transform: rotate(135deg)}
.actual-o {display: flex;gap: 24px;min-width: 48%;background: #fff;border-radius: 12px;padding: 24px;justify-content:space-between;min-width:calc(50% - 20px);}
.actual-o .md-label {width: fit-content;margin-right:20px;}
.actual-o .md-label:before {content:none;}
.actual-o .md-label:after {right:-20px;}
.actual-o input:checked + label .md-content {width: 300px;top: 22px;}
.actual-o .md-content:before {top: -4px;right: 23px;}
.actual-o .e{font-size: 12px;line-height: 18px;color: #8A8A8A}
.actual-o .left .n{font-size: 14px;line-height: 22px}
.actual-o .right{font-size: 12px;line-height: 18px}
.actual-o .s b{display:block;margin:16px 0;}
.actual-o >.e{margin-bottom: 8px}
.actual-o .r-max{font-family:SFR-bold;text-align:right;}
.actual-o .i-t {display: grid;grid-auto-flow: column;justify-content: left;gap:0 4px;margin-top:16px}
.actual-o .i-t p{max-width:112px;font-size: 12px;line-height: 18px;margin-right: 4px}
.actual-o .i-t span{display:block;}

.actual-o .t-t {display: grid;grid-template-columns: 1fr 1fr}
.actual-o .t-t p:nth-child(even) {text-align: right;font-size:12px}
.actual-o img {height:24px;width:auto}
.actual-o .prices {display: grid;grid-auto-flow: column;justify-content: space-between;margin-top: 16px;border-top:1px solid #d2d2d2;padding-top:16px}
.actual-o .prices .e {margin-top: 2px}
.actual-o .prices b {font-size:14px;line-height:22px}

#offresboxplustv{max-width:100%;overflow:visible}
.bl_tv_fix_offers {position: relative}
.bl_tv_fix_offers .bl_tv_fix_list{padding:0}
.bl_tv_fix_offers .bl_tv_fix_list .wrapper{padding:0;max-width:100%;}
.bl_tv_fix_offers .bl_tv_fix_list .wrapper .list_tv_fix{display:flex;flex-wrap:wrap;justify-content:left;margin:0 -54px 50px -16px;align-items:flex-end}
.bl_tv_fix_offers .bl_tv_fix_list .wrapper .list_tv_fix .elem_tv_fix{min-width:336px;max-width:336px;flex:1 auto;margin:12px 0;margin-right:26px;z-index:1}
.bl_tv_fix_offers > bol-link{display:block;width:fit-content;margin: 24px auto 0;/*position: absolute;bottom: 262px;*/left: 0;right: 0}
.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)}
.tv_mea_block.Purple{background-image:radial-gradient(circle at 50% 50%, #d15a9c, #732560 91%, #310036 139%)}
.tv_mea_block.Green{background-image:radial-gradient(circle at 50% 50%, #23b5b7, #004236)}
.tv_mea_block.Blue{background-image:radial-gradient(circle at 50% 50%, #139bd6, #1b2157)}
.tv_mea_block.BlueTv{background:linear-gradient(to bottom, #6a398e, #4a79bc)}
.bl_photo.hide {display: none}
bol-fixe-resume-block .content {margin:0}
.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}
input[name="zoomin"]{display:none}
input[name="zoomin"]:checked + .overlay{display:block;position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-color:rgba(255, 255, 255, 0.8);display:flex;flex-direction:column;align-items:center}
input[name="zoomin"]:checked + .overlay label{position:absolute;content:"";top:24px;right:24px;cursor:pointer;width:24px;height:24px}
input[name="zoomin"]:checked + .overlay > .zoom-img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:auto;max-width:calc(100% - 36px)}
input[name="zoomin"]:checked + .overlay > .zoom-img > img{width:auto;width:auto;max-width:830px;max-height:calc(100vh - 190px);margin-bottom:62px;margin-bottom:62px}
input[name="zoomin"]:checked + .overlay > .zoom-img ul{display:flex}
input[name="zoomin"]:checked + .overlay > .zoom-img ul li{position:relative;width:76px;height:78px;padding:3px;border-radius:6px;border:solid 1px #8a8a8a;background-color:#fff;cursor:pointer}
input[name="zoomin"]:checked + .overlay > .zoom-img ul li img{width:50px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
input[name="zoomin"]:checked + .overlay > .zoom-img ul li:not(:last-of-type){margin-right:44px}
.price_bar .desc .bl_promo{color:#181818;position:relative;padding:5px 4px;border-radius:3px;left:0;top:unset;line-height:10px;max-width:120px;float:left;margin-right:4px}
.price_bar .desc .price_elem h3{margin:0 0 2px 0}
.price_bar .desc .txt{text-align:left}
.price_bar .sw-promo {position: relative; text-align: center}

#telephones{position:relative}
#telephones .overlay{display:block;position:absolute;top:unset;left:0;bottom:0;right:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:flex;flex-direction:column;align-items:center}
#telephones .overlay .content{width:1063px;max-width:calc(100% - 32px);margin-top:90px;padding:32px 92px;border-radius:12px;box-shadow: 0px 8px 16px rgba(24, 24, 24, 0.08);background-color:#fff}
#telephones .overlay .content .title{font-family:SFR-Bold;font-size:19px;line-height:26px;text-align:center;color:#181818;margin-bottom:8px}
#telephones .overlay .content .choice-pack,#telephones .overlay .content .desc{font-family:SFR-Regular;font-size:16px;line-height:24px;color:#181818;text-align:center}
#telephones .overlay .content .desc{margin-bottom:24px}
#telephones .overlay .content .choice-pack{text-align:left;margin-bottom:8px}
#telephones .overlay .content .choices-content{display:flex}
#telephones .overlay .content .choices-content .L{display:flex;align-items:center;justify-content:center;width:279px;padding:8px 32px 8px 0;border-right:solid 1px #d2d2d2;font-family:SFR-Black;font-size:12px;line-height:18px;text-align:center;color:#181818}
#telephones .overlay .content .choices-content .L >:not(:last-child){margin-right:16px}
#telephones .overlay .content .choices-content .img{display:flex;align-items:center;justify-content:center;height:42px;margin-bottom:8px}
#telephones .overlay .content .choices-content .and{font-size:10px;font-family:SFR-Regular;line-height:12px;text-align:center}
#telephones .overlay .content .choices-content .M{width:calc(100% - 559px);border-right:solid 1px #d2d2d2}
#telephones .overlay .content .choices-content .M bol-price{display:table;margin:0 auto;font-size:25px;line-height:normal}
#telephones .overlay .content .choices-content .M p{font-family:SFR-Regular;font-size:10px;line-height:11px;text-align:center;text-transform:uppercase;margin-top:8px}
#telephones .overlay .content .choices-content .M p:last-child{text-transform:unset}
#telephones .overlay .content .choices-content .R{width:280px}
#telephones .overlay .content .choices-content .R > *{width:100%;margin-left:31px}
#telephones .overlay .content .choices-content .R a{width:calc(100% - 31px);margin-top:4px}
#telephones .overlay .content .choices-content .R bol-link:last-child a{margin-top:12px}
.bloc_TitleMenu .subtitle{font-size:24px;line-height:52px;color:#181818;text-align:center;margin-bottom:16px}
#BolUsage{display:block;width:1280px;max-width:calc(100% - 64px);margin:auto;padding:24px;border-radius:12px;background:#fff;margin-bottom:24px}
#BolUsage > p{font-family:SFR-Bold;font-size:16px;font-style:normal;line-height:21px;color:#181818;}
#BolUsage > form{display:flex;flex-flow:row wrap;align-items:flex-end;justify-content:space-between;}
#BolUsage > form > div{width: calc(30% - 16px)}
#BolUsage > form > p{font-family:SFR-Regular;font-size:14px;line-height:20px;width:100%;margin-top:15px}
#BolUsage > p:nth-child(3){margin:42px 0 30px}
#BolUsage > form li a{text-decoration:none}
#BolUsage > form a{text-decoration:underline}
#BolUsage > form label{display:block;font-size:14px;line-height:20px;margin-bottom:4px}
#BolUsage > form .selector{position:relative;margin:0}
#BolUsage > form select{position:relative;width:100%;height:30px;padding:0px 0px 0px 10px;border-radius: 8px;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}
#BolUsage > form select:focus-visible{outline:0}
#BolUsage > form > .submit{width: 117px;height: 40px;margin: 0;text-decoration: none}
#BolUsage .details{display:flex;flex-flow:row wrap;justify-content:center;width:1280px;max-width:calc(100% - 64px);margin:0 auto 30px}
#BolUsage .details section{width:177px;height:204px;border-radius:5px;box-shadow:0 5px 20px 0 rgba(24, 24, 24, 0.16);background-color:#fff}
#BolUsage .details section:not(:last-of-type){margin-right:32px}
#BolUsage .details section .head{display:flex;flex-flow:column;justify-content:center;align-items:center;height:77px;background-color:#f2f2f2;text-align:center;border-radius:5px 5px 0 0}
#BolUsage .details section .content{display:flex;flex-flow:row;justify-content:center;padding:16px 0}
#BolUsage .details section .content .L,#BolUsage .details section .content .R{display:flex;flex-flow:column;align-items:flex-end}
#BolUsage .details section .content .R{margin-left:2px}
#BolUsage .details section span{font-size:16px;line-height:24px;text-align:center}
#BolUsage .details section .content span.bold,#BolUsage .details section .head span{font-family:SFR-Bold}
#BolUsage .details section .head img{margin:0 auto}
#BolUsage .autocomplete-container .input-container input {height: 40px!important;line-height: 40px!important;border-radius: 8px;border: 1px solid #d2d2d2!important;padding: 0 14px!important;background-color: #fff!important;font-size: 14px!important;color: #181818!important;width: 100%!important}
#BolUsage .autocomplete-container .input-container .x i {color: rgba(0,0,0,.54);font-size: 22px;vertical-align: super}
bol-basket div.bloc_panier{left:auto;right:65px}
.channel-in-bouquet {width: 1280px;max-width:calc(100% - 64px);margin: 0 auto 40px;}
.channel-in-bouquet .bl_top {display: flex;margin-bottom: 72px}
.channel-in-bouquet .bl_top .bl_img {min-width: 407px;max-width: 100%;margin-right: 57px}
.channel-in-bouquet .bl_top .bl_img img {max-width: 100%}
.channel-in-bouquet .bl_link {margin: auto;text-align: center;max-width: fit-content;align-items: center}
.channel-in-bouquet .channel-not-included {border-radius: 14px;width: 100%;padding: 40px;margin: 20px 0;background: #181818;display: flex; align-items: center;justify-content: center;color: #fff;font-size: 18px}
.channel-in-bouquet .channel-in-bouquet_content {padding: 0 10px;color: #fff;display: flex;flex-direction: column;justify-content: center}
.channel-in-bouquet .bl_top h3 {margin-bottom: 20px}
.channel-in-bouquet .bl_top p{font-size: 14px;margin-bottom: 20px}
.channel-in-bouquet .channel-in-bouquet_content .channel-in-bouquet-number {font-family: SFR-Bold;text-transform: uppercase;font-size: 16px}

.faq_bloc .question:after {display: inline-block;pointer-events: none;border-style: solid;border-width: 2px 2px 0 0;content: '';height: 8px;transform: rotate(135deg);width: 8px;transition: all 0.2s}
.faq_bloc.active .question:after {transform: rotate(-45deg)}
.channel-categorized .category:after {display: inline-block;margin: 0;pointer-events: none;border-style: solid;border-width: 2px 2px 0 0;content: '';height: 8px;transform: rotate(135deg);width: 8px;transition: all 0.2s}
.channel-categorized.full-width .category:after {transform: rotate(-45deg)}

.features_bloc {font-family: 'SFR-Regular';font-size: 14px;line-height: 22px;color: #181818;background: #fff;box-shadow: 0px 8px 16px rgba(24, 24, 24, 0.08);border-radius: 12px;padding: 24px;width: 1280px;max-width:calc(100% - 64px);margin: 0 auto;}
.features_bloc label{display:block;position:relative}
.features_bloc input {display:none}
.features_bloc .specs {height:675px; overflow:hidden; color:#8a8a8a;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:max-content;gap:24px 56px;padding:0 28px}
.features_bloc.fixe .specs {height: 756px}
.features_bloc input:checked + .specs {height:auto; overflow:auto}
.features_bloc .expand-bloc {position:relative;margin:40px auto 0;cursor:pointer}
.features_bloc .vm {display:table}
.features_bloc .vp {display:none}
.features_bloc input[type="checkbox"]:checked + .specs + label .vp {display:table}
.features_bloc input[type="checkbox"]:checked + .specs +  label .vm {display:none}
.features_bloc input:checked + .specs +  label .expand-bloc i{transform:rotate(-45deg);margin-bottom:-2px}
.features_bloc ul.indics {display:grid;grid-auto-flow:column;margin:0 0 8px;grid-template-columns: 1fr 1fr 1fr 1fr 1fr}
.features_bloc .indics img {display:block;margin:0 auto 16px}
.features_bloc .indics p {font-size:14px;line-height:14px;text-align:center}
.features_bloc .indics strong {font-family:'SFR-Bold'}
.features_bloc ul {display:grid;width:100%;color:#181818;height:fit-content;position:relative;margin:24px 0 0}
.features_bloc li {display:inline-block;width:100%;position:relative}
.features_bloc .bl_title {font-family:'SFR-Regular';padding-bottom:18px;text-align:left;width:auto}
.features_bloc .l {float:left;min-width:51%;max-width:265px}
.features_bloc .r {font-family:SFR-Bold;float:right;text-align: right;max-width: calc(100% - 265px)}
.features_bloc .specs br {margin:18px;display:block;content:"";margin-top:0}
.features_bloc a {display:block;font-size:14px;margin-bottom:18px;text-decoration:underline}
.features_bloc [data-tranche] {position:absolute;top:calc(50% - 2px);-ms-transform:translateY(-50%);transform:translateY(-50%);right:0;width: 122px;height: 60px;text-align: inherit}
.features_bloc [data-tranche]:before {position: absolute;content: '';left: 0px;top: 0px;width: 58px;height: calc(100% + 1px);border-radius: 4px;}
.features_bloc [data-tranche]:after {position: absolute;content: attr(data-note);font-size: 28px;line-height: 40px;padding: 0 4px 8px 62px;width: calc(100% - 62px);height: calc(100% - 8px);text-align: left;border: 0.25px solid;border-radius: 4px}
.features_bloc [data-tranche] svg {position:absolute;top: 6px;left: 5px;width: 50px;height: 50px}
.features_bloc [data-tranche] span {position:absolute;right: 2px;bottom: -2px;font-size: 16px}
.features_bloc [data-tranche] p {position:absolute;text-transform:uppercase;left:0;bottom: -16px;font-size: 10px;line-height:1;width:calc(100% + 20px)}
.features_bloc [data-tranche='1']:before {background:#D91627}
.features_bloc [data-tranche='1']:after {border-color:#D91627}
.features_bloc [data-tranche='3']:before {background:#F47935}
.features_bloc [data-tranche='3']:after {border-color:#F47935}
.features_bloc [data-tranche='5']:before {background:#FEC822}
.features_bloc [data-tranche='5']:after {border-color:#FEC822}
.features_bloc [data-tranche='7']:before {background:#95C83E}
.features_bloc [data-tranche='7']:after {border-color:#95C83E}
.features_bloc [data-tranche='9']:before {background:#149D4F}
.features_bloc [data-tranche='9']:after {border-color:#149D4F}
bol-semantic-booster #SB div { background-color: #fff; display: block;width: 1280px;max-width:calc(100% - 64px); margin: 40px auto 0; padding: 24px; border-radius: 12px}
bol-semantic-booster #SB h2 { font-family: SFR-Bold; font-size: 16px; line-height: 19px; display: block; margin-bottom: 24px; }
bol-semantic-booster #SB a { font-family: SFR-Regular; font-size: 12px; color: #181818; display: inline-block; padding: 6px 12px; border:1px solid #181818; border-radius: 24px; text-decoration: none; margin: 0 16px 8px 0; transition: .5s background-color ease-out}
bol-semantic-booster #SB a:hover { background-color: #181818; color: #fff}

.avis_bloc .link.More {position: relative;font-family: 'SFR-REGULAR';font-size: 14px;line-height: 22px;margin-right: 13px}
.avis_bloc .link.More:after {content: '';position: absolute;width: 8px;height: 8px;background-color: transparent;border: 2px solid;margin-left: 4px;transform: rotate(45deg);top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;border-left: 0;border-bottom: 0;border-radius: 2px}
.avis_bloc .link.More:hover:after {margin-left: 8px;transition: all .2s cubic-bezier(.4,0,.2,1)}

bol-rate .rating-wrapper {width: 88px;height: 16px;background: url(//static.s-sfr.fr/media/stars-16-grey.svg) no-repeat center center;display: inline-block}
bol-rate .rating-wrapper mark {height: 16px;background: url(//static.s-sfr.fr/media/stars-16-yellow.svg) no-repeat left top;background-size: 88px 16px;display: block}
bol-title-block .bloc_TitleMenu .bloc_top .bl_desc h2 {font-family:SFR-Bold;font-size:20px;line-height :24px;text-align: center;margin-top:8px}
bol-paginated-mobile-avis-bloc .avis_bloc{padding: 24px 0 90px;width: 1280px;max-width: calc(100% - 64px);margin: auto}
bol-mobile-avis-block .avis_bloc {padding: 24px 0 30px}
bol-mobile-avis-block .link{text-align: center;margin: 24px auto 0;display: table;}
.avis_bloc {position:relative;color: #181818;width:1280px;max-width:calc(100% - 64px);margin:0 auto}
.avis_bloc .top {background: #fff;width:100%;border-radius: 12px;padding: 24px;box-shadow: 0px 4px 8px rgba(24, 24, 24, 0.16);position: relative;display: flex;align-items: center}
.avis_bloc > img {top: 23px;right: -25px;position: absolute;width: auto;height: 86px;z-index: 1}
.avis_bloc img {margin-right: 24px}
.avis_bloc .t {font-family: 'SFR-Bold';font-size: 24px;line-height: 28px;margin-bottom: 16px;margin-right:6px}
.avis_bloc .nmg {padding-right:20px}
.avis_bloc .nmg div{margin-top:16px}
.avis_bloc .db {margin-left:9%}
.avis_bloc .st {font-family: 'SFR-Bold';font-size:16px;line-height:24px;margin-bottom: 24px}
.avis_bloc .sd {display:grid;gap: 16px 24px;grid-template-columns: auto auto;font-family: 'SFR-Bold';font-size: 12px;line-height: 16px;margin-top: 16px}
.avis_bloc .sd section{display:inline-flex;justify-content:space-between;align-items:center}
.avis_bloc .sd bol-rate{margin-left:24px}
.avis_bloc input {display: none}
.avis_bloc .top a {text-decoration:underline}
.avis_bloc .top .n-avis {font-family: 'SFR-Bold'}
.avis_bloc label {position: relative;display:inline-block;vertical-align: middle;cursor:pointer;text-decoration:underline}
.avis_bloc label:after {position: absolute;content: "?";color: #fff;background: #181818;width: 13px;height: 13px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 100%;font-size: 10px;line-height: 13px;text-align: center;top: 0;bottom: 0;right: -18px;margin: auto}
.avis_bloc .mic {display: none;position: absolute;font-size: 11px;line-height: 14px;padding: 8px;background: #181818;color: #fff;border-radius: 4px;z-index: 1;width: 284px;top: 10px;margin: auto;right: calc(-100% + 2px)}
.avis_bloc .mic a{color: #fff}
.avis_bloc input:checked + label .mic {display:block}
.avis_bloc .mic:before {content: "";position: absolute;top: -9px;left: 50%;transform: translateX(-50%);margin-top: -5px;border-width: 7px;border-style: solid;border-color: transparent transparent #181818 transparent}
.avis_bloc .l {display: grid;flex-wrap: wrap;gap: 16px 0;justify-content:space-between;grid-template-columns: 46% 46%;margin-top: 16px;background: #fff;border-radius: 12px;padding: 0 24px 24px}
.avis_bloc .l li {width:100%;padding: 16px 0;border-bottom:#DFDFDF 1px solid}
bol-avis-bloc .rating-wrapper {margin-bottom: 8px}
bol-avis-bloc .d {font-size: 10px;line-height: 14px;color: #8a8a8a;margin-bottom: 16px}
bol-avis-bloc .c {font-size: 14px;line-height: 22px;margin-bottom:16px}
bol-avis-bloc .a {font-family: 'SFR-Bold';font-size: 12px;line-height: 16px;text-align:right}
.pagination {display: block;padding: 24px 0;text-align: center;border-radius: 0 0 12px 12px;font-size: 14px;line-height: 14px}
bol-pagination li{display: inline-block;padding:0.1875rem 0.625rem;}
bol-pagination li.current {background: #e2001a;color: #fefefe;cursor: default;}
bol-pagination a {color: #181818;display: block;border-radius: 0;position: relative}
bol-pagination a.next:after, bol-pagination li.next:after,bol-pagination a.prev:before, bol-pagination li.prev:before {transition: all 0.2s ease-out;outline: 0;position: absolute;pointer-events: none;border-style: solid;content: '';height: 8px;transform: rotate(135deg);width: 8px;border-color: #181818;border-right: 0;border-bottom: 0}
bol-pagination a.next:after, bol-pagination li.next:after{margin-left: 0.5rem;right: -12px;top: 2px;border-width: 2px 0 0 2px}
bol-pagination a.prev:before, bol-pagination li.prev:before {margin-right: 0.5rem;left: -12px;top: 2px;border-width: 0 2px 2px 0}
bol-pagination a.next:hover:after {right: -17px}
bol-pagination a.prev:hover:before {left: -17px}
bol-pagination li:hover {background: none}
bol-pagination li.link:hover {background: #e6e6e6}
.avis_bloc .link.More {width: 100%;background: #fff;margin-top: -24px;padding: 24px 0;border-radius: 12px}

body.over-displayed {overflow-x: unset}
body.over-displayed #eThS {overflow-x: hidden}
html.noscroll , html.noscroll body{overflow: hidden}
#BlocAvAp {display:none;position: relative;padding: 0 0 24px}
#BlocAvAp.show {display:block}
#BlocAvAp.displayed {display:block;position: relative;z-index: 999;top: unset;left: 0;right: 0;argin: auto; background: #f2f2f2;min-height: 100vh;max-height: unset;width: 100%}
body.over-displayed #PT~*:not(#eTfS):not(#toastrContainer):not(#popinContainer):not(.debugSG):not(#BlocAvAp) {display: none}
body.over-displayed #BlocAvAp~*:not(#eTfS):not(#toastrContainer):not(#popinContainer):not(.debugSG):not(#PT) {display: none}
#layout_main-container.hide {display:none}
#BlocAvAp.rm .btn {display: flex;margin:24px auto 0;width:fit-content;}
.back-shop {position: relative;display: block;font-family: SFR-Bold;font-size: 14px;line-height: 17px;color: #181818;margin: 0 auto;padding: 24px 0 0;width: 1280px;max-width:calc(100% - 64px);cursor: pointer}
.back-shop:before {display: inline-block;content: '';background: url(//static.s-sfr.fr/media/icono-picto-arrow.svg);transform: rotate(90deg);width: 16px;height: 8px;background-size: contain;margin-right: 6px}
#BlocAvAp.rm h1 {font-family: 'SFR-Black';font-size: 40px;line-height: 40px;text-align: center;text-transform: uppercase;color: #181818}
#BlocAvAp.rm .h {text-align:center;width:100%;background:#fff;padding:24px 0;margin:40px 0 24px;position: sticky;top: 0;z-index: 1;box-shadow: 0px 0px 24px 4px rgba(0, 0, 0, 0.08)}
#BlocAvAp.rm .h p{font-family: 'SFR-Bold';font-size: 24px;line-height: 28px;margin: auto}
#BlocAvAp.rm .s{display:grid;grid-template-columns: 1fr 1fr;text-align:center;width: 1280px;max-width:calc(100% - 64px);gap: 0 40px;border-top-left-radius:12px;margin: 0 auto}
#BlocAvAp.rm .s div{background:#fff;width:100%;padding: 0 24px 24px 24px}
#BlocAvAp.rm .s .top {padding-top:24px;border-top-left-radius:12px;border-top-right-radius:12px}
#BlocAvAp.rm .s .bottom {border-bottom-left-radius:12px;border-bottom-right-radius:12px}
#BlocAvAp.rm .t {font-family: 'SFR-Bold';font-size: 20px;line-height: 24px;text-align: left}
#BlocAvAp.rm .t svg {margin-right:16px}
#BlocAvAp.rm .t span {padding: 4px 8px;font-size: 14px;line-height: 22px;background: #d2d2d2;border-radius: 4px;margin-left:16px}
#BlocAvAp.rm .t > * {display: inline-block;vertical-align: middle}
#BlocAvAp.rm .sd {font-family: 'SFR-Regular';font-size: 12px;line-height: 16px;margin-top:4px;width:100%}
#BlocAvAp.rm .c .st {font-family: SFR-Bold;font-size:16px;line-height:24px;width:100%}
#BlocAvAp.rm .c {display: flex;flex-flow: row wrap;justify-content:space-between;align-items: center;align-content: flex-start;width:100%;text-align:left}
#BlocAvAp.rm .c p, #BlocAvAp.rm .c span {position:relative;font-size: 14px;line-height: 22px}
#BlocAvAp.rm .w {font-size: 14px;line-height: 22px;width: 100%;justify-content: space-between;display: flex;align-items: center;flex-flow: row wrap}
#BlocAvAp.rm .l {width:80%}
#BlocAvAp.rm .r {width:20%;text-align:right}
#BlocAvAp.rm .s .lst-dst {font-family: 'SFR-Bold';text-decoration:underline;cursor:pointer}
#BlocAvAp.rm .th {text-decoration:line-through}
#BlocAvAp.rm .pi:before {content: '';position: absolute;top: 4px;width: 6px;height: 6px;left: -14px;border-radius: 100%;background: #E2001A}
#BlocAvAp.rm .c .sticker{font-family: 'SFR-Bold';font-size: 12px;line-height: 16px;border-radius: 4px;padding:0 8px;margin-right:8px}
#BlocAvAp.rm .sticker.y{background: #ffcd00}
#BlocAvAp.rm .sticker.b{background: #181818;color:#fff}
.overlay {display: none;top: 0;left: 0;background: rgba(24, 24, 24, 0.6);z-index: 4;position: absolute;width: 100%;height: 100%}
#popinContainer.show {top: 0;left: 0;right: 0;bottom: 0;z-index: 100000;position: fixed;display: flex;  align-items: center;justify-content: center;overflow-y: auto}
#popinContainer.lst-desc #popinContent {z-index:4}
#popinContainer.lst-desc .overlay {z-index:4;position:absolute}
#BlocAvAp .list-desc {position: relative;width: 710px;max-width: 100%;background: #fff;border-radius: 12px;padding: 24px;margin: 15px auto;z-index: -1}
#BlocAvAp .list-desc svg {height: 20px;vertical-align: text-bottom;display: inline-block;margin-right: 10px}
#BlocAvAp .list-desc h4 {display: inline-block;line-height: 20px}
#BlocAvAp .list-desc .elem_popin {font-size: 12px;line-height: 16px;margin-top: 20px}
#BlocAvAp .list-desc .btn-close {position: absolute;content: '';width: 20px;height: 20px;right: 14px;top: 26px;cursor: pointer}
#BlocAvAp .list-desc .btn-close:before,#BlocAvAp .list-desc .btn-close:after {position: absolute;content: '';width: 20px;height: 2px;background-color: #E2001A}
#BlocAvAp .list-desc .btn-close:before {transform: rotate(45deg)}
#BlocAvAp .list-desc .btn-close:after {transform: rotate(-45deg)}

#bl_recommandation div.bl_price > bol-price{border-color:#fff;-webkit-text-fill-color:#fff;font-size:21px;font-weight:700}
.recommandations_bloc .list_recommandations .elem_recommandations .bl_recommandation > .wrapper{padding:12px 12px 20px 12px}


input[type=radio],input[type=checkbox] {display: none}
.generic-option {position:relative;display: inline-flex;align-items: center;text-align:left;width: 100%;height: 96px;padding: 1px;background: #fff;border-radius: 8px;border: 1px solid #D2D2D2;cursor: pointer;margin-bottom: 8px;font-size:12px;line-height:18px}
input:checked + .generic-option {padding:0px;border: var(--clr-sfr2) 2px solid;box-shadow: 0 3px 9px transparent;cursor:default}
input:checked + .generic-option.offre a{visibility:visible;opacity:1}
.generic-option .L{padding: 16px 8px 16px 16px;width: calc(53% - 32px)}
.generic-option.nd {color:#8a8a8a;cursor:default}
.generic-option .R{position:relative;width: calc(47% - 32px);padding: 16px 16px 16px 8px}
.generic-option.no-decode > p {font-family:SFR-Bold;font-size: 14px;line-height: 22px;padding: 16px;text-align: center;width: 100%;margin: 0}
.generic-option.offre a{visibility:hidden;opacity:0;transition:visibility 0.3s linear,opacity 0.25s linear;position:absolute;left: 8px;width:auto;bottom: -8px}
.generic-option picture img,.generic-option picture{max-width: 64px;height: auto}
.generic-option.offre .L{align-self: center;width: calc(48% - 32px)}
.generic-option.offre .R{align-self: center;width: calc(52% - 32px)}
.generic-option.offre .iconodebit,
.generic-option.offre .iconotexts {justify-content:center;width: auto;margin: 0 auto;padding-top:16px}
.generic-option.offre .iconodebit {margin: 0 auto 8px;width: fit-content;max-width: 247px;}
.generic-cards .t-desc {font-size:14px;line-height:20px;}
.generic-cards .t-desc a {text-decoration:underline}
.generic-option.offre .B {position:relative;width:calc(100% - 32px);margin: 18px auto 0;max-height:0;transition: max-height 0.25s ease-out;overflow: hidden}
.generic-option.offre .B:before {position:absolute;content:'';background:#D2D2D2;width:100%;height:1px;top:0;right:0;left:0;margin:auto}
input:checked + .generic-option.offre .B{max-height:224px;transition: max-height 0.25s ease-in}
input:checked + .generic-option.offre {cursor: pointer}
.iconotexts {display: flex;justify-content: space-between}
.iconotexts div {flex: 1}
.iconotexts img {display: block;margin: 0 auto 8px;width:auto;height:40px;padding:0}
.text-m {font-family: SFR-Regular;font-size: 12px;line-height: 16px;text-align:center}
.iconodebit {display:table}
.iconodebit>img {display:inline-block;position:relative;vertical-align:middle;margin-right:16px;padding: 0;z-index:2;margin-bottom:8px;min-width: 64px;min-height: 64px;}
.iconodebit div {display:inline-block;vertical-align:middle;}
.iconodebit .speed, .iconodebit .slow {position:relative;display:table;font-size: 14px;line-height: 22px;text-align:left;z-index:2;max-width:148px;padding-left: 24px;}
.iconodebit .speed:before,
.iconodebit .slow:before {position:absolute;content:"";top: 0;bottom:0;margin: auto;left:0;width:16px;height:16px;filter: invert(1)}
.boxsl .iconodebit .speed:before,
.boxsl .iconodebit .slow:before {filter: invert(0)}
.iconodebit .slow:before {background:url('//static.s-sfr.fr/media/ico-slow.svg')}
.iconodebit .speed:before {background:url('//static.s-sfr.fr/media/ico-speed.svg')}
.generic-checks h4{font-family: SFR-Bold;font-size:16px;line-height:24px;margin-bottom:16px}
.generic-checks label{display:inline-block;text-align:center;font-family:SFR-Bold;font-size: 14px;line-height: 16px;padding:11px 24px;border: 1px solid #d2d2d2;cursor:pointer;border-top-left-radius:8px;border-bottom-left-radius:8px;height: auto;width: 50%;max-width: 50%;margin-bottom: 8px;white-space: nowrap;}
.generic-checks label:last-of-type{border-radius:0 8px 8px 0;border-left: 0;}
.generic-checks label:first-of-type:last-of-type {border-radius: 8px;border: 1px solid #181818}
.generic-checks input{display:none}
.generic-checks input:checked + label{color:#fff;background:#181818;border:solid 1px #181818;cursor:default}
/*Contenu à supprimer*/
.goutte.quatreg:after,.goutte.cinqg:after {width: 6px;height: 100%;background: url(//static.s-sfr.fr/media/lisere-rouge.png) no-repeat bottom;content: unset;position: absolute;right: 0;bottom: 0}
.goutte:before {content: "";position: absolute;top: 0px;right: 0px;width: 48px;height: 48px;z-index: 2;font-family: SFR-Bold;font-size: 14px;line-height:18px;color: #fff;text-align: center;background-size:cover;display: flex;align-items: center;justify-content: space-evenly}
.phone_plan:before {content: "";position: absolute;top: 0px;right: 0px;width: 48px;height: 48px;z-index: 2;font-family: SFR-Bold;font-size: 14px;line-height:18px;color: #fff;text-align: center;background-size:cover;display: flex;align-items: center;justify-content: space-evenly}
.goutte.quatreg:before {background: url(//static.s-sfr.fr/assets/pictos/4gplus_40_blanc.svg) no-repeat center / 40px 41px, url('https://static.s-sfr.fr/media/pictos/goutte-grise.svg') no-repeat top right / cover}
.goutte.cinqg:before {background: url(//static.s-sfr.fr/assets/pictos/5g_40_blanc.svg) no-repeat center / 40px 40px, url('https://static.s-sfr.fr/media/pictos/goutte-rouge.svg') no-repeat top right / cover}
.goutte.compatibility-5g:before {background: url(https://static.s-sfr.fr/media/pictos/goutte-compatibility-5g.svg) no-repeat;background-size: cover}
.goutte.box7:before {content: "Box 7";background:url('https://static.s-sfr.fr/media/pictos/goutte-grise.svg') no-repeat top right / cover}
.goutte.boxsfr:before {content: "Box\a SFR";white-space: pre;background:url('https://static.s-sfr.fr/media/pictos/goutte-grise.svg') no-repeat top right / cover}
.goutte.box8:before {content: "Box 8";background: url('https://static.s-sfr.fr/media/pictos/goutte-rouge.svg')  no-repeat top right / cover}
.goutte.box8x:before {content: "Box\a 8X";white-space: pre;background: url('https://static.s-sfr.fr/media/pictos/goutte-rouge.svg')  no-repeat top right / cover}
.goutte.boxsl:before {content: "Box 7";background: url('https://static.s-sfr.fr/media/pictos/goutte-sl.svg')  no-repeat top right / cover}
.goutte.boxsl.box6:before {content: "Box 6"}
.goutte.boxsl.box8:before {content: "Box 8"}
.goutte.boxsl.box8:before {content: "SFR\a Box";white-space: pre}
.generic-cards {width: 1280px;max-width: calc(100% - 64px);margin: 16px auto 8px;display: grid;gap: 20px 40px;grid-template-columns: repeat(3, 1fr);justify-content: space-between;align-items: start;color: #181818;}
.generic-cards .das {font-family: SFR-Regular;font-size: 12px;line-height: 16px;letter-spacing: normal;color: #181818;position: absolute;top: -40px;width: 42px;right: 8px;z-index:3;}
.generic-cards .das span{position:relative;cursor:pointer}
.generic-cards .das:hover .more-info{display:block}
.generic-cards .das .more-info{display:none;border:0;cursor:auto;width:130px;box-shadow:0 2px 4px 0 rgb(0 0 0 / 10%);border-radius:4px;color:#fff;font-family:'SFR-Regular';background-color:#181818;font-size:10px;padding:4px;position:absolute;z-index:9;right: -16px;bottom: 8px;top:auto;transition:opacity 0.3s}
.generic-cards .das .more-info:after{content:"";position:absolute;bottom:-14px;left:76%;margin-top:-5px;border-width:7px;border-style:solid;border-color:#181818 transparent transparent transparent}
.generic-cards .das span:first-child:after {position: absolute;content: "";background: url(//static.s-sfr.fr/assets/pictos/aide_plein_40_noir.svg);background-repeat: no-repeat;background-size: contain;width: 16px;height: 16px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;line-height: 11px;left: 26px;top: 0px;bottom: 0;margin-top: auto;margin-bottom: auto}
.generic-cards.mea {grid-template-columns: 31.5% 2fr}
.generic-cards li.mea {height: calc(100% - 32px);background: linear-gradient(76.92deg, #457CBF 0%, #432D88 98.67%);color: #fff;overflow:hidden}
.generic-cards li.mea .b-img {position: absolute;top: 160px;left:0;z-index: 0}
.generic-cards .mea  {font-family: 'SFR-Bold';font-size: 24px;line-height: 28px;padding: 40px 0 40px 48px}
.generic-cards .mea .sub-t {position:relative;z-index: 1;font-family: 'SFR-Bold';font-size: 24px;line-height: 28px;padding: 40px 0 40px 48px}
.generic-cards .mea .t {position:relative;z-index: 1;font-family: 'SFR-Bold';font-size: 32px;line-height: 36px;padding: 0 0 16px 48px;text-align: left}
.generic-cards .mea .d {position:relative;z-index: 1;font-size: 24px;line-height: 28px;text-align: left;padding-left: 48px}
/*.generic-cards.boxtv {grid-template-areas:"a b c" "d d d"}
.generic-cards .mea-tv {display: flex;flex-flow: row;align-items: center;justify-content: space-between;text-align:left; width: 100%; grid-area: d; border-radius: 12px; background: linear-gradient(85.82deg, #212121 17%, #643D6D 100%);padding:0 5%;color:#fff;margin-top: 96px}
.generic-cards .mea-tv div {width: 370px}
.generic-cards .mea-tv .title {font-family:SFR-Bold;font-size: 32px;line-height: 36px;margin-bottom:8px}
.generic-cards .mea-tv .s-title {font-size: 24px;line-height: 28px;max-width: unset}
.generic-cards .mea-tv .das {font-size: 14px;line-height: 22px;position: absolute;bottom: 14px}
.generic-cards .mea-tv .p {font-family:SFR-Bold;font-size: 60px;line-height: 60px;width:156px;text-align:left}
.generic-cards .mea-tv .per {font-size: 14px;line-height: 14px}
.generic-cards .mea-tv .pre {display: block;font-family:SFR-Bold;font-size: 14px;line-height: 22px}
.generic-cards .mea-tv .post {display: block;font-family:SFR-Regular;font-size: 12px;line-height: 16px}
.generic-cards .mea-tv .btn3 {width:fit-content;}*/
.generic-cards .mea-tv {display: none; color:#fff;background: linear-gradient(85.82deg, #212121 17%, #643D6D 100%);padding:0 5%;color:#ffftext-align: center;height: calc(100% - 32px);flex-direction: column;justify-content: space-between;align-items:flex-start;gap: 0;padding: 24px 16px;grid-area:unset;margin: 16px 0;}
.generic-cards .mea-tv div{margin: 0;width:auto;}
.generic-cards .mea-tv .das {font-size: 12px;line-height: 16px;position: absolute;bottom: 0;left: 0;right: 0;}
.generic-cards .mea-tv picture {margin:0 auto;}
.generic-cards .mea-tv .title {font-family:SFR-Bold;font-size: 24px;line-height: 28px;margin-top:0;margin-bottom:8px}
.generic-cards .mea-tv .s-title {font-size: 20px;line-height: 24px;}
.generic-cards .mea-tv .pre {display: block;font-family:SFR-Bold;font-size:16px;line-height:24px;}
.generic-cards .mea-tv .p {font-size: 68px;line-height: 68px;padding:0;width:156px;text-align:left;}
.generic-cards .mea-tv .per {font-size: 16px;line-height: 16px;}
.generic-cards .mea-tv .post {display: block;font-family:SFR-Regular;font-size:16px;line-height:24px;}
.generic-cards .mea-tv .btn {margin: 16px 0 0;width:100%}
.generic-cards.no-s .services-tv {height: auto}
.generic-cards .services-tv{display: grid;grid-template-columns: 1fr auto 1fr;justify-content: space-between;align-items: self-end;gap: 0 12px;margin-top: 16px;height: 75px}
.generic-cards .services-tv img {margin-bottom:4px}
.generic-cards .services-tv p {font-size: 12px;line-height: 16px;height: 33px}
.generic-cards .services-tv .or{font-family:SFR-Bold;font-size:20px;line-height:24px;align-self:center}
.generic-cards .pc{position: relative;width:fit-content;padding: 4px 8px;background-color: #f2f2f2;border-radius: 4px;margin: 8px auto 0 ;color: #181818;font-size:12px;text-align:center}
.generic-cards .pc > p:nth-child(1){font-family:SFR-Bold;}
.generic-cards .pc > p:nth-child(2){font-family:SFR-Regular;}
.generic-cards bol-mobile-plan-card-block > div {height: auto}
bol-mobile-plans-list .generic-cards li .links {height:auto}
bol-mobile-plans-list .iconodebit div {min-height: 64px;margin-bottom: 8px;}
.generic-cards bol-mobile-plan-card-block .iconotexts {height: 80px}
.generic-cards bol-mobile-plan-card-block .links {gap:16px;margin: 0 auto;height:auto;align-self:end;width: 100%;}
bol-mobile-plans-list .generic-cards .title{margin-bottom:16px;z-index:3;}
bol-mobile-plans-list .generic-cards .title:before {top: -24px;height:132px;}
bol-mobile-plans-list .generic-cards .prices{margin-top:0;}
bol-mobile-plans-list .generic-cards .links [class^="btn"] {margin: 0;}
bol-mobile-plans-list .wrapper > .bl_link {width: fit-content;margin: auto;}
bol-mobile-plan-card-block .iconodebit {text-align:left;}
bol-mobile-plan-card-block .iconodebit div {max-width: calc(100% - 64px);}
bol-mobile-plans-list .iconodebit .imgDebit {width: 64px;height: 64px;background-size: contain;background-repeat:no-repeat;margin: 0 16px 8px 0;}

bol-mobile-plans-list .generic-cards {gap: 40px;margin: 44px auto 8px;}
bol-mobile-plans-list .generic-cards li{margin: 0 auto;height: 100%;}
bol-mobile-plans-list .generic-cards bol-link {margin-top: auto;width:100%;display: block;}
.generic-cards .change{height:36px;margin:16px auto 0;font-size: 12px;line-height: 18px;text-align: center;}
.generic-cards .center {align-self: center;padding-bottom:16px;margin:0 auto;padding-top:0;}

.generic-cards li {position:relative;padding: 24px;background: #fff;border-radius: 12px;text-align:center;margin:20px 0 16px;box-shadow: 0px 8px 16px rgba(24, 24, 24, 0.08);}
.generic-cards li > svg {position: absolute;right: 0;z-index: 2;top: 72px}
.generic-promo.top {position:absolute;padding: 0 12px 12px 12px;left:0;top: -22px;margin: 0;border-radius: 8px}
.generic-promo.top:after {content: '';width: 101%;position: absolute;top: 22px;left: 0;height: 22px;background-color: #fff;border-top-left-radius: 12px}
.generic-promo.lst {position: absolute;left: 0;right: 0;margin: auto}
.generic-cards .title {display:block;position:relative;z-index:2;font-family: SFR-Bold;font-size: 24px;line-height: 28px;text-align:left}
.generic-cards .s-title {position:relative;z-index:2;font-family: SFR-Regular;font-size: 14px;line-height: 22px;text-align:left;max-width:210px;height:44px;margin-bottom:16px}
.generic-cards .title:before {position: absolute;content: '';width: calc(100% + 32px);left: -16px;height: 176px;top: -24px}
.generic-cards.boxtv .title:before {height: 261px;}
.generic-cards .iconotexts {margin:16px 0}
.generic-cards .img-offre{position: absolute;top: 56px;right: 24px;border-top-right-radius: 8px;z-index:1;max-width:35%;height:auto}
.generic-cards .sub-t {font-family: SFR-Bold;font-size:16px;line-height:24px;margin:16px 0 8px;text-align:left}
.generic-cards .prices {position: relative;margin:42px auto 16px;}
.generic-cards .price {justify-content: center;}
.generic-cards .link {display:inline-block;margin-top: 16px}
.generic-price {position: relative;display: inline-block;vertical-align: middle;text-align: center;}
.generic-price.sub {margin-top: -8px}
.generic-promo {font-family: SFR-Black;background: #ffcd00;border-radius: 5px;font-size: 12px;line-height: 18px;padding: 0 8px;margin-right: 8px;display: inline-block;vertical-align: top;position: absolute;left: -58px;top: 7px;width: auto;}
.generic-sum section .generic-promo  {display: table;position: relative;left: unset;top: unset;}
.generic-price .generic-promo{top: -26px;left: 0;right: 0;margin: auto;width:fit-content;}
.generic-price .engagement {font-size: 12px;line-height: 18px;margin-top:12px;}
.generic-cards .subvention {padding: 16px;border-radius: 7px;background: #d2d2d2;width: 100%;font-size: 10px;line-height: 14px;margin-bottom:16px}
.generic-cards .subvention p{display:inline-block;width:calc(100% - 35px);text-align:left}
.generic-cards .subvention img{display:inline-block;height:24px;margin-right:8px}
.generic-cards .subvention a{font-family:SFR-Bold;text-decoration:underline}
.generic-cards > *.boxsl:after {background: linear-gradient(76.92deg, #457CBF 0%, #432D88 98.67%);height: 268px;width: 100%;top: 0;left: 0;position: absolute;content: "";z-index: 0;border-radius: 12px 12px 0 0}
.generic-cards > *.boxsl .title,
.generic-cards > *.boxsl .s-title,
.generic-cards > *.boxsl .iconodebit {color:#fff}
.generic-cards > *.boxsl .iconodebit img{filter: invert(1) grayscale(1) contrast(2)}
.generic-cards .selector{margin: 0 auto 16px}
.generic-cards .img-tv{max-width: 100%;max-height: 177px;margin: 0 auto}
.boxtv .iconotexts div {height: 80px}
.generic-cards.boxtv .generic-price {min-height: 34px;text-align: right}
.generic-cards.boxtv .price {margin-bottom: 4px;justify-content: flex-end;}
.generic-cards .subtitle {font-family: SFR-Bold;font-size: 20px;line-height: 24px;margin:4px 0 16px;text-align:left}
.generic-cards .tv-price {display:grid;grid-template-columns: 1fr 1fr;justify-content: space-between;padding:16px 0;border-top:1px solid #D2D2D2;text-align:left;gap:16px 0}
.generic-cards .tv-price > p{font-family: SFR-Bold;font-size: 12px;line-height: 16px;margin-top:-8px}
.generic-cards .tv-price > p.principal{font-size: 14px;line-height: 22px;margin:0}
.generic-cards .tv-price .p{font-family: 'SFR-Black';font-size: 20px;line-height: 24px}
.generic-price .old {font-family:SFR-Bold;font-size:16px;line-height:24px;text-decoration:line-through}
.generic-cards .tv-price .sub .p{font-family: 'SFR-Bold';font-size: 14px;line-height: 22px}
.generic-cards .tv-price .eng{font-size: 14px;line-height: 22px;margin-top:12px;}
.generic-cards .tv-price .sub .eng{font-size: 12px;line-height: 16px;margin-top:0;}
.generic-sum {position:relative;position: sticky;top: 16px;border-radius: 12px;margin: 0 auto;height:-moz-fit-content;height:fit-content}
.generic-sum > .generic-promo {top: -11px}
.generic-sum .pc {position: relative;padding: 4px 8px;background-color: #f2f2f2;border-radius: 4px;margin: 0 auto 8px;color: #181818;font-size: 12px;text-align: center;width: fit-content;height: fit-content;}
.generic-sum .pc > p:nth-child(1){font-family:SFR-Bold;}
.generic-sum .pc > p:nth-child(2){font-family:SFR-Regular;}
.bloc-fixe .generic_photo .equ {position:relative;text-align: left;padding-left: 24px;font-size: 12px;line-height: 16px;margin-top: 16px;}
.bloc-fixe .generic_photo .equ:before{position:absolute;content:"";background:url(https://static.s-sfr.fr/assets/pictos/multi_tv_40_rouge.svg);background-size:contain;width: 16px;height: 16px;left:0;top:0;}
.bloc_config .generic-cards h3 {margin: 16px 0 8px;font-size: 20px;line-height: 24px;}
.bloc-fixe .generic-sum h3 {font-family: SFR-Bold;text-align: center;font-size: 20px;line-height: 24px;background: #fff;margin: 24px 0 0}
.bloc-fixe .generic-sum h3:after {width: 100%;height: 24px;content: "";position: absolute;background-color: #fff;border-radius: 12px 12px 0 0;left: 0;top: 0}
.generic-sum section > *  {margin-bottom: 8px}
.generic-sum .m.sep {position: relative;background:#fff;padding:24px 16px 16px;}
.generic-sum .m.sep:after {content: "";position: absolute;width: calc(100% - 32px);bottom: -2px;left: 16px;height: 2px;background: #f2f2f2;z-index: 2;}
.generic-sum .n.sep {position: relative;background:#fff;padding:24px 16px 0;margin-bottom:-8px}
.generic-sum section{padding:16px 0}
.generic-sum .rem {background: #181818;border-radius: 8px;color: #fff;width: 100%;overflow: auto;padding: 10px 8px 6px;margin-bottom: 8px}
.generic-sum .L{display:inline-block;min-width:50%;width:64%}
.generic-sum .R{display:inline-block;float:right;text-align: right}
.generic-sum .b, .generic-sum .b > *{font-family: SFR-Bold;font-size: 14px;line-height: 22px}
.generic-sum .bb, .generic-sum .bb > *{ font-family: SFR-Bold;font-size: 20px;line-height: 24px}
.generic-sum .w {width: 100%}
.generic-sum .desc{display:inline-block;font-size: 14px;line-height: 22px}
.generic-sum .s-desc{display:inline-block;font-size: 12px;line-height: 16px;margin-bottom:8px}
.generic-sum .cd{display:inline-block;width:100%;font-family: SFR-Bold;font-size: 14px;line-height: 22px;text-decoration:underline;cursor:pointer}
.generic-sum .g{position:relative;font-size: 10px;line-height: 14px;color: #8a8a8a}
.generic-sum .g a{text-decoration:underline;color: #8a8a8a}
.generic-sum .g .more-info{display:none;border: 0;cursor: auto;width: 190px;box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);border-radius: 4px;color: #fff;font-family: 'SFR-Regular';background-color: #181818;font-size: 10px;padding: 3px;position: absolute;content: "";z-index: 9;left: 0;bottom: 20px;transition: opacity 0.3s}
.generic-sum .g img {cursor:pointer;max-width:16px;}
.generic-sum .g img:hover + .more-info{display:block}
.generic-sum .sb {font-family: 'SFR-Bold';font-size: 14px;line-height: 22px;margin-bottom:8px}
.generic-sum .sp {font-family: 'SFR-Bold';font-size: 14px;line-height: 22px}
.generic-sum img{display: inline-block;vertical-align: middle;margin-right:8px}
.generic-sum img + .desc {display: inline-block;vertical-align: middle;max-width: calc(100% - 52px)}
.generic-sum .part2 {display: table;background: #fff;border-radius: 12px;margin-top: 24px;width:100%;padding:24px}
.generic-sum >.sep:last-of-type {border-radius: 0 0 12px 12px}
.generic-sum .part2 .desc {margin:8px 0 16px}
.rem {background: #181818;border-radius: 8px;color: #fff}
.forfait-mobile-box .bloc_forfait {padding: 0 16px;color: #181818;margin-top:32px}
.bloc-fixe .cards{width:1280px;max-width:calc(100% - 64px);padding:0;margin:24px auto;display: grid;gap: 0 40px;grid-template-columns: 31.25% 2fr;justify-content: space-between}
.bloc-fixe .cards .c {position: relative;padding: 24px;height: fit-content;background:#fff;border-radius: 12px;overflow: initial;box-shadow:0px 4px 8px rgba(24, 24, 24, 0.08);z-index:3}
.forfait-mobile-box input{display:none}
.forfait-mobile-box .forfaits label{position: relative;border-radius: 8px;margin: 0;width: 100%;height: 196px;display: block;border: solid 1px #d2d2d2;background-color: #fff;cursor: pointer;overflow:hidden;padding:16px;}
.forfait-mobile-box .forfaits .generic-price .p,.forfait-mobile-box .forfaits .generic-price .p bol-price {font-family: 'SFR-BOLD';font-size:16px;line-height:24px;}
.forfait-mobile-box .forfaits label.preferentiel{height:244px}
.forfait-mobile-box .forfaits input:checked + label{padding: 15px;border: var(--clr-sfr2) 2px solid;cursor:default}
.forfait-mobile-box .forfaits input:checked + label.goutte:before {top: -2px;right: -2px}
.forfait-mobile-box .forfaits label .preferentiel{position:relative;font-family:SFR-Bold;font-size: 12px;line-height: 16px;text-align:center;padding:4px 8px;background:#d2d2d2;border-radius:4px;width:129px;max-width:100%;}
.forfait-mobile-box .forfaits label bol-link{display:none;position:absolute;bottom:0;}
.forfait-mobile-box .forfaits input:checked + label bol-link{display:block}
.bloc-fixe .part-R {display: grid;grid-template-columns: 1fr 1fr;justify-content: center;gap: 40px;}
.bloc-fixe .generic-cards  {padding: 0;width: calc(100% + 32px);max-width: unset;grid-template-columns: 100%;margin: 16px -16px 0}
.bloc-fixe .generic-cards  > section {position: relative;width: 100%;margin: auto;text-align: center;padding: 24px 16px 0}
.forfait-mobile-box .prices {position: relative;bottom: unset}
.forfait-mobile-box .boxsl:after {border-radius:0;height:242px}
.generic-cards .title{margin-top:0}
.bloc-fixe h3 {font-family: SFR-Bold;font-size:16px;line-height:24px;margin-bottom: 16px}
.forfait-mobile-box .forfaits {display:grid;grid-template-columns: repeat(2, 1fr);gap:16px;padding-top:8px}
.forfait-mobile-box .forfaits label .title{font-family: SFR-Bold;font-size: 14px;line-height: 22px;height: 20px;max-width: calc(100% - 32px)}
.forfait-mobile-box .forfaits label > * {text-align: left;margin-bottom:8px;}
label.goutte:before {top: -1px;right: -1px}
.stickers {height:90px}
.generic-sticker {position: relative;display: table;padding: 0 8px 0 0;z-index: 2;font-size: 12px;line-height: 18px;text-align:left;}
.generic-sticker:before {content: "• "}
.generic-sticker .link.u {margin-left: 8px;bottom: unset;left: unset;}
.generic-sticker img {width: 16px;height: auto;display: inline-block;vertical-align: middle;margin-right: 8px;object-fit: cover}
.generic-sticker span {display: inline-block;vertical-align: middle;text-align: left;font-size: 12px;line-height: 16px;max-width:unset}
.w-sticker-5 ,.w-sticker-4{position: relative;cursor:pointer;z-index:2;display: table;color: #fff;padding: 5px 10px 5px 76px;background:#444;border-radius: 4px;text-decoration: underline;font-family: 'SFR-Bold';line-height:16px;margin-bottom: 8px}
.w-sticker-pref{position: relative;cursor:pointer;z-index:2;display: table;color: #fff;padding: 5px 10px 5px 219px;background:#444;border-radius: 4px;text-decoration: underline;font-family: 'SFR-Bold';line-height:16px;height:fit-content;margin-bottom:16px}
.w-sticker-pref:before {position: absolute;content: '';left: 10px;background: url(https://static.s-sfr.fr/assets/pictos/smartphones_40_blanc.svg);width: 16px;height: 16px;background-size: cover}
.w-sticker-pref:after {content: 'Téléphone à prix préférentiel';position: absolute;left: 32px;width: 171px;font-family:SFR-Regular;font-size: 12px;line-height: 16px;top: 0;bottom: 0;margin: auto;height: 16px}
.w-sticker-5:before,.w-sticker-4:before {position: absolute;content: '';left: 10px;background: url(//static.s-sfr.fr/media/wifi5.svg);width: 16px;height: 16px;background-size: cover}
.w-sticker-4:after {content: 'WIFI 4';position: absolute;left: 32px;width: 36px;font-family:SFR-Regular;font-size: 12px;line-height: 16px;top: 0;bottom: 0;margin: auto;height: 16px}
.w-sticker-5:after {content: 'WIFI 5';position: absolute;left: 32px;width: 36px;font-family:SFR-Regular;font-size: 12px;line-height: 16px;top: 0;bottom: 0;margin: auto;height: 16px}
.w-sticker-6-smart {position: relative;cursor:pointer;z-index:2;display: table;color: #fff;white-space: nowrap;padding: 5px 10px 5px 117px;background: #D90D25;border-radius: 4px;text-decoration: underline;font-family: 'SFR-Bold';line-height:16px;margin-bottom: 8px}
.w-sticker-6-smart:before {position: absolute;content: '';left: 10px;background: url(//static.s-sfr.fr/media/wifi6.svg);width: 16px;height: 16px;background-size: cover}
.w-sticker-6-smart:after {content: 'SMART WIFI 6';position: absolute;left: 32px;width: 78px;font-family:SFR-Regular;font-size: 12px;line-height: 16px;top: 0;bottom: 0;margin: auto;height: 16px}
.w-sticker-6 {position: relative;cursor:pointer;z-index:2;display: table;color: #fff;padding: 5px 10px 5px 76px;background: #D90D25;border-radius: 4px;text-decoration: underline;font-family: 'SFR-Bold';line-height:16px;margin-bottom: 8px}
.w-sticker-6:before {position: absolute;content: '';left: 10px;background: url(//static.s-sfr.fr/media/wifi6.svg);width: 16px;height: 16px;background-size: cover}
.w-sticker-6:after {content: 'WIFI 6';position: absolute;left: 32px;width: 36px;font-family:SFR-Regular;font-size: 12px;line-height: 16px;top: 0;bottom: 0;margin: auto;height: 16px}
.boxsl .w-sticker-5 {background: rgba(255, 255, 255, 0.15)}
.boxsl .generic-sticker {color:#fff;background: rgba(255, 255, 255, 0.15)}
.boxsl .generic-sticker img{filter: invert(1) grayscale(1) contrast(2)}
.sm-card {display: inline-table;position: relative;cursor:pointer;margin: 16px 0 0;font-family: SFR-Bold;font-size: 14px;line-height: 24px;padding-right: 22px;width: 103px;text-align: left}
.sm-card .vp{display: inline-table}
.sm-card .vm{display: none}
.sm-card:after {transition: all 0.2s ease-out;outline: 0;position: absolute;right: 10px;top: 6px;pointer-events: none;border-style: solid;border-width: 2px 2px 0 0;content: '';height: 8px;transform: rotate(135deg);width: 8px}
input:checked + .sm-card:after {transform: rotate(-45deg);bottom: 4px;top: unset}
input:checked + .sm-card .vp{display: none}
input:checked + .sm-card .vm{display: inline-table}
.cm-card {display: none}
input:checked ~ .cm-card {display: block; margin-top:32px;}
.generic-services {position: relative;display: inline-flex;justify-content: center;text-align: left;flex-flow: row wrap;gap: 8px;margin-bottom: 16px;align-items: center;border-radius: 8px;font-size: 12px;line-height: 16px;width:100%;}
.generic-services .L {width: 43%;}
.generic-services .t {font-family: 'SFR-Bold';margin-bottom: 4px}
.generic-services picture {display:grid;align-items:center;width: 64px;height: 68px}
.generic-services picture img{max-width: 64px;height: auto;margin:0 auto;}
.generic-services .R {width: calc(57% - 80px)}
.generic-services .nd {color: #8a8a8a}
.generic-services picture.nd {opacity: 0.5}
.sw-promo {position: absolute;top: 0;right: 0;left: 0;display: grid;grid-template-columns: repeat(2, 1fr);background: #F2F2F2;max-width: max-content;border: 1px solid #D2D2D2;border-radius: 16px;margin: 0 auto 8px}
.sw-cheked {position: absolute;background: #fff;border: 1px solid #8a8a8a;box-shadow: 0px 8px 16px rgb(24 24 24 / 4%);border-radius: 16px;transition: all 0.6s ease;left: -1px;top: -1px;width: calc(50% + 2px);height: calc(100% + 2px);}
.sw-promo input:nth-child(3):checked ~ .sw-cheked {left: calc(50% - 1px)}
.sw-promo label {font-family: SFR-Bold;font-size: 14px;line-height: 22px;padding: 0 8px;color: #8A8A8A;border-radius: 16px;cursor: pointer;position: relative;display: inline-block;z-index: 1;white-space: nowrap;vertical-align: middle;transition: all 0.6s ease;}
.sw-promo input:checked + label {color: #181818;cursor: default}
.selector.black {background: #181818;color: #fff;border: transparent}
.selector.black > * {color: #fff;border: transparent;background:#181818;border-radius:10px}
.bloc_config {max-width: calc(100% - 32px);margin: 0 auto;}
.bloc_config .cards {width: 1280px;padding: 0;margin: 24px auto;display: grid;justify-content: space-between;grid-template-columns: 31.25% 2fr;gap: 0 40px;max-width: calc(100% - 32px);}
.bloc_config .unavailable{font-family:SFR-Regular;font-size:16px;line-height:16px;color:#181818;margin-bottom: 8px}
.bloc_config .generic-sum {height: -webkit-max-content;height: -moz-max-content;height: -o-max-content;height: -ms-max-content;height: max-content;z-index:2}
.bloc_config .part-R {display: grid;gap: 0 40px;grid-template-columns: 1fr 1fr}
bol-fixe-resume-block .bloc_config .part-R {z-index:1}
bol-fixe-resume-block .generic-sticker img {width: 32px;height: 16px}
bol-fixe-resume-block .carrousel svg  {display:none}
bol-configurateur-4p .part-R {z-index:1}
.bloc-fixe .cards .c.generic_photo {width:100%;padding:24px;position: -webkit-sticky;position: sticky;top: 20px;height: -webkit-max-content;height: -moz-max-content;height: -o-max-content;height: -ms-max-content;height: max-content;z-index:3}
.generic_photo{text-align:center;position:relative;margin:0 auto 26px}
.bl_photo .generic_photo .carrousel,.bl_photo .generic_photo{margin:0 auto}
.generic_photo .nav li {display: block;width: 15px;height: 15px;border: 2px solid #181818;border-right: none;border-top: none;cursor: pointer;background: 0 0;transform: rotate(-135deg)}
.generic_photo .nav li.prev {transform:rotate(45deg)}
.generic_photo .nav li {position: absolute;right: 32px;top: 0;bottom: 0;margin: auto}
.generic_photo .nav li.prev{left:32px;right:unset}
.generic_photo .photos {position:relative;margin: 0 auto 16px;width:100%;}
.generic_photo .carrousel img {overflow: hidden;padding: 0;width: auto;max-height:100%}
.generic_photo picture {position: relative;}
.generic_photo picture img {max-width: calc(100% - 112px)}
.carrousel {text-align: center;display: flex;flex-wrap: wrap;justify-content: center;gap: 16px;margin-bottom: 8px;max-width: calc(100% - 32px)}
.generic_photo .carrousel {margin-bottom:40px}
.carrousel li{display:flex;width:32px;height:32px;border-radius:4px;border:1px solid #d2d2d2;justify-content:center;align-items:center;cursor:pointer;position:relative}
.carrousel li.active{padding:0;border: var(--clr-sfr2) 2px solid}
.carrousel li.active:after{content:none}
.bloc_config .generic-cards {padding: 0 16px;margin-top: -16px;gap:0}
.switch-link .generic-option{height: 52px;flex-direction: column;justify-content: center;align-items: center;text-align: center}
.switch-link .generic-option a{position:relative;font-family: 'SFR-Bold';font-size: 14px;line-height: 22px;width:100%}
.switch-link .generic-option a:after {position:absolute;content:"";height: 52px;width: 100%;top:-10px;left:0}
.generic-option.offre{height: auto}
.switch-link {display: grid;gap: 0 12px;grid-template-columns: auto auto auto}
.generic-cards .expedition {font-size:12px;line-height: 16px;margin:8px auto}
.generic-option.offre .l{height: auto}
.generic-option.offre {flex-flow: wrap}
.i-explanation + .explanation {display: none;width: 320px;position: absolute;background: #181818;padding: 8px;border-radius: 4px;color: #fff;text-align: left;top: 32px;right: 2px;z-index: 3}
input:checked + .generic-option .i-explanation {top: 3px;right: 3px}
.i-explanation:hover + .explanation {display: block}
.generic-option .explanation p:first-of-type {font-family:SFR-Bold;margin-bottom:8px}
.generic-option .explanation p {font-size: 12px;line-height: 14px}
.generic-option .i-explanation + .explanation {width: calc(100% + 36px);right:-18px;}
.generic-option .explanation:after {content: "";position: absolute;top: -9px;right: 16px;transform: translateX(-50%);margin-top: -4px;border-width: 7px;border-style: solid;border-color: transparent transparent #181818 transparent;}
.generic-option .explanation .title{font-family:SFR-Bold;font-size:12px;line-height:18px;margin-bottom:8px}
.generic-option .explanation p:nth-child(2){font-family:SFR-Regular;margin-bottom:8px;font-size:12px;line-height:18px;min-height:48px}
.generic-option .explanation p:nth-child(2) img {vertical-align: middle;height:10px;}
.generic-option .explanation p{font-family:SFR-Regular;font-size:12px;margin-bottom:8px}
.generic-option .explanation > .echeance{display:flex;justify-content:space-between;font-family:SFR-Bold;border-bottom:1px dotted #fff;clear:both;margin:2px 0 }
.generic-option .explanation > .echeance ~ .echeance{font-family:SFR-Regular}
.generic-option .explanation .link{margin-bottom:16px}
.generic-option .explanation .echeance span{border:1px solid #181818;background:#181818;margin:0 0 -5px 0}
.generic-option .explanation .echeance:not(:last-child){margin-bottom:6px}
.generic-option .explanation .total{font-family:SFR-Regular;font-size:10px;line-height:12px;letter-spacing:0.1px;text-align:left;margin-top:16px;margin-bottom:0}

.generic-option .p {font-family: SFR-Bold;font-size:16px;line-height:24px}
.generic-option .p a.link {display:none;position: absolute;width: max-content;font: normal 14px/18px SFR-Bold;margin-left: 8px;top: 3px;}
input:checked + .generic-option .p a.link {display:initial;}
.generic-option .engagement {font-size: 10px;line-height: 14px}
.switch-p {position: relative;border-radius: 14px 14px 0 0;height: 50px;border-bottom: 1px solid #d2d2d2;margin-bottom:8px}
.generic_photo .switch-p label {display: inline-block;font-family: SFR-Bold;width: calc(50% - 2px);font-size: 14px;line-height: 40px;text-align: center;color: #8A8A8A;padding-bottom: 8px}
.generic_photo .switch-p input:checked + label {color: #181818}
.generic_photo .title {font-family:SFR-Bold;font-size: 14px;line-height: 22px;margin-top:8px;margin-bottom:16px}
.generic_photo picture.hide {display: none}
.switch_band{position: absolute;content: "";background: linear-gradient(to right, #861c7e, #e1001c);height: 4px;width: 50%;bottom: 0;transform: translate3d(0, 0, 0);z-index: 3;border: 0;transition: transform 0.6s cubic-bezier(0.02, 0.94, 0.09, 0.97), background 0.3s cubic-bezier(0.17, 0.67, 0.14, 1.03);border-radius: 0}
.switch-p input:first-of-type:checked ~ .switch_band{transform:translate3d(0, 0, 0)}
.switch-p input:nth-child(3):checked ~ .switch_band{transform:translate3d(100%, 0, 0)}
.generic_photo .iconodebit {margin: 40px auto 0;justify-content: center}
/*.generic_photo .iconodebit > img {margin-bottom: 24px}*/
.generic_photo .iconotexts div {height: auto}
.generic-option.no-decode {height: auto}
.generic-param.s{display: flex;gap:0 8px}
.generic-param.f{display: grid;grid-auto-flow: dense;grid-template-columns: repeat(2, minmax(0, 1fr));gap:0 8px;margin:16px 0 -8px;}
.generic-param.b{display: grid;grid-auto-flow: dense;grid-template-columns: repeat(2, minmax(0, 1fr));gap:8px}
.generic-param.s .generic-option {position: relative;display: block;height: auto;text-align: center;padding:16px 8px;font:normal 14px/22px SFR-Bold;margin:0;}
.generic-param.b .generic-option {position: relative;display: block;height: auto;padding:16px;font:normal 14px/22px SFR-Bold;text-align:left;margin:0;}
.generic-param.s .generic-option.d {background: #E9E9E9;color:#8a8a8a;text-decoration:line-through;border: 2px solid #181818;padding:15px 7px;cursor:default;}
.generic-param.s .generic-option.a {padding:15px 7px;border: var(--clr-sfr2) 2px solid;box-shadow: 0 3px 9px transparent;cursor: default;}
.generic-param.b input:checked + .generic-option {padding:15px;}
.generic-param.b input:disabled + .generic-option {background: #E9E9E9;color:#8a8a8a;padding:15px;cursor:default;}
.generic-param .d{font-family:SFR-Regular;display:block;}
.generic-param .n{font-size:12px;line-height:18px;margin-top:14px;height:32px}
.generic-param .p, .generic-param .p > *{font-family:SFR-Bold;font-size:16px;line-height:24px}
.generic-param .m,.generic-param .e{font-size:12px;line-height:18px;margin-top:4px;margin-bottom:14px}
.generic-param.f .generic-option {position: relative;display: block;height: auto;padding:16px 16px 16px 46px;font:normal 14px/22px SFR-Bold;text-align:left;margin:0;}
.generic-param.f input:checked + .generic-option {padding:15px 15px 15px 45px;}
.generic-param [for="avecforfait"]:before {content:'';position:absolute;width:24px;height:24px;background:url(//static.s-sfr.fr/assets/pictos/sim_ok_40_noir.svg);background-size:cover;left:14px;top:0;bottom:0;margin:auto;filter:invert(1)}
.generic-param [for="sansforfait"]:before {content:'';position:absolute;width:24px;height:24px;background:url(//static.s-sfr.fr/assets/pictos/pas_de_sims_40_noir.svg);background-size:cover;left:14px;top:0;bottom:0;margin:auto;filter:invert(1)}
.generic-param.f input:checked + [for="avecforfait"]:before, .generic-param.f input:checked + [for="sansforfait"]:before {filter:invert(0);left:13px;}
.generic-param.b bol-link {display: table;width: fit-content;grid-column: span 2;margin-top:8px;}

.bloc_config .col-2 {display: block;margin: 16px 0 -8px;}
.bloc_config .col-2 >.link {display: inline-block;margin: 8px 0;}
.col-2 input:checked + label.goutte:before {top: -2px;right: -2px;}
#popinContainer {display: none}
#popinContainer.discover #popinContent {position:relative;z-index: 4;width: 704px;max-width: calc(100% - 32px);background: #FFFFFF;box-shadow: 0px 8px 16px rgba(24, 24, 24, 0.08);border-radius: 12px;display:grid;gap:16px; grid-template-areas: "a a a" "b c c";justify-content: center;grid-template-columns: 208px 208px 208px;padding:24px}
#popinContainer.discover #popinContent .title{grid-area:a;padding-top:40px;font-family:SFR-Bold;font-size: 20px;line-height: 24px;text-align:center}
#popinContainer.discover section p {font-size: 14px;line-height: 22px;text-align:center; }
#popinContainer.show .overlay {display: block}
#popinContainer .btn-close {position:absolute;content:"";width:20px;height:20px;right:24px;top:31px;cursor:pointer}
#popinContainer .btn-close:before, #popinContainer .btn-close:after {position: absolute;content: '';width: 20px;height: 2px;background-color: #E2001A}
#popinContainer .btn-close:before {transform: rotate(45deg)}
#popinContainer .btn-close:after {transform: rotate(-45deg)}

.generic-i-t {width: 100%;display: grid;grid-template-columns: auto auto;background: #fff;padding: 24px;box-shadow: 0px 8px 16px rgba(24, 24, 24, 0.08);border-radius: 12px;margin: 0 auto;justify-content: space-between;gap:0 40px}
.generic-i-t div{position: relative;max-width:704px}
.generic-i-t p {font-family: 'SFR-Regular';font-size: 14px;line-height: 22px;}
.generic-i-t p:not(:last-of-type) {margin-bottom: 24px;}
.generic-i-t img {max-width:488px;height:auto;border-radius: 8px}
.generic-i-t .btn,.generic-i-t .btn4 {width: fit-content;margin-top: 24px;}
#services_mobile_module_sfr_box_8x {width: 1280px;max-widht:calc(100- 64px);margin:40px auto 0;}
#services_mobile_module_sfr_box_8x .wrapper {margin: 24px 0 0;}
#services_mobile_module_sfr_box_8x .condition {margin: 16px 0 -40px;}
.generic-l-info {width: 1280px;max-width:calc(100% - 64px);background: #fff;padding:24px;box-shadow: 0px 8px 16px rgba(24, 24, 24, 0.08);border-radius: 12px;margin:8px auto 0} 
.generic-l-info > *{display:inline-block;vertical-align:middle} 
.generic-l-info p{font-size: 14px;line-height: 22px;width:931px;max-width:calc(100% - 322px);margin:0 16px}
.generic-i-band img {height: 32px;}
.generic-i-band {width: 100%;padding: 8px;text-align: center}
bol-mobile-list-block .generic-i-band {margin: 24px 0 0}
.generic-i-band.green {background: #469e94}
.generic-i-band > * {font-size: 14px !important;line-height: 18px;display: inline-block;vertical-align: middle;margin: 0 4px;color:#fff!important}
bol-title-block .bl_desc {margin: 40px auto}
.back-shop {padding: 15px 0 5px;max-width: calc(100% - 32px)}
bol-reprise-mob {display: block; min-height: calc(100vh - 405px);}
bol-reprise-mob h1 {display: block;margin: 40px auto;text-align: center;}
.es-block {position:relative;width: 1280px;max-width:calc(100% - 64px);background: #fff;padding: 24px;box-shadow: 0px 8px 16px rgba(24, 24, 24, 0.08);border-radius: 12px;margin: 32px auto 40px}
.es-block .title{font-family: SFR-Bold;font-size: 24px;line-height: 28px;text-align:left}
.es-block .sub-t,
.l-see-steps .expand-bloc {font-family:SFR-Bold;font-size:16px;line-height:24px;margin-bottom:24px;text-align:left}
.l-see-steps .link {vertical-align:middle}
.es-block .btn {display: inline-block;width:fit-content;vertical-align: middle;margin: 24px 0}
.es-block .or {display: inline-block;font-family:SFR-Bold;font-size: 14px;line-height: 22px;vertical-align: middle;margin:24px 32px 24px }
.es-block form {display: inline-block;vertical-align: middle}
.es-block .autocomplete-container .input-container input {display: inline-block;vertical-align: middle;border-radius: 8px 0px 0px 8px}
.es-block ng-autocomplete {display: inline-block;width: 440px;height: 40px;max-width: calc(100% - 40px);margin: 24px 0}
.es-block .autocomplete-container {box-shadow: none!important;height: inherit;text-align:left;z-index:3;}
.es-block .input-container {width: 100%}
.es-block form button {display: inline-block;cursor:pointer;vertical-align: middle;width: 40px;height: 42px;padding:9px 0 9px;background: #D90D25;border:0;border-radius: 0 8px 8px 0;box-shadow: 0px 4px 8px 4px rgb(150 0 0 / 16%);margin: 24px 0 24px -4px}
.es-block form button img {width: 24px;height: 24px;text-align: center;}
.l-see-steps {display: block;width: 100%;text-align:left}
.l-see-steps div {display:none;margin-bottom:32px}
.l-see-steps img {vertical-align: middle;margin-left: 16px;padding:4px 0}
input:checked + .l-see-steps div {display:block}
/*input:checked + .l-see-steps .expand-bloc{transform: rotate(-45deg);margin: 0 0 0px 7px}*/
.generic-step {margin: 0 0 8px;padding-left: 24px;counter-increment: section;position: relative;font-size: 14px;line-height: 22px}
.results .generic-step {text-align:left;margin: 24px 0 8px}
.generic-step:before {font-family: 'SFR-Bold';content: counter(section);top:0;left: 0;display:flex;justify-content:center;align-items:center;position: absolute;border-radius: 50%;padding: 0px;height:16px;width: 16px;border: 1px solid #181818;text-align:center;color: #181818;font-size: 10px}
.steps-two {display:grid;grid-template-columns: repeat(5, 1fr);gap:40px 24px}
.steps-two div{counter-increment: section;position: relative;padding-top: 56px;text-align: center}
.steps-two p{font-size:14px;line-height:20px;max-width:208px; margin:16px auto 0}
.steps-two div:before {content: counter(section);top: 0;left:0; right:0;margin:auto;display:flex;justify-content:center;align-items:center;position: absolute;border-radius: 50%;padding: 0px;width: 32px;height: 32px;background: #DFDFDF;text-align: center;color: #181818;font-family: SFR-Bold;font-size: 16px;line-height: 32px;}
.es-block .r {position: absolute;right: 24px;bottom: 0}
.es-block .r span {font-size: 14px;line-height: 22px;margin-right: 22px}
.es-block .r button {display: inline-block;width: fit-content;}
.es-block .quit {margin: 35px auto 19px;display: table}
.es-block .toggles {display: grid;grid-template-columns: calc(100% - 200px) auto auto;align-items: center;margin: 24px 0 0 0;padding: 0 0 24px 24px;counter-increment: section;position: relative;gap: 0 24px;border-bottom: 1px solid #D2D2D2}
.es-block .desc{font-size: 14px;line-height:22px;margin:8px 0 32px;text-align:left}
.generic-step .t{font-family:SFR-Bold;margin-bottom:8px}
.es-block .toggles a{margin-top:8px}
/*.es-block .steps:before {content: counter(section);left: 0;top:0;display:flex;justify-content:center;align-items:center;position: absolute;border-radius: 50%;padding: 0px;height:16px;width: 16px;border: 1px solid #181818;color: #181818;font-size: 10px}*/
.toggles label {cursor: pointer;font-size: 14px;line-height: 22px;border-radius: 8px;background-color: transparent;font-family: 'SFR-Bold';border: 1px solid #181818;padding: 10px 23px;min-width:76px;text-align:center}
.toggles input:checked + label{ background-color: #181818;color: #fff;transition: all.2s}
.toggles.generic-step div {min-height: 40px;}
.es-block.results .h {display: flex;justify-content: space-around;align-items: center;padding:24px 80px;background: #469e94;border-radius: 12px;width:100%;margin-bottom:32px;color:#fff}
.es-block.results .h .link3{display:table;margin-top:16px}
.es-block.results .h .b{font-family: SFR-Black;font-size: 54px;line-height: 48px;text-align:center}
.es-block.results .h .addi > * {display: inline-block;text-align: center}
.es-block.results .h .addi .sy {margin: 0 32px;font-family:SFR-Black;font-size: 32px;line-height: 32px}
.es-block.results .h .d {font-size: 14px;line-height: 22px;min-height: 36px;margin-top: 16px}
.es-block.results .h .generic-bonus + .d {max-width: 400px;}
.es-block.results .h .d img{vertical-align: middle;background: #fff;border-radius: 2px;padding: 4px 6px;margin-left: 8px;width: 72px;height: 22px;}
.es-block.results .h .addi .d {display: flex;align-items: flex-end;justify-content: center}
.es-block.results .h .p {font-family: SFR-Black;font-size: 32px;line-height: 32px;margin-top: 16px}
.es-block.results .h .p span {font-size: 16px;line-height: 32px;vertical-align: middle}
.es-block.results .l{position:relative;text-align: center}
.es-block.results .l .btn, .es-block.results .l .btn4 {width: fit-content;display: inline-block;vertical-align: baseline;max-width: 100%;margin: 0 12px 24px}
.es-block.results .lr {display: table;margin:0 auto}
.es-block.results .link {display: inline-block;margin: 0 21px}
.es-block.results label {display: block;text-align:left;margin: 24px 0 32px;padding-bottom:24px;border-bottom:1px solid #D2D2D2}
.es-block.results label a{text-decoration:underline}
.es-block.results label div{width: 20px;height: 20px;border: 1px solid #d2d2d2;border-radius: 4px;background-color: #d2d2d2;display: inline-block;cursor: pointer;vertical-align: middle;margin-top: -2px}
.es-block.results label span{font-size: 14px;line-height: 22px;margin-left: 4px;cursor: pointer}
.es-block.results input:checked + label div + span{font-family:SFR-Bold;color:#181818}
.es-block.results input:checked + label div{border:0;background-color:#02C39A;position:relative;display:inline-block}
.es-block.results input:checked + label div:after{content:"";width:14px;height:14px;position:absolute;top:3px;right:0;left:0;margin:auto;background:url(//static.s-sfr.fr/assets/pictos/check_40_blanc.svg) center/contain no-repeat, #02C39A}
.es-block.results .err {display: block;color: #D90D25;font-size: 14px;line-height: 22px;margin-top: 8px;}
.es-block.results input:checked + label .err {display: none;}
.es-block.results .err:before {content: '';display: inline-block;position: relative;background: url(https://static.s-sfr.fr/assets/pictos/croix_40_rouge.svg);width: 16px;height: 16px;background-size: contain;top: 3px;margin-right: 4px;}
.generic-bonus.big {line-height:20px;background: url(https://static.s-sfr.fr/media/pictos/generic-bonus-big.svg);padding: 16px 6px 0 0;color: #181818;width: 213px;height: 40px}

dl,ol,ul{list-style:none;}
a{outline:none;text-decoration:none;}
img{vertical-align:top;}
i.icon{background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;height:30px;margin-right:12px;width:30px;}
i.icon.Inter{margin-left:16px;}
i.icon.icon-phone{background-image:url(//static.s-sfr.fr/assets/pictos/mobile_40_noir.svg);width:19px;}
i.icon.icon-sim{background-image:url(//static.s-sfr.fr/assets/pictos/sim_40_noir.svg);width:22px;}
i.icon.icon-options{background-image:url(//static.s-sfr.fr/assets/pictos/lesplus_40_blanc.svg);}
i.icon.icon-tv-media{background-image:url(//static.s-sfr.fr/assets/pictos/tv_40_blanc.svg);}
i.icon.icon-box{background-image:url(//static.s-sfr.fr/assets/pictos/box_alt_40_noir.svg);width:48px;}
i.icon.icon-fibre{background-image:url(https://static.s-sfr.fr/media/icon-fibre.svg);}
i.icon.icon-tv{background-image:url(//static.s-sfr.fr/assets/pictos/tv_40_noir.svg);width:42px;}
.detect-viewport-entry--waiting-detection{transition-delay:0s!important;transition-duration:0s!important;}
bol-price{font-family:SFR-Black;font-size:24px;line-height:20px;margin-bottom:4px;text-transform:lowercase;}
bol-price.white{color:#fff;}
bol-price.black{color:#000;}
bol-price.colored{color:#d90d25;}
bol-price.bold{font-family:SFR-Black;}
bol-price.old_prix{font-family:SFR-Light;font-size:12px;line-height:18px;margin:0;text-decoration:line-through;}
bol-price .exp{font-size:10px;}
bol-price.price_option .exp{font-size:inherit;vertical-align:baseline;}
.progress_bar{background-image:linear-gradient(90deg,#872386,#e30613);bottom:0;display:none;height:3px;left:0;position:absolute;right:0;z-index:-1;}
.progress_bar.mobile{display:block;min-width:8px;z-index:0;}
.progress_bar.home{display:none;min-width:1%;position:inherit;z-index:3;}
.photo_credit{background:#fff;border-bottom:1px solid #e9e9e9;padding:0 32px;}
.photo_credit .wrapper{margin:40px auto 0;max-width:1280px;padding:30px 0;}
.photo_credit .wrapper .title{color:#222;margin-bottom:14px;}
.slide.show{animation:slidein .15s cubic-bezier(0,0,.2,1);animation-fill-mode:forwards;transform:translateX(0);webkit-animation:slidein .15s cubic-bezier(0,0,.2,1);webkit-animation-fill-mode:forwards;}
.slide.hide{animation:slideout .15s cubic-bezier(0,0,.2,1);animation-fill-mode:forwards;webkit-animation:slideout .15s cubic-bezier(0,0,.2,1);webkit-animation-fill-mode:forwards;}
@-webkit-keyframes slidein{0%{transform:translate3d(100%,0,0);visibility:visible;}
to{transform:translateZ(0);}
}
@keyframes slidein{0%{transform:translate3d(100%,0,0);visibility:visible;}
to{transform:translateZ(0);}
}
@-webkit-keyframes slideout{0%{transform:translateZ(0);}
to{transform:translate3d(100%,0,0);visibility:hidden;}
}
@keyframes slideout{0%{transform:translateZ(0);}
to{transform:translate3d(100%,0,0);visibility:hidden;}
}
#toast-container.toast-container>.ngx-toastr{background-position:15px;background-repeat:no-repeat;background-size:24px;border-radius:12px;box-shadow:0 8px 16px rgba(24,24,24,.08);height:85px;margin:0 0 6px;overflow:hidden;padding:16px;position:relative;top:86px;width:320px;}
#toast-container.toast-container>.ngx-toastr.toast-error{background:#FFF0F0;padding:24px;height:auto;border-radius: 8px 0 0 8px;}
#toast-container.toast-container>.ngx-toastr.toast-error .toast-progress{background:#D90D25 !important;}
#toast-container.toast-container>.ngx-toastr.slide.toast-error:before {content: '';background: url(//static.s-sfr.fr/assets/pictos/fermer_40_noir.svg);display: inline-block;width: 24px;height: 24px;background-size: contain;vertical-align: middle;}
#toast-container.toast-container>.ngx-toastr.toast-info{background:#fff;padding:24px;height:auto;border-radius: 8px 0 0 8px;}
/*#toast-container.toast-container>.ngx-toastr.toast-info .toast-progress{background:#181818 !important;}
#toast-container.toast-container>.ngx-toastr.slide.toast-info:before {content: '';background: url(//static.s-sfr.fr/assets/pictos/information_40_noir.svg);display: inline-block;width: 24px;height: 24px;background-size: contain;vertical-align: middle;}*/
#toast-container.toast-container>.ngx-toastr.toast-info{background:#FFF4E0;color:#181818;padding:24px;height:auto;border-radius: 8px 0 0 8px;}
#toast-container.toast-container>.ngx-toastr.slide.toast-info:before {content: '';background: url(//static.s-sfr.fr/assets/pictos/attention_40_noir.svg);display: inline-block;width: 24px;height: 24px;background-size: contain;vertical-align: middle;}
#toast-container.toast-container>.ngx-toastr.toast-success{background:#E8F8F0;padding:24px;height:auto;border-radius: 8px 0 0 8px;}
#toast-container.toast-container>.ngx-toastr.toast-success .toast-progress{background:#02C39A !important;}
#toast-container.toast-container>.ngx-toastr.slide.toast-success:before {content: '';background: url(//static.s-sfr.fr/assets/pictos/check_cercle_plein_40_noir.svg);display: inline-block;width: 24px;height: 24px;background-size: contain;vertical-align: middle;}
#toast-container.toast-container>.ngx-toastr.toast-warning{background:#FFF4E0;padding:24px;height:auto;border-radius: 8px 0 0 8px;}
#toast-container.toast-container>.ngx-toastr.slide.toast-warning:before {content: '';background: url(//static.s-sfr.fr/assets/pictos/attention_40_noir.svg);display: inline-block;width: 24px;height: 24px;background-size: contain;vertical-align: middle;}
#toast-container.toast-container>.ngx-toastr.toast-warning .toast-progress{background:#FF9300 !important;}
.toast-close-button{content:"";cursor:pointer;display:block;height:20px;position:absolute;right:16px;top:16px;width:20px;right: -8px;top: -8px;}
.toast-close-button:after,.toast-close-button:before{background-color:#181848;content:"";height:2px;position:absolute;width: 18px;right: 0;top: 0;}
.toast-close-button:before{transform:rotate(45deg);}
.toast-close-button:after{transform:rotate(-45deg);}
#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:#D90D25;}
#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{color: #181818;font-size: 14px;line-height: 20px;    width: calc(100% - 60px);display: inline-block;vertical-align: middle;margin-left: 16px;}
.layout_main-container{min-height:400px;}
.avis_bloc .avis_bloc_top{margin:auto;max-width:1280px;padding:32px 15px 15px;}
.avis_bloc .avis_bloc_top>div:first-child{font-family:SFR-Bold;font-size:16px;margin-bottom:16px;}
.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{display:flex;flex-wrap:wrap;margin:auto;max-width:1280px;}
.avis_bloc .list li{flex:1;margin:15px;max-width:513px;min-width:345px;position:relative;}
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;margin-bottom:-2px;padding-bottom:7px;position:relative;z-index:2;}
bol-forfaits-choices .bloc_filtres .filtre .txt{color:#181818;cursor:pointer;display:inline-block;font-size:14px;line-height:20px;padding:9px 12px;}
bol-forfaits-choices .bloc_filtres .filtre .txt i{background:url(https://static.s-sfr.fr/media/pic-filtre.svg) 50% no-repeat;background-size:8px 5px;display:inline-block;height:15px;margin:0 0 -3px 4px;width:10px;}
bol-forfaits-choices .bloc_filtres .filter-bloc-relative{background-color:#fff;box-shadow:0 8px 16px rgba(24,24,24,.16);padding:24px 18px;position:absolute;right:0;width:320px;z-index:1;}
bol-forfaits-choices .bloc{margin-bottom:24px;}
bol-forfaits-choices .bloc h6{margin-bottom:12px;}
bol-forfaits-choices .bl_btn .btn{width:100px;}
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{align-items:center;display:flex;margin-bottom:24px;}
bol-mobile-note .bl_note .note{background:url(https://static.s-sfr.fr/media/sprite-avis.png) top no-repeat;color:#181818;font-size:14px;height:17px;line-height:1.43;margin:0 4px;overflow:hidden;width:85px;}
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 a{color:#8a8a8a;text-decoration:underline;}
.bl_configurateur>div{flex:1;}
.bl_configurateur h4{margin-bottom:8px;}
.bl_configurateur h4 span{color:#8a8a8a;font-family:SFR-Regular;font-size:12px;}
.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;moz-border-radius-top-left:4px;webkit-border-top-left-radius:4px;}
.bl_configurateur .list li:last-child{border:1px solid #d2d2d2;border-top-right-radius:4px;moz-border-radius-top-right:4px;webkit-border-top-right-radius:4px;}
.bl_configurateur .list li.active a{font-family:SFR-Bold;}
.bl_configurateur .list li.active a,.bl_configurateur .list li:hover a{border-bottom:2px solid;border-image-slice:1;border-image-source:linear-gradient(86deg,#871d81,#d90d25);}
.bl_configurateur .list li a{cursor:pointer;display:inline-block;height:100%;padding:8px 12px;position:relative;}
.bl_configurateur .bl_left .bl_desc{color:#181818;font-size:14px;line-height:20px;}
.bl_configurateur .bl_left .bl_desc p{margin-bottom:8px;}
.bl_configurateur .bl_left .bl_desc ul{margin-bottom:16px;}
.bl_configurateur .bl_right{background-color:#fff;border-radius:12px;max-width:335px;padding:32px 26px 16px;position:relative;}
.bl_configurateur .bl_right:before{border-color:transparent transparent transparent #f2f2f2;border-style:solid;border-width:15px 0 15px 15px;content:"";display:block;height:0;left:0;position:absolute;top:120px;width:0;}
.bl_configurateur .bl_right .bl_card{margin:0 0 24px;padding-top:19px;position:relative;}
.bl_configurateur .bl_right .bl_link{margin-bottom:24px;text-align:center;}
.bl_configurateur .bl_right .sep{border-bottom:1px solid #d2d2d2;height:1px;margin:14px 0;}
bol-phone-magasins .bl_magasins{max-width:335px;min-height:72px;position:relative;}
bol-phone-magasins .bl_magasins .bl_list{background:#fff;border-radius:12px;box-shadow:0 8px 16px rgba(24,24,24,.16);left:0;padding:16px;position:absolute;right:0;}
bol-phone-magasins .bl_magasins .bl_list .input{border:1px solid #d2d2d2;border-radius:4px;color:#181818;font-size:14px;line-height:20px;padding:9px 14px;width:100%;}
bol-phone-magasins .bl_magasins .bl_list .magasins{color:#181818;display:none;font-size:14px;line-height:20px;margin:16px 0 0;}
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{align-items:center;display:flex;margin:6px 0;}
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_exlu_web{display:inline-block;padding-bottom:10px;position:relative;}
.bl_exlu_web i.debit{background:url(https://static.s-sfr.fr/media/d-bit.svg) no-repeat 50%;display:inline-block;height:10px;margin-right:3px;width:10px;}
.bl_exlu_web i.debit.up{transform:rotate(180deg);}
.bl_exlu_web .md{margin-bottom:16px;}
.bl_exlu_web .Title{background:#ffcd00;border-bottom-left-radius:0;border-radius:4px;color:#181818;display:inline-block;font-family:SFR-Bold;font-size:10px;line-height:18px;margin-bottom:5px;padding:0 6px;position:relative;text-transform:uppercase;}
.bl_exlu_web .Title:before{background:#ffcd00;bottom:-7px;clip-path:polygon(100% 0,0 0,0 100%,15% 70%,30% 50%,50% 30%,70% 15%,80% 5%);content:"";display:block;height:7px;left:0;position:absolute;webkit-clip-path:polygon(100% 0,0 0,0 100%,15% 70%,30% 50%,50% 30%,70% 15%,80% 5%);width:10px;}
.bl_exlu_web .Desc{align-items:center;border-left:5px solid #ffcd00;border-radius:12px;display:flex;justify-content:space-between;margin:5px 0;position:relative;width:252px;z-index:0;}
.bl_exlu_web .Desc:before{background:url(https://static.s-sfr.fr/media/bl-promo.png) 0 0 no-repeat;top:-6px;}
.bl_exlu_web .Desc:after,.bl_exlu_web .Desc:before{content:"";display:block;height:20px;left:-5px;position:absolute;width:103px;}
.bl_exlu_web .Desc:after{background:url(https://static.s-sfr.fr/media/bl-promo.png) 0 100% no-repeat;bottom:-6px;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-family:SFR-Black;}
.bl_exlu_web .Desc .clientOffer{border-left:1px solid #b3b3b3;padding-left:10px;width:90px;}
.bl_exlu_web .Desc .clientOffer p{display:flex;font-family:SFR-Regular,Arial,sans-serif;font-family:SFR-Bold;font-size:16px;text-transform:uppercase;}
.bl_exlu_web .Desc .clientOffer p:first-child:before{border:3px solid #d90d25;content:"";display:block;margin-right:4px;max-height:9px;max-width:9px;min-width:9px;}
.bl_exlu_web .Desc>.main{background:linear-gradient(90deg,rgba(0,0,0,.1),hsla(0,0%,100%,0) 30%);border-radius:12px;padding:10px 0 15px 10px;position:relative;z-index:1;}
.bl_exlu_web .Desc .YellowTitle{color:#ffcd00;font-family:SFR-Bold;font-size:18px;}
.bl_exlu_web .Desc .Prix{color:#d90d25;font-family:SFR-Black;font-size:60px;line-height:1;width:fit-content;width:-moz-fit-content;width:-webkit-fit-content;}
.bl_exlu_web .Desc .Prix sup{font-family:SFR-Black;font-size:29px;line-height:1;}
.bl_exlu_web .Desc .Prix span{font-family:SFR-Regular;font-size:14px;line-height:1.5;margin-left:-15px;white-space:nowrap;}
.bl_exlu_web .Desc .Prix span.price-part-alternative{margin-left:-36px;}
.bl_exlu_web .Desc .Prix span .old_prix{color:#181818;font-family:SFR-Light;text-decoration:line-through;}
.bl_exlu_web .Desc .CustomPrice{font-family:SFR-Black;font-size:33px;line-height:1;}
.bl_exlu_web .Desc .Text{font-size:12px;line-height:18px;}
.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/bl-promo--pink-color.png);}
.bl_exlu_web.bl_exlu_web--brand-color .Title,.bl_exlu_web.bl_exlu_web--brand-color .Title:before{background-color:#d90d25;color:#fff;}
.bl_exlu_web.bl_exlu_web--brand-color .Desc{border-color:#d90d25;}
.bl_exlu_web.bl_exlu_web--brand-color .Desc .YellowTitle{color:#d90d25;}
.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/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{align-items:center;background-color:#181818;border-radius:3px;display:inline-flex;flex-direction:column;height:47px;min-width:74px;padding:5px;position:relative;}
.bl_exlu_web .old-price-bloc:before{background-color:inherit;border:inherit;border-radius:3px;clip-path:polygon(0 0,100% 100%,0 100%);content:"";display:block;height:13px;left:0;position:absolute;top:-9px;webkit-clip-path:polygon(0 0,100% 100%,0 100%);width:13px;z-index:-1;}
.bl_exlu_web .old-price-bloc .instead{color:#fff;font-family:SFR-Regular,Arial,sans-serif;font-family:SFR-Bold;font-size:11px;text-transform:uppercase;}
.bl_exlu_web .old-price-bloc .old-price{color:#fff;display:flex;font-family:SFR-Regular,Arial,sans-serif;font-family:SFR-Bold;height:100%;justify-content:center;width:100%;}
.bl_exlu_web .old-price-bloc .old-price .price{bottom:-5px;font-size:20px;height:100%;letter-spacing:-.6px;position:relative;}
.bl_exlu_web .old-price-bloc .old-price .month{display:flex;flex-direction:column;height:100%;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;}
bol-card-block-form .bl_contenu .contenu_bloc{border:1px solid #d2d2d2;border-radius:12px;margin:0 auto;max-width:1280px;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-family:SFR-Bold;}
bol-card-block-form .bl_contenu .contenu_bloc .flex{display:flex;flex-wrap:wrap;}
bol-card-block-form .bl_contenu .contenu_bloc .img img{margin-right:20px;max-height:60px;}
bol-card-block-form .bl_contenu .contenu_bloc .form-line{cursor:pointer;margin-left:35px;position:relative;}
bol-card-block-form .bl_contenu .contenu_bloc .form-line:before{border:1px solid #8a8a8a;content:"";display:block;height:22px;left:-35px;position:absolute;top:50%;transform:translateY(-50%);width:22px;}
bol-card-block-form .bl_contenu .contenu_bloc .form-line.active:after{background:url(//static.s-sfr.fr/assets/pictos/check_40_vert.svg) 100% no-repeat;content:"";display:block;height:22px;left:-37px;position:absolute;top:50%;transform:translateY(-50%);width:22px;}
bol-card-block-form .bl_contenu .contenu_bloc .link-more{color:#222;display:inline-block;font-family:SFR-Regular;font-size:12px;margin-left:15px;text-decoration:underline;}
bol-card-block-form .bl_contenu .contenu_bloc .desc{color:#181818;font-size:14px;line-height:20px;}
bol-card-block-form .bl_contenu .contenu_bloc .desc p{margin-bottom:25px;}
bol-bloc-add-mobile{align-items:center;border:1px solid #d2d2d2;border-radius:12px;box-sizing:border-box;display:flex;flex:1;flex-direction:column;height:90px;justify-content:center;margin:0 12px;padding:16px;position:relative;}
bol-bloc-add-mobile .bloc-bottom{padding:10px 15px 0;text-align:center;width:100%;}
bol-bloc-mobile{border-radius:12px;box-shadow:0 8px 16px rgba(24,24,24,.16);box-sizing:border-box;display:flex;flex:1;height:90px;margin:0 12px;padding:16px;position:relative;}
bol-bloc-mobile .btn-close{background-image:url(https://static.s-sfr.fr/media/close-r.svg);background-repeat:no-repeat;background-size:cover;cursor:pointer;height:16px;position:absolute;right:-4px;top:-4px;width:16px;}
bol-bloc-mobile .bloc-left{align-items:center;display:flex;justify-content:center;margin-right:10px;}
bol-bloc-mobile .bloc-left img{max-height:60px;min-height:58px;}
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{color:#222;font-family:SFR-Bold;font-size:16px;padding-bottom:5px;}
bol-bloc-mobile .bloc-right>div:last-child{color:#8a8a8a;font-size:12px;}
.bl_contenu {max-width: calc(100% - 32px);margin: 0 auto;}
.bl_contenu .contenu_bloc{background:#fff;border-radius:12px;}
.bl_contenu .contenu_bloc,.bl_contenu .contenu_bloc_no_border{margin:0 auto;max-width:1280px;padding:8px 0;}
.bl_contenu .contenu_bloc_no_border ul.bloc,.bl_contenu .contenu_bloc ul.bloc{border-bottom:1px solid #d2d2d2;padding:0 40px;}
.bl_contenu .contenu_bloc_no_border ul.bloc:last-child,.bl_contenu .contenu_bloc ul.bloc:last-child{border:none;}
.bl_contenu .contenu_bloc_no_border ul.bloc>li,.bl_contenu .contenu_bloc ul.bloc>li{border-bottom:1px solid #d2d2d2;padding:12px 0;}
.bl_contenu .contenu_bloc_no_border ul.bloc>li:last-child,.bl_contenu .contenu_bloc ul.bloc>li:last-child{border:none;}
.bl_contenu .contenu_bloc_no_border ul.bloc>li h3,.bl_contenu .contenu_bloc_no_border ul.bloc>li h4,.bl_contenu .contenu_bloc ul.bloc>li h3,.bl_contenu .contenu_bloc ul.bloc>li h4{margin-bottom:12px;}
.bl_contenu .contenu_bloc_no_border ul.bloc>li .desc,.bl_contenu .contenu_bloc ul.bloc>li .desc{color:#181818;font-size:14px;line-height:20px;}
.bl_contenu .contenu_bloc_no_border ul.bloc>li .desc.margin,.bl_contenu .contenu_bloc ul.bloc>li .desc.margin{margin-bottom:12px;}
.bl_contenu .contenu_bloc_no_border ul.bloc>li .elem_desc,.bl_contenu .contenu_bloc ul.bloc>li .elem_desc{padding-bottom:12px;}
.bl_contenu .contenu_bloc_no_border ul.bloc>li .bl_flex,.bl_contenu .contenu_bloc ul.bloc>li .bl_flex{display:flex;}
.bl_contenu .contenu_bloc_no_border ul.bloc>li .bl_flex>ul,.bl_contenu .contenu_bloc ul.bloc>li .bl_flex>ul{margin-bottom:12px;margin-right:60px;}
.bl_contenu .contenu_bloc_no_border ul.bloc>li form,.bl_contenu .contenu_bloc ul.bloc>li form{display:flex;margin:10px 0 24px;}
.bl_contenu .contenu_bloc_no_border ul.bloc>li form .input,.bl_contenu .contenu_bloc ul.bloc>li form .input{border:1px solid #8a8a8a;border-radius:4px;color:#222;display:inline-block;font-size:16px;line-height:39px;margin-right:10px;max-width:312px;overflow:hidden;padding:0 14px;width:100%;}
.bl_contenu .contenu_bloc_no_border ul.bloc>li form .autocomplete-container,.bl_contenu .contenu_bloc ul.bloc>li form .autocomplete-container{margin-right:12px;}
.bl_contenu .contenu_bloc_no_border ul.bloc>li form .submit,.bl_contenu .contenu_bloc ul.bloc>li form .submit{background-color:#222;border-radius:10px;color:#fff;cursor:pointer;display:block;font-family:SFR-Black;font-size:10px;height:40px;letter-spacing:.7px;line-height:39px;overflow:hidden;padding:0 20px;text-align:center;text-transform:uppercase;}
.bl_contenu .contenu_bloc_no_border ul.bloc .no-bottom-line,.bl_contenu .contenu_bloc ul.bloc .no-bottom-line{border:none;}
.bl_contenu .contenu_bloc .avantages,.bl_contenu .contenu_bloc_no_border .avantages{display:flex;justify-content:center;margin-top:40px;}
.bl_contenu .contenu_bloc .avantages li,.bl_contenu .contenu_bloc_no_border .avantages li{flex:1;margin:0 15px;max-width:230px;text-align:center;}
.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{align-items:center;display:flex;height:38px;justify-content:center;margin-bottom:12px;}
.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{color:#d90d25;font-family:SFR-Bold;font-size:19px;margin-right:30px;}
.bl_contenu .contenu_bloc .debit p i,.bl_contenu .contenu_bloc_no_border .debit p i{background:url(https://static.s-sfr.fr/media/debit-down.svg) 50% no-repeat;display:inline-block;height:17px;margin-right:8px;width:17px;}
.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_no_border ul.liste,.bl_contenu .contenu_bloc ul.liste{display:flex;justify-content:space-between;}
.bl_contenu .contenu_bloc_no_border ul.liste li,.bl_contenu .contenu_bloc ul.liste li{flex:1;margin:0 10px;text-align:center;}
.bl_contenu .contenu_bloc_no_border ul.liste li .bl_img,.bl_contenu .contenu_bloc ul.liste li .bl_img{background:#f2f2f2;border-radius:90px;height:100px;margin:0 auto 12px;overflow:hidden;width:100px;}
.bl_contenu .contenu_bloc_no_border ul.liste li .bl_img img,.bl_contenu .contenu_bloc ul.liste li .bl_img img{height:100px;width:100px;}
.bl_notice{background:#fff;border-bottom:1px #d2d2d2;border-color:#d2d2d2;border-style:solid;padding:0 32px;}
.bl_notice>.wrapper{margin:auto;max-width:1280px;}
.bl_notice .bl_link{padding:24px 0;text-align:center;}
.bl_notice .bl_link .link{font-family:SFR-Regular;}
.bl_notice .desc_notice{display:none;margin-bottom:24px;}
.bl_notice .desc_notice.active{display:block;}
.bl_notice li:before{content:"• ";}
body.Media .bl_notice .desc_notice.Text500{color:#444;}
.features_bloc_phone_add{background:#fff;padding:24px 0;}
.phone_plan .bl_title{display:block;padding: 24px;}
.phone_plan .WhiteBloc{display:flex;flex:2 auto;flex-direction:column;}
.phone_plan .WhiteBloc .content{display:flex;flex-direction:column;height:100%;justify-content:space-between;}
.phone_plan .BlackBloc{padding:16px 24px 24px;position:relative;}
.phone_plan ul.Detail{list-style: disc;}
.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{border:1px solid #181818;border-radius:90px;display:inline-block;height:16px;line-height:15px;margin:0 8px 2px -24px;text-align:center;width:16px;}
.phone_plan ul.Detail li i.debit{background:url(https://static.s-sfr.fr/media/d-bit.svg) no-repeat 50%;display:inline-block;height:10px;margin-right:3px;width:10px;}
.phone_plan ul.Detail li i.debit.up{transform:rotate(180deg);}
.phone_plan .link{position:absolute;right:20px;top:20px;}
.phone_plan .bl_offres{align-items:center;display:flex;height:26px;left:20px;position:absolute;right:20px;top:-13px;}
.phone_plan .bl_offres .bl_prix_forfait{background:#e9e9e9;border-radius:4px;color:#222;display:inline-block;font-family:SFR-Bold;font-size:10px;margin-right:5px;padding:2px 6px;}
.phone_plan .bl_offres .bl_prix_forfait strong{color:#d90d25;}
.phone_plan .bl_offres .bl_prix_forfait span{color:#181818;display:block;font-family:SFR-Light;font-size:8px;}
.phone_plan .bl_desc{margin-top:10px;max-width:55%;}
.phone_plan .bl_desc .prix{color:#d90d25;display:inline-block;font-family:SFR-Bold;font-size:19px;}
.phone_plan .bl_desc .desc{color:#8a8a8a;font-family:SFR-Regular,sans-serif;font-size:12px;}
.phone_plan .bl_desc .Bold{font-family:SFR-Bold;}
.phone_plan .Text200 {font-size: 12px !important;line-height: 18px;color:#181818;text-align: center;}
.phone_plan .Text500 {line-height:22px}
bol-plan-card-block .migration{margin-top:10px;}
bol-mobile-avis-block{display:flex;flex-direction:column;justify-content:center;padding-block-end:40px;webkit-padding-after:40px;}
bol-mobile-avis-block .avis_bloc .avis_bloc_top{margin:auto;max-width:1280px;padding:32px 15px 15px;}
bol-mobile-avis-block .avis_bloc .avis_bloc_top>div:first-child{font-family:SFR-Bold;font-size:16px;margin-bottom:16px;}
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{display:flex;flex-wrap:wrap;margin:auto;max-width:1280px;}
bol-mobile-avis-block .avis_bloc .list li{flex:1;margin:15px;max-width:513px;min-width:345px;position:relative;}
bol-avis-bloc{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;}
bol-avis-bloc .bloc-top{border-top:2px solid #d2d2d2;color:#222;display:flex;font-family:SFR-Bold;margin-bottom:16px;padding-top:18px;}
bol-avis-bloc .bloc-top>div:first-child{margin-right:17px;}
bol-avis-bloc .bloc-bottom{color:#181818;font-size:14px;}
bol-mobile-avis-block .avis_bloc .expand-bloc {margin: 24px auto 0;display: table;}
.rate_bloc{display:flex;}
.rate_bloc.bigger svg{height:18px;width: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:12px;box-shadow:0 8px 16px rgba(24,24,24,.08);display:flex;flex-direction:column;height:100%;justify-content:space-between;margin:auto;min-height:175px;padding:24px;}
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;}
bol-with-sfr-block .with_sfr_bloc .list{display: flex;justify-content: space-between;margin: auto;max-width: calc(100% - 64px);width: 1280px;gap: 40px;}
bol-with-sfr-block .with_sfr_bloc .list li{flex:1;max-width:400px;}
bol-with-sfr-block .bl_btn{text-align:center;}
bol-tv-channels .title_bloc{padding:12px 40px;}
bol-tv-channels .title_bloc .Text500,bol-tv-channels .title_bloc h3{margin-bottom:12px;}
bol-tv-channels .search_tv{padding:24px;}
bol-tv-channels .search_tv .bl_input{display:flex;margin-bottom:16px;}
bol-tv-channels .search_tv .bl_input .bl_champ{margin-right:12px;width:255px;}
bol-tv-channels .search_tv .bl_input .bl_champ .input-container input {border-radius: 8px;color: #181818;display: inline-block;font-size: 14px;line-height: 22px;max-width: 255px;overflow: hidden;}
bol-tv-channels .search_tv .bl_input .submit{background-color:#222;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-family:SFR-Black;font-size:10px;height:40px;letter-spacing:.7px;line-height:39px;overflow:hidden;padding:0 20px;}
bol-tv-channels .category_list li{display:inline-block;margin:0 8px 8px 0;}
bol-tv-channels .category_list li a{border:1px solid #8a8a8a;border-radius:12px;color:#181818;cursor:pointer;display:block;font-size:14px;height:34px;line-height:34px;padding:0 14px;}
bol-tv-channels .category_list li a.active{background-image:linear-gradient(90deg,#871d81,#d90d25);border-color:transparent;color:#fff;}
bol-tv-channels .channel_list{display:flex;flex-wrap:wrap;padding:24px;}
bol-tv-channels .channel_list li{flex:1;margin:6px 5px;max-width:117px;min-width:117px;}
bol-tv-channels .channel_list li a{align-items:center;border:1px solid #d2d2d2;border-radius:4px;cursor:pointer;display:flex;height:60px;justify-content:center;}
bol-tv-channels .channel_list li a img{max-height:30px;max-width:60px;}
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:20px;margin:24px auto;max-width:881px;text-align:center;}
.offres_box .wrapper{margin:auto;max-width:1280px;}
.offres_box .liste{display:flex;padding:0 0 25px;}
.offres_box .liste .elem{flex:1;margin:0 15px 15px;}
.offres_box .bl_btn{margin-bottom:24px;text-align:center;}
.offre_box_elem{background:#222;border-radius:12px;color:#fff;height:100%;padding:24px 27px;}
.offre_box_elem .img{align-items:center;display:flex;height:34px;margin-bottom:16px;}
.offre_box_elem .img img{max-height:34px;}
.offre_box_elem .title{color:#fff;margin-bottom:4px;}
.offre_box_elem .desc{color:#fff;font-size:14px;line-height:20px;}
.offre_box_elem .link{display:none;}
bol-fil-ariane .fil_ariane .v_mob{display:none;}
bol-fil-ariane .fil_ariane a{cursor:pointer;margin:0 10px;}
bol-fil-ariane .fil_ariane a i{background:50% no-repeat;display:inline-block;height:16px;margin:0 10px -3px 0;width:16px;}
bol-fil-ariane .fil_ariane a.back i{background-image:url(https://static.s-sfr.fr/media/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/prev-next-white.svg);}
bol-title-block .bloc_TitleMenu{margin-top:10px;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;}
bol-title-block .bloc_TitleMenu .bloc_top .bl_desc .h4,bol-title-block .bloc_TitleMenu .bloc_top .bl_desc h4{margin-bottom:10px;text-align:center;}
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 .nobg{background:none!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{box-shadow:0 2px 4px 0 rgba(34,34,34,.16);position:fixed;top:0;width:100%;z-index:1;}
body.Media .bloc_TitleMenu .bloc_top .link{color:#fff;}
body.Media .bloc_TitleMenu .bloc_top .link i{background-image:url(https://static.s-sfr.fr/media/arrow-full-white.svg);}
body.Media .bloc_TitleMenu .bloc_bot{background:#181818;}
bol-seo-block .bloc_seo{background:#fff;padding:0 32px;}
bol-seo-block .bloc_seo .wrapper{margin:auto;max-width:1280px;padding:24px 0;}
bol-seo-block .bloc_seo .h6{color:#181818;margin-bottom:8px;}
bol-seo-block .bloc_seo .desc{color:#8a8a8a;font-family:SFR-Regular,Arial,sans-serif;font-size:12px;margin-bottom:10px;max-height:none;overflow:hidden;position:relative;}
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{background-image:linear-gradient(180deg,hsla(0,0%,100%,0),#fff);bottom:0;clear:both;content:"";display:block;left:0;position:absolute;right:0;top:0;}
bol-reprise-mobile .wrapper{margin:auto;max-width:1280px;padding:24px 0 40px;}
bol-reprise-mobile .wrapper .bl_reprise{border-radius:12px;box-shadow:0 8px 16px rgba(24,24,24,.08);padding:24px 30px;}
bol-reprise-mobile .wrapper .bl_reprise ul.list_modele{align-content:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start;padding:24px 0;}
bol-reprise-mobile .wrapper .bl_reprise ul.list_modele>li{align-items:center;border:1px solid #d2d2d2;border-radius:12px;cursor:pointer;display:flex;flex:1;height:72px;justify-content:center;margin:16px 30px 16px 0;max-width:160px;min-width:168px;}
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;}
.bloc_faq{padding:0 32px;}
.bloc_faq .list_faq{margin:auto;max-width:1280px;padding:0;}
.bloc_faq .list_faq li{margin-bottom:16px;}
.bloc_faq .bl_btn {text-align: center;display: block;margin: 40px auto;max-width: fit-content;}
.faq_bloc{background:#fff;border-radius:12px;box-shadow:0 8px 16px rgba(24,24,24,.08);padding:24px 30px;}
.faq_bloc .question{align-items:center;cursor:pointer;display:flex;}
.faq_bloc .question p{flex:3;}
.faq_bloc .response{color:#181818;display:none;font-size:14px;line-height:20px;margin:16px 0 0;}
.faq_bloc .response p{cursor:default;margin-bottom:16px;}
.faq_bloc .response .bl_link{text-align:right;}
.faq_bloc.active .response{display:block;}

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/prev-next-white.svg);}
body.Media .faq_bloc .link.Expand i{background-image:url(https://static.s-sfr.fr/media/arrow-full-white.svg);}
.reassurances_bloc{background:#fff;border-width:1px 0;padding:24px 0;margin-top:40px;}
.reassurances_bloc .list{display:flex;flex-wrap:wrap;justify-content:space-around;margin:auto;max-width:calc(1280px + 30px);}
.reassurances_bloc .list>li{flex:1;margin:0 20px;max-width:195px;}
.bloc_reassurance{text-align:center;}
.bloc_reassurance .img{height:40px;margin-bottom:16px;text-align:center;}
.bloc_reassurance .img img{max-height:40px;}
.bloc_reassurance .desc{font-size:14px;line-height:20px;padding-top:15px;text-align:center;}
.bloc_reassurance .title{color: #181818;text-align:center;}
bol-recap-block .recap_bloc{padding:40px 0;}
bol-recap-block .recap_bloc .list{display:flex;flex-wrap:wrap;justify-content:space-around;margin:0 auto 40px;max-width:1280px;}
bol-recap-block .recap_bloc .list li{flex:1;margin:0 16px;}
bol-recap-block .bl_link{text-align:center;}
.recap_element{text-align:center;}
.recap_element .bl_title{margin-bottom:8px;}
.recap_element .img{height:40px;margin-bottom:16px;text-align:center;}
.recap_element .img img{max-height:40px;}
@-webkit-keyframes slideInUp{0%{transform:translate3d(0,100%,0);}
to{transform:translateZ(0);visibility:visible;}
}
@keyframes slideInUp{0%{transform:translate3d(0,100%,0);}
to{transform:translateZ(0);visibility:visible;}
}
body.Media .price_bar{background:#222;}
body.Media .price_bar .wrapper{padding:14px 10px;}
.promotion{background:#ffcd00;border-radius:4px;color:#181818;display:inline-block;font-family:SFR-Bold;font-size:10px;height:18px;line-height:12px;margin-bottom:7px;margin-top:2px;padding:3px;white-space:nowrap;}
bol-new-services .new_services .wrapper{align-items:center;display:flex;margin:auto;max-width:1280px;padding:40px 15px;}
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{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;}
#telephonessansforfait .bloc_SubTitle .wrapper {margin-top: 0;}
bol-mobile-subtitle-block .bloc_SubTitle .wrapper:after{clear:both;content:"";display:block;}
bol-mobile-subtitle-block .bloc_SubTitle .wrapper .forfaitList{margin-bottom:40px;}
bol-mobile-network-block .submit{background-color:#222;border-radius:10px;color:#fff;display:inline-block;font-family:SFR-Black;font-size:10px;height:40px;line-height:42px;margin:1px 0;padding:0 20px;}
bol-mobile-network-banner .ReseauMob{background:radial-gradient(circle at 50% 50%,#e70059,#570221);padding:32px 18px;}
bol-mobile-network-banner .ReseauMob>.wrapper{align-items:center;color:#fff;display:flex;margin:auto;max-width:1280px;}
bol-mobile-network-banner .ReseauMob .img_bl{flex:1;max-height:380px;position:relative;text-align:center;}
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/4g-ico.svg) 50% no-repeat;content:"";display:block;height:116px;left:-40px;position:absolute;top:-82px;width:240px;}
bol-mobile-network-banner .ReseauMob .text_bl.fibre:before{background:url(https://static.s-sfr.fr/media/newsfrfr/fut/assets/images/svg/fibre-white.svg) 50% no-repeat;height:73px;left:-73px;top:-46px;width:290px;}
bol-mobile-network-banner .ReseauMob .text_bl .title_bl{color:#fff;margin-bottom:16px;position:relative;}
bol-mobile-network-banner .ReseauMob .text_bl .Text700{color:#fff;margin-bottom:24px;}
bol-mobile-network-banner .ReseauMob .text_bl .link{font-size:14px;}
bol-mobile-network-banner .reseau_actu{background:#fff;border-radius:12px;box-shadow:0 8px 16px rgba(24,24,24,.08);margin:40px auto 16px;max-width:1280px;padding:23px 30px 27px 18px;}
bol-mobile-network-banner .reseau_actu .theme{color:#d90d25;font-family:SFR-Bold;font-size:14px;font-style:italic;margin-bottom:12px;}
bol-mobile-network-banner .reseau_actu h4{font-family:SFR-Black;line-height:1;margin-bottom:16px;}
bol-mobile-network-banner .reseau_actu .Text500{margin-bottom:24px;}
bol-mobile-network-banner .reseau_actu .date{color:#8a8a8a;font-size:12px;}
bol-mobile-network-banner .reseau_actu .bl_link{text-align:right;}
bol-network-map .map{display:inline-block;position:relative;}
bol-network-map .map path{fill:#fff;fill-opacity:.3;stroke:#fff;stroke-width:1px;transition:fill .3s;}
bol-mobile-menu-bottom-block .bl_footer_top{background:#f2f2f2;padding:0 18px;}
bol-mobile-menu-bottom-block .bl_footer_top .wrapper{margin:auto;max-width:1280px;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{display:flex;justify-content:space-around;margin:auto;}
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{color:#181818;display:inline-block;font-size:14px;}
bol-mobile-menu-bottom-block .bl_footer_top .wrapper .menu_footer_top li a:hover{text-decoration:underline;}
.channel-categorized{background:#fff;border-radius:12px;box-shadow:0 8px 16px rgba(24,24,24,.08);margin:12px 0;padding:24px 30px;}
.channel-categorized .category{align-items:center;cursor:pointer;display:flex;justify-content:space-between;}
.channel-categorized .channel_container{display:flex;flex-wrap:wrap;padding-top:24px;}
.channel-categorized .channel_container>li{flex:1;margin:8px;max-width:16%;min-width:140px;width:16%;}
.channel-categorized .channel_container p{margin-bottom:16px;}
.channel-categorized .channel_container .bl_link{text-align:right;}
.channel-categorized .channel_container+.link{cursor:pointer;display:flex;font-size:14px;justify-content:center;margin-top:10px;text-decoration:underline;}
.channel-categorized .channel-card{align-items:center;background:#222;border-radius:12px;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:16px 30px;}
.channel-categorized .channel-card .channel-card-name{font-size:14px;margin:4px 0;text-align:center;}
.channel-categorized .channel-card .channel-card-number{font-family:SFR-Regular;font-size:12px;margin-bottom:10px;}
.channel-categorized .channel-card .bl_img img{max-height:70px;max-width:70px;}
.channel-categorized .channel-card .actions{align-items:center;justify-content:center;}
.channel-categorized .channel-card .actions img{margin:0 4px;max-height:16px;}
.channel-categorized.active .channel_container{display:block;}

body.Media .channel-categorized .category h4 span{font-family:SFR-Regular;font-size:16px;}
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;}
.bl_contenu_media{margin:auto;max-width:1280px;}
.bl_contenu_media .elem_contenu{align-items:center;color:#fff;display:flex;justify-content:space-between;padding:60px 0;}
.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{height:auto;max-width:100%;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(2n){flex-direction:row-reverse;}
.bl_all_channels{margin:auto;width:1280px;max-width:calc(100% - 64px);}
.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{margin:10px;max-width:100px;min-width:100px;width:100px;}
.bl_all_channels .bl_channels{border-radius:12px;margin-bottom:40px;padding:24px;}
.bl_all_channels .bl_channels .elem_channel img{height:auto;max-height:74px;max-width:100px;width:auto;}
.bl_all_channels .bl_channels .bl_link .link{margin:auto;text-decoration:underline;}
#bl_all_channels > div:nth-child(4) > div ,
#bl_all_channels > div:nth-child(6) > div {display: flex;flex-wrap: wrap;gap: 40px 24px;}

.error-block{height:calc(100vh - 90px);overflow:hidden;padding:0 100px;width:100%;}
.error-block .wrapper{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto;max-width:1280px;padding:40px 18px 32px;position:relative;}
.error-block .error-num{color:#fff;font-family:SFR-Black;font-size:450px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:-1;}
.error-block .h2{color:#222;font-family:SFR-Black;font-size:34px;margin-bottom:16px;margin-top:80px;position:relative;}
.error-block .h2:before{background:url(//static.s-sfr.fr/assets/pictos/question_40_rouge.svg) 50% no-repeat;background-size: cover;content:"";display:block;height:60px;left:50%;position:absolute;top:-80px;transform:translateX(-50%);width:60px;}
.error-block .desc{color:#181818;font-size:14px;margin-bottom:25px;max-width:60%;}
.error-block .btn{width:fit-content;margin:0 auto;}
body.Media .error-block .error-num{color:#222;}
body.Media .error-block .h2{color:#e9e9e9;}
body.Media .error-block .desc{color:#d2d2d2;}
.bl_channels{color:#fff;margin:auto;max-width:1280px;padding:24px 0 0;}
.bl_channels .title_bl{margin-bottom:16px;}
.bl_channels .bl_channel{background-color:rgba(0,0,0,.05);border-radius:12px;color:#181818;padding:24px;}
.bl_channels .bl_channel>div{display:flex;flex-wrap:wrap;gap:16px}
.bl_channels .bl_channel .elem_channel{align-items:center;display:flex;flex-direction:column;min-width:100px;}
.bl_channels .bl_channel .elem_channel img{height:auto;max-height:74px;max-width:100px;width:auto;}
body.Media .bl_channels{color:#fff;}
body.Media .bl_channels .bl_channel{background-color:#222;color:#fff;}
.bl_assis_connect{color:#fff;margin:auto;max-width:1280px;padding:40px 15px 48px;text-align:center;}
.bl_assis_connect .title{margin-bottom:8px;}
.bl_assis_connect .Text500{color:#fff;margin:auto;max-width:335px;}
.bl_bons_plans{padding:0 0 36px;}
.bl_bons_plans .bl_link{margin-bottom:12px;text-align:center;}
.nav_list{display:flex;justify-content:center;margin-top:17px;}
.nav_list.nav_list--hidden{display:none;}
.nav_list .elem_nav{cursor:pointer;height:4px;margin:0 5px;position:relative;width:30px;}
.nav_list .elem_nav:after{background-color:#d2d2d2;content:"";height:4px;left:0;position:absolute;top:0;transition:background .3s linear;width:30px;}
.nav_list .elem_nav.active{background:var(--clr-sfr2);cursor:default;}
.nav_list .elem_nav.active.active:after{background-color:transparent;}
.bl_download_file{background:var(--clr-sfr2);padding:0 18px;}
.bl_download_file .wrapper{margin:auto;max-width:1280px;padding:48px 0;text-align:center;}
.bl_download_file .bl_title{color:#fff;margin-bottom:16px;}
.bl_download_file .Text700{color:#fff;margin-bottom:24px;}
.bl_steps_contact{border-top:1px solid #d2d2d2;padding:48px 18px;}
.bl_steps_contact .wrapper{margin:auto;max-width:1280px;text-align:center;}
.bl_steps_contact .bl_desc{margin:0 auto 48px;max-width:810px;}
.bl_steps_contact .list_steps{display:flex;justify-content:space-evenly;}
.bl_steps_contact .list_steps .elem_list_steps{margin:0 15px;max-width:280px;}
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{background-color:rgba(0,0,0,.5);bottom:0;height:100%;left:0;padding:10px;position:fixed;right:0;top:0;z-index:99;}
.popin-subvention.overlay,.popin-wrapper{align-items:center;display:flex;justify-content:center;width:100%;}
.popin-wrapper{background:#fff;border-radius:12px;box-shadow:0 8px 16px rgba(24,24,24,.08);flex-direction:column;max-height:100%;max-width:880px;overflow-y:auto;padding:40px 20px 25px;position:relative;}
.popin-wrapper .popin-title{display:block;margin:0 auto 35px;max-width:80%;text-align:center;}
.popin-wrapper picture{max-width:unset;}
.popin-wrapper picture img{display:block;margin:0 auto;max-width:unset;}
.popin-btn-close{content:"";cursor:pointer;display:block;height:20px;position:absolute;right:24px;top:31px;width:20px;}
.popin-btn-close:after,.popin-btn-close:before{background-color:#181818;content:"";height:2px;position:absolute;width:20px;}
.popin-btn-close:before{transform:rotate(45deg);}
.popin-btn-close:after{transform:rotate(-45deg);}
.popin-logo{margin-bottom:35px;text-align:center;}
.popin-logo img{margin:0 10px;max-width:200px;width:45%;}
.popin-content{max-width:80%;}
.popin-content p{font-size:14px;margin-bottom:30px;text-align:center;}
.popin-footer{align-items:center;display:flex;flex-direction:column;}
.bl_how_to{margin:auto;max-width:1280px;padding:48px 18px 20px;}
.bl_how_to .bl_title{margin-bottom:24px;text-align:center;}
.bl_how_to .bl_desc{margin:0 auto 20px;max-width:810px;text-align:center;}
.bl_how_to .list_how_to{display:flex;justify-content:space-around;padding:20px 0;}
.bl_how_to .list_how_to>li{flex:1 auto;max-width:280px;}
.bl_how_to .bloc_faq{padding:20px 0;}
.bl_how_to .bloc_faq .list_faq{padding:0;}
.elem_how_to{text-align:center;}
.elem_how_to .bl_img{height:38px;margin-bottom:24px;}
.elem_how_to .bl_img img{height:auto;max-height:38px;max-width:50px;width:auto;}
.elem_how_to .link{margin-top:8px;}
.elem_how_to .btn{margin-top:24px;}
.bl_faq{border-bottom:1px solid #d2d2d2;margin:auto;max-width:1280px;padding:20px 0 48px;}
.bl_faq .list_faq>li{margin-bottom:16px;}
.bl_faq .list_faq>li:last-child{margin:0;}
.bl_loader_page{align-items:center;background-color:hsla(0,0%,100%,.97);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999;}
/*.bl_loader_page .wrapper .lds-ring{background:var(--clr-sfr2);border-radius:50%;display:inline-block;height:150px;position:relative;width:150px;}
.bl_loader_page .wrapper .lds-ring div{animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:10px solid transparent;border-radius:50%;border-top-color:#fff;box-sizing:border-box;display:block;height:152px;margin:-1px;position:absolute;webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;width:152px;}
.bl_loader_page .wrapper .lds-ring div:first-child{animation-delay:-.45s;webkit-animation-delay:-.45s;}
.bl_loader_page .wrapper .lds-ring div:nth-child(2){animation-delay:-.3s;webkit-animation-delay:-.3s;}
.bl_loader_page .wrapper .lds-ring div:nth-child(3){animation-delay:-.15s;webkit-animation-delay:-.15s;}
.bl_loader_page .wrapper .lds-ring div:last-child{animation:none;background:#fff url(https://static.s-sfr.fr/assets/logos/SFR.svg) 50% no-repeat;background-size:50px;height:134px;margin:8px;webkit-animation:none;width:134px;}*/
.bl_loader_page .wrapper:after {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: 102px;width: 102px;color: var(--clr-sfr2);display: inline-block;border: 6px solid;border-radius: 50%;border-top-color: transparent;animation: rotate 1s linear infinite;}
.bl_loader_page .wrapper:before {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;background: url(https://static.s-sfr.fr/assets/logos/SFR.svg);background-repeat:no-repeat;;;;width: 45px;height: 44px}
.bl_loader_page .wrapper .bl_text.h3 {font-family:SFR-Bold;font-size: 16px;margin-top: 162px;}
/*
.bl_loader_page .loader{position: relative;height: 96px;position: relative;height: 96px;}
.bl_loader_page img {position: absolute;z-index: 2;width: 32px;height: 32px;margin: auto;top: 0;bottom: 0;right: 0;left: 0;}
.bl_loader_page .loader:after {position: relative;width: 96px;height: 96px;border: 0;background: conic-gradient(from 180deg at 50% 50%, #EE0004 0deg, rgba(238, 0, 4, 0) 360deg);}
.bl_loader_page .loader:before {position: absolute;content: "";background: #fff;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 64px;height: 64px;border: 3px solid white;box-shadow: inset 0px 0px 100px -70px #fff;z-index:1;border-radius: 100%;}
*/
@-webkit-keyframes lds-ring{0%{transform:rotate(0deg);}
to{transform:rotate(1turn);}
}
@keyframes lds-ring{0%{transform:rotate(0deg);}
to{transform:rotate(1turn);}
}
body.Media .bl_loader_page .bl_text{color:#222;}
.bl_table_garanties{padding:24px 18px;}
.bl_table_garanties .wrapper{margin:auto;max-width:1280px;}
.bl_table_garanties .wrapper.tables{display:flex;}
.bl_table_garanties .tab_garantie{background:#fff;border-radius:12px;box-shadow:0 8px 16px rgba(24,24,24,.08);flex:1;height:min-content;height:-moz-min-content;height:-webkit-min-content;margin:24px auto;overflow:hidden;text-align:center;}
.bl_table_garanties .tab_garantie:nth-child(2){margin-left:30px;}
.bl_table_garanties .tab_garantie.type2{text-align:left;}
.bl_table_garanties .tab_garantie.type2 .tr>div{color:#222;font-family:SFR-Bold;line-height:normal;}
.bl_table_garanties .tab_garantie.type3{max-width:700px;}
.bl_table_garanties .tab_garantie.type3 .tr>div{color:#222;font-family:SFR-Bold;line-height:normal;}
.bl_table_garanties .tab_garantie .tr{display:flex;}
.bl_table_garanties .tab_garantie .tr>div{border-bottom:1px solid #e9e9e9;border-left:1px solid #e9e9e9;color:#181818;flex:1;font-size:14px;line-height:20px;padding:16px 24px;}
.bl_table_garanties .tab_garantie .tr>div span{margin-left:10px;}
.bl_table_garanties .tab_garantie .tr>div span img{height:14px;width: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{color:#222;font-family:SFR-Bold;font-size:19px;line-height:1.37;}
.bl_table_garanties .tab_garantie .tr.title{background:#e9e9e9;}
.bl_table_garanties .tab_garantie .tr.title>div{font-family:SFR-Bold;font-size:14px;padding:8px 24px;}
.bl_table_garanties .tab_garantie .tr.title>div span{color:#181818;display:block;font-family:SFR-Light;margin:0;}
.bl_table_garanties .Text200{margin-bottom:24px;}
.bl_table_garanties .Text200 p{margin-bottom:16px;}
.bl_table_garanties .bl_link{align-items:center;display:flex;padding:24px 0;}
.bl_table_garanties .bl_link .link{padding:0 23px;}
.bl_table_garanties .bl_link:after,.bl_table_garanties .bl_link:before{background-color:#e9e9e9;content:"";display:block;flex:1;height:2px;}
.bl_table_garanties .bl_title{font-family:SFR-Black;font-size:34px;line-height:1;margin:30px 0 24px;text-align:center;}
.bl_table_garanties .bl_desc{margin-bottom:12px;text-align:center;}
.bl_popin_add_basket{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:110;}
.bl_popin_add_basket .bl_popin{background-color:#fff;border-radius:12px;box-shadow:0 8px 16px rgba(24,24,24,.16);padding:32px 16px;width:578px;}
.bl_popin_add_basket .bl_popin h3{margin-bottom:16px;text-align:center;}
.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{background:#e9e9e9;content:"";display:block;height:96px;position:absolute;right:0;top:25px;width:1px;}
.bl_popin_add_basket .bl_popin .bl_content>div:last-child:after{display:none;}
.bl_popin_add_basket .bl_popin .bl_content .elem_popin{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;}
.bl_popin_add_basket .bl_popin .bl_content .elem_popin .bl_img{height:36px;margin-bottom:8px;text-align:center;}
.bl_popin_add_basket .bl_popin .bl_content .elem_popin .bl_img img{max-height:36px;max-width: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;}
.bl_partner_sites{background:var(--clr-sfr2);padding:0 18px;}
.bl_partner_sites>.wrapper{align-items:center;display:flex;margin:auto;max-width:1280px;padding:10px 0;}
.bl_partner_sites>.wrapper .bl_img{align-items:center;background:#f2f2f2;border-radius:5px;display:flex;justify-content:center;margin-right:16px;min-height:40px;min-width:60px;padding:4px;}
.bl_partner_sites>.wrapper .bl_img img{max-height:35px;max-width:50px;}
.bl_partner_sites>.wrapper .bl_txt{color:#fff;}
#partenaire .wrapper{align-items:center;display:flex;height:60px;margin:auto;max-width:1350px;padding:0 15px;}
#partenaire img{max-width:80px;object-fit:contain;o-object-fit:contain;}
#partenaire .description{color:#fff;font-size:12px;padding-left:2rem;}
#partenaire .black{color:#000;}
.alloforfait{background-color:#454545;}
.alloforfait img{max-width:100%!important;}
.ariase{background-color:#fa6760;}
.bestabo{background-color:#02449b;}
.choisir{background-color:#454545;}
.edcom{background-color:#47bcc3;}
.frandroid{background-color:#fff;}
.frandroid .description{color:#000!important;}
.igraal{background-color:#fd5b13;}
.jechange{background-color:#ffaf28;}
.la_poste_mobile{background-color:#f5d400;}
.lemon{background-color:#fed837;}
.lemon .description{color:#000!important;}
.monpetitforfait{background-color:#232323;}
.monpetitforfait img{max-width:100%!important;}
.selectra{background-color:#3967b8!important;}
.ydata{background-color:#01415a;}
.Text700{color:#181818;font-family:SFR-Regular;font-size:18px;line-height:1.56;}
.Text700.mobile{font-size:16px;line-height:24px}
.Text500{color:#181818;font-family:SFR-Regular;font-size:14px;line-height:20px;}
.Text300{font-size:12px;}
.Text200,.Text300{color:#8a8a8a;font-family:SFR-Regular;font-weight:400;}
.Text200{font-size:10px!important;}
.input{background-color:#fff;border:1px solid #d2d2d2;border-radius:8px;height:42px;line-height:42px;padding:0 14px;}
.input,.label{color:#181818;font-size:14px;}
.label{display:inline-block;line-height:1.43;margin-bottom:4px;}
.AllMobile .PhoneList li:nth-child(n+10){display:block;}
.overlay{background-color:rgba(0,0,0,.5);bottom:0;content:"";display:none;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:99;}
.overlay.active{display:block;}
.autocomplete-container .input-container input{background-color:#fff!important;border:1px solid #d2d2d2!important;border-radius:8px;color:#444;font-size:14px!important;height:42px!important;line-height:42px!important;padding:0 14px!important;width:100%!important;}
.autocomplete-container{box-shadow:none!important;height:inherit;}
.media-span{border-color:#fff;color:#fff;}
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;}
a.disabled{cursor:default;color:var(--clr-grey);background-color:var(--clr-disable);box-shadow:0 0 16px rgba(255,255,255,0.24);pointer-events: none;}
a.disabled:hover{box-shadow:unset}
.toast-center-center{left:50%;top:50%;transform:translate(-50%,-50%);}
.toast-top-center{right:0;top:0;width:100%;}
.toast-bottom-center{bottom:0;right:0;width:100%;}
.toast-top-full-width{right:0;top:0;width:100%;}
.toast-bottom-full-width{bottom:0;right:0;width:100%;}
.toast-top-left{left:12px;top:12px;}
.toast-top-right{right:12px;top:12px;}
.toast-bottom-right{bottom:12px;right:12px;}
.toast-bottom-left{bottom:12px;left:12px;}
.toast-title{display:contents;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{color:#fff;float:right;font-size:20px;font-weight:700;position:relative;right:-.3em;text-shadow:0 1px 0 #fff;top:-.3em;}
.toast-close-button:focus,.toast-close-button:hover{color:#000;cursor:pointer;opacity:.4;text-decoration:none;}
button.toast-close-button{background:transparent;border:0;cursor:pointer;padding:0;}
.toast-container{pointer-events:none;position:fixed;z-index:999999;}
.toast-container *{box-sizing:border-box;}
.toast-container .ngx-toastr{background-position:15px;background-repeat:no-repeat;background-size:24px;border-radius:3px 3px 3px 3px;box-shadow:0 0 12px #999;color:#fff;margin:0 0 6px;overflow:hidden;padding:15px 15px 15px 50px;position:relative;width:300px;}
.toast-container .ngx-toastr:hover{box-shadow:0 0 12px #000;cursor:pointer;opacity:1;}
.toast-info{background-image:url("data:image/svg+xml;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;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;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-warning{background-image:url("data:image/svg+xml;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");}
.toast-container.toast-bottom-center .ngx-toastr,.toast-container.toast-top-center .ngx-toastr{margin-left:auto;margin-right:auto;width:300px;}
.toast-container.toast-bottom-full-width .ngx-toastr,.toast-container.toast-top-full-width .ngx-toastr{margin-left:auto;margin-right:auto;width:96%;}
.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-color:#f89406;}
.toast-progress{background-color:#000;bottom:0;height:4px;left:0;opacity:.4;position:absolute;}

.bloc-forfaits {display:grid;grid-template-columns: 2fr 31.25%;gap: 0 40px;width:1280px;max-width: calc(100% - 32px);margin: 24px auto 0;}
.bloc-forfaits .w-sticker-pref{margin: 8px 0 0 0;}
.bloc-forfaits .carte-mp{position:relative;display: grid;grid-template-columns: 47.6% 47%;width: 100%;padding: 24px 24px 24px 0;background: #fff;border-radius: 12px;margin-top:22px;margin-bottom: 38px;justify-content: space-between;gap: 24px;}
.bloc-forfaits .carte-mp .bl_promo {z-index: -1;top: -22px;}
.bloc-forfaits .bl_reprise{position:relative;display:block;max-width:100%;padding:24px; background:#fff;border-radius:12px;margin:62px 0 40px;}
.carte-mp .mobile_card {width: 400px;max-width: 100%;min-height: auto;box-shadow:unset}
.carte-mp bol-mobile-card {max-width: 100%;min-width: 340px;}
.bloc-forfaits .part-L > h3, .bloc-forfaits .part-L div[id^="carte-mp-"] > h3{margin:24px 0;display:inline-block;}
.bloc-forfaits .generic-sticker{font-size:14px;line-height:22px;}
.bloc-forfaits .conf{display: flex;justify-content: space-between;width:100%;background:#fff;box-shadow: 0px 8px 16px rgba(24, 24, 24, 0.02);border-radius: 12px;padding:24px;}
.bloc-forfaits .conf .eng{font:normal 14px/22px SFR-Bold;margin-bottom:16px;}
.bloc-forfaits .mi{font:normal 14px/22px SFR-Regular;padding: 0px 12px;border: 1px solid #181818;border-radius: 24px;text-decoration: none;transition: .5s background-color ease-out;cursor:pointer;}
.bloc-forfaits .mi:hover{color:#fff;background: #181818}
.bloc-forfaits bol-mobile-list-block .bl_PhoneList {width: 100%;max-width: 100%;}
.bloc-forfaits bol-mobile-list-block ul {display: grid;grid-template-columns: repeat(2, 1fr);width: 100%;max-width: 100%;}
.bloc_config .generic-sum h3,.bloc-forfaits .generic-sum h3 {font:normal 16px/24px SFR-Bold;text-align: center;background: #fff;margin: 24px 0 0;}
.bloc_config .generic-sum h3:after,.bloc-forfaits .generic-sum h3:after {width: 100%;height: 24px;content: "";position: absolute;background-color: #fff;border-radius: 12px 12px 0 0;left: 0;top: 0;}
.col-2 .generic-option div:not(.explanation) {position:relative;width: 50%;}
.col-2 .generic-option .phone {margin-top: 24px;padding-left:36px;}
.col-2 .generic-option .phone:before {content: '';position: absolute;width: 32px;height: 32px;background:url(//static.s-sfr.fr/assets/pictos/mobile_40_noir.svg);background-size: cover;left: 0;top: 0;bottom: 0;margin: auto;}
.col-2 .generic-option {padding:16px;align-items: start;height:auto;gap:4px}
.generic-option.total {background: #f2f2f2;border:0;cursor:default;}
.generic-option .pb {font: normal 12px/24px SFR-Regular;padding-left:4px;text-decoration:line-through;}
.generic-option .m {font: normal 12px/18px SFR-Regular;padding-left:4px;}
.generic-option .phone .ms {font: normal 12px/18px SFR-Regular;display:block;}
.col-2 input:checked + .generic-option {padding:15px}
.bloc-forfaits .col-2 .link {display: inline-block;margin-top:8px;}
.bloc-forfaits .col-2 [class^="btn"] {margin: 16px auto 0;}
.carte-mp .fermer {position:absolute;cursor:pointer;display:inline-block;font-family: SFR-Bold;font-size: 14px;line-height: 22px;margin-right: 16px;vertical-align: top;bottom: -38px;right: 0;}
.carte-mp .fermer:after {content: '╳';position: absolute;right: -16px;font-size: 12px;font-family: SFR-Black;font-weight:600;top: 0;bottom:0;margin:auto;}
.bl_reprise h4 {margin-bottom: 16px;}
.bloc-forfaits .bl_reprise .btn {margin: 8px 0 0;width: fit-content;}
bol-price-bar-block .price,.info-top .price {justify-content: flex-end;margin-bottom:12px;}
@media (max-width:1240px){
    bol-basket div.bloc_panier{left:auto;right:-100px;max-width:450px;width:450px}
}
@media (max-width:992px){
    bol-basket div.bloc_panier{width:100%;left:0;right:unset;max-width:none}
}
@media (max-width:1100px){
    bol-title-block .bloc_TitleMenu .bloc_top .bl_desc {min-height:48px;margin-bottom: 24px}
    bol-title-block .bl_desc {margin: 24px auto;}
    #services_mobile_module_sfr_box_8x,.bloc_SubTitle .wrapper{margin-top:24px}
    .bloc_SubTitle .wrapper h2 {display: block;margin-bottom:16px;}
    .bloc_SubTitle .wrapper h2 + .principal-desc{margin:-8px 0 8px;}
    .bloc_SubTitle .desc {margin: 8px 0}
    .photo_credit .wrapper{margin-top:24px;}
    #Filters {margin-bottom:16px;}
    #Filters #Order.selector {top:-52px;}
    #Filters .selector {width: 133px;}
    #Filters .results,#Filters .btn2 {position: relative;top:unset;display: block;margin-top: 16px;}
    .bl_tv_fix_offers .bl_tv_fix_list .wrapper .list_tv_fix{justify-content:left}
    .bl_tv_fix_offers > bol-link {position: relative;bottom: unset;left: 0;right: 0}
    .addons-card .BlackBloc {padding:16px;}
    .addons-card .bl_prix {right:16px;}
    .addons-card .bl_btn, .addons-card .btn {bottom: 8px;width: calc(100% - 16px);}
    #telephones .overlay .content{padding:32px 62px}
    #telephones .overlay .content .choices-content{flex-flow:row wrap}
    #telephones .overlay .content .choices-content .L, #telephones .overlay .content .choices-content .M{width:50%}
    #telephones .overlay .content .choices-content .M{border-right:none}
    #telephones .overlay .content .choices-content .R > *{margin-left:0}
    #telephones .overlay .content .choices-content .R{width:100%;margin-top:32px}
    #telephones .overlay .content .choices-content .R a{width:100%}
    .addons_bloc .list{grid-template-columns: 328px 328px;justify-content:center;gap: 16px}
    .addons_bloc .list > li{margin:0}
    .Media #vousaimerezaussi .addons_bloc {margin-bottom:24px;}
    bol-config-bundle .bloc_SubTitle h2{justify-content: center}
    #ConfigBundle {flex-flow:column;align-items:center}
    #ConfigBundle > p, #ConfigBundle .L > p {text-align: center}
    #ConfigBundle .L {justify-content: center;max-width: 100%;margin-bottom:32px;}
    #ConfigBundle .L > p {margin:70px auto 24px}
    #ConfigBundle .L div {margin:0 7px 5px 0;width:220px}
    #ConfigBundle .L > label {margin: 0 auto 5px}
    #ConfigBundle .addons_bloc:after {top: -28px;left: 0;right: 0;margin-left: auto;margin-right: auto;margin-top: 0;margin-bottom: 0}
    .generic-tab .selector {display:flex}
    .generic-tab label {display:none}
    .generic-tab input:checked + label + section {height:auto;top:88px}
    #ExperienceTV > div {margin-bottom:360px}
    #ExperienceTV .R {min-height:321px;align-items: center}
    #ExperienceTV .socle {top: -8px}
    #ExperienceTV .L {width:288px;height:188px;padding:16px}
    #ExperienceTV .L a {width:calc(100% - 32px);left:16px;bottom:16px}
    #ExperienceTV .L .title {font-size: 16px;line-height: 16px}
    #ExperienceTV .L .desc {font-size: 12px;line-height: 16px}
    bol-resume-option-block > div.pres {flex-direction: column;align-items: center;width: calc(100% - 64px);gap: 16px;}
    bol-resume-option-block .pres .sous-titre{width:100%;}
    #BolUsage{padding:16px}
    #BolUsage > form{flex-flow:column;align-items:unset}
    #BolUsage > form > div{width:100%;margin-bottom:12px;margin-right:0}
    #BolUsage .details{justify-content:left}
    #BolUsage .details section{margin-bottom:20px}
    #programs{padding:0 32px}
   

    .features_bloc {padding:24px 20px}
    .features_bloc ul {margin: 36px 0 0}
    .features_bloc ul.indics {max-width: 256px;display: flex;flex-flow: row wrap;justify-content: space-between;margin: 0 auto -20px}
    .features_bloc ul.indics li{width:120px;margin-bottom:16px}
    .features_bloc .specs { grid-template-columns: 256px;height: 1288px;justify-content: center}
    .features_bloc .l,.features_bloc .r {float:unset;max-width:100%;text-align:left} 
    .features_bloc [data-tranche] {float:unset;max-width:100%;position: relative;top: unset;transform: unset;margin-bottom: 31px}   
    bol-paginated-mobile-avis-bloc .avis_bloc,bol-mobile-avis-block .avis_bloc{max-width: 100%;padding: 0 16px}
    .avis_bloc > img {top: -1px;right: -9px}
    
    .generic-choices .desktop, .generic-choices .radio-inputs.desktop, .generic-choices .checks.desktop {display: none}
    .generic-choices .checks.mobile, .bloc_choices .select.mobile,.generic-choices p.mobile{display:block}
    .bloc_choices {flex-direction: column;gap:16px}
    .generic-choices.top{padding:16px;}
    .actual-o {flex-flow:row wrap;padding:16px;}
    .actual-o .i-t {grid-auto-flow: row;grid-template-columns: auto auto;gap: 16px 4px;}
    .actual-o .i-t p{max-width:100%;}
    .actual-o .i-t span{display:inline-block;}
    .bloc_choices .R:after {content: unset}
    .generic-choices .form p:not(.bold) {margin-top: 24px;margin-bottom: 10px}
    #BlocAvAp.rm .h p {font-size:16px;line-height:24px}
    #BlocAvAp.rm .s{gap: 0 8px}
    #BlocAvAp.rm .l, #BlocAvAp.rm .r {width:100%;text-align:left}
    #BlocAvAp.rm .t {margin-bottom:-8px}
    #BlocAvAp.rm .s div {padding: 0 16px 16px 16px}
    #BlocAvAp.rm .t , #BlocAvAp.rm .c .st{font-size:14px;line-height:20px}
    #BlocAvAp.rm .c p,#BlocAvAp.rm .c span {font-size:12px;line-height:18px}
    #BlocAvAp.rm .sd {font-size:10px;line-height:14px}
    #BlocAvAp.rm .w {flex-flow: column;align-items: flex-start}
    #BlocAvAp.rm .w {font-size: 12px}
    #BlocAvAp.rm .c .stick section {display: flex;flex-flow: row-reverse wrap;justify-content: left}
    #BlocAvAp.rm .c .sticker {margin-right: 0}
    #BlocAvAp.rm .c .stick span:not(.sticker){margin-right: 8px}
    #BlocAvAp.rm .l.eng {order: 3}
    bol-mobile-list-block ul {grid-template-columns: 328px 328px;justify-content:center;gap: 24px}
    bol-mobile-subtitle-block .bloc_SubTitle .wrapper .forfaitList {margin-bottom: 24px;}
    bol-mobile-plans-list .ForfaitList {grid-template-columns: 328px 328px;justify-content: center;gap: 24px;}
    bol-mobile-plans-list .ForfaitList > li{width:100%}
    
    .md-label {margin-right:14px}
    .mobile_card {min-height: 450px}
    .mobile_card .bl_title {padding: 16px}
    .mobile_card .bl_title a:before {height: 260px;bottom: -255px;}
    .mobile_card .selectors,
    .mobile_card .card-links {width: calc(100% - 32px)}
    .mobile_card li.disabled span:after{right:-4px;bottom:5px}
    .mobile_card input:checked + label .md-content {right: -32px;width:328px;max-width: calc(50vw - 46px);padding: 16px 16px 8px;}
    .mobile_card .md-content:before {right:16px;}
    .accessory input:checked + label .md-content {right: -30px;width:328px;max-width: calc(50vw - 46px);padding: 16px 16px 8px;}
    .accessory input:checked + label .md-content:before {right:15px;}
    .md-content .reprise {width: calc(100% + 32px);left: -16px;padding: 8px 16px;}
    .mobile_card .md-content:before {right:16px;}
    .mobile_card .forfait {font-size:12px;line-height:18px;}
    .bl_phone{height:auto;padding: 0px 16px 20px}
    .bl_phone.goutte:before {left: 90px}
    .selectors.reconditionne div:first-of-type{width:65px}
    .selectors.reconditionne div:last-of-type{width:128px}
    .selectors.reconditionne div:last-of-type select{padding:0 8px}
    .bl_phone .infos {padding-bottom:48px;width: calc(100% - 123px);}
    .bl_phone .infos bol-mobile-price .indispo.disable{font-size:12px}
    .bl_phone > img{max-height: 240px;}
    .generic-promo.top {top: -18px}
    .generic-promo.top:after {top: 18px;height: 18px;}
    .generic-option {height: 80px}
    .generic-option .p{font-family: SFR-Bold;font-size: 14px;line-height: 22px}
    .generic-option .phone .ms{display:inline-block;padding-left:4px}
    .generic-param.s .generic-option {padding:8px 4px;}
    .generic-param.s .generic-option.d,.generic-param.s .generic-option.a {padding: 7px 3px;}
    .generic-services {font-size:10px;line-height:14px}
    .generic-cards {grid-template-columns: 328px 328px;justify-content: center;gap: 16px;}
    .generic-cards.boxtv {grid-template-areas:unset}
    .generic-cards .sub-t {font-size: 14px;line-height: 22px}
    .generic-cards.mea {grid-template-columns: 328px 328px;justify-content: center;gap: 16px;}
    li > .generic-promo {top: -16px}
    .iconodebit {margin-bottom:8px;}
    .iconodebit > img {height: 48px;min-height: 48px;min-width: 48px}
    .generic-cards li{max-width:100%;padding:16px;}
    .generic-cards li.mea {display:none}
    .generic-cards .mea-tv {text-align: center;height: calc(100% - 32px);flex-direction: column;justify-content: space-between;align-items:flex-start;gap: 0;padding: 24px 16px;grid-area:unset;margin: 16px 0}
    .generic-cards .mea-tv div{margin: 0;width:auto}
    .generic-cards .mea-tv .das {font-size: 12px;line-height: 16px;position: absolute;bottom: 0;left: 0;right: 0}
    .generic-cards .mea-tv picture {margin:0 auto}
    .generic-cards .mea-tv .title {font-size: 24px;line-height: 28px;margin-top:0}
    .generic-cards .mea-tv .s-title {font-size: 20px;line-height: 24px}
    .generic-cards .mea-tv .pre {font-size:16px;line-height:24px}
    .generic-cards .mea-tv .p {font-size: 68px;line-height: 68px;padding:0}
    .generic-cards .mea-tv .per {font-size: 16px;line-height: 16px}
    .generic-cards .mea-tv .post {font-size:16px;line-height:24px}
    .generic-cards .mea-tv .btn3 {margin: 16px 0 0;width:100%}
    .generic-cards .services-tv{height: 102px}
    .generic-cards .services-tv p {font-size: 10px;line-height: 14px;height: 58px}
    .generic-cards .services-tv .or{font-size:16px;line-height:24px}
    .generic-cards li > svg {width: 48px;height: 48px}
    .generic-cards > *.boxsl:after {height:240px}
    .forfait-mobile-box .boxsl:after {height:218px}
    .forfait-mobile-box .forfaits label {padding: 8px;}
    .forfait-mobile-box .forfaits label .preferentiel {padding:4px;}
    .forfait-mobile-box .forfaits input:checked +  label{padding: 7px;}
    .generic-cards .title {font-size: 20px;line-height: 24px}
    .generic-cards .s-title {font-size: 12px;line-height: 16px;height:32px}
    .generic-cards .img-offre{width:104px;right:16px}
    .iconodebit .speed, .iconodebit .slow {font-size: 12px;line-height: 16px}
    .generic-promo {font-size: 8px;line-height: 20px}
    .text-m {font-size: 10px;line-height: 14px}
    .iconotexts div {height:104px}
    .generic-cards .tv-price .eng {font-size: 12px;line-height: 16px}
    .generic-cards .tv-price .sub .eng {font-size: 10px;line-height: 14px}
    .generic-sum  {max-width:100%}
    .generic-sum .m.sep {padding: 16px 16px 8px;}
    .generic-sum .part2{margin-top:16px;}
    .generic-sum .bb {font-size: 20px}
    .generic-sum .p {font-size: 20px;line-height: 24px}
    .generic-sum .b {font-size: 14px;line-height: 24px}
    .bloc-fixe .cards {grid-template-columns: auto auto;align-items: flex-start;justify-content: center;justify-items: center;gap: 32px 16px;padding:20px 0}
    .bloc-fixe .part-R {grid-template-columns: 1fr;justify-items: center;gap: 16px}
    .bloc-fixe .cards .c {width: 344px;max-width: 100%}
    .forfait-mobile-box .generic-checks label {padding: 12px 22px}
    .sw-promo label {padding: 7px 12px}
    .bloc_config .c {gap:16px}
    .bloc_config .cards .c .bloc-w, .bloc-fixe .cards .c {padding:16px}
    .bloc_config .cards {grid-template-columns: 328px 328px;justify-content: center;gap: 24px;}
    .bloc_config .part-R {grid-template-columns: 1fr;gap:16px 0}
    .bloc_config .cards .bl_reprise {margin-bottom:0;}
    .generic-sum {position: relative;top:0}
    .switch-link .generic-option {width:100%}
    .generic-option.offre {width: 100%}
    .generic-option.offre .L,.generic-option.offre .R {padding:8px}
    .generic-option.offre a {bottom: -12px}
    input:checked + .generic-option.offre .B {width: calc(100% - 16px)}
    .generic_photo .nav li {right: 24px}
    .generic_photo .nav li.prev{left:24px}
    .generic-i-t {grid-template-columns: 1fr;padding: 16px;}
    .generic-i-t div{order:2;max-width:100%}
    .generic-i-t img {margin: 0 auto 24px;display: block;width: 100%;max-width: 100%;height: auto}
    .generic-i-t .btn,.generic-i-t .btn4 {width:auto;}
    .generic-l-info {padding: 16px} 
    .generic-l-info img{margin-top:16px} 
    .generic-l-info p{font-size:12px;line-height:18px;max-width: calc(100% - 60px);margin: 0 0 0 16px} 
    .generic-l-info .link{max-width:calc(100% - 56px);margin:0 0 0 56px}
    .es-block .quit {margin: 46px 0 27px;display: table;padding-left:24px}
    .es-block ng-autocomplete {width: 277px}
    .steps-two {grid-template-columns: 1fr}
    .es-block .r {position: absolute;right: 32px;bottom: 40px}
    .es-block {padding:24px 16px}
    .es-block.results .l .btn, .es-block.results .l .btn4 {display: flex;justify-content:center;margin: 0 auto 16px}
    .es-block.results .link{display: table;margin: 0 auto 16px}
    .es-block.results .h .b {display:none}
    .es-block.results .h {padding: 24px 32px}
    
    .offres_box .liste{flex-direction:column;}
    body:not(.Media) .bl_notice{margin-top:24px;}
    
    .carte-mp bol-mobile-card {max-width: 100%;}
    .bloc-forfaits{width:680px;grid-template-columns: 1fr 1fr;gap:24px}
    .bloc-forfaits .iconodebit {margin-top: 16px;}
    .bloc-forfaits .conf{flex-direction:column;padding:16px;}
    .bloc-forfaits bol-mobile-list-block ul {grid-template-columns: 1fr;justify-content: center;gap: 16px;}
    .bloc-forfaits .carte-mp {grid-template-columns: 1fr;padding:0 0 16px 0;gap:0;}
    .col-2 .generic-option{flex-direction: column;gap:4px}
    .col-2 .generic-option div:not(.explanation) {width: calc(100% - 32px)}
    .carte-mp .col-2 {width:calc(100% - 32px);margin:8px auto 0;}
    .col-2 .generic-option .phone {margin-top:0;}

    .carte-mp .mobile_card {width:100%;}
    .carte-mp .fermer {left: calc(50% - 28px);transform: translate(calc(50% - 28px),0);width: fit-content;}
    .bloc-forfaits .bl_reprise .btn {width: 100%;}
    .bloc-forfaits .bl_reprise{padding:16px}
    .mobile_card .links .btn {margin-bottom:16px}
    .bloc-forfaits .part-L > h3, .bloc-forfaits .part-L div[id^="carte-mp-"] > h3{margin:16px 0;}
}
@media only screen and (max-width:992px){
    .bl_offer_to_choose .bl_offers{flex-direction:column;}
    .bl_offer_to_choose .wrapper::before{left:49%;top:-53px}
    .bl_offer_to_choose .elem .btn{margin:auto}
}
@media (max-height:598px) and (min-width:769px){
    body.Home #AlertBanner{min-height:164px}
}
@media (max-width:768px){
    bol-fil-ariane .fil_ariane {max-width:calc(100% - 32px);}
    #AlertTmp p{max-width:303px}
    body.Home #AlertTmp{position:relative;height:11vh}
    body.Home header.displayed-ban{top:11vh}
    body.Home #AlertBanner{min-height:25vh;padding:0 10px;font-size:14px}
    body.Home #AlertBanner.to-down{display:none}
    body.Home header.ban-displayed{top:300px}
    #AlertBanner p{margin:4px 0}
    #Filters.nottitle {padding-top: 0;}
    #Filters #Order.selector {position:relative;display:inline-block;top:unset;}
    #Filters #f-sm ~ bol-mobile-order-list {display:none;}
    #Filters #f-sm:checked ~ bol-mobile-order-list {display:inline-block;}
    #Filters .ls a {width: 100%;}
    #Filters input:checked + label .filters.m {display: grid;grid-template-columns: 1fr;width: calc(100vw - 32px);}
    #Filters .ls {border-right: 0;border-bottom: 1px solid #d2d2d2;padding-right: 0;padding-bottom: 8px;}
    #Filters .rs {grid-auto-flow: row;}
    bol-mobile-list-block .bl_PhoneList {max-width:calc(100% - 32px);}
    bol-mobile-list-block ul {grid-template-columns: 100%;width: 100%;max-width:400px;gap: 24px 0;justify-content: center;margin:8px auto 0;}
    .mobile_card input:checked + label .md-content {width:400px;max-width:calc(100vw - 32px);padding:16px 16px 8px;}
    bol-mobile-plans-list .ForfaitList {max-width:calc(100% - 32px);width:400%;grid-template-columns: 100%;}
    .phone_plan{height:auto}
    .bl_proposition.best-price .summary:before{content:none}
    /*.phone_plan.cinqg:after{width:6px;height:100%;background:url(//static.s-sfr.fr/media/lisere-rouge.png) no-repeat bottom;content:"";position:absolute;right:0;bottom:0}
    .phone_plan.quatreg:after{width:6px;height:100%;background:url(//static.s-sfr.fr/media/lisere-bleu.png) no-repeat bottom;content:"";position:absolute;right:0;bottom:0}*/
    
    body:not(.Media) .bl_notice{padding:0 16px;}
    .bl_all_channels{max-width:calc(100% - 32px);}
    bol-seo-block .bloc_seo{padding:0 16px;}
    .photo_credit{padding:0 16px;}
    bol-with-sfr-block .with_sfr_bloc .list{gap:16px;max-width:calc(100% - 32px);}
    .bloc_faq{padding:0 16px;}
    bol-fixe-offer-list .wrapper{padding-bottom:16px}
    .phone_plan{margin:0 auto;max-width:100%}
    .i-explanation{right:5px;top:5px}
    bol-internet-eligibility-block .bl_eligibility {background-position: bottom 0 right -53px}
    bol-internet-eligibility-block .bl_eligibility .PRE_bl_test_elig{border-radius:10px 10px 0 0}
    bol-internet-eligibility-block .bl_eligibility .PRE_bl_test_elig.migration .bl_test_elig, bol-internet-eligibility-block .bl_eligibility .PRE_bl_test_elig.migration .bl_test_error{border-radius:10px}
    bol-internet-eligibility-block .bl_eligibility .PRE_bl_test_elig.migration .bl_test_elig .bl_content, bol-internet-eligibility-block .bl_eligibility .PRE_bl_test_elig.migration .bl_test_error .bl_content{padding:16px;max-width:100%}
    bol-eligibility-result .bl_result .part1 .deploiement{max-width:100%;margin:16px 0 8px 0;flex-direction:column}
    bol-eligibility-result .bl_result .part1 .deploiement a{align-self:auto;margin:0}
    bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content .eligibility_result .btn {margin-top:32px;}
    bol-internet-eligibility-block .radio-container .Text300 {position: absolute;bottom: 48px;}
    bol-eligibility-housing-selection {padding: 16px;}
    .eligibility-housing-selection {width: calc(100% + 32px);left: -16px;}
    .sl > li{max-width:100%;overflow:hidden;margin:5px 16px}
    .enjoy_offer_steps .wrapper{padding:24px 0}
    .enjoy_offer_steps .list_steps{flex-direction:column;align-items: center;}
    .enjoy_offer_steps .elem_step{margin-bottom:32px}
    .enjoy_offer_steps .elem_step:last-child{margin-bottom:0}
    bol-resume-option-block .pres, body.Media .pres{max-width:calc(100% - 32px);flex-direction:column}
    bol-resume-option-block .pres .sous-titre,body.Media .pres .sous-titre{width:100%}
    body.Media .addons-card, body.Media .addons_bloc{width:100%}
    body.Media .enjoy_offer_steps .wrapper{flex-direction:column;align-items:center}
    body.Media .enjoy_offer_steps .steps{flex-direction:column;margin-bottom:32px;box-shadow:0px 4px 8px rgba(24, 24, 24, 0.16);height:303px;width:100%}
    body.Media .enjoy_offer_steps .title{height:80px;padding:0 14px 0 10px;margin:0 12px}
    body.Media .enjoy_offer_steps .step{padding:0 12px;margin:24px 0}
    body.Media .enjoy_offer_steps .btn{margin:10px auto 0;width:174px;max-width:100%}
    .addons-card input:checked + label .md-content {width: 400px;max-width: calc(100vw - 32px);right: -30px;}
    .addons-card input:checked + label .md-content:before {right: 15px;bottom: -3px}
    .addons_bloc > .wrapper{padding:0 16px}
    .addons_bloc .list{grid-template-columns: 1fr;justify-content:center;align-items: center;max-width:100%}
    .addons_bloc .list > li, .addons_bloc .list > li:nth-child(3n) {max-width:400px;margin:0 auto;width: 100%}
    .addons-card:not(.accessory) .header img {height: 100%}
    .addons-card .BlackBloc h3{font-size:16px;line-height:16px;height:auto}
    #ConfigBundle {max-width:calc(100% - 32px)}
    #ConfigBundle .addons_bloc {padding:0}
    #ConfigBundle .L > p {margin:40px auto 12px}
    #ConfigBundle .L > p:first-of-type {margin-top: 12px}
    #ConfigBundle .L label, #ConfigBundle .L > div {margin: 0 auto 10px;width: 300px}
    #ConfigBundle .addons_bloc:after {top: -40px}
    #ExperienceTV {max-width: calc(100% - 32px);}
    #ExperienceTV > div {margin-bottom: 444px}
    .generic-tab input:checked + label + section {flex-direction: column;justify-content:center}
    #ExperienceTV .L {width:100%;max-width:100%;order: 2;margin-top:24px;height: auto}
    #ExperienceTV .L a {position: relative;width:100%;left: unset;bottom: unset;margin-top: 16px}
    #ExperienceTV .L:after {content:unset}
    #ExperienceTV .R {margin: -50px 0 0;min-height: 270px;width:336px;max-width:calc(100% + 32px)}
    #ExperienceTV .R img {width: 100%}
    .generic-tab .selector {width:100%}
    #ExperienceTV .front, #ExperienceTV .behind {margin-top: 58px;margin-bottom: auto;top:0}
    .other-pack-option{justify-content:center;}
    .other-pack-option > p{text-align:center;max-width:70%;}
    .other-pack-option input[name="choix-option"] + label{width:244px;margin-bottom:13px;line-height:17px;line-height:17px;min-height:41px;padding-top:3px;}
    .other-pack-option > p{margin:16px 0 22px;width:100%;}
    
    bol-tv-channels .contenu_bloc .channel_desc{flex-direction:column;justify-content:center;align-items:center}
    .bl_sim_mobile .wrapper{flex-direction:column;max-width:calc(100% - 32px);padding:13px 0 33px}
    .bl_sim_mobile .bl_txt{text-align:center;margin-bottom:35px}
    .bl_sim_mobile .card_bloc{margin:0;padding:0}
    .BlRechargeList .RechargeList{max-width:calc(100% - 32px)}
    .BlRechargeList  li{width:100%;margin:15px auto}
    .bl_how_subscribe .list{flex-direction:column}
    .bl_how_subscribe .elem_list{max-width:inherit;margin-bottom:32px}
    .bl_discover_all_media{max-width:calc(100% - 32px)}
    .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}
    .bloc_where_why_who .wrapper{max-width:calc(100% - 32px);}
    .bloc_where_why_who ul{display:block}
    .bloc_where_why_who li{max-width:inherit;padding:20px 12px}
    .bl_offer_to_choose{max-width:calc(100% - 32px);padding:20px 8px}
    .bl_offer_to_choose .bl_right{flex-direction:column;padding:16px 10px 32px}
    .bl_offer_to_choose .bl_right > div:nth-child(2){min-height:58px;max-width:inherit}

    .bl_eligibility bol-eligibility-address .bl_adresse{flex-wrap:wrap;flex:100%;max-width:100%}
    .bl_eligibility bol-eligibility-address .bl_adresse > div{min-width:100px;flex:0}
    .bl_eligibility bol-eligibility-address .bl_adresse > div:first-child{min-width:100%}
    .bl_eligibility bol-eligibility-address .bl_adresse2{flex-wrap:wrap;flex-direction:column}
    .bl_eligibility bol-eligibility-address .bl_adresse2 > div{min-width:100px;flex:0}
    .bl_eligibility bol-eligibility-address .bl_adresse2 > div::after{top:4px}
    .bl_eligibility bol-eligibility-address .bl_adresse2 select.input{height:50px !important;width:100% !important;padding:0 30px 0 15px;font-size:12px;letter-spacing:0}
    .bl_eligibility bol-eligibility-address .bl_submit{width:100%}
    .bl_eligibility bol-eligibility-address .bl_submit a{width:100%}
    .bl_eligibility bol-eligibility-address{margin-top:0}
    .bl_eligibility bol-eligibility-address .autocomplete-container{height:auto;z-index:1;}
    .bl_eligibility bol-eligibility-address .autocomplete-container .x{top:40px}
    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 .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-result .bl_result .part1.short{max-width:100%}
    bol-eligibility-result .bl_result .wrapper{max-width:100%;padding:16px 0}
    bol-eligibility-result .bl_result{text-align:center;color:#181818;background:#fff;border-radius:10px;position:relative;max-width:100%;padding:40px 0 24px 45px}
    bol-eligibility-result .bl_result .parts{margin-top:0}
    bol-eligibility-result .bl_result .parts .part1, bol-eligibility-result .bl_result .parts .part2{margin-top:24px}
    bol-eligibility-result .bl_result > *, bol-eligibility-result .bl_result > p{margin-right:8px;margin-left:8px}
    bol-eligibility-result .bl_result p{max-width:calc(100% - 20px)}
    bol-eligibility-result .bl_result:before{content:"";position:absolute;width:44px;height:100%;display:inline-block;color:#fff;background:center/24px 24px no-repeat url(//static.s-sfr.fr/assets/pictos/check_40_blanc.svg), #02C39A;left:0;top:0;bottom:0;margin-bottom:auto;margin-top:auto;border-radius:10px 0 0 10px}
    bol-eligibility-result .bl_result label.expand-link{position:absolute;top:20px;margin-top:0;text-decoration:none;height:20px}
    bol-eligibility-result .bl_result label.expand-link span{display:none}
    bol-eligibility-result .bl_result .parts{flex-direction:column}
    bol-eligibility-result .bl_result p.adress-tested{flex-flow:column}
    bol-eligibility-result .bl_result .part2{padding-left:0;border-left:none;text-align:initial;border-top:#d2d2d2 solid 1px;padding:24px 0 0}
    bol-eligibility-result .bl_result .part1{border-top:#d2d2d2 solid 1px;padding:24px 0 0}
    bol-eligibility-result .bl_result p.title{max-width:80%}
    bol-eligibility-result .bl_result .raccordement .link{display:inline-block;margin-left:0}
    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 .bl_adresse > div{min-width:100px;flex:0}
    bol-eligibility-result .bl_test_error .bl_adresse > div:first-child{min-width:100%}
    bol-internet-eligibility-block .bl_eligibility.cl_result .wrapper{padding:16px 0}
    bol-internet-eligibility-block .bl_eligibility .wrapper{max-width:calc(100% - 32px);padding:15px 0}
    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 .bl_test_elig, bol-internet-eligibility-block .bl_eligibility .bl_test_error{margin:0 auto;border-radius:0 0 12px 12px;width:100%;max-width:100%}
    bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_content, bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content{align-items:flex-start;padding:16px 0;max-width:calc(100% - 32px);width:100%}
    bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_content .parts, bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content .parts{display:flex;flex-direction:column}
    bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_content .part2, bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content .part2{padding-left:0;border-left:none}
    bol-internet-eligibility-block .bl_eligibility .bl_test_elig .bl_content .radio-container, bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content .radio-container{width:100%}
    bol-internet-eligibility-block .radio-container > p, bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content .radio-container > p{display:none}
    bol-internet-eligibility-block .radio-container label, bol-internet-eligibility-block .bl_eligibility .bl_test_error .bl_content .radio-container label{width:100%;border:1px solid #d2d2d2;border-radius:10px;margin-bottom:16px;padding:12px 10px}
    bol-internet-eligibility-block .bl_eligibility .bl_test_elig .label, bol-internet-eligibility-block .bl_eligibility .bl_test_error .label{display:flex}
    bol-internet-eligibility-block .bl_eligibility .bl_test_elig .inputs, bol-internet-eligibility-block .bl_eligibility .bl_test_error .inputs{min-width:100%}
    bol-internet-eligibility-block .bl_eligibility .conexion{display:none}
    bol-internet-eligibility-block .bl_eligibility .conexion.active{display:flex}
    bol-internet-eligibility-block .bl_eligibility div.form .elig-input-text{display:flex;justify-content:space-between;flex-direction:column}
    bol-internet-eligibility-block .bl_eligibility .bl_test_elig{display:none}
    bol-internet-eligibility-block .bl_eligibility .bl_test_elig.active{display:flex}
    bol-internet-eligibility-block .bl_eligibility .bl_test_elig .input, bol-internet-eligibility-block .bl_eligibility .bl_test_error .input{width:100% !important}
    bol-internet-eligibility-block .bl_eligibility .bl_test_elig .input, bol-internet-eligibility-block .bl_eligibility .bl_test_error .input, bol-internet-eligibility-block .bl_eligibility .input-container input{height:80px !important;width:100% !important;margin-bottom:13px}
    bol-internet-eligibility-block .bl_eligibility .bl_select_house{justify-content:center}
    .PRE_bl_test_elig .bl_test_elig .btn{margin-top:14px}
    bol-internet-eligibility-block .bl_eligibility .PRE_bl_test_elig{flex-direction:column}
    bol-internet-eligibility-block .bl_eligibility .PRE_bl_test_elig .conexion{width:100%;max-width:100%;margin:0;border-radius:0 0 10px 10px;align-items:center;justify-content:center}
    bol-internet-eligibility-block .bl_eligibility .PRE_bl_test_elig .conexion p{display:none}
    bol-internet-eligibility-block .bl_eligibility .PRE_bl_test_elig .conexion a{margin:0}
    bol-internet-eligibility-block .bl_eligibility .PRE_bl_test_elig .tabs{display:flex;width:100%;align-items:center;justify-content:center}
    bol-internet-eligibility-block .bl_eligibility .PRE_bl_test_elig .tabs span{display:flex;align-items:center;justify-content:center;padding:20px 9px;font-family:SFR-Bold;font-size:16px;line-height:24px;text-align:center;height:54px;width:50%;background-color:#d2d2d2;border-radius:0 10px 0 0}
    bol-internet-eligibility-block .bl_eligibility .PRE_bl_test_elig .tabs span:first-child{border-radius:10px 0 0 0}
    bol-internet-eligibility-block .bl_eligibility .PRE_bl_test_elig .tabs span.active{background-color:#fff}
    bol-internet-eligibility-block .bl_eligibility .PRE_bl_test_elig .tabs span:not(.active){cursor:pointer}
    .PRE_bl_test_elig .bl_test_elig .checks span{width:100%}
    .PRE_bl_test_elig .bl_test_elig .checks label{width:126px;max-width:100%}
    .PRE_bl_test_elig .bl_test_elig .btn.toAdd{width:100%}
    .PRE_bl_test_elig .tabs.connected span.active{background-color:#fff;width:100%;border-radius:12px 12px 0 0}
    bol-internet-eligibility-block .bl_eligibility .PRE_bl_test_elig .tabs.connected span:first-child{border-radius:12px 12px 0 0}
    .bl_eligibility bol-eligibility-phone .bl_input{width:100%;max-width:100%}
    .bl_eligibility bol-eligibility-phone{margin-top:0}
    .bl_eligibility bol-eligibility-phone .bl_submit{width:100%}
    .bl_eligibility bol-eligibility-phone .bl_submit a{width:100%}
    .bloc_choices{max-width:calc(100% - 32px);flex-direction:column;padding:24px 0 0 ;}
    .bloc_choices .actual-o {max-width:100%;width:100%}
    .actual-o .right {width:100%;}
    .bloc_choices .connexion{margin:24px auto;max-width:100%;width:100%;padding:16px}
    .generic-choices{min-height:auto;max-width:100%;margin:auto;padding:16px;}
    .bloc_choices .form{flex-flow:column}
    .bloc_choices .R{width:100%;padding-left:0;height:auto}
    .bloc_choices .R:after{content:none}
    .actual-o .md-content:before {top: -4px;right: unset;left:123px;}
    .actual-o input:checked + label .md-content {left: -16px;width: calc(100vw - 32px);}
    .generic-choices .select{width:100%}
    .generic-choices .checks.mobile{display:flex;flex-flow:column}
    .generic-choices .checks.mobile p{margin-right:0;margin-bottom:8px}
    .generic-choices .checks.mobile label{display:flex;width:120px;height:37px;font-family:SFR-Bold;font-size:16px;line-height:24px;border:solid 1px #d2d2d2;cursor:pointer;justify-content:center;align-items:center}
    .generic-choices .checks.mobile label:first-of-type{border-bottom-left-radius:4px;border-top-left-radius:4px}
    .generic-choices .checks.mobile label:last-child{border-bottom-right-radius:4px;border-top-right-radius:4px}
    .generic-choices .checks.mobile input:checked + label{color:#fff;background:#181818;border:solid 1px #181818;cursor:default}
    .bloc_choices .select.mobile, .bloc_choices p.mobile{display:block}
    .generic-choices .form p:not(.bold){margin-top:24px;margin-bottom:10px}
    .generic-choices > p.bold{text-align:center;margin-bottom:12px}
    .generic-choices.top a {display:block;margin:16px auto 0;width:100%;}
    .bloc_choices .R p:not(.bold){margin-top:24px}
    .bloc_choices .checks .bold, .bloc_choices .checks .inputs{width:100%;display:flex}
    .bl_tv_fix_offers{padding:0;margin:0 auto}
    .bl_tv_fix_offers .bl_tv_fix_list .wrapper .list_tv_fix{flex-direction:column;margin:auto}
    .bl_tv_fix_offers .bl_tv_fix_list .wrapper .list_tv_fix .elem_tv_fix{min-width:284px;flex:1 auto;height:auto;margin:0 auto 24px}
    .bl_tv_fix_offers > bol-link{margin:-8px auto 0}
    input[name="zoomin"]:checked + .overlay > .zoom-img{position:absolute;top:100px;width:830px;max-width:calc(100% - 36px);top:50%;left:50%;transform:translate(-50%, -50%)}
    input[name="zoomin"]:checked + .overlay > .zoom-img img{max-width:100%}
    input[name="zoomin"]:checked + .overlay > .zoom-img ul li:not(:last-of-type){margin-right:24px}
    .price_bar .desc .bl_promo{max-width:fit-content;float:initial;display:block;width:auto;margin-bottom:4px}

    #telephones .overlay .content{padding:24px 20px}
    #telephones .overlay .content .choices-content .L, .overlay .content .choices-content .M{width:100%;border-right:none;border-bottom:solid 1px #d2d2d2}
    #telephones .overlay .content .choices-content .L{padding:8px 0 24px 0}
    #telephones .overlay .content .choices-content .M{padding:16px 0 24px;width:100%}
    #telephones .overlay .content .choices-content .R{margin-top:24px}
    
    .bloc_TitleMenu .subtitle{display:none}
    .with-background:after{height:416px}
    #BolUsage {max-width:calc(100% - 32px);justify-content:center}
    #BolUsage .details{max-width:calc(100% - 32px);justify-content:center}
    #BolUsage .details section:not(:last-of-type){margin-right:6px}
    #BolUsage .details section{margin-left:6px}
    #BolUsage > form > div{margin-bottom:14px}
    #BolUsage > form > .submit{margin:0 auto}
    #BolUsage > form label{margin-top:2px}
    
    .channel-in-bouquet{max-width:calc(100% - 32px)}
    .channel-in-bouquet .bl_top {flex-direction:column}
    .channel-in-bouquet .bl_top .bl_img {margin: 0 0 20px;min-width: unset}
    #programs{padding:0 18px;flex-direction:column;align-items:center;gap:16px;margin:40px auto 40px}
    #programs li{width:100%}
    .features_bloc {max-width:calc(100% - 32px)}
    bol-mobile-network-banner .ReseauMob>.wrapper .bl_link {margin-bottom: 16px}
    
    bol-semantic-booster #SB div { text-align: center; max-width:calc(100% - 32px);margin:24px auto 0;}
    bol-semantic-booster #SB h2 { margin-bottom: 16px; }
    .avis_bloc {max-width:calc(100% - 32px)}
    .avis_bloc .t.first {font-size: 14px;line-height: 22px}
    .avis_bloc .st.first {font-size: 10px;line-height: 14px}
    .avis_bloc label {font-size: 10px;line-height: 14px}
    .avis_bloc .mic {width: 272px;left: -141px;margin: auto}
    .avis_bloc img {max-width:76px;margin-right: 16px;height: auto;right: -1px}
    .avis_bloc .l {grid-template-columns: 1fr}
    .avis_bloc .top {flex-flow: wrap;justify-content: left;padding: 16px}
    .avis_bloc .top:after {height:64px}
    .avis_bloc .sd {grid-template-columns: auto}
    .avis_bloc .db {width: 100%;margin: 0;padding: 24px 0 0}
    .avis_bloc .nmg {width: calc(100% - 92px);padding-right: 0}
    .avis_bloc .l {grid-template-columns: 100%}
    
    #BlocAvAp.rm .h p {width:96px;font-size: 14px;line-height: 22px}
    #BlocAvAp.rm .t > * {display: block}
    #BlocAvAp.rm .sticker{display:inline-block}
    #BlocAvAp.rm .t span {font-size: 12px;line-height: 16px;margin-left: 0;text-align: center}
    #BlocAvAp.rm .pi:before {left:-10px}
   .back-shop {max-width:calc(100% - 32px);padding: 15px 10px 5px}
    #programs{max-width:calc(100% - 32px)}
    .bl_programs{display:block;max-width:calc(100% - 32px)}
    .bl_programs .elem{min-width:auto}
    bol-price-bar-block .price_bar .wrapper.promo {padding: 40px 18px 12px}
    .price_bar .sw-promo {position: absolute;margin:16px 16px;bottom:unset}
    .generic-param .explanation {width:100%}
    .bloc_SubTitle .wrapper {max-width:calc(100% - 32px)}
    .bloc_SubTitle p.principal-desc {text-align: left}
    .generic-cards {display: block;max-width:100%;padding: 0 16px}
    .generic-cards li {width:100%;max-width:500px;margin:32px auto 16px;}
    bol-mobile-plans-list .generic-cards {margin: 28px auto 8px;}
    bol-mobile-plans-list .generic-cards li{height: fit-content; margin-bottom:40px;}
    bol-mobile-plans-list .iconodebit div {min-height: 54px;margin-bottom: 0;}
    bol-mobile-plans-list .iconodebit .imgDebit {width: 48px;height: 48px;}
    .bloc_config .cards, .bloc-fixe .cards{max-width:100%;grid-template-columns: 1fr;margin:0 auto;padding:0;}
    .bloc_config .part-R, .bloc-fixe .part-R { width:100%}
    .generic-sum, .bloc_config .cards .c,.bloc-fixe .cards .c {width: 100%;max-width:500px;margin:auto;}
     .part-R .c, .bloc-fixe .cards .part-R .generic-sum {width: 100%;}
    
    .bloc_config .generic-sum h3 , .bloc-fixe .generic-sum h3 {margin-top:16px;}
    .bloc_config .generic-sum h3:after , .bloc-fixe .generic-sum h3:after {height: 16px;}
    .bloc_config .cards .bl_photo , .bloc-fixe .cards .c.generic_photo {position: relative;top: unset;padding:16px;height: auto;width: 100%;max-width: 500px;margin:auto;}
    .generic-param .t,
    .generic-param .d{font-size:12px;line-height:18px}
    .generic-param .n{font-size:10px;line-height:14px}
    .generic-param .p, .generic-param .p > *{font-size:14px;line-height:20px}
    .generic-param .m,.generic-param .e{font-size:10px;line-height:14px}
    .generic-option{font-size:10px;line-height:14px}
    .generic-option.no-decode > p {font-size:12px;line-height:18px}
    #popinContainer.discover #popinContent {display: block;text-align: center}
    #popinContainer.discover section p {font-size: 12px;line-height: 16px}
    .generic-l-info {max-width:calc(100% - 32px)} 
    .generic-cards .mea-tv {margin: 0 auto 32px;height: auto}
    .generic-cards .services-tv{height: auto}
    bol-mobile-plans-list bol-mobile-plan-card-block {flex-flow: column;}
    .generic-cards .change {height:auto;}
    .es-block {max-width:calc(100% - 32px);padding:16px;text-align:center}
    .es-block .or {display: block;margin:0 auto}
    .es-block form {width: 100%}
    .es-block ng-autocomplete{width: calc(100% -  40px)}
    .es-block button{margin: 0 0 0 -4px}
    .es-block .btn {width: 100%}
    .es-block .desc{margin-bottom:24px}
    .es-block .toggles {display:block}
    .es-block .toggles div{text-align:left}
    .es-block .toggles label {display:inline-block;margin:24px 12px 0}
    .toggles.generic-step div {min-height: none;}
    .es-block .r {position: relative;bottom: 0;right: 0;margin: 32px auto 40px}
    .es-block .r span {display: block;margin-bottom: 24px}
    .es-block .r button {width:100%;}
    .es-block .quit {margin: 40px auto 22px;padding-left:0}
    .generic-i-band {position:relative;text-align: left;padding-left: 44px;}
    .generic-i-band img {position: absolute;left: 12px;top: 8px}
    .es-block.results .l .btn, .es-block.results .l .btn4{width:100%}
    .es-block.results .h .addi > * {display:block}
    .es-block.results .h {flex-flow: column;padding: 24px 16px}
    .es-block.results .h .addi .sy {margin:10px 0}
    .es-block.results .h .reprise { order: 2;text-align: left}
    
    .l-see-steps .link, .l-see-steps img {margin-left: 24px}

     i.icon.icon--display-off-mobile{display:none;}
    #toast-container.toast-container>.ngx-toastr{border-radius:unset;top:60px;width:100%;}
    bol-bol-layout.scrolled.to-down{top:260px;}
    bol-bol-layout.scrolled bol-title-block .bloc_bot.sticky{transition:padding-top .15s 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);}
    bol-forfaits-choices .bloc_filtres{display:inline-block;float:none;margin:0 5px;position:inherit;}
    bol-forfaits-choices .bloc_filtres .filter-bloc-relative{left:0;right:0;text-align:left;width:100%;}
    .bl_configurateur>div{max-width:none!important;}
    .bl_configurateur .bl_left{margin:0 16px;}
    .bl_configurateur .bl_right{border-radius:0;padding:32px 26px 40px;}
    .bl_configurateur .bl_right:before{top:25px;}
    bol-phone-magasins .bl_magasins{max-width:inherit;}
    .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;}
    bol-card-block-form .bl_contenu .contenu_bloc{margin:16px 18px;padding:24px;}
    bol-bloc-add-mobile{justify-content:space-between;min-width:160px;padding:10px 16px;}
    bol-bloc-add-mobile .bloc-bottom{padding:0;}
    bol-bloc-mobile .bloc-left{min-width:40px;}
    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:0;}
    .bl_contenu .contenu_bloc,.bl_contenu .contenu_bloc_no_border{padding:0;}
    .bl_contenu .contenu_bloc_no_border ul.bloc,.bl_contenu .contenu_bloc ul.bloc{padding:0 20px;}
    .bl_contenu .contenu_bloc_no_border ul.bloc>li form .submit,.bl_contenu .contenu_bloc 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{margin:0 0 40px;max-width:none;}
    .bl_contenu .contenu_bloc_no_border ul.liste,.bl_contenu .contenu_bloc ul.liste{display:block;}
    .bl_contenu .contenu_bloc_no_border ul.liste li,.bl_contenu .contenu_bloc ul.liste li{margin:0 10px 32px;}
    .phone_plan .BlackBloc{flex-flow: wrap;}
    .phone_plan .bl_desc{margin:0 auto 16px;}
    .phone_plan .bl_btn{width: 100%}
    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-bloc-with-sfr .bloc_with{min-height:123px;padding:16px;}
    bol-with-sfr-block .with_sfr_bloc .list {flex-direction:column;}
    bol-with-sfr-block .with_sfr_bloc .list li{max-width:100%;}
    bol-with-sfr-block .with_sfr_bloc .list li:last-child{margin:0;}
    bol-tv-channels .title_bloc{padding:24px 20px 12px;}
    bol-tv-channels .search_tv{padding:24px 20px;}
    bol-tv-channels .search_tv .bl_input .submit{padding:0 5px;width:57px;}
    bol-tv-channels .channel_list{justify-content:center;padding:12px 20px;}
    .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 .v_desk{display:none;}
    bol-fil-ariane .fil_ariane .v_mob{display:block;}
    bol-bol-layout.scrolled bol-title-block .bloc_bot.sticky{transition:padding-top .15s 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);}
    .faq_bloc{padding:20px;}
    .bloc_faq .list_faq{padding:0 0 16px;margin-bottom:0;}
    .bloc_faq .list_faq li{margin-bottom:8px;}
    .reassurances_bloc{padding:16px 0;margin-top:24px;}
    .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{align-items:center;display:flex;text-align:left;}
    .bloc_reassurance .img{height:auto;margin-bottom:0;margin-right:20px;width:32px;}
    .bloc_reassurance .img img{max-height:32px;}    
    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;}
    .scrolled.to-down .price_bar.stiky{bottom:0;}
    .scrolled.to-up .price_bar.stiky{z-index:30;}
    .price_elem{padding:2px 0;}
    .price_elem{text-align:left;}
    .price_elem h3{font-size:14px;margin:0 0 2px;}
    .price_elem .desc{font-size:10px;}
    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 .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;}
    bol-mobile-network-banner .ReseauMob{overflow:hidden;}
    bol-mobile-network-banner .ReseauMob>.wrapper{flex-direction:column-reverse;min-height:inherit;padding:0;}
    bol-mobile-network-banner .ReseauMob>.wrapper{height:inherit;}
    bol-mobile-network-banner .ReseauMob .img_bl{margin:24px 30px;max-height:220px;}
    bol-mobile-network-banner .ReseauMob .img_bl:after{background-position:0;background-repeat:no-repeat;content:"";display:block;height:54px;position:absolute;top:100px;width:115px;}
    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/4g-ico2.svg);}
    bol-mobile-network-banner .ReseauMob .img_bl.fibre:after{background-image:url(https://static.s-sfr.fr/media/newsfrfr/fut/assets/images/svg/fibre-white2.svg);background-size:auto 40px;width:290px;}
    bol-mobile-network-banner .ReseauMob .img_bl img{height:auto;width:100%;}
    bol-mobile-network-banner .ReseauMob .img_bl svg{height:280px;}
    bol-mobile-network-banner .ReseauMob .text_bl{text-align:center;width:100%;}
    bol-mobile-network-banner .ReseauMob .text_bl:before{display:none;}
    bol-mobile-network-banner .ReseauMob .text_bl:after{clear:both;content:"";display:block;}
    bol-mobile-network-banner .ReseauMob .text_bl .Text700{display:none;}
    bol-mobile-network-banner .reseau_actu{margin:24px 0 0;padding:23px 30px 20px 18px;}
    bol-mobile-network-banner .reseau_actu .Text500{max-height:40px;overflow:hidden;}
    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{margin:15px 0;min-width:30%;}
    .channel-categorized{padding:24px 18px;}
    .channel-categorized.full-width{border-radius:0;margin-left:-18px;width:calc(100% + 36px);}
    .channel-categorized .category{align-items:flex-start;}
    .channel-categorized .channel_container{justify-content:center;}
    .channel-category{padding:20px;}
    body.Media .channel-categorized .category h4{display:flex;flex-direction:column;max-width:90%;}
    body.Media .channel-categorized .category h4 span{margin-top:8px;}
    .bl_contenu_media .elem_contenu,.bl_contenu_media:nth-child(2n){flex-direction:column!important;}
    #bl_all_channels > div:nth-child(6),
    #bl_all_channels > div:nth-child(4) > div { justify-content:center;gap: 24px;}
    .error-block{padding:0 20px;}.error-block .wrapper{padding:0;}
    .error-block .error-num{font-size:150px;top:0;transform:translate(-50%);}
    .error-block .h2{margin-top:0;text-align:center;}
    .error-block .desc{text-align:center;}
    .bl_channels .title_bl{text-align:center;}
    .bl_channels .bl_channel .elem_channel{margin:0 5% 14px;max-width:40%;min-width:40%;}
    .bl_channels .bl_channel .elem_channel img{max-width:100%;}
    .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;}
    .popin-wrapper{justify-content:flex-start;padding:30px 20px;}
    .popin-wrapper .popin-title{margin-bottom:25px;max-width:100%;}
    .popin-logo{margin-bottom:25px;}
    .popin-logo img{width:40%;}
    .popin-content{max-width:100%;}
    .bl_how_to .list_how_to{flex-direction:column;}
    .bl_how_to .list_how_to>li{margin:20px 0;max-width:none;}
    .bl_table_garanties .tab_garantie{margin:0 0 16px;}
    .bl_table_garanties .wrapper.tables{flex-direction:column;}
    .bl_table_garanties .tab_garantie:nth-child(2){margin-left:0;}
    .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;}
    .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-height:55px;max-width:55px;}
    #partenaire .wrapper{align-items:flex-start;flex-direction:column;height:auto;padding:10px 15px;}
    #partenaire .description{margin-top:5px;padding-left:0;}
    .toast-container .ngx-toastr.div{padding:16px 16px 16px 50px;width:100%;}
    
    .bloc-forfaits .generic-option{font-size:12px;line-height:18px}
    .bloc-forfaits {width:400px;grid-template-columns: 1fr;}
    .bloc-forfaits .bl_reprise{margin-bottom:0}
}