.migration #phone_plan_sfr_fibre_starter .generic-promo {display:none}
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: var(--clr-yellow);color: var(--clr-black);display: inline-block;padding: 5px 10px 20px;position: absolute;top: 0;font-size: 12px;line-height: 11px;font-family: SFR-Bold;}
.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"]: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}
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;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}
#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:var(--clr-disable);font-family:SFR-Regular;font-size:12px;color:var(--clr-black)}
body.Home #AlertTmp a{text-decoration:underline}
body.Home header.displayed-ban{top:6vh}
.Media details.faq {color: var(--clr-black);}
.Media #FilAriane li:not([aria-current="page"]):after {filter: invert(1);}
/*.eTlazy{background-image:none !important}
.eTlazy:before{background-image:none !important}
.eTlazy:after{background-image:none !important}*/
#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:var(--clr-black);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:var(--clr-black)}
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: var(--clr-black);text-decoration: line-through;margin-left: 6px}
.alert-tmp .to-down header{top:0}
.selector.one{cursor:default}
.selector.one p{font-family:SFR-Bold;font-size:12px;color:var(--clr-black);width:288px;padding:0 28px 0 12px}
.selector.one:after{content:none}
.Media .selector select{color: #fff}
.Media .selector option {background: var(--clr-black);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(//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 var(--clr-disable) 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 var(--clr-disable);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: var(--clr-disable);}
#Filters .fl span {font-family: SFR-Regular;font-size: 14px;line-height: 20px;color: var(--clr-black);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:var(--clr-green);}
#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, var(--clr-green)}
#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 var(--clr-sfr2);top: 0;bottom: 0;margin: auto;left: -3px;box-sizing: border-box;}
#Filters .fcl.d:before {content: '';position: absolute;width: 17px;height: 1px;background: var(--clr-black);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: var(--clr-black);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:var(--clr-disable) solid 1px;display:flex;height:12px;width:12px;margin:2px;text-align:center;position:relative;box-sizing:content-box;cursor:pointer}
.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:var(--clr-error);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: var(--clr-black);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:var(--clr-green)}
.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:var(--clr-grey);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:var(--clr-disable)}
.bl_phone .forfait .title span{font-size:10px;line-height:12px;letter-spacing:-0.1px;color:var(--clr-black)}
.bl_phone .info .title{font-family:SFR-Regular;font-size:12px;line-height:18px;letter-spacing:-0.2px;color:var(--clr-black)}
.bl_phone .desc{font-size: 12px;line-height: 16px;color:var(--clr-black);text-align:right}
.bl_phone .das {font-family: SFR-Regular;font-size: 12px;line-height: 16px;letter-spacing: normal;color: var(--clr-black);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:var(--clr-black);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:var(--clr-black) 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}
.mobile_card .selectors {width: calc(100% - 48px);display: flex;border: 1px solid var(--clr-disable);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 var(--clr-disable);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 var(--clr-sfr2);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 0 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:var(--clr-bg);position:absolute;content:"";top:0;left:12px}
.mobile_card li:hover{background:var(--clr-bg)}
.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: var(--clr-black);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: var(--clr-black);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: var(--clr-black);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 var(--clr-disable);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-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: var(--clr-black)}
.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}
.mobile_card input:checked + label .md-content {width: 400px;max-width: calc(33vw - 44px);top: 24px}
.mobile_card .md-content:before {top: -4px}
.actual-o input:checked + label .md-content {padding: 16px 16px 8px;}

.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}
bol-mobile-plan-card-block .generic-sticker:nth-child(n+5){display: none;}
.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: var(--clr-bg);border-radius:4px;margin: 0 auto;color: var(--clr-black);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:var(--clr-grey)}
.phone_plan .subvention{display:flex;flex-flow:row;width:calc(100% - 40px);margin:0 auto 16px;padding:12px 20px 20px;background:var(--clr-bg);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:var(--clr-grey);text-align:center}
.phone_plan .subvention .R p{text-align:left}
.phone_plan .subvention .R a{font-family:SFR-Regular;font-size:10px;color:var(--clr-grey);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:var(--clr-grey)}
.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 .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:var(--clr-black)}
#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}*/
.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}
.promo{width:100%;background:var(--clr-bg);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 .reconditione {display:block;font:normal 16px/24px SFR-Bold;color: var(--clr-green);margin-bottom:16px;}
.bloc_config .stars {display: flex;}

.bloc_config .bloc-w h3{margin-bottom:8px;font-size: 16px;line-height: 22px;}
.bloc-fixe .bloc_config .col-2 {margin-top:0px;}
.bloc_config .sub-t ~ h3,.bloc_config bol-phone-unavailable h3 {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 var(--clr-sfr2);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: var(--clr-black);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: var(--clr-black);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:var(--clr-green);}
.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, var(--clr-green)}
.bloc_config .mi{font:normal 14px/22px SFR-Regular;padding: 0px 12px;border: 1px solid var(--clr-black);border-radius: 24px;text-decoration: none;transition: .5s background-color ease-out;margin-top:16px;}
.bloc_config .mi:hover{color:#fff;background: var(--clr-black)}
.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: var(--clr-disable);}
.bloc_config .exp {margin-top: 16px;font: normal 14px/22px SFR-Regular;}
.bloc_config .w-sticker-pref {margin-bottom:8px;}
.bl_reprise {display:table;width: 100%;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 div{display: flex;align-items: center;gap: 0 24px;}
.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;width: 100%;display: table;font-family: 'SFR-Bold';font-size: 14px;line-height: 16px;margin: 16px 0 0 0;cursor: pointer;}
.bl_reprise .title.i:after {display: inline-block;vertical-align: middle;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: calc(100% + 48px);right: -24px;top: 24px;height: fit-content;font-family: 'SFR-Regular';font-size: 12px;line-height: 14px;color: #fff;background: var(--clr-black);border-radius: 4px;z-index: 1;padding: 4px 8px;}
.bl_reprise .more-info:after {content: "";position: absolute;top: -12px;left: 128px;text-align: center;border-width: 6px;border-style: solid;border-color: var(--clr-black) transparent transparent transparent;transform: rotate(180deg);}
.bloc_config .bl_reprise strong{display:block;}
.bloc_config .bl_reprise p {position: relative;}
.bloc_config .bl_reprise p:nth-child(2):before {position: absolute;content: '';width: 16px;height: 16px;left: -20px;top: 0;bottom: 0;margin: auto;background: url(//static.s-sfr.fr/assets/pictos/ajouter_40_noir.svg);background-size: contain;}

.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: var(--clr-disable) solid 2px;flex: 1}
bol-addons-card {display: block;max-width: 400px;margin:0 auto}
.addons.bl_link{text-align: center;padding: 32px 0 0}
.addons-card .selector {width:100%;margin-bottom:8px}
.addons-card .WhiteBloc{padding:16px 20px 0}
.addons-card .BlackBloc bol-label-refund {position: absolute;margin-left: auto;background: var(--clr-yellow);color: var(--clr-black);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 .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: var(--clr-black);margin:0 4px 0 0}
.addons-card:not(.accessory) .header img{width:100%;height:auto;max-height:100%;object-fit: cover}
.addons-card bol-price {display:inline-block;font-family: SFR-Bold;font-size: 24px;line-height: 30px;margin-bottom:12px}
.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: var(--clr-black)}
.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 var(--clr-black);padding: 10px 23px;margin: 0px 12px}
.generic-tab label:hover, .generic-tab input:checked + label {background-color: var(--clr-black);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: var(--clr-black)}
.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: var(--clr-black);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;padding: 0}
.Media .generic-tab .selector:after,
.Media .generic-tab .selector select {color: var(--clr-black);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 var(--clr-black);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:var(--clr-black);cursor:default;}
body.Media .other-pack-option input[name="choix-option"]:checked + label{color:var(--clr-black);background:#fff;}

bol-enjoy-offer {display:block;margin-top:40px;}
.enjoy_offer_steps{border-bottom:1px solid var(--clr-black);padding:0 18px}
.enjoy_offer_steps .wrapper{color: var(--clr-black);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:var(--clr-black);}
.enjoy_offer_steps .Text500{color:var(--clr-black)}
.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 var(--clr-disable)}
.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 var(--clr-disable);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:var(--clr-black);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_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)}
.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}
.forfait-mobile-box .card .checks,.generic-choices .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{font-family:SFR-Bold;letter-spacing:-0.4px;font-size:16px;line-height:24px;color:var(--clr-black);text-align:left;margin:0;align-self:center;margin-right:25px;margin-bottom:16px}
.forfait-mobile-box .card .checks label,.generic-choices .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 var(--clr-disable);cursor:pointer;justify-content:center}
.forfait-mobile-box .card .checks label:last-child,.generic-choices .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{border-bottom-left-radius:8px;border-top-left-radius:8px}
.forfait-mobile-box .card .checks input:checked + label,.generic-choices .checks input:checked + label{color:#fff;background:var(--clr-black);border:solid 1px var(--clr-black);cursor:default}

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:var(--clr-black)}
.generic-choices .form > .bold{margin:32px 6px 8px 0}
.bloc_choices .intro{font-family:SFR-Light;font-size:24px;line-height:20px;color:var(--clr-black);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.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 .inline .radio-inputs label{text-align: left;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:var(--clr-disable)}
.bloc_choices .R p:not(.bold){margin-bottom:11px}
.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;right: 12px;top: 0;pointer-events: none;border-style: solid;border-width: 2px 2px 0 0;width: 8px;height: 8px;transform: rotate(135deg)}
.generic-choices .b-p {position: relative;font-family: 'SFR-Regular';font-size: 12px;line-height: 18px;display: block;text-align: left;width: fit-content;}
.generic-choices .b-p .i-explanation + .explanation {bottom: 24px;top: unset;right: unset;left: 120px;}
.generic-choices .b-p .i-explanation {right: -22px;top: 2px;}
.generic-choices .b-p .explanation:after {content: "";position: absolute;bottom: -14px;left: 8px;margin-top: -5px;border-width: 7px;border-style: solid;border-color: var(--clr-black) transparent transparent transparent;}
.generic-choices .b-p .i-explanation + .explanation ul {list-style: unset;padding-left: 12px;}
.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: var(--clr-grey)}
.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 var(--clr-disable);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}
.price_bar .desc .bl_promo{color:var(--clr-black);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:var(--clr-black);margin-bottom:8px}
#telephones .overlay .content .choice-pack,#telephones .overlay .content .desc{font-family:SFR-Regular;font-size:16px;line-height:24px;color:var(--clr-black);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 var(--clr-disable);font-family:SFR-Black;font-size:12px;line-height:18px;text-align:center;color:var(--clr-black)}
#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 var(--clr-disable)}
#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:var(--clr-black);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:var(--clr-black);}
#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:40px;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{min-width:177px;min-height:204px;border-radius:8px;box-shadow:0 5px 20px 0 rgba(24, 24, 24, 0.16);background-color:#fff}
#BolUsage .details section:not(:last-of-type){margin-right:24px}
#BolUsage .details section .head{display:flex;flex-flow:column;justify-content:center;align-items:center;height:77px;background-color:var(--clr-bg);text-align:center;border-radius:8px 8px 0 0}
#BolUsage .details section .content{display:flex;flex-flow:row;justify-content:center;padding:16px}
#BolUsage .details section .content .L{display:flex;flex-flow:column;align-items:flex-start}
#BolUsage .details section .content .R{display:flex;flex-flow:column;align-items:flex-end;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 var(--clr-disable)!important;padding: 0 14px!important;background-color: #fff!important;font-size: 14px!important;color: var(--clr-black)!important;width: 100%!important}
#BolUsage .autocomplete-container .input-container .x i {color: rgba(0,0,0,.54);font-size: 22px;vertical-align: super}
#BolUsage .autocomplete-block input{border-radius: 8px;width: calc(100% + 40px);}

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: var(--clr-black);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: var(--clr-black);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:var(--clr-grey);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:var(--clr-black);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: var(--clr-black); display: inline-block; padding: 6px 12px; border:1px solid var(--clr-black); 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: var(--clr-black); color: #fff}
.Media bol-semantic-booster #SB div { background-color: #222;}
.Media bol-semantic-booster #SB a {color: #fff;border:1px solid #fff}
.Media bol-semantic-booster #SB a:hover { background-color:#fff; color: var(--clr-black)}

.Media #REA {color: #fff;background: #222;}
.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-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: var(--clr-black);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: var(--clr-black);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: var(--clr-black);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 var(--clr-black) 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: var(--clr-grey);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: table;padding: 24px 0;text-align: center;border-radius: 0 0 12px 12px;font-size: 14px;line-height: 14px;margin:0 auto}
.pagination li {display: inline-table;width: 24px;height: 24px;padding: 4px 0;vertical-align: middle;border-radius: 4px;}
.pagination li.current {background: var(--clr-error);color: #fefefe;cursor: default;}
.pagination a.next:after, .pagination li.next:after,
.pagination a.prev:before, .pagination li.prev:before {transition: all 0.2s ease-out;position: absolute;pointer-events: none;border-style: solid;content: '';height: 8px;transform: rotate(135deg);width: 8px;border-color: var(--clr-black);border-right: 0;border-bottom: 0}
.pagination a {color: var(--clr-black);display: block;border-radius: 0;position: relative;width: 100%;height: 100%;}
.pagination a.next:after, .pagination li.next:after {right: 8px;border-width: 2px 0 0 2px;top: 0px;bottom: 0;margin: auto;}
.pagination a.prev:before, .pagination li.prev:before {left: 8px;border-width: 2px 0 0 2px;top: 0px;bottom: 0;margin: auto;transform: rotate(-45deg);}
bol-pagination .pagination a.next:after, bol-pagination .pagination li.next:after {right: -12px;}
bol-pagination .pagination a.prev:before, bol-pagination .pagination li.prev:before {left: -12px}
.pagination a.next:hover:after {right: -16px}
.pagination a.prev:hover:before {left: -16px}
.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: var(--clr-bg);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: var(--clr-black);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: var(--clr-black)}
#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: var(--clr-disable);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: var(--clr-error)}
#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: var(--clr-yellow)}
#BlocAvAp.rm .sticker.b{background: var(--clr-black);color:#fff}
#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: var(--clr-error)}
#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: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:var(--clr-grey);cursor:default}
.generic-option .R{position:relative;width: calc(47% - 32px);padding: 16px 16px 16px 8px}
.generic-option.no-decode > p {font-size: 14px;padding: 16px;text-align: center;width: 100%;}
.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 .m {font: normal 12px/18px SFR-Regular;padding-left:4px;display:inline-flex;max-width:78%;}
.generic-option.offre .L{align-self: center;width: calc(48% - 32px)}
.generic-option.offre .R{align-self: center;width: calc(52% - 32px);min-height:96px;}
.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:var(--clr-disable);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;text-align:left;}
.iconodebit .speed, .iconodebit .slow {position:relative;display:table;font-size: 14px;line-height: 22px;text-align:left;z-index:2;max-width:10vw;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 .speed strike, .iconodebit .slow strike{text-decoration:line-through;text-decoration-thickness: 2px;}
.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 var(--clr-disable);cursor:pointer;border-top-left-radius:8px;border-bottom-left-radius:8px;height: auto;width: 50%;max-width: 50%;margin-bottom: 8px;}
.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 var(--clr-black)}
.generic-checks input[type="radio"]{display:none}
.generic-checks input:checked + label{color:#fff;background:var(--clr-black);border:solid 1px var(--clr-black);cursor:default}
/*Contenu à supprimer*/
.goutte:before {content: "";position: absolute;top: 0px;right: 0px;width: 48px;height: 48px;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;z-index:1;}
.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;top:-1;}
.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: var(--clr-black);}
.generic-cards.migration .stickers + .prices {margin-top: 0;}
.generic-cards .das {font-family: SFR-Regular;font-size: 12px;line-height: 16px;letter-spacing: normal;color: var(--clr-black);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:var(--clr-black);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:var(--clr-black) 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 .btn2, .generic-cards .btn {margin: 16px 0 0;}
.generic-cards.mea {grid-template-areas:"a b b" "c d e";}
.generic-cards > li.mea {height: calc(100% - 36px);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;grid-area: b;}
.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 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 .services-tv{margin: 16px auto 0;width: fit-content;}
.generic-cards .mea-tv .btn3 {margin: 16px 0 0;width:100%}
.boxplus-sticker{background: var(--clr-yellow); font-family: 'SFR-Bold'; color: var(--clr-black); margin: 0px auto 8px;font-size: 12px;padding: 0 8px; border-radius: 4px; display: table;}
.generic-cards .mea-tv {position:relative;height: calc(100% - 32px); padding: 24px; margin: 16px 0;background:url(https://static.s-sfr.fr/gettyimages-1182454657-rvb2.webp?cacheBust=i9habvxcem);position:relative;overflow:hidden;}
.generic-cards .mea-tv:before{content:"";width:50%; height:100%;position:absolute;left:0;top:0; background: rgba(226, 0, 0, 0.800000011920929);z-index:0;}
.generic-cards .mea-tv * {z-index:1;position:relative;}
.generic-cards .mea-tv bol-card-tv-fix{ display: flex; flex-direction: column; justify-content: space-between; height: 100%; align-items: center;}
.generic-cards .mea-tv img{max-width:100%;}
.generic-cards .mea-tv .subtitle {color:#fff;}
.generic-cards .mea-tv .generic-price.t{color:#fff;display:block; align-self:flex-start;}
.generic-cards .mea-tv .generic-price.t .price{width:fit-content; margin:8px 0;}
.generic-cards .mea-tv bol-price, .generic-cards .mea-tv .eng{text-align:left;display:block;font-size:12px;margin-bottom:0;}
.generic-cards .mea-tv .eng{width:49%;}
.generic-cards .mea-tv .price .L {font-size: 80px;font-style: normal;font-weight: 700;line-height: 68px;}
.generic-cards .mea-tv .price .R, .generic-cards .mea-tv .price .M{font-size: 24px;font-style: normal;font-weight: 700;line-height: normal;}

.services-tv p {font-size: 12px;line-height: 18px;}
.services-tv div {display: grid;justify-content: end;gap: 0 16px;grid-template-columns: 120px auto;align-items: center;width: 100%;}
.services-tv img {margin: 0 auto;}
.services-tv b {display: block;margin-bottom: 8px;}
.generic-cards .pc{position: relative;width:fit-content;padding: 4px 8px;background-color: var(--clr-bg);border-radius: 4px;margin: 8px auto 0 ;color: var(--clr-black);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% - 80px);}
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;}
.info-mig {width: calc(100% - 32px);max-width: 1280px;border-radius: 8px;padding: 24px;background: #fff;margin: 0 auto;}
.info-mig + .more-card {margin-top: 24px;}
.generic-cards > li {position:relative;padding: 24px;background: #fff;border-radius: 12px;text-align:center;margin:16px 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: -18px;margin: 0;border-radius: 8px}
.generic-promo.top:after {content: '';width: 101%;position: absolute;top: 18px;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 .stickers + .prices {margin-top: 181px;}
.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-cards .link.deja-client {margin:-16px 0 16px;}
.generic-price {position: relative;display: inline-block;vertical-align: middle;text-align: center;}
.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-price .engagement .bold {display: block;font-family: 'SFR-BOLD';}
.generic-cards .subvention {padding: 16px;border-radius: 7px;background: var(--clr-disable);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: 100% 100% / cover var(--clr-error)/* url(https://static.s-sfr.fr/background-sl-netflix.webp) */;height: 260px;width: 100%;top: 0;left: 0;position: absolute;content: "";z-index: 0;border-radius: 12px 12px 0 0}
.generic-cards > *.boxsl .iconodebit>img {filter: invert(99%) sepia(90%) saturate(2%) hue-rotate(103deg) brightness(114%) contrast(205%);}
.generic-cards > *.boxsl .title,
.generic-cards > *.boxsl .s-title,
.generic-cards > *.boxsl .iconodebit {color:#fff}
.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 .tv-price .generic-promo {position: relative;width: fit-content;margin: 0 auto 8px;left: 0;top: 0;}
.generic-cards.boxtv .services-tv {margin: 0 auto 16px;}
.generic-cards .boxsl .services-tv div{grid-template-columns: 1fr;}
.generic-cards .subtitle {font-family: SFR-Bold;font-size: 20px;line-height: 24px;margin:4px 0 16px;text-align:left}
.boxtv .generic-param.s {margin: 16px 0;}
.generic-cards .tv-price {display:grid;width: 100%;padding: 0 0 16px;text-align: center;}
.generic-cards .tv-price .generic-price.t {padding-bottom: 16px;margin-bottom: 16px;border-bottom: 1px solid var(--clr-disable);}
.generic-cards .tv-price > p{font-family: SFR-Bold;font-size: 14px;line-height: 22px;margin-bottom:8px;}
.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}
.generic-cards .tv-price .eng:empty {height: 44px;}
.generic-cards .tv-price .sub .eng{font-size: 12px;line-height: 16px;}
.more-card > summary {position: relative;list-style-type: none;font: 14px / 22px SFR-Bold;display: block;margin: 0 auto;width: fit-content;padding-right: 24px;cursor: pointer;}
.more-card > summary::-webkit-details-marker{display:none}
.more-card > summary:after {content: "";transition: all 0.2s ease-out;position: absolute;right: 0;top: 6px;pointer-events: none;border-style: solid;border-width: 2px 2px 0 0;height: 8px;transform: rotate(135deg);width: 8px;}
.more-card[open] > summary:after {transform: rotate(-45deg);}
.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 .rem {background: var(--clr-black);border-radius: 8px;color: #fff;width: 100%;overflow: auto;padding: 10px 8px 6px;margin-bottom: 8px}
.generic-sum .total{display:flex;justify-content:space-between;}
.generic-sum .bb, .generic-sum .bb > *{ font-family: SFR-Bold;font-size: 20px;line-height: 24px}
.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 .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 .part2 {display: table;background: #fff;border-radius: 12px;margin-top: 24px;width:100%;padding:24px}
.generic-sum .part2 .desc {margin:8px 0 16px}
.rem {background: var(--clr-black);border-radius: 8px;color: #fff}
.forfait-mobile-box .bloc_forfait {padding: 0 16px;color: var(--clr-black);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)}
.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 var(--clr-disable);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:var(--clr-disable);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;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';font-size:12px;line-height:16px;margin-bottom: 8px}
.w-sticker-pref{position: relative;cursor:pointer;display: table;color: #fff;padding: 5px 10px 5px 219px;background:#444;border-radius: 4px;text-decoration: underline;font-family: 'SFR-Bold';font-size:12px;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: var(--clr-sfr2);border-radius: 4px;text-decoration: underline;font-family: 'SFR-Bold';font-size:12px;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: var(--clr-sfr2);border-radius: 4px;text-decoration: underline;font-family: 'SFR-Bold';font-size:12px;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 [class*="w-sticker"] {background: rgba(255, 255, 255, 0.40)}
.boxsl .generic-sticker {color:#fff}
.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;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: var(--clr-grey)}
.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: var(--clr-bg);max-width: max-content;border: 1px solid var(--clr-disable);border-radius: 16px;margin: 0 auto 8px}
.sw-cheked {position: absolute;background: #fff;border: 1px solid var(--clr-grey);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: var(--clr-grey);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: var(--clr-black);cursor: default}
.selector.black {background: var(--clr-black);color: #fff;border: transparent}
.selector.black > * {color: #fff;border: transparent;background:var(--clr-black);border-radius:10px}
.bloc_config .unavailable{font-family:SFR-Regular;font-size:16px;line-height:16px;color:var(--clr-black);margin-bottom: 8px}
bol-fixe-resume-block .bloc_config .part-R {z-index:1}
bol-fixe-resume-block .bloc_config .part-R.popined {z-index: 5;}
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:5}
.bloc-fixe .cards .generic-checks {text-wrap: nowrap;}
.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}

.generic-option .explanation p:first-of-type {margin-bottom:8px}
.generic-option .explanation p {font-size: 12px;line-height: 14px}

.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 var(--clr-disable);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: var(--clr-grey);padding-bottom: 8px}
.generic_photo .switch-p input:checked + label {color: var(--clr-black)}
.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:var(--clr-grey);text-decoration:line-through;border: 2px solid var(--clr-black);padding:15px 7px;cursor:default;}
.generic-option.a {border: var(--clr-sfr2) 2px solid;box-shadow: 0 3px 9px transparent;cursor: default;}
.generic-param.s .generic-option.a {padding:15px 7px;}
.generic-param.b input:checked + .generic-option {padding:15px;}
.generic-param.b input:disabled + .generic-option {background: #E9E9E9;color:var(--clr-grey);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 >.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: var(--clr-error)}
#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:100%;max-width:calc(100% - 261px);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: var(--clr-sfr2);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 var(--clr-black);text-align:center;color: var(--clr-black);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: var(--clr-black);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 var(--clr-disable)}
.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 var(--clr-black);color: var(--clr-black);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 var(--clr-black);padding: 10px 23px;min-width:76px;text-align:center}
.toggles input:checked + label{ background-color: var(--clr-black);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 var(--clr-disable)}
.es-block.results label a{text-decoration:underline}
.es-block.results label div{width: 20px;height: 20px;border: 1px solid var(--clr-disable);border-radius: 4px;background-color: var(--clr-disable);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:var(--clr-black)}
.es-block.results input:checked + label div{border:0;background-color:var(--clr-green);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, var(--clr-green)}
.es-block.results .err {display: block;color: var(--clr-sfr2);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: var(--clr-black);width: 213px;height: 40px}

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:var(--clr-sfr2);}
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:var(--clr-sfr2) !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:var(--clr-black) !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:var(--clr-black);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:var(--clr-green) !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:var(--clr-sfr2);}
#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: var(--clr-black);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 var(--clr-disable);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:var(--clr-black);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:var(--clr-black);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:var(--clr-grey);text-decoration:underline;}
.bl_configurateur>div{flex:1;}
.bl_configurateur h4{margin-bottom:8px;}
.bl_configurateur h4 span{color:var(--clr-grey);font-family:SFR-Regular;font-size:12px;}
.bl_configurateur .list{display:flex;margin-bottom:16px;}
.bl_configurateur .list li{border:1px solid var(--clr-disable);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 var(--clr-disable);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,var(--clr-sfr2));}
.bl_configurateur .list li a{cursor:pointer;display:inline-block;height:100%;padding:8px 12px;position:relative;}
.bl_configurateur .bl_left .bl_desc{color:var(--clr-black);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 var(--clr-bg);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 var(--clr-disable);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 var(--clr-disable);border-radius:4px;color:var(--clr-black);font-size:14px;line-height:20px;padding:9px 14px;width:100%;}
bol-phone-magasins .bl_magasins .bl_list .magasins{color:var(--clr-black);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:var(--clr-yellow);border-bottom-left-radius:0;border-radius:4px;color:var(--clr-black);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:var(--clr-yellow);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 var(--clr-yellow);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 var(--clr-sfr2);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:var(--clr-yellow);font-family:SFR-Bold;font-size:18px;}
.bl_exlu_web .Desc .Prix{color:var(--clr-sfr2);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:var(--clr-black);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:var(--clr-sfr2);color:#fff;}
.bl_exlu_web.bl_exlu_web--brand-color .Desc{border-color:var(--clr-sfr2);}
.bl_exlu_web.bl_exlu_web--brand-color .Desc .YellowTitle{color:var(--clr-sfr2);}
.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:var(--clr-black);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 var(--clr-disable);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 var(--clr-grey);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:var(--clr-black);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 var(--clr-disable);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:var(--clr-grey);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 var(--clr-disable);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 var(--clr-disable);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:var(--clr-black);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 var(--clr-grey);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:var(--clr-sfr2);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:var(--clr-bg);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 var(--clr-disable);border-color:var(--clr-disable);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 var(--clr-black);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:var(--clr-sfr2);}
.phone_plan .bl_offres .bl_prix_forfait span{color:var(--clr-black);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:var(--clr-sfr2);display:inline-block;font-family:SFR-Bold;font-size:19px;}
.phone_plan .bl_desc .desc{color:var(--clr-grey);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:var(--clr-black);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 var(--clr-disable);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:var(--clr-black);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:var(--clr-grey);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: var(--clr-black);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 {font-family: SFR-Regular;font-size: 12px;color: var(--clr-black);display: inline-block;padding: 6px 12px;border: 1px solid var(--clr-black);border-radius: 24px;text-decoration: none;transition: .5s background-color ease-out;cursor:pointer;}
bol-tv-channels .category_list li a.active {background-color: var(--clr-black);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 var(--clr-disable);border-radius:4px;cursor:pointer;display:flex;height:60px;justify-content:center;}
bol-tv-channels .channel_list li a img{max-height:60px;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;}
.fil_ariane .v_mob{display:none;}
.fil_ariane a i{background:50% no-repeat;display:inline-block;height:16px;margin:0 10px -3px 0;width:16px;}
.fil_ariane a.back i{background-image:url(https://static.s-sfr.fr/media/prev-next-red.svg);transform:rotate(180deg);}
body.Media .fil_ariane,body.Media .fil_ariane a{color:#fff;}
body.Media .fil_ariane.back i,body.Media .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:var(--clr-bg);}
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:var(--clr-black);}
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:var(--clr-black);margin-bottom:8px;}
bol-seo-block .bloc_seo .desc{color:var(--clr-grey);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 var(--clr-disable);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;}
/*Old*/
.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:var(--clr-black);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;}
/*New*/
#FaqDetails {width: 1280px;max-width: calc(100% - 64px);margin: 24px auto 0;}
#FaqDetails h3 {font: 16px/24px SFR-Bold;}
#Faq .btn4 {width: fit-content;margin: 16px auto 0;}
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);}
.bloc_reassurance .desc{font-size:14px;line-height:20px;padding-top:15px;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:var(--clr-yellow);border-radius:4px;color:var(--clr-black);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:var(--clr-sfr2);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:var(--clr-grey);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:var(--clr-bg);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:var(--clr-black);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;display:flex;justify-content:space-between;padding:60px 0;}
.Media .bl_contenu_media .elem_contenu{color:#fff;}
.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;}
.Media .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:var(--clr-black);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:var(--clr-disable);}
.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:var(--clr-black);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:var(--clr-disable);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 var(--clr-disable);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:101;}
.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;font-size: 24px;line-height: 24px;}
.popin-wrapper picture{max-width:unset;}
.popin-wrapper picture img{display:block;margin:0 auto;max-width:unset;}
.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;}
dialog.popin-subvention{border:0;}
button.popin-btn-close{background:none;}
.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 var(--clr-disable);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:var(--clr-black);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:var(--clr-disable);}
.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:var(--clr-black);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:var(--clr-bg);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:var(--clr-black);font-family:SFR-Regular;font-size:18px;line-height:1.56;}
.Text700.mobile{font-size:16px;line-height:24px}
.Text500{color:var(--clr-black);font-family:SFR-Regular;font-size:14px;line-height:20px;}
.Text300{font-size:12px;}
.Text200,.Text300{color:var(--clr-grey);font-family:SFR-Regular;font-weight:400;}
.Text200{font-size:10px!important;}
.input{background-color:#fff;border:1px solid var(--clr-disable);border-radius:8px;height:42px;line-height:42px;padding:0 14px;}
.input,.label{color:var(--clr-black);font-size:14px;}
.label{display:inline-block;line-height:1.43;margin-bottom:4px;}
.AllMobile .PhoneList li:nth-child(n+10){display:block;}

.autocomplete-container .input-container input{background-color:#fff!important;border:1px solid var(--clr-disable)!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;}
#Recherche .autocomplete-block.active { margin: 0 0 240px; }
#Recherche .ng-autocomplete {display: inline-block;max-width: calc(100% - 40px);}
.media-span{border-color:#fff;color:#fff;}
body.Media{background:var(--clr-black);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% 352px;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:not(.esim){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.esim  { display: flex; justify-content: space-between; width:100%; gap: 40px; }
.bloc-forfaits .conf.esim > div { background:#fff;box-shadow: 0px 8px 16px rgba(24, 24, 24, 0.02);border-radius: 12px; padding:24px 24px 48px 24px; width:100%; position: relative; }
/*.bloc-forfaits .conf.esim > div:nth-child(2) {display: none;}*/
.bloc-forfaits .conf.esim > div > strong { font-size: 16px; margin: 0 0 16px 0; display: block; }
.bloc-forfaits .conf.esim > div .mi { position: absolute; bottom: 24px; left: 24px; }
.bloc-forfaits .conf.esim > div .generic-option>div { width: fit-content; margin: 0 16px 0 0; }
.bloc-forfaits .conf.esim > div .generic-option img { width: 40px; height: 40px; }
.bloc-forfaits .conf.esim .iconodebit { margin: 8px 0; }
.bloc-forfaits .overlay { display: none; top: 0; left: 0; background: rgba(24, 24, 24, 0.6); z-index: 4; position: absolute; width: 100%; height: 100%;}
.bloc-forfaits .popin-block {position: fixed;width: 620px;height:fit-content;box-shadow: 1px 0px 20px 1000000px #0000007a;overflow: hidden;max-width: calc(100% - 64px);border-radius: 12px;z-index: 99999;font: normal 14px/22px SFR-Regular;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.bloc-forfaits .popin-block .scroll {display: flex;flex-flow:row wrap;gap: 16px 8px;height: fit-content;max-height: 100%;padding: 24px;overflow: auto;background: #fff;border-radius: 12px}
.bloc-forfaits .popin-block h3 {max-width:calc(100% - 40px);width:100%;}
.bloc-forfaits .popin-block .popin-btn-close {position: relative;right: 0;top: 0;}
.bloc-forfaits .popin-block .bottom{display: flex;flex-flow: row-reverse;justify-content: space-between;align-items:center;width: 100%;}
.bloc-forfaits .popin-block .time{display:block;}
.bloc-forfaits .popin-block .time:before{position:relative;display:inline-block;content:'';width:32px;height:32px;background: url(//static.s-sfr.fr/assets/pictos/historique_40_noir.svg) center / cover;vertical-align: middle;margin-right: 8px;}
.bloc-forfaits .popin-block .selectors p {font-family: 'SFR-Bold';margin-bottom: 4px;}
.bloc-forfaits .popin-block .selectors .selector {margin-bottom: 16px;}
.bloc-forfaits .popin-block .btn{height: fit-content;width: fit-content;}
.bloc-forfaits .popin-block .accs {width:100%;}
.bloc-forfaits .popin-block .accs .line {display: grid;grid-auto-flow: column;grid-template-columns: calc(100% - 64px) 64px;padding: 4px 0;align-items: center;/* border-bottom: 1px solid #d2d2d2; */}
.bloc-forfaits .popin-block .accs .q {text-align: right;}
.bloc-forfaits .popin-block .accs img {position: absolute;top: 0;bottom: 0;margin: auto;left: 0;width: 32px;}
.bloc-forfaits .popin-block .accs .line:not(:first-of-type) {border-bottom: 1px solid #d2d2d2;}
.bloc-forfaits .popin-block .accs span {margin-left: 40px;vertical-align: sub;}
.bloc-forfaits .popin-block .accs .indispo {display: block;position: relative;color: #8A8A8A;font-size: 12px;line-height: 18px;margin-top:4px;margin-left: 54px;}
.bloc-forfaits .popin-block .accs .indispo:before {position:absolute;content:'';width:10px;height:10px;border-radius:50%;left: -14px;top:0;bottom:0;margin:auto;background: var(--clr-sfr2);}
.bloc-forfaits .popin-block .generic-choices,.bloc-forfaits .popin-block .checks {align-self: center;}
.bloc-forfaits .popin-block .generic-choices .radio-inputs label{width:100%}
.bloc-forfaits .popin-block .form-content {display:flex;justify-content:space-between;align-items: flex-start;width: 100%;}
.bloc-forfaits .popin-block .form-content.result {background: #222;border-radius: 12px;padding-left: 24px;}
.bloc-forfaits .popin-block img {border-radius: 12px;height: auto;object-fit: contain;width: -webkit-fill-available;max-width: 260px;margin:auto 0;}
.bloc-forfaits .popin-block form{max-width:50%;}
.bloc-forfaits .popin-block .checks > *{margin-bottom:16px;}
.bloc-forfaits .popin-block .nb-acc {display:none;}
.bloc-forfaits .popin-block .nb-acc p {font-size:12px;line-height:18px;margin-bottom:8px;}
.bloc-forfaits .popin-block .popin-btn-close:before { position: absolute; content: ""; transform: unset; background: url(https://static.s-sfr.fr/assets/pictos/fermer_40_noir.svg); background-size: cover; height: 32px; width: 32px; left: 0; top: 0; }
.bloc-forfaits .popin-block .popin-btn-close:after { display: none; }
.bloc-forfaits .popin-block #Recherche {max-width: none; width: 100%; position: relative; }
.bloc-forfaits .popin-block #Recherche label{color:transparent;display:block;font-size:0px}
.bloc-forfaits .popin-block #Recherche  #AutocompleteBlock.active {margin-bottom:240px;}
.bloc-forfaits .popin-block #Recherche  .autocomplete-block.active {margin-bottom:240px;}
.bloc-forfaits .popin-block #Recherche input[type="submit"]{display:inline-block;border:none;width:40px;height:40px;margin-left:-4px;vertical-align:top;background-color:#d90d25;border-left:1px solid #d90d25;color:transparent;outline:0;-webkit-appearance:none;border-radius:0 8px 8px 0;background-image:url(https://static.s-sfr.fr/assets/pictos/rechercher_40_blanc.svg);background-size:22px;background-repeat:no-repeat;background-position:center center;cursor:pointer}
.bloc-forfaits .popin-block #Recherche input[type="text"].phonelist{ border-radius: 8px 0 0 0; }
.bloc-forfaits .popin-block #Recherche input[type="text"].phonelist + input[type="submit"]{ border-radius: 0 8px 0 0; }
.bloc-forfaits .popin-block #Recherche>div>span { cursor: pointer; width: 100%; display: block; padding: 5px 16px; }
.bloc-forfaits .popin-block #Recherche>div>span>img{ height: 24px; width:fit-content; margin: 0 8px 0 0; }
.bloc-forfaits .popin-block #Recherche>div>span:hover { background-color: var(--clr-bg); }.bloc-forfaits .conf .eng{font:normal 14px/22px SFR-Bold;margin-bottom:16px;}
.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 var(--clr-black);border-radius: 24px;text-decoration: none;transition: .5s background-color ease-out;cursor:pointer;}
.bloc-forfaits .mi:hover{color:#fff;background: var(--clr-black)}
.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%;}
.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 img {height: 12px;vertical-align: middle;}
.col-2 .generic-option.a .generic-option{display: inline-flex;}
.col-2 .generic-option p .g {color:#8A8A8A}
.col-2 .generic-option.a .h {display: none}
.col-2 .generic-option .generic-option {display: none;padding: 4px 16px;margin: 4px 0 0;align-items: center;}
.col-2 .generic-option input:checked + .generic-option {padding: 3px 15px;}
.col-2 .generic-option.a {padding: 15px}
.col-2 .generic-option.a .generic-option{display: inline-flex;}
.generic-option.a .i-explanation {z-index: 11;}
.generic-option.total {border:0;cursor:default;}
.generic-option .pb {font: normal 12px/24px SFR-Regular;padding-left:4px;text-decoration:line-through;color:#8a8a8a}
.generic-option .phone .ms {font: normal 12px/18px SFR-Regular;display:block;}
.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;}

#Eligibility  .pagination {padding:0;font-size: 14px;line-height: 18px;}
#Eligibility {position: relative;width: 100%;margin: 40px auto 0; z-index: 0;padding:24px;display:flex;gap:40px;justify-content:center;align-items: center;min-height: 201px;}
#Internet-eligibility-block_1 #Eligibility,#Internet-eligibility-block_4 #Eligibility, #Tv-eligibility-block_1 #Eligibility{z-index: 100;}
#Eligibility.eli-form, #Eligibility.eli-result {background: 100% 85%/ cover url(//static.s-sfr.fr/media/Fixe/img-bckg-reg-desk.webp);}
#Eligibility.eli-form:before,
#Eligibility.eli-result:before {content: '';width: 50%;height: 100%;background-color: #c80707;opacity: .9;position: absolute;left: 0;top: 0;z-index: 0;}
#Eligibility .autocomplete-container .not-found {display:none;}
#Eligibility picture {z-index: -1;position: absolute;width: 100%;height: 100%;bottom:0;}
#Eligibility .btn {width: fit-content;}
#Eligibility .background-eli {position: absolute;width: 100%;min-height: 100%;max-height: -webkit-fill-available;bottom: 0;object-fit: cover;z-index: -1;object-position: 50% 100%;}
#Eligibility .content{position: relative;background:#fff; z-index: 5;padding:24px;border-radius:12px;width:1280px;max-width:100%;}
#Eligibility .content.h{display:none;}
#Eligibility .content.loading{min-height:198px;position:relative}
#Eligibility .content .loader{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:43%;left:50%;transform:translate(-50%, -43%);z-index:-1;}
#Eligibility .content .loader p {font-family: SFR-Bold;font-size: 16px;color: #fff;text-align: center;margin-top: 162px;}
#Eligibility .content .loader: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;}
#Eligibility .content .loader: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}
#Eligibility.eli-form {display: flex;justify-content: center;}
#Eligibility.eli-form.s .content{width: 840px;}
#Eligibility .connect{position: relative;background:#fff;z-index: 5;padding:24px;border-radius:12px;display:grid;gap:16px;min-width: 240px;width: 400px;max-width: 100%;justify-content: center;text-align: center;align-content: center;min-height:150px;}
#Eligibility .help {position: relative;background: #fff;z-index: 5;padding: 24px;border-radius: 12px;display: grid;gap: 8px;width: 400px;max-width: 100%;justify-content: center;align-items: center;text-align: center;min-height:327px;}
#Eligibility .help .title{font:normal 24px/36px SFR-Bold;margin-bottom:8px;}
#Eligibility .help img,#Eligibility .help .btn2{width: fit-content;margin:0 auto;}
#Eligibility .help ul{margin: 16px auto 8px;text-align: left;list-style: disc;padding-left:17px;}
#Eligibility .st{font:normal 14px/22px SFR-Bold;position: relative;display: inline;vertical-align:middle;}
#Eligibility form {margin-top: 4px;vertical-align: middle;width: 100%;}
#Eligibility form .autocomplete-container {z-index:54;height:auto;margin-bottom: 16px;}
#Eligibility form .autocomplete-container .input-container.error {position: relative;margin-bottom: 38px;}
#Eligibility form .autocomplete-container .input-container input {display: inline-block;vertical-align: middle;border-radius: 8px 0 0 8px;}
#Eligibility form .autocomplete-container .input-container.error input {border-color:var(--clr-sfr2) !important;padding-bottom: 22px;}
#Eligibility form .error-text {position: absolute;font:normal 12px/18px SFR-Regular;color:var(--clr-sfr2);top: 46px;width: calc(100% + 40px);}
#Eligibility form .error-text:before {position:relative;vertical-align: middle;display:inline-block;content:"";background:url(https://static.s-sfr.fr/assets/pictos/croix_40_rouge.svg);background-size:contain ;margin-right:4px;width: 16px;height: 16px;}
#Eligibility form ng-autocomplete {display: inline-block;width: 100%;/* height: 40px; */max-width: calc(100% - 94px);}
#Eligibility form .test {display: inline-block;vertical-align: middle;height:42px;border-radius: 0 8px 8px 0;margin-left:-4px;}
#Eligibility .eli-more {display: inline-block;}
#Eligibility .message.ko{margin-bottom:16px;}
#Eligibility .st .i-explanation {right: -20px;top: unset;bottom: 2px;margin: auto;}
#Eligibility .st .explanation {font:normal 12px/18px SFR-Regular;width: 328px;padding: 16px;border-radius: 8px;top: unset;bottom: 25px;right: -168px;}
#Eligibility .st .explanation:before {content: "";position: absolute;bottom: -12px;left: 50%;margin-top: -5px;border-width: 7px;border-style: solid;border-color: var(--clr-black) transparent transparent transparent;}
#Eligibility .resp {position: relative;display:none;z-index: 7;width: 100%;background: #fff;border-radius: 12px 12px 0 0;bottom: -20px;margin-top: -20px;padding: 16px 0 24px;}
#Eligibility .resp span {display: inline-block;position: relative;width: 50%;font-size: 14px;line-height: 22px;text-align: center;color: var(--clr-black);vertical-align: middle;padding-bottom: 10px;}
#Eligibility .resp .a{font-family:SFR-Bold;}
#Eligibility .resp .a:after {position: absolute;content: "";width: calc(100% - 32px);height: 2px;left: 16px;bottom: 0;background: var(--clr-sfr2);}
#Eligibility form .locate {display:none;}
#Eligibility .address{padding:16px 0;}
#Eligibility .address .st {padding-left: 32px;display: inline-block;}
#Eligibility .address .st:before {position: absolute;content: '';display: inline-block;width: 24px;height: 24px;vertical-align: middle;background: no-repeat url(//static.s-sfr.fr/assets/pictos/pin-hole.svg);background-size: contain;left: 0;}
#Eligibility .address .btn4 {display: inline-block;width:fit-content;margin-left: 8px;vertical-align: middle;}
#Eligibility.elizone form{margin-top:16px;}
#Eligibility.elizone form.h {display: none;}
#Eligibility.elizone form .btn {position: absolute;bottom: 24px;right: 24px;}
#Eligibility.elizone p{font-size: 14px;line-height:22px;}
#Eligibility .elem {display: inline-block;margin:16px 16px 16px 0;}
#Eligibility .elem p{font-family:SFR-Bold;margin-bottom:4px;}
#Eligibility input {font-size: 14px;line-height: 22px;border: 1px var(--clr-disable) solid;border-radius: 8px;height: 40px;padding: 8px 16px;}
#Eligibility.eli-occupant .elem input {margin-top: 4px;}
#Eligibility .elem .selector {width:200px}
#Eligibility .elem .selector > p{padding: 12px 5px 6px 10px;}
#Eligibility .elem .selector select:invalid,
#Eligibility .elem .selector select option[value=""] {font:normal 14px/22px SFR-Regular;color: var(--clr-grey);}
#Eligibility .elem .selector [hidden] {display: none;}
#Eligibility .elem input[name="compl"],#Eligibility .elem input[name="numRue"] {width: 66px;}
#Eligibility.eli-occupant .elem input[type="text"] {width: 96px;}
#Eligibility.eli-building .address,  #Eligibility.eli-occupant .address {border-bottom:1px solid var(--clr-disable);margin-bottom:16px;}
#Eligibility.eli-occupant form {max-width:286px;}
#Eligibility.eli-building .t, #Eligibility.eli-occupant .t {font-size:14px;line-height:22px;margin-right:16px;}
#Eligibility.eli-occupant .o {position:relative;width: 100%;border: 1px solid var(--clr-disable);border-radius: 8px;margin: 16px 0;padding: 16px;cursor:pointer;}
#Eligibility.eli-occupant .o.a {border-color: var(--clr-sfr2);cursor:auto;}
#Eligibility.eli-occupant .o .i {margin-top: 16px;}
#Eligibility.eli-occupant .o .btn {position: absolute;width: 215px;display:none;right:16px;bottom:16px}
#Eligibility.eli-occupant .o.a .btn {display:table;}
#Eligibility.eli-occupant .b {display: block;margin: 0 auto;width: fit-content;text-align: center;}
#Eligibility.eli-occupant .b p{font-size:14px;line-height:22px;margin:16px 0 8px;}
#Eligibility.eli-building form > .st {display:table;}
#Eligibility.eli-building form ng-autocomplete {width: 382px;margin:0 16px;}
#Eligibility.eli-building .generic-choices {margin-bottom: 16px;}
#Eligibility.eli-building .opac {position: relative;margin-top: 24px;margin-bottom: 16px;}
#Eligibility.eli-building .elem:last-of-type{margin-bottom: 16px;}
#Eligibility .opac .st {vertical-align: top;padding-top: 10px;display: inline-block;}
#Eligibility.eli-building .opac img{margin-left: 18%;margin-top: -30px;}
#Eligibility form .opac .autocomplete-container .input-container input {border-radius: 8px;}
#Eligibility.eli-building .b {text-align:right;margin-top:16px;}
#Eligibility.eli-building .b .btn{display:inline-block;margin-left:16px;}
#Eligibility .generic-choices .radio-inputs {margin-top: 16px;}
#Eligibility.eli-result .message {gap: 0 16px;grid-template-columns: auto auto;justify-content: space-between;align-items: center;}
#Eligibility.eli-result .message .link2 {margin-left:24px;}
#Eligibility.eli-result .imgs {display:flex;gap:24px;margin-top: 16px;}
#Eligibility.eli-result .message .r>*{display:inline-block;width:fit-content;vertical-align:middle;margin-left:8px}
#Eligibility.eli-result .texts {margin-top: 16px;display: flex;align-items: center;justify-content: space-between;}
#Eligibility.eli-result .texts .back-shop {max-width: fit-content;margin: 0;padding: 0;}
#Eligibility.eli-result .texts p {position: relative;max-width: calc(100% - 150px);}
#Eligibility.eli-result .btn {position: absolute;top: 0;bottom: 0;margin: auto;right: -280px;}
#Eligibility.eli-result .content > .back-shop {display: none;max-width: fit-content;margin: 0 0 16px;padding: 0;}
.offre-speciale bol-addons-card {width:100%;}
.offre-speciale .generic-checks label{width:auto;white-space: break-spaces;}
.offre-speciale .generic-checks .content.two{display: none}
.offre-speciale .generic-checks input:last-of-type:checked ~ .content.two{display: flex}
.offre-speciale .generic-checks input:last-of-type:checked ~ .content.one{display: none}
.offre-speciale .generic-checks label:last-of-type{margin-left: -4px}


#Quelleoffrechoisir .bl-ip-container img{margin-bottom:16px;}
#Quelleoffrechoisir .bl-ip-container div{max-width:50%;}
#Quelleoffrechoisir .bl_offer_to_choose bol-mobile-plan-card-block{height:100%;}
#Quelleoffrechoisir .bl_offer_to_choose .addons-card{background:#fff;height:100%;}
#Quelleoffrechoisir .bl_offer_to_choose .addons-card.btnplus{height:100%;display: flex;flex-direction: column;justify-content: flex-end;}
#Quelleoffrechoisir .bl_offer_to_choose .addons-card.btnplus > div:first-child{margin-top:auto;padding:0 24px;}
#Quelleoffrechoisir .bl_offer_to_choose .addons-card.btnplus .price{color:var(--clr-sfr2);}
#Quelleoffrechoisir .bl_offer_to_choose .bl_right {border-radius: 12px; margin-bottom: 32px;}
#Quelleoffrechoisir .bl_offer_to_choose .bl_right > div:nth-child(2){min-width: 40px;align-items:center;}
#Quelleoffrechoisir .bl_offer_to_choose .bl_right > div:nth-child(2)::before{color:#fff;background:#000;top:initial;}
#Quelleoffrechoisir .bl_offer_to_choose .bl_right > div:nth-child(4){flex: 0; min-width: 40px; display: flex; justify-content: center;align-items:center;}
#Quelleoffrechoisir .bl_offer_to_choose .bl_right > div:nth-child(4)::before { content: "=";display: flex; width: 26px;height: 26px;box-shadow: 0px 8px 16px rgb(24 24 24 / 8%);background-color: #000; position: absolute; border-radius: 90px; font-size: 19px; font-family: SFR-Bold; color: #fff; justify-content: center;align-items: center;}
#Quelleoffrechoisir .bl_offer_to_choose .bl_right .BlackBloc .sub-t {font:normal 16px/24px SFR-Bold;margin:16px auto;text-align:center;-webkit-line-clamp:2}
#Quelleoffrechoisir .bl_offer_to_choose .addons-card.btnplus .sub-t {font:normal 16px/24px SFR-Bold;margin:16px auto;text-align:center;-webkit-line-clamp:2}
#Quelleoffrechoisir .addons-card ul{list-style: initial; padding-left: 22px;}
#Quelleoffrechoisir .addons-card bol-price{display:block;margin-bottom:0;}
#Quelleoffrechoisir .addons-card .T{padding:24px; padding-bottom:0;}
#Quelleoffrechoisir .addons-card .T h3{margin-bottom:8px;}
#Quelleoffrechoisir .addons-card .header #BoxDePoche{width:200px ;margin-top:24px;}
/* #Quelleoffrechoisir .addons-card.btnplus .bl_desc:first-child{padding-top:24px;}
 */#Quelleoffrechoisir .addons-card.btnplus .bl_desc > p{font-size:12px;text-align:center;}
#Quelleoffrechoisir .addons-card .BlackBloc{height:fit-content; padding-top:0;}
#Quelleoffrechoisir .bl_offer_to_choose .addons-card .btn{max-width:calc(100% - 48px);position:relative;bottom:24px;margin-top:auto;}
#Quelleoffrechoisir .bl_offer_to_choose .addons-card.btnplus .BlackBloc{padding-bottom:12px;}
#Quelleoffrechoisir .addons-card .BlackBloc .btn{bottom: 0; width: auto;position: relative;right: 0;left: 0;margin-right: 0;margin-left: 0;max-width:100%;}
#Quelleoffrechoisir .bl_desc .price {justify-content: center; margin-bottom: 12px;}
#Quelleoffrechoisir .bl_desc bol-price > p{font-size:14px;text-align:center;margin-bottom:8px;text-transform: initial;}
#Quelleoffrechoisir .bl-ip-container{background-color: #fff; padding: 24px; border-radius: 8px; box-shadow: 0px 0px 24px 4px rgb(0 0 0 / 4%); margin-bottom:24px;display: flex;align-items: center;text-align: center;gap: 40px;}
#Quelleoffrechoisir .bl-ip-container .ip-container-title {font: 14px/22px SFR-Bold;}
#Quelleoffrechoisir .bl-ip-container .ip-container-subtitle {font: 14px/22px SFR-regular;}
#Quelleoffrechoisir .generic-checks{width:430px;margin:0 auto;max-width:100%;}
#Quelleoffrechoisir .generic-checks label:last-of-type{margin: 0 0 16px -4px;}
#Quelleoffrechoisir .bl_offres{width:100%;display:flex;justify-content:center;align-items:center;min-height:32px;margin-top:21px;}
#Quelleoffrechoisir .bl_offres:before{content: "+";display: flex;width: 26px;height: 26px;background-color: #000;position: absolute; border-radius: 90px;font-size: 19px;font-family: SFR-Bold; color: #fff;justify-content: center;align-items: center;}
#Quelleoffrechoisir .elem h4{margin-bottom:8px;}
#Quelleoffrechoisir .bl_description{font-size:16px;}

#CPF .iconodebit div{max-width: calc(100% - 80px);}
#CPF .col-2 .sim{flex-flow: column;}
#CPF .col-2 .sim p{margin-left: 56px;}
#CPF .col-2 .sim:before {content: '';position: absolute;width: 40px;height: 40px;left: 16px;top: 0;bottom: 0;margin: auto;filter: invert(56%) sepia(4%) saturate(30%) hue-rotate(89deg) brightness(97%) contrast(92%);}
#CPF .col-2 input:checked + .sim:before {left: 15px;filter:unset}
#CPF .col-2 .sim.ph:before {background: url(//static.s-sfr.fr/assets/pictos/sim_horizontale_40_noir.svg);background-size: cover;}
#CPF .col-2 .sim.e:before {background: url(//static.s-sfr.fr/assets/pictos/e_sim_40_noir.svg);background-size: cover;}
#CPF #CPbtn{padding: 24px;position: absolute; bottom:0; width:100%; background:transparent;}
#CPF .iconodebit > div {margin-top:16px;}
#CPF .iconodebit > h4 {margin-bottom:4px;}
#CPF .carte-offre .techno {font: normal 24px / 36px SFR-Bold;color: var(--clr-black);text-decoration: none;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 8px;}
#CPF .carte-offre{display: grid;gap: 0; position: relative;border-radius: 8px;background: #fff;padding: 24px;overflow: hidden;transition: opacity .4s ease-out;cursor: pointer;}
#CPF .carte-offre .list-check {margin: 24px 0 0;padding-top: 24px;border-top: 1px solid var(--clr-disable);}
#CPF .list-check {list-style: none;padding: 16px 0 0;border-top: 1px solid #D2D2D2;text-decoration: none;}
#CPF .list-check li {padding-left: 32px;position: relative;margin-top: 8px;}
#CPF .list-check li:before {content: "";position: absolute;width: 24px;height: 24px;background: url(//static.s-sfr.fr/assets/pictos/check_gras_40_rouge.svg);background-size: cover;vertical-align: middle;display: inline-block;left: 0;}
#CPF .sticker.j {width: fit-content;font-family: SFR-Bold;line-height: 24px;height: 24px;white-space: normal;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;max-width: calc(100% - 32px);background: var(--clr-yellow);color: var(--clr-black);border-radius: 4px;padding: 0 8px;margin-bottom: 24px;}
.CPtoggle form {width:fit-content; display:flex;gap:8px; align-items:center;}
.CPtoggle form input:nth-child(1){order:2;}
.CPtoggle form label:nth-child(2){order:3;}
.CPtoggle form p:nth-child(3){order:1;}
.CPtoggle form p:nth-child(4){order:4;}
.CPtoggle {position:absolute; top:0;bottom:0;right:0;margin:auto 0;height:fit-content;}
.CPtoggle form input[type="checkbox"] { transition: transform 0.75s ease; visibility: hidden;}
.CPtoggle form input[type="checkbox"]:checked + .Fr:before { transform: translateX(-30px);}
.CPtoggle form input[type="checkbox"]:checked + .An:before { transform: translateX(30px);}
.CPtoggle form #LTan { transition: transform 0.75s ease; display: flex; width: 60px; height: 30px; border: 1px solid #000; border-radius: 99em; position: relative; transition: transform 0.75s ease-in-out; transform-origin: 50% 50%; cursor: pointer;}
.CPtoggle form > .Fr:before { transition: transform 0.4s ease; transition-delay: 0.1s; content: ""; display: block; position: absolute; width: 24px; height: 24px; background-color: #000; border-radius: 50%; top: 2px; left: 32px;}
.CPtoggle form > .An:before { transition: transform 0.4s ease; transition-delay: 0.1s; content: ""; display: block; position: absolute; width: 24px; height: 24px; background-color: #000; border-radius: 50%; top: 2px; left: 2px;}
#CPF .bloc-w{height:100%;}
#CPF #bloc-config-phone{margin-bottom:0;}
#CPF #bloc-config-phone h3 {margin-bottom:16px;}
#CPF .generic-option{margin-bottom:16px;}
#CPF h3 { font: normal 16px/24px SFR-Bold; background: #fff;}
#CPFrecap {background:#fff;border-radius:12px;height:100%;}
#CPF bol-title-block{width: 1280px;max-width: calc(100% - 32px);display: block; margin: 0 auto;position:relative;}
.CPtoggle > p{width: 29%;}
#CPF #bloc-config-phone .col-2{margin:0;}
#CPF .btn.toAdd{position:absolute;width:calc(100% - 48px); bottom:0;}
#CPF .n.sep {height:calc(100% - 72px);}

#CPF .stickers {height: unset}
#CPF .carte-offre .techno.prx {margin-bottom: 0;}
#CPF.bloc_config {margin: 0 auto 40px auto;}
#CPF.bloc_config .part-R {height: fit-content;}

#Qoc .bl-ip-container img{margin-bottom:16px;}
#Qoc .bl-ip-container div{max-width:50%;}
#Qoc .bl_offer_to_choose bol-mobile-plan-card-block{height:100%;}
#Qoc .bl_offer_to_choose .addons-card{background:#fff;}
#Qoc .bl_offer_to_choose .addons-card.btnplus{height:100%;display: flex;flex-direction: column;justify-content: flex-end;}
#Qoc .bl_offer_to_choose .addons-card.btnplus > div:first-child{margin-top:auto;}
#Qoc .bl_offer_to_choose .addons-card.btnplus .price{color:var(--clr-sfr2);}
#Qoc .bl_offer_to_choose .bl_right {border-radius: 12px; margin-bottom: 32px;}
#Qoc .bl_offer_to_choose .bl_right > div:nth-child(2){min-width: 40px;align-items:center;}
#Qoc .bl_offer_to_choose .bl_right > div:nth-child(2)::before{color:#fff;background:#000;top:initial;}
#Qoc .bl_offer_to_choose .bl_right > div:nth-child(4){flex: 0; min-width: 40px; display: flex; justify-content: center;align-items:center;}
#Qoc .bl_offer_to_choose .bl_right > div:nth-child(4)::before { content: "=";display: flex; width: 26px;height: 26px;box-shadow: 0px 8px 16px rgb(24 24 24 / 8%);background-color: #000; position: absolute; border-radius: 90px; font-size: 19px; font-family: SFR-Bold; color: #fff; justify-content: center;align-items: center;}
#Qoc .bl_offer_to_choose .bl_right .BlackBloc .sub-t {font:normal 16px/24px SFR-Bold;margin:16px auto;text-align:center;-webkit-line-clamp:2}
#Qoc .bl_offer_to_choose .addons-card.btnplus .sub-t {font:normal 16px/24px SFR-Bold;margin:16px auto;text-align:center;-webkit-line-clamp:2}
#Qoc .addons-card ul{list-style: initial; padding-left: 22px;}
#Qoc .addons-card bol-price{display:block;margin-bottom:0;}
#Qoc .addons-card .T{padding:24px; padding-bottom:0;}
#Qoc .addons-card .T h3{margin-bottom:8px;}
#Qoc .addons-card .header #BoxDePoche{width:200px ;margin-top:24px;}
/* #Qoc .addons-card.btnplus .bl_desc:first-child{padding-top:24px;}
 */#Qoc .addons-card.btnplus .bl_desc > p{font-size:12px;text-align:center;}
#Qoc .addons-card .BlackBloc{height:fit-content; padding-top:0;}
#Qoc .bl_offer_to_choose .addons-card .btn{max-width:calc(100% - 48px);position:relative;bottom:24px;margin-top:auto;}
#Qoc .bl_offer_to_choose .addons-card.btnplus .BlackBloc{padding-bottom:12px;}
#Qoc .addons-card .BlackBloc .btn{bottom: 0; width: auto;position: relative;right: 0;left: 0;margin-right: 0;margin-left: 0;max-width:100%;}
#Qoc .bl_desc .price {justify-content: center; margin-bottom: 12px;}
#Qoc .bl_desc bol-price > p{font-size:14px;text-align:center;margin-bottom:8px;text-transform: initial;}
#Qoc .bl-ip-container{background-color: #fff; padding: 24px; border-radius: 8px; box-shadow: 0px 0px 24px 4px rgb(0 0 0 / 4%); margin-bottom:24px;display: flex;align-items: center;text-align: center;gap: 40px;}
#Qoc .bl-ip-container .ip-container-title {font: 14px/22px SFR-Bold;}
#Qoc .bl-ip-container .ip-container-subtitle {font: 14px/22px SFR-regular;}
#Qoc .generic-checks{width:430px;margin:0 auto;max-width:100%;}
#Qoc .generic-checks label:last-of-type{margin: 0 0 16px -4px;}
#Qoc .bl_offres{width:100%;display:flex;justify-content:center;align-items:center;min-height:32px;margin-top:21px;}
#Qoc .bl_offres:before{content: "+";display: flex;width: 26px;height: 26px;background-color: #000;position: absolute; border-radius: 90px;font-size: 19px;font-family: SFR-Bold; color: #fff;justify-content: center;align-items: center;}
#Qoc .elem h4{margin-bottom:8px;}
#Qoc .bl_description{font-size:16px;}
.boxplus-sticker{background: var(--clr-yellow); font-family: 'SFR-Bold'; color: var(--clr-black); margin: 0px auto 8px;font-size: 12px;padding: 0 8px; border-radius: 4px; display: table;}
/* .generic-cards .btn2, .generic-cards .btn {margin-top: 16px;}
.generic-cards .mea-tv {position:relative;height: calc(100% - 32px); padding: 24px; margin: 16px 0;background:url(https://static.s-sfr.fr/gettyimages-1182454657-rvb2.webp?cacheBust=i9habvxcem);position:relative;overflow:hidden;}
.generic-cards .mea-tv:before{content:"";width:50%; height:100%;position:absolute;left:0;top:0; background: rgba(226, 0, 0, 0.800000011920929);z-index:0;}
.generic-cards .mea-tv * {z-index:1;position:relative;}
.generic-cards .mea-tv bol-card-tv-fix{ display: flex; flex-direction: column; justify-content: space-between; height: 100%; align-items: center;}
.generic-cards .mea-tv img{max-width:100%;}
.generic-cards .mea-tv .subtitle {color:#fff;}
.generic-cards .mea-tv .generic-price.t{color:#fff;display:block; align-self:flex-start;}
.generic-cards .mea-tv .generic-price.t .price{width:fit-content;}
.generic-cards .mea-tv bol-price, .generic-cards .mea-tv .eng{text-align:left;display:block;font-size:12px;}
.generic-cards .mea-tv .price .L {font-size: 80px;font-style: normal;font-weight: 700;line-height: 68px;}
.generic-cards .mea-tv .price .R, .generic-cards .mea-tv .price .M{font-size: 24px;font-style: normal;font-weight: 700;line-height: normal;} */
.pb_hnavbar{color:var(--clr-black);width:fit-content;margin:0 auto; display:flex;border-radius:8px;border: 1px solid var(--clr-disable);overflow:hidden;font-family:'sfr-Bold';}
.pb_hnavbar label {padding:8px 24px;overflow:hidden;cursor:pointer;}
.pb_hnavbar label:not(:last-of-type){border-right: 1px solid var(--clr-disable);}
.pb_hnavbar input:checked + label{background:var(--clr-black);color:#fff;}
.pb_hnavbar select{display:none;font-family:'SFR-Bold';}

#Demen{width: 1280px; max-width: calc(100% - 64px); margin: 40px auto 24px;display:flex;align-items:stretch;gap:40px;flex-wrap:wrap;}
#Demen > div.L, #Demen > div.R{width:calc(50% - 20px);border-radius: 8px;padding:25px;background:#fff;height:fit-content;}
#Demen > div.L.W { width: 100%; }
/* #Demen .contMessage{width:100%;border-radius: 8px;padding:24px;background:#fff;display:block;}
 */#Eligibility .message{margin-bottom:16px;}
#Eligibility .message p > a{font-family:SFR-Bold;}
#Demen .texts {display: flex; align-items: center; justify-content: space-between;width:100%;}
#Demen .texts .back-shop {max-width: fit-content; margin: 0; padding: 0;}
#Demen .texts p { position: relative; max-width: calc(100% - 150px);}
#Demen .texts .btn{max-width:265px;}
#Demen form {margin-top: 4px;vertical-align: middle; width: 100%;}
#Demen form ng-autocomplete {display: inline-block; width: 100%; max-width: calc(100% - 94px);}
#Demen form .autocomplete-container { height: auto;margin-bottom: 16px;}
#Demen form .autocomplete-container .input-container input {display: inline-block;vertical-align: middle; border-radius: 8px 0 0 8px;}
#Eligibility > div.texts{margin-top:16px;}
#Demen form .test {display: inline-block; vertical-align: middle; height: 42px;border-radius: 0 8px 8px 0;  margin-left: -4px;width:fit-content;}
#DemenForm > label{position:relative;width:fit-content;}
#DemenForm label .i-explanation{right:-24px;top:3px;}
#DemenForm label .explanation{font-family: sfr-Regular;font-size: 14px;top: unset;bottom: 25px;right: -175px;width:182px;}
#DemenForm label .explanation:before {content: ""; position: absolute; bottom: -12px; left: 16px;margin-top: -5px; border-width: 7px;border-style: solid;border-color: var(--clr-black) transparent transparent transparent;}
#Demen .smallTitle{font-family: sfr-Bold;font-size: 16px;font-style: normal;font-weight: 700;line-height: normal;color: var(--clr-black);display:block;margin-bottom:16px;} 
#Demen > .L input[type="radio"] + label:before{content: "";width: 12px; height: 12px; background-color: #fff; border-radius: 100%; box-shadow: inset 0 0 0 1.5px #fff; border: 1px solid #02C39A; margin: 0 8px 0 0;display:inline-flex;    top: 1px; position: relative;}
#Demen > .L input[type="radio"] + label{position:relative;display:inline-block;font-size:14px;cursor:pointer;}
#Demen > .L input[type="radio"] + label:not(:last-of-type){margin-right:16px;}
/* #Demen > .L input[type="radio"] + label:after{content:"";width:6px;height:6px;position:absolute;display:inline;border-radius: 50%;background:#02C39A;top: 7px; left: 5px;display:none;} */
#Demen > .L input[type="radio"]:checked + label:before{background-color: #02C39A;}
#Demen > .L input[type="radio"]:checked + label{font-family:sfr-Bold;}
#Demen > .L .showChO label{display:block;font-size:14px;font-family:sfr-Bold;margin-bottom:6px;}
#Demen > .L .showChO{margin-top:16px;}
#Demen .message {width: 100%;gap: 0 16px;grid-template-columns: auto auto;justify-content: space-between;align-items: center;max-width: 1280px;margin-top: 16px;}
#Demen > .L .input{line-height: normal;padding: 9px 16px;width:352px;max-width:100%;cursor:pointer;font-family:'SFR-Regular'; text-overflow: ellipsis;}
#Demen input[type="date"]{position:relative;line-height: normal;margin-right:16px; padding: 9px 16px; width: 352px; max-width: 100%;background-color: #fff; border: 1px solid var(--clr-disable); border-radius: 8px; height: 42px;margin-bottom:8px;cursor:pointer;appearance: none;-webkit-appearance: none;}
#Demen > .L .showChO input[type="checkbox"] + label{display: inline-block;font-size: 14px;font-family: 'SFR-Regular'; position:relative;cursor:pointer;}
#Demen > .L .showChO input[type="checkbox"] + label:before{content:"";border: 1px solid var(--clr-disable);width: 20px;height: 20px;border-radius: 4px;background-color: #fff; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; position: relative;}
#Demen > .L .showChO input[type="checkbox"]:checked + label:before{background: var(--clr-green);}
#Demen > .L .showChO input[type="checkbox"]:checked + label:after{content: ''; border: 2px solid #fff; height: 10px;width: 4px; display: block; border-top: 0; border-left: 0; transform: rotate(45deg);position: absolute; left: 8px; top: 3px;}
#Demen > .R.actual-o .right{max-width:50%;}
#Eligibility .message{width:100%;gap: 0 16px; grid-template-columns: auto auto;justify-content: space-between; align-items: center;max-width:1280px;}
#Eligibility .message .link2{margin-left:24px;}
#Demen > .L .showChO p{margin-top:16px;}
#Demen > .L .showChO b{display:block; margin-bottom:8px;}
#Demen .L.fullwidth{width:100%;}
#Demen .demenMessage{width:100%;}
#Demen .demenMessage h2{margin-bottom:-16px;}
#Demen .demenMessage > div{margin-bottom:24px;}
#Demen .demenMessage > #DNGmessage1{padding-left:80px;position:relative;}
#Demen .demenMessage > #DNGmessage1:after{content: "";z-index: 10; position: absolute; width: 32px; height: 32px;background-image: url(https://static.s-sfr.fr/media/ampoule2-sfr.png); background-size: contain; left: 24px; top: calc(50% - 16px);background-position: center;}
#Demen .demenMessage > #DNGmessage1 p{margin-bottom:16px;display:block;}
#Demen .generic-checks { width: 500px; margin: 24px auto; max-width: 100%;}
#Demen .generic-checks.one {text-align:center;}
#Demen .generic-checks label:last-of-type {margin: 0 0 16px -4px;}
#Demen #Eligibility .texts{flex-direction:column;gap:16px; margin:0;}
#Demen #Eligibility .texts p{text-align:center;width:100%;}
#Demen .back-shop{padding:0;margin:0;}
#Demen .demenMessage .ok{margin:0;}
#Demen .conservOffer .carte {width: 400px;max-width: 100%;background: #fff;padding: 24px;box-shadow: 0px 8px 16px rgba(24, 24, 24, 0.08);border-radius: 12px;margin: 40px 0 0;text-align: left;}
#Demen .conservOffer .title{font: normal 24px / 36px SFR-Bold;margin: 16px 0;}
#Demen .conservOffer a{margin: 16px 0;}
#Demen .price .o{position:absolute;bottom:0;left:16px;}
#Demen > .demenMessage > ul{margin: 16px 0 8px;}
#Demen input[type="date"]:after{content:"";background-image:url(https://static.s-sfr.fr/assets/pictos/calendrier_40_rouge.svg);position:absolute;right:12px;width: 24px; height: 24px; background-position: center; background-size: contain;top: 0; bottom: 0;margin: auto;}
#Demen input[type="date"]::-webkit-calendar-picker-indicator {opacity:0;z-index:10;cursor:pointer;}
#Eligibility .message.noChangeOffer .link{display:inline-block;}
#Eligibility .message.noChangeOffer .link2{grid-row: 2; width: fit-content; margin-left: 0;}

/* Formulaire Eligibilité */
#FormEli{margin-top:40px;position:relative;}
#FormEli h1{margin: 40px auto; text-align: center;}
#FormEli .divform{ background-color: #fff; padding: 24px; border-radius: 8px; max-width:840px;width:calc(100% - 64px);margin:48px auto;}
#FormEli .divform h2{ margin: 0 0 16px 0; font-family: "SFR-Bold", sans-serif; font-weight: 700;font-size: 32px;}
#FormEli .divform label{font-size:16px;font-family: "SFR-Bold", sans-serif; font-weight: bold;}
#FormEli .divform form{ display: flex; flex-direction: column; align-items: center; }
#FormEli .divform form input{ height: 40px; background: #FFF; border: 1px solid #D2D2D2; border-radius: 8px; outline: none; padding: 0 10px; margin-bottom: 4px; margin-top: 8px; font-family: "SFR", sans-serif;}
#FormEli .divform form .inputlong{ width: 100%; }
#FormEli .divform button{ border-radius: 8px; font-weight: 700; font-size: 14px; cursor: pointer; vertical-align: bottom; line-height: 20px; padding: 0 25px; height: 40px; box-shadow: 0 4px 8px rgb(150 0 0 / 16%); width:fit-content;margin-left:auto;}
#FormEli .divform sup{ color: var(--clr-error); }
#FormEli .divform .formnames{ display: flex; width: 100%; gap:24px;}
#FormEli .divform .labelinput{ display: flex; flex-direction: column; width: 100%; }
#FormEli .divform .submit{ display: flex; flex-direction: column; margin-bottom: 16px; width: 100%; }
#FormEli .divform .submit > p{font-size:12px;margin-bottom:16px;}
#FormEli .divform .w50{width:50%;}
#FormEli .labelinput input[type="nmber"]{-moz-appearance: textfield;}
#FormEli .labelinput input::-webkit-inner-spin-button, .labelinput input::-webkit-outer-spin-button { -webkit-appearance: none; margin:0;}
#FormEli .sr-message-error { font-size: 13px; color: #D90D25!important; clear: both; position: relative; padding-left: 20px; overflow: hidden;}
#FormEli .sr-message-error:before { content: ""; background: url(https://static.s-sfr.fr/assets/pictos/croix_40_rouge.svg) 0 0 no-repeat; background-size: 15px; position: absolute; left: 0; top: 3px; width: 37px; height: 27px;}
#FormEli #Mentions { margin-bottom: 25px; border-top: 1px solid #ebebeb; padding-top: 25px;}
#FormEli #Mentions .t { font-family: 'SFR-Bold'; font-size: 12px; margin: 0 auto; display: table; position: relative; cursor: pointer;}
#FormEli #Mentions .t:after { position: absolute; border-top: 0; border-left: 0; content: ''; width: 8px; height: 8px; border: 2px solid; transform: rotate(45deg); right: -17px; top: 0; border-top: 0; border-left: 0;}
#FormEli #Mentions .cont { max-width: 1280px; margin: 25px auto; display: block; font-family: 'SFR-Regular'; font-size: 12px; color: #222; line-height: 1.3; padding: 0 20px;}
#FormEli #Mentions #MentionInput:checked + label .cont{display:none;}
#FormEli #Mentions #MentionInput:checked + label .t:after{transform: rotate(-135deg); top: 5px;}

#network-internet-lame { background-image: url(https://static.s-sfr.fr/media/Fixe/MEA/desktop_offre_box.jpg); background-repeat: no-repeat; background-size: cover; color: white; margin-top: 40px; height: 212px; position: relative; }
#network-internet-lame:after { position: absolute; height: 100%; width: 75%; right: 0; background: rgba(226, 0, 0); top: 0; content: ''; }
#network-internet-lame h2 { text-align: center; color: white; width:40%;}
#network-internet-lame p { font-size: 24px; line-height: 36px; font-family: 'SFR-Bold'; }
#network-internet-lame .wrapper { margin: 0 auto; position: relative; display: flex; align-items: center; width: 80%; max-width: 1280px; height: 100%; z-index: 1; }
#network-internet-lame .group1-lame-reseaux { display: flex; width: 100%; align-items: center; max-width: 1280px; }
#network-internet-lame .group1-lame-reseaux>div { margin: auto; display: grid; gap: 24px; width:60%;}

#FormEli .divform #EliMess h2{font-size:24px;margin:0;}
#EliMess p{font-size:14px;margin-bottom:24px;}
#EliMess b{margin:4px 0;display:block;}
#AutocompleteBlock {display: inline-block;width:calc(100% - 40px);position:relative;}
#AutocompleteBlock input:not(:placeholder-shown) + .clear-input {width: 16px;height: 16px;display: block;position: absolute;right: 8px;bottom: 0;top: 0;margin: auto;cursor: pointer;}
#AutocompleteBlock input:not(:placeholder-shown) + .clear-input:after{content: "";position: absolute;bottom: 1px;right: 0;width: 16px;height: 16px;background: url(https://static.s-sfr.fr/assets/pictos/croix_40_noir.svg);background-repeat: no-repeat;background-size: cover;}
#AutocompleteBlock input {display: inline-block;vertical-align: middle;border-radius: 8px 0 0 8px;box-sizing: border-box;border: 1px solid var(--clr-disable);box-shadow: none;background-color: #fff;width: 100%;padding: 0 16px;line-height: 40px;height: 40px;}
.autocomplete-block {display: inline-block;width:calc(100% - 40px);position:relative;}
.autocomplete-block input:not(:placeholder-shown) + .clear-input {width: 16px;height: 16px;display: block;position: absolute;right: 8px;bottom: 0;top: 0;margin: auto;cursor: pointer;}
.autocomplete-block input:not(:placeholder-shown) + .clear-input:after{content: "";position: absolute;bottom: 1px;right: 0;width: 16px;height: 16px;background: url(https://static.s-sfr.fr/assets/pictos/croix_40_noir.svg);background-repeat: no-repeat;background-size: cover;}
.autocomplete-block input {display: inline-block;vertical-align: middle;border-radius: 8px 0 0 8px;box-sizing: border-box;border: 1px solid var(--clr-disable);box-shadow: none;background-color: #fff;width: 100%;padding: 0 16px;line-height: 40px;height: 40px;}
.autocomplete-block li:focus,.autocomplete-block li.active {background: #F2F2F2;color: var(--clr-black);}
.form-error-text {font: normal 12px/18px SFR-Regular;color: var(--clr-sfr2);width: calc(100% + 40px);}
.form-error-text:before {position: relative;vertical-align: middle;display: inline-block;content: "";background: url(https://static.s-sfr.fr/assets/pictos/croix_40_rouge.svg);background-size: contain;margin-right: 4px;width: 16px;height: 16px;}
.es-block form {display: inline-block;vertical-align: middle;width: 100%;}
#AutocompleteBlock ul.is-hidden {display:none;}
#AutocompleteBlock ul {position: absolute;width: 100%;background: #fff;height: auto;box-shadow: 0px 8px 16px rgba(24, 24, 24, 0.08);border-radius:0 0 8px 8px;box-sizing: border-box;padding: 0;margin: 0;max-height: 240px;overflow-y: auto;z-index: 1000;}
#AutocompleteBlock li {position: relative;list-style: none;padding: 0;margin: 0;cursor: pointer;padding: 8px 16px;}
#AutocompleteBlock li:hover {background: var(--clr-bg);}
#AutocompleteBlock a {display: block;text-decoration: none;cursor: pointer;color: var(--clr-black);font-size: 14px;}
#AutocompleteBlock .bold {font-family:SFR-Bold;}
.autocomplete-block ul.is-hidden {display:none;}
.autocomplete-block ul {position: absolute;width: 100%;background: #fff;height: auto;box-shadow: 0px 8px 16px rgba(24, 24, 24, 0.08);border-radius:0 0 8px 8px;box-sizing: border-box;padding: 0;margin: 0;max-height: 240px;overflow-y: auto;z-index: 1000;}
.autocomplete-block li {position: relative;list-style: none;padding: 0;margin: 0;cursor: pointer;padding: 8px 16px;}
.autocomplete-block li:hover {background: var(--clr-bg);}
.autocomplete-block a {display: block;text-decoration: none;cursor: pointer;color: var(--clr-black);font-size: 14px;}
.autocomplete-block .bold {font-family:SFR-Bold;}
/*.bloc_config .generic-sum {z-index:11;}*/
.bloc_config .c .link2 {width: fit-content;}
.retrait.loader:before {background: var(--clr-bg) url(https://static.s-sfr.fr/assets/pictos/boutique_40_noir.svg);background-repeat: no-repeat;background-position: 24px 24px;background-size: 24px;content: "";position: absolute;width: 100%;height: 100%;right: 0;top: 0;left: unset;z-index: 1;border-radius: 8px;}
.retrait.loader:after {z-index: 3;}
#ChoixRetrait {display:none;}
#ChoixRetrait .scroll{max-height: calc(100vh - 300px);overflow: auto;}
#ChoixRetrait.displayed{display:block;position: fixed;width: 620px;height: fit-content;max-height: calc(100vh - 170px);box-shadow: 1px 0px 20px 1000px #0000007a;-webkit-appearance: none;
-webkit-box-shadow: 1px 0px 20px 1000px rgba(0, 0, 0, 0.48);
-moz-box-shadow: 1px 0px 20px 1000px rgba(0, 0, 0, 0.48);overflow: hidden;max-width: calc(100% - 64px);border-radius: 12px;z-index: 99999;font: normal 14px/22px SFR-Regular;left: 0;right: 0;top: 60px;bottom: 0;margin: auto;background:#fff;padding:40px 24px 24px;}
#ChoixRetrait .close {cursor: pointer;display: block;height: 32px;position: absolute;right: 8px;top: 8px;width: 32px;}
#ChoixRetrait .close:before {position: absolute;content: "";transform: unset;background: url(https://static.s-sfr.fr/assets/pictos/fermer_40_noir.svg);background-size: cover;height: 32px;width: 32px;left: 0;top: 0;}
#ChoixRetrait .title {display:block;font-size:24px;line-height:24px}
#ChoixRetrait .message{margin:16px 0;}
#ChoixRetrait form{display: inline-block;width: calc(100% - 190px);margin:16px 0;vertical-align: middle;}
#ChoixRetrait form input {margin-left: 4px;}
#ChoixRetrait .btn4 {display: inline-block;width: auto;margin-left: 24px;background:#fff;}
#ChoixRetrait .enstock{position:relative;display: block;cursor:pointer;margin-bottom:16px;}
#ChoixRetrait #bouton-rechercher {position:relative;display: inline-block;cursor: pointer;vertical-align: middle;width: 40px;height: 42px;padding: 9px 0 9px;background: var(--clr-sfr2);border: 0;border-radius: 8px;box-shadow: 0px 4px 8px 4px rgb(150 0 0 / 16%);margin: 0 0 0 -4px;background-image: url(https://static.s-sfr.fr/assets/pictos/rechercher_40_blanc.svg);background-repeat: no-repeat;background-size: 55%;background-position: center center;}
#ChoixRetrait .enstock div {position: absolute;cursor: pointer;width: 20px;height: 20px;border-radius: 4px;background-color: var(--clr-disable);}
#ChoixRetrait .enstock span {font-family: SFR-Regular;font-size: 14px;line-height: 20px;color: var(--clr-black);cursor: pointer;padding-left: 28px;width: -webkit-fill-available;cursor: pointer;}
#ChoixRetrait #EnStock:checked + .enstock div + span{font-family:SFR-Bold;}
#ChoixRetrait #EnStock:checked + .enstock div{background-color:var(--clr-green);}
#ChoixRetrait #EnStock:checked + .enstock 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, var(--clr-green)}
#ChoixRetrait .boutique {display:flex;gap:16px 40px;align-items: flex-start;justify-content:space-between;border:1px solid var(--clr-disable);border-radius:8px;padding:24px;margin-top:16px;}
#ChoixRetrait .inventory {margin: 16px 8px 16px 0}
#ChoixRetrait .add-basket-btn {width:auto;}
#ChoixRetrait .bold {display:block;font-size:16px;margin-bottom:16px;}
#ChoixRetrait .a {margin:16px 0 8px;}
#ChoixRetrait .km {position: relative;color: var(--clr-grey);margin-right: 20px;}
#ChoixRetrait .km:after {position: absolute;content: "";top: 0;bottom: 0;margin: auto;right: -12px;width: 4px;height: 4px;background: var(--clr-black);border-radius: 50%;}
#ChoixRetrait .date{position:relative;margin: 8px 0 0 12px;}
#ChoixRetrait .date:before {position: absolute;content: "";top: 0;bottom: 0;margin: auto;left: -12px;width: 4px;height: 4px;background: var(--clr-black);border-radius: 50%;}
#ChoixRetrait .ng-autocomplete {display: inline-block;width: calc(100% - 224px);}
.inventory {position: relative;font-size: 14px;font-family: SFR-Regular;padding-left: 14px;}
.inventory.wa {color:#ff9300;}
.inventory.ok {color:var(--clr-green);}
.inventory.ko {color:var(--clr-error);}
.inventory:before {position: absolute;content: '';width: 10px;height: 10px;top: 0;bottom:0;left: 0;margin:auto;border-radius: 100% }
.inventory.ok:before {background-color: #ff9300 }
.inventory.ok:before {background-color: var(--clr-green) }
.inventory.ko:before {background-color: var(--clr-error) }
#Quelleoffrechoisir #IConso{margin: 24px 0;align-items: stretch;}
#IConso h3, #IConso p, #IConso a{text-align:left;}
#IConso ul{list-style:disc;list-style-position:inside;margin:0 0 24px 0;text-align:left;}
#IConso ul li{text-indent: -20px; padding-left: 20px; margin-left: 0;font-size:14px;}
#IConso h3{flex-basis: 100%;margin:0 0 8px 0;}
#IConso .R{background-image:url(https://static.s-sfr.fr/InfoConso.webp);background-position:center;background-size:cover;border-radius:8px;width:35%;}
#Quelleoffrechoisir #IConso div{max-width:none;}
#Vousaimerezaussi + #Photo-credit_13 .photo_credit .wrapper{margin:0 auto;}
#Vousaimerezaussi{padding:0 0 40px 0;}

@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}
    #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%}
    .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%}
    
    .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;}
    .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 .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-areas:unset;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 {grid-area:unset}
    .generic-cards.h li.mea {display:none}
    .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;max-width:16vw;}
    .text-m {font-size: 10px;line-height: 14px}
    .iconotexts div {height:104px}
    .generic-sum  {max-width:100%}
    .generic-sum .part2{margin-top:16px;}
    .generic-sum .bb {font-size: 20px}
    .generic-sum .btn + .link {margin-top:8px; display:inline-block;}
    .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}
    .bl_reprise .title.i:hover .more-info {width: calc(100% + 32px);right: -16px;}
    .bloc_config .cards .bl_reprise {margin-bottom:0;}
    .bl_reprise .title.i:hover .more-info:after {left: 120px;}
    .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-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 .conf.esim { gap:16px; padding: 0; }
    .bloc-forfaits .conf.esim>div{width: 100%;}
    .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;}
    .bloc-forfaits .conf.esim .col-2 .generic-option{flex-direction: row; gap:4px}
    .bloc-forfaits .popin-block { overflow: auto; top: 32px; bottom: auto; max-height: 700px; width: calc(100% - 32px); max-width: none; }
    .bloc-forfaits .popin-block .popin-btn-close { /*position: fixed; position: fixed; top: 50px; right: 50px; */}
    .col-2 .generic-option .generic-option {flex-flow:row;}
    .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;}
    #Eligibility.eli-form {gap: 16px;background: 100% 85%/ cover url(//static.s-sfr.fr/media/Fixe/img-bckg-reg-resp.webp);}
    #Eligibility.eli-result {background: 100% 85%/ cover url(//static.s-sfr.fr/media/Fixe/img-bckg-reg-resp.webp);}
    
    .CPtoggle{position:initial;}
    .CPtoggle form {margin:0 auto;}
    #CPF .cards{display:block;}
    #CPF .bloc-w {margin-bottom:16px;}
    #CPF #CPbtn{padding: 22px 16px 16px;height: fit-content;position: relative;}
    .bloc-w{height:fit-content;padding:16px;}
    .generic-sum .n.sep{padding : 16px 16px 0;}
    #CPF bol-fil-ariane{display:none;}
    #CPFrecap {margin-bottom:16px;min-height:initial;}
    #CPF .btn.toAdd { position: relative; width: inherit; bottom: 0;}
    #Quelleoffrechoisir .bl_offer_to_choose .addons-card .btn{bottom:8px;max-width:calc(100% - 16px);}
    #Quelleoffrechoisir .bl-ip-container{padding:8px;}
    #Quelleoffrechoisir .bl-ip-container div{max-width:none;}
    #Quelleoffrechoisir .addons-card .T{padding:8px;}
    #Quelleoffrechoisir .addons-card .BlackBloc{padding:8px;}
    #Quelleoffrechoisir .bl_offer_to_choose .addons-card.btnplus > div:first-child{padding:0 8px;}
    #Qoc .bl_offer_to_choose .addons-card .btn{bottom:8px;max-width:calc(100% - 16px);}
    #Qoc .bl-ip-container{padding:8px;}
    #Qoc .bl-ip-container div{max-width:none;}
    #Qoc .addons-card .T{padding:8px;}
    #Qoc .addons-card .BlackBloc{padding:8px;}
    .pb_hnavbar label, .pb_hnavbarinput{display:none;}
    .pb_hnavbar select{display:block; color:#fff;padding:12px 24px;background:none;border:0;width:100%; -moz-appearance:none; -webkit-appearance:none;  appearance:none;}
    .pb_hnavbar{width:calc(100% - 64px); margin:0 32px; border:0;background:var(--clr-black);color:#fff;position:relative;}
    .pb_hnavbar:after{ transition: all 0.2s ease-out;  position: absolute; right: 16px; top: 16px; pointer-events: none; border-style: solid;border-width: 2px 2px 0 0; content: ''; height: 8px;transform: rotate(135deg); width: 8px; color:#fff;}
    
    .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%}
    
    #Demen{flex-direction:column;align-items:center;gap:24px;}
    #Demen > div.L, #Demen > div.R{width:100%;padding:16px;}
    #Demen .texts{flex-direction:column;}
    #Demen .texts .btn{max-width:none;margin-top:16px;}
    #Demen .texts p{align-self: flex-start;max-width:none;}
    #Eligibility .message p > a { font-family: SFR-Bold; text-decoration: underline; display: table; margin: 0; }
    #Demen .demenMessage > #DNGmessage1{padding:16px;}
    #Demen .demenMessage > #DNGmessage1:after{content:none;}
    #Eligibility .message p { margin: 0 0 16px 0; }
    /* Formulaire Eligibilité */
    #network-internet-lame .group1-lame-reseaux { width: 100%; margin-left: auto; }
    #network-internet-lame .group1-lame-reseaux>div { margin-right: auto; gap: 16px; } 
    #network-internet-lame .desktop-hidden { display: block; } 
    #network-internet-lame .tablet-mobile-hidden { display: none; } 
    #network-internet-lame { height: 172px; background-image: url(https://static.s-sfr.fr/media/Fixe/MEA/tablet_offre_box.jpg); margin-top: 24px; } 
    #network-internet-lame h2 { margin: 0; }
    #FaqDetails{max-width: calc(100% - 32px);}
       .bloc-forfaits .popin-block {overflow: auto;top: 32px;bottom: auto;max-height: 700px;width: calc(100% - 32px);max-width: none;}
    #ChoixRetrait:target {max-height: calc(100vh - 32px);max-width: calc(100% - 32px);padding: 40px 16px 16px;}
    #ChoixRetrait .scroll{max-height: calc(100vh - 220px);}
    #IConso{flex-direction:column;}
    #IConso .L{order:2;}
    #IConso .R{order:1;width:100%;height:352px;background-image:url(https://static.s-sfr.fr/InfoConsoMobile.webp);}

}

@media (max-height:598px) and (min-width:769px){
    body.Home #AlertBanner{min-height:164px}
}
@media (max-width:768px){
    #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 var(--clr-disable);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}

    
    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%}
    .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: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}

    .bloc_choices{max-width:calc(100% - 32px);flex-direction:column;padding:24px 0 0 ;}
    .bloc_choices .actual-o {max-width:100%;width:100%}
    .generic-choices .b-p .i-explanation + .explanation {left: -42px;}
    .generic-choices .b-p .explanation:after{left: 171px;}
    .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 var(--clr-disable);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:var(--clr-black);border:solid 1px var(--clr-black);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}
    .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 var(--clr-disable)}
    #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}
    .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;}
    .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}
    #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)} 
    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;}
    .fil_ariane .v_desk{display:none;}
    .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;}
    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:24px;max-width:100%;font-size: 24px;line-height: 24px;}
    .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}
    #Eligibility,#Eligibility .content{padding:16px;}
    #Eligibility .btn {width: 100%;}
    #Eligibility.eli-form .resp {display: table;}
    #Eligibility.eli-form .content {padding: 16px;}
    #Eligibility form .test {display: block;width: 100%;border-radius: 8px;margin-left:0;margin-bottom: 16px;}
    #Eligibility.eli-form form ng-autocomplete {max-width: calc(100% - 42px);position: relative;}
    #Eligibility.eli-occupant form ng-autocomplete {max-width: 100%;}
    #Eligibility.eli-occupant form .autocomplete-container .input-container input {border-radius: 8px;}
    #Eligibility.eli-form form .locate {position: relative;display: inline-block;vertical-align: middle;height: 42px;width: 46px;border-radius: 0 8px 8px 0;margin: 0 -4px;background: var(--clr-black);}
    #Eligibility.eli-form form .locate:after {position: absolute;content: "";top: 0;bottom: 0;right: 9px;margin: auto;height: 24px;width: 24px;background: url(//static.s-sfr.fr/assets/pictos/Lieux_40_blanc.svg);background-size: contain;background-repeat: no-repeat;}
    #Eligibility .help {width: 100%;margin-top: 16px;}
    #Eligibility .connect {width: 100%;min-height:unset;}
    #Eligibility.eli-form {flex-flow:column;gap: 0;}
    #Eligibility.eli-form .h{display: none;}
    #Eligibility .address{padding-top:0;}
    #Eligibility .address .btn4 {width: 100%;margin: 16px 0 0 0;}
    #Eligibility .address .st span {display: block;}
    #Eligibility .elem {width: 100%;margin:16px 0 0;}
    #Eligibility .elem .selector,
    #Eligibility .elem input,
    #Eligibility .elem input[name="numRue"],
    #Eligibility .elem input[type="text"] {width: 100%;}
    #Eligibility.eli-building form > .st:last-of-type {top: 16px;display:inline;}
    #Eligibility.elizone form .btn {position: relative;bottom: unset;right: unset;margin-top:16px;}
    #Eligibility.eli-occupant form {max-width: 100%;}
    #Eligibility.eli-building .t, #Eligibility.eli-occupant .t {display:block;}
    #Eligibility.eli-building .address,#Eligibility.eli-occupant .address {border: 0;margin: 0;}
    #Eligibility.eli-occupant .o.a .btn {position: relative;right: unset;bottom: unset;width: 100%;margin: 16px 0 0;}
    #Eligibility.eli-building .b {display: grid;gap:16px;text-align:left;}
    #Eligibility.eli-building .b .btn {margin:0 auto;text-align:center;order:-1;}
    #Eligibility .generic-choices {padding: 0;margin-top:16px;}
    #Eligibility.eli-building .opac input {width: calc(100% - 58px);margin: 0 4px;}
    #Eligibility.eli-building .opac img {display:block;margin:16px auto 0}
    #Eligibility.eli-result .message {grid-template-columns: auto;padding: 16px;}
    #Eligibility.eli-result .message .link2 {display: table;margin-left:0;}
    #Eligibility.eli-result .message .btn4{margin-top:16px;}
    #Eligibility.eli-result .message .r>* {margin: 16px 0 0;display: block;}
    #Eligibility.eli-result .texts {flex-direction: column;align-items: flex-start;gap: 16px;}
    #Eligibility.eli-result .texts p {width: 100%;max-width: 100%;}
    #Eligibility.eli-result .btn { position: relative;right: unset;margin-top: 16px;}
    #Eligibility.eli-result .content > .back-shop {display: block}
    #Eligibility.eli-result .texts .back-shop {display: none}
    
    #CPF .cards .c, #CPF .generic-sum{max-width:none;}
    #CPF #title_menu_block{margin-bottom:16px;}
    
    #Quelleoffrechoisir .addons-card{max-width:none;}
    #Quelleoffrechoisir .addons-card:not(.accessory) .header img {height: auto;}
    #Quelleoffrechoisir .addons-card.btnplus .bl_desc{margin-bottom:16px;}
    #Quelleoffrechoisir .bl-ip-container{flex-direction:column;}
    #Quelleoffrechoisir .bl_offer_to_choose{padding:0;}
    #Quelleoffrechoisir .bl_offer_to_choose .bl_right {flex-direction: column;  padding: 0;}
    #Quelleoffrechoisir .bl_offer_to_choose .bl_right > div:nth-child(4){min-height:58px;}
    #Quelleoffrechoisir .bl_offer_to_choose .bl_right div bol-mobile-plan-card-block{width:100%;max-width:none;}
    
    #CPF .cards .c, #CPF .generic-sum{max-width:none;}
    #CPF #title_menu_block{margin-bottom:16px;}
    
    #Qoc .addons-card{max-width:none;}
    #Qoc .addons-card:not(.accessory) .header img {height: auto;}
    #Qoc .addons-card.btnplus .bl_desc{margin-bottom:16px;}
    #Qoc .bl-ip-container{flex-direction:column;}
    #Qoc .bl_offer_to_choose{padding:0;}
    #Qoc .bl_offer_to_choose .bl_right {flex-direction: column;  padding: 0;}
    #Qoc .bl_offer_to_choose .bl_right > div:nth-child(4){min-height:58px;}
    #Qoc .bl_offer_to_choose .bl_right div bol-mobile-plan-card-block{width:100%;max-width:none;}
    
    .pb_hnavbar{width:calc(100% - 32px); margin:0 16px;}
    .stickers { height: auto; }
    .generic-cards .stickers + .prices {margin-top: 0;}
    .generic-cards .boxsl .stickers + .prices {margin-top: 75px;}
    .generic-cards .mea-tv {margin: 0 auto 32px;height: auto}
    
    #Demen{max-width: calc(100% - 32px);}
    #Demen > .L input[type="radio"] + label, #Demen > .L input[type="radio"] + label, #Demen b, #Demen label{font-size:14px;} 
    #Demen > .R.actual-o .right{max-width:100%;}
    #Demen > .R.actual-o .left{max-width:100%;}
    #Eligibility {min-height: 309px;}
    #Eligibility .message{grid-auto-flow: row;grid-template-columns: 1fr;}
    #Eligibility .message .link2{display:block;width:fit-content;margin:8px 0;}
    #Demen > .L input[type="radio"] + label:not(:last-of-type){margin-bottom:8px;}
    #Demen  form ng-autocomplete{max-width:none;}
    #Demen form .autocomplete-container .input-container input{border-radius:8px;}
    #Demen form .test{border-radius: 8px; display: block; width: 100%;margin: 0 0 8px;}
    #DemenForm label .explanation{width:250px;right:-135px;top:-84px;bottom:unset;right: -0;}
    #DemenForm label .explanation:before {content:none}
    #DemenForm label .i-explanation{right: unset;bottom: 3px;top: unset;margin-left: 8px;}
    
    .iconodebit .speed, .iconodebit .slow{max-width:45vw;}
    /* Formulaire Eligibilité */
    #FormEli .divform .formnames{gap:8px;}
    #network-internet-lame h2 { font-size: 24px; line-height: 28px; } 
    #network-internet-lame { background-image: url(https://static.s-sfr.fr/media/Fixe/MEA/mobile_offre_box.jpg); height: 208px; } 
    #network-internet-lame .mobile-hidden { display: none; } 
    #network-internet-lame .wrapper { width: 100%; align-items: flex-start; padding: 16px; } 
    #network-internet-lame .group1-lame-reseaux {gap: 16px; margin: auto; } 
    #network-internet-lame p {font-size: 16px; line-height: 24px; }
    #ChoixRetrait form {width: 100%;}
    #ChoixRetrait .btn4 {margin: 0 auto 16px;}
    #ChoixRetrait .boutique {flex-flow: column;padding: 16px;}
    #ChoixRetrait .add-basket-btn {width: 100%;}
    #IConso a{text-align:center;}
}