#BlocTop{position:relative;padding:8px 0 0;}
#BlocTop h1{text-align:center;margin-top:24px;margin-bottom:16px;}
#BlocTop .subtitle{display: table;margin: 0 auto;color: var(--clr-black);font: normal 14px / 20px SFR-Bold;text-decoration: none;}
#BlocTop .stickers{width:fit-content;margin: 0 auto; display:flex; gap:8px;}
#BlocTop .stickers:empty { height: 24px; }
#BlocTop .stickers + h1{margin:16px;}
#BlocTop .AVIS{width:fit-content;margin: 16px auto;}
#BlocTop .AVIS a{position:static;}
body:has(#Configurateur) #BlocTop:before {content: "";background: #fff;position: absolute;width:100vw;height: calc(100% + 40px);top: 0;left:0;z-index: -1;}
.wrapper {max-width:1280px;width:calc(100% - 64px);margin:40px auto 0;position: relative;}
.wrapper h2 {margin-bottom:24px;}
.wrapper .subtitle {margin: -20px 0 24px;}

#Configurateur {position:relative;display: grid;justify-content: space-between;grid-template-columns:2fr 400px;margin:40px auto 80px;gap: 0 40px;width: 1280px;max-width: calc(100% - 64px);padding:0 0 80px;font: normal 14px / 22px SFR-Regular;}
#Configurateur:before {content: "";position: absolute;top: -168px;left: 50%;transform: translateX(-50%);width: 100vw;height: calc(100% + 168px);background: #fff;z-index: -1;}
#Configurateur .tabs {max-width 400px;overflow:hidden;margin-bottom: 24px;}
#Configurateur bol-selecteur,#Configurateur .tabswitch {width:100%;max-width:496px;margin:0}
#Configurateur .tabswitch .tab {width:100%;text-align:center;}
#Configurateur .tabswitch [role="tabpanel"] {width:100%;}
#Configurateur bol-phone-photos {position: relative;display: flex;flex-direction: column;width: 100%;max-width: 496px;flex-grow: 1;min-height: 0;overflow: none;}
#Configurateur .slider {position: relative;width: 100%;max-width: 496px;min-height: fit-content;}
#Configurateur .slide {white-space: nowrap;scrollbar-width: none;margin: 0 auto;width: 300px;max-width: calc(100% - 98px);overflow:hidden;}
#Configurateur .slide .cbp {scroll-snap-align: center;display:inline;}
#Configurateur .slide .cbp img{width:100%;border-radius: 8px;}
#Configurateur .slide .cbp:has(img[alt="null"]) { display: none; }
#Configurateur .PV {position:sticky;top:24px;display:flex;flex-direction:column;align-items:center;gap:24px;background:var(--clr-bg);height:fit-content;padding:24px;border-radius:8px;min-height:582px;z-index:5;}
#Configurateur bol-visuel-binkies {display: flex;flex-direction: column;align-items: center;gap: 24px;}
#Configurateur .PV.f {flex-direction: row;align-items: flex-start;gap:16px;min-height:unset;}
#Configurateur .pill {margin:0;}
.iconotexts {display: flex;justify-content: space-between}
.iconotexts div {flex: 1;text-align: center;}
.iconotexts img {display: block;margin: 0 auto 8px;width:auto;height:40px;padding:0}
.iconotexts span{display: block;}
.iconotexts p {font-family: SFR-Regular;font-size: 14px;line-height: 20px;text-align: center;}
.iconotexts .o {text-decoration:line-through;}
.iconotexts a {color:var(--clr-black);text-decoration: underline;font-size: 14px;line-height: 20px;}

#Configurateur .iconotexts{width:100%;max-width:496px;}
#Configurateur .iconotexts + p {margin:0;}
#Configurateur .iconotexts + p a{color:var(--clr-black);}
#Configurateur .toggle:focus-visible + label .t:before{outline: 2px solid var(--clr-black);outline-offset: 2px;}
#Configurateur .PV.f .offre {position:relative;display:grid;gap:24px;width:calc(50% - 16px);}
#Configurateur .PV.f .title{font: normal 24px / 48px SFR-Bold;}
#Configurateur .PV.f h3{font-size:24px;line-height:24px;margin:0;}
#Configurateur .PV.f .price{line-height:24px;}
#Configurateur .PV.f .pc{padding:24px;background:#fff;border-radius:8px;}
#Configurateur .PV.f .img-r {position:absolute;top:0;right:0;}
#Configurateur .PV.f .list {width:calc(50% + 16px);list-style: none;padding: 0 0 0 16px;border-left:1px solid var(--clr-grey);text-decoration:none;height: -webkit-fill-available;}
#Configurateur .PV.f li {padding-left: 32px;position: relative;margin-bottom:16px;}
#Configurateur .PV.f 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;}
#Configurateur .pack-alerte {border-radius: 8px;font-size: 14px;line-height: 22px;}
#Configurateur .pack-alerte small{font-size:12px;}
#Configurateur .pack-alerte [role="listitem"]:not(:first-of-type) {border-top: 1px solid var(--clr-grey);margin-top: 16px;}
#Configurateur .pack-alerte .bold, .pack-alerte b {display: block;font-family: 'SFR-Bold';padding-top: 16px;}
#Configurateur .pack-alerte [role="list"] {margin: 8px 0 0 0;}
.slide-next {content: '';background: #131316 url(https://static.s-sfr.fr/assets/pictos/chevron_droite_40_blanc.svg);background-size: 100% 16px;background-repeat: no-repeat;background-position: center;border-radius: 4px;position: absolute;top: 98px;margin: auto;right: 0;width: 24px;height: 24px;color: #fff;cursor: pointer;}
.slide-prev {content: '';background: #131316 url(https://static.s-sfr.fr/assets/pictos/chevron_gauche_40_blanc.svg);background-size: 100% 16px;background-repeat: no-repeat;background-position: center;border-radius: 4px;position: absolute;top: 98px;margin: auto;left: 0;width: 24px;height: 24px;color: #fff;cursor: pointer;}

#Configurateur .carousel-preview {display: flex;align-items:center;flex-flow: row wrap;max-width:344px;margin:0;gap:24px;align-items: center;justify-content:center;margin:24px auto;}
#Configurateur .carousel-preview img{width: auto;max-height:100%;max-width:100%;height: 40px;border-radius:8px;}
#Configurateur .carousel-preview button{padding: 0;cursor:pointer;background:transparent;width: 40px;height: 40px;}
#Configurateur .carousel-preview .chips button{padding: 3px;cursor:pointer;background:#fff;width: 40px;height: 40px;border: 1px solid var(--clr-grey);border-radius: 8px;}
#Configurateur .carousel-preview .chips button.active{padding: 2px;border: 2px solid var(--clr-sfr2);}
#Configurateur .carousel-preview .zoom{width:24px;height:24px;}
#Configurateur .L strong{display:block;text-align:center;margin:0 auto 24px;}
#Configurateur .L .link {display: table;margin: 24px auto 0;text-decoration: none;}
#Configurateur .L .info > .link{margin: 24px 0 0;}
#Configurateur .L .info .forf{display:flex;gap:8px}
#Configurateur .L .info .forf img{width:24px;}
#Configurateur .L .info .forf b:not(:last-child){margin:0 0 4px 0;display:block;}
#Configurateur .class-e img {margin: 24px auto 0;display: table;max-width: 100%;}
#Configurateur .class-e ul {padding-left: 24px;display: table;}
/*#Configurtateur>.L .carac { font-family: 'SFR-Bold'; display: block; text-align: center; margin: 0 0 16px 0; }*/
#Configurateur bol-phone-photos + p { margin: 8px auto; display: block; text-align: center;font-family: 'SFR-Regular'; }
#Configurateur .iconotexts + p {margin: 0 auto;display: block;text-align: center;font-family: 'SFR-Regular';}
#Configurateur .popin-title.h2 {display: block;margin: 0 auto 35px;max-width: 80%;text-align: center;font-size: 24px;line-height: 24px;font-family: SFR-Bold;font-weight: normal;}
#Configurateur .deja-client.link{display: table;margin:16px 0;position: relative;font: normal 14px/18px SFR-Bold;padding: 0 13px 0 0;cursor: pointer;background:transparent;}
#Configurateur .block .link{display: table;margin:24px 0 0;position: relative;font: normal 14px/18px SFR-Bold;padding: 0 13px 0 0;cursor: pointer;background:transparent;}
#Configurateur .Facturette + .B,
#Configurateur .Facturette {background: var(--clr-bg);}
#Configurateur .InfoBox {background: #fff;}
.selector {position: relative;cursor: pointer;border-radius: 8px;border: solid 1px #6E6E73;margin: 0 auto;height: 40px;line-height: 40px;padding: 0 16px;background: #fff;}
.selector:after {content:'';position:absolute;width:8px;height:8px;border:2px solid var(--clr-black);transform:rotate(45deg);top:-4px;bottom:0;margin:auto;right:8px;border-top:0;border-left:0;transition:all 0.2s ease-out;}
.selector select {height: 40px;font: normal 14px/22px SFR-Regular;border: 0;background: transparent;-moz-appearance: none;-webkit-appearance: none;}
.selector select:focus-visible, .selector label:focus-visible {outline: 0;}
.selector:focus-within {outline: 2px solid #181818;outline-offset: 2px;}
.generic-choices .sub-t {margin: 0 0 8px;text-align: left;font-family: 'SFR-Bold';}
.generic-choices .selector {min-width: 150px;text-align: justify;}
.generic-choices .h4 span {text-transform: capitalize;}
.generic-choices .radio-inputs {display: flex;flex-flow: wrap;gap: 16px }
.generic-choices .radio-inputs label {position:relative;display: flex;flex-direction: row;align-items: center;cursor: pointer;font: normal 14px/22px SFR-Regular;}
.generic-choices .radio-inputs .tooltip{margin-top: -4px;font-family: 'SFR-Regular';display: block;text-align: justify;}
.generic-choices .radio-inputs input[type="radio"]:checked + label {cursor: default;font-family: SFR-Bold;line-height: 22px;text-align: left;}
.generic-choices .h4,.generic-choices .desc{text-align:left;}
.generic-choices.top .conserve-t,.generic-choices.top .sub-t{font:normal 14px/22px SFR-Bold;text-align:left}
.generic-choices .links {text-align: left;margin: 16px 0 0 -16px;}
.generic-choices .info {text-align: left}
.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 {margin-top:24px;}
.generic-choices .currentLines select{position:relative;z-index:1;width:calc(100% + 16px);cursor:pointer;}
.generic-choices.top .currentLines + .sub-t{margin-top:24px;}
.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}
.param{display: flex;gap: 0 8px;margin-bottom: 16px;}
.param .option {position: relative;display: flex;align-items: center;flex-direction: column;justify-content: center;text-decoration: unset;color: var(--clr-black);height: auto;text-align: center;padding:24px;font:normal 12px/18px SFR-Regular;margin:0;width: 100%;background: #fff;border-radius: 8px;border: 1px solid var(--clr-grey);cursor: pointer;}
.param .option.a,.param input:checked + .option {padding:23px;border: var(--clr-sfr2) 2px solid;cursor: default;font-family:SFR-Bold}
[class~="param"] a {color: var(--clr-black);text-decoration: none;}
[class~="param"] a:after {content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
[class~="param"] span {display:block;}
[class~="param"] .d a {color: var(--clr-disable);}
.param .option.d{pointer-events: none;background: transparent;color: var(--clr-disable);text-decoration: unset;border: 1px solid var(--clr-disable);cursor: default;}
.param .option.i {text-decoration: line-through;}
.param input:disabled + .option {background: #E9E9E9;color:var(--clr-grey);border: 2px solid var(--clr-grey);padding:22px;cursor:default;}
.param-full{display: grid;gap:16px;margin-bottom: 16px;}
.param-full .sticker.j {margin: 0 8px 8px 0;}
.param-full .img-r {max-height: 24px;position: absolute;top: 24px;right: 24px;max-width: 60px;filter: brightness(0) saturate(100%);}
.param-full .img-r[alt="Opéré par Floa Bank"] {filter: unset}

.param-full input:focus-visible + .option .img-r, .param-full input:checked + .option .img-r {top: 23px;right: 23px;}
.param-full .option {position: relative;display: block;height: auto;padding:24px;margin:0;width: 100%;background: #fff;border-radius: 8px;border: 1px solid var(--clr-grey);cursor: pointer;}
.param-full input:checked + .option {padding:23px;border: var(--clr-sfr2) 2px solid;box-shadow: 0 3px 9px transparent;cursor: default;}
.param-full input:disabled + .option{pointer-events: none;background: transparent;color: var(--clr-disable);text-decoration: unset;border: 1px solid var(--clr-disable);cursor: default;}
.param-full .ttp, .info-reprise .ttp{margin-bottom: 8px;position:relative;width:fit-content;align-items: center;}
.param-full .ttp > span, .info-reprise .ttp > span{font-size:14px;}
/*.param-full input:focus + .option:before {border: Highlight 2px solid;content: '';position: absolute;top: -5px;left: -5px;right: -5px;bottom: -5px;border-radius: 10px;pointer-events: none;}*/
.param-full .bottom {margin-top: 8px;}
.param-full bol-link {display: none;}
.param-full input:focus-visible + label + bol-link, .param-full input:checked + label + bol-link {display: table;}
.param-full .o {text-decoration: line-through;margin-right:4px;}
.param-full .line {display: flex;align-items: flex-start;justify-content: space-between;margin-top: 4px;}
.param-full .title {margin-bottom: 8px;}
.param-full .img-left {display: inline-block;vertical-align: top;width: 64px;height:auto;margin-right: 16px;border-radius: 8px;}
.param-full .right {display: inline-block;vertical-align: middle;max-width: calc(100% - 84px);}
.param-full .bold.center {margin-bottom:8px;}
.param-full .center {text-align:center;}
.param-full input:checked + .option .center {font-family:SFR-Bold;}
.param-full .g {color: var(--clr-grey);margin-top:4px;}
.param-full .iconotexts {margin-bottom:8px;}
.param-full .iconotexts {height: 0;overflow: hidden;transition: height 0.3s ease;}
.param-full input:focus-visible + .option .iconotexts,
.param-full input:checked + .option .iconotexts {height: auto;margin-top:16px;}
.param-inputs summary .img-left {grid-area: a;}
.param-inputs summary {list-style-type: none;cursor: pointer;display: grid;grid-template-areas:"a b" "a c" "a d";justify-content: flex-start;}
.param-inputs summary::-webkit-details-marker{display:none}
details.param-inputs {position: relative;display: block;height: auto;padding: 24px;margin: 0;width: 100%;background: #fff;border-radius: 8px;border: 1px solid var(--clr-grey);cursor: pointer;}
details.param-inputs >div{display:grid;gap:8px;margin-top:24px;}
details.param-inputs:has(input:checked) {padding: 23px;border: var(--clr-sfr2) 2px solid;box-shadow: 0 3px 9px transparent;cursor: default; }
.param-forfait{display: grid;gap: 16px;margin-bottom: 16px;}
.param-forfait .option {position: relative;display: block;height: auto;padding: 24px 24px 24px 56px;margin:0;width: 100%;background: #fff;border-radius: 8px;border: 1px solid var(--clr-grey);cursor: pointer;}
.param-forfait .t {font-family:SFR-Bold;margin-bottom:4px;}
.param-forfait [for*="avecforfaitselect"]:before {content: '';position: absolute;width: 24px;height: 24px;background: url(//static.s-sfr.fr/assets/pictos/sim_ok_40_rouge.svg);background-size: cover;left: 24px;top: 24px;}
.param-forfait [for="sansforfaitselect"]:before {content: '';position: absolute;width: 24px;height: 24px;background: url(//static.s-sfr.fr/assets/pictos/pas_de_sims_40_rouge.svg);background-size: cover;left: 24px;top: 24px;}
.param-forfait [for="typeSIM"]:before {content: '';position: absolute;width: 24px;height: 24px;background: url(//static.s-sfr.fr/assets/pictos/sim_horizontale_40_rouge.svg);background-size: cover;left: 24px;top: 24px;}
.param-forfait [for="typeESIM"]:before {content: '';position: absolute;width: 24px;height: 24px;background: url(https://static.s-sfr.fr/assets/pictos/e_sim_40_rouge.svg);background-size: cover;left: 24px;top: 24px;}
.param-forfait input:checked + .option {padding: 23px 23px 23px 55px;border: var(--clr-sfr2) 2px solid;box-shadow: 0 3px 9px transparent;cursor: default;}
.param-full .ttp [popover]:popover-open + [role="tooltip"] a, .info-reprise .ttp [popover]:popover-open + [role="tooltip"] a{color:#fff;}
#Configurateur [class~="block"] .param-full .link {display: table;width:fit-content;margin-top: -8px;}
.carte-offre .param{z-index:3;}
.param-forfait input:checked + .option:before {left: 23px;top: 23px;}

#Configurateur .cls {display: flex;gap: 24px;margin-bottom:24px;}
#Configurateur .cl {position: relative;display:block;border: 1px solid var(--clr-grey);cursor:pointer;-webkit-background-clip: text;background-clip: text;color: transparent;-webkit-text-fill-color: transparent;width: 24px;font-size: 5px;height: 24px;border-radius: 50%;box-sizing: content-box;}
#Configurateur .cl.active:before {content: "";position: absolute;width: 32px;height: 32px;border-radius: 100%;border: solid 2px var(--clr-sfr2);top: 0;bottom: 0;margin: auto;left: -4px;box-sizing: border-box;}
#Configurateur .cl:focus-visible {outline-offset: 6px;border-radius: 100%;outline: 2px #181818 solid;outline-offset:2px;}
#Configurateur .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;}
/*#Configurateur .cl:is(:hover, :focus, :focus-visible):before {content: attr(data-title);text-transform:lowercase;position: absolute;left: 0;top: -16px;transform: translateY(-50%);background-color: var(--clr-black);color: #fff;font-size: 12px;padding: 2px 8px;text-align: left;border-radius: 2px;z-index: 1;-webkit-text-fill-color: #fff;width: fit-content;border: 1px solid #fff;}*/
#Configurateur .bloc-w {background: #fff;border-radius: 8px;padding:24px;position:sticky;top:8px;}
#Configurateur .bloc-w .message#Charge:not(:last-child){margin:24px 0;}
#Configurateur .bloc-w .message#Charge:first-child{margin:0 0 24px 0;}
#Configurateur .bloc-w .message#Charge{margin:24px 0 0 0; overflow: unset;}
#Configurateur .generic-choices {margin-bottom: 24px;display: flex;justify-content:center;text-align:center;flex-flow: column;}
#Configurateur .generic-choices .desc {margin-bottom: 24px;}
#Configurateur .M .bloc-w>strong{display:inline-block;margin-bottom:16px;}
#Configurateur .M h3:not(.M .bloc-w > h3:first-of-type) {margin-top: 24px;}
#Configurateur .param-full:not(:last-of-type) {margin-bottom: 8px;}
#Configurateur .AVIS {margin-bottom:24px;}
#Configurateur .bloc-w .carte-offre {margin:24px 0 -24px;}
/*#Configurateur .bloc-w.L .link { display: block; width: fit-content; margin: 0 auto; }*/
#Configurateur .bloc-w.info>span { color: var(--clr-black); display: block; margin: 0 0 16px 0 }
#Configurateur .bloc-w.info>span.bold { font-family: 'SFR-Bold'; }
#Configurateur .bloc-w.info li { list-style:none; display: flex; align-items: center; margin: 0 0 8px; }
#Configurateur .bloc-w.info li > span{display:flex;flex-direction:column;}
#Configurateur .bloc-w.info li .o{text-decoration-line: line-through;}
#Configurateur .bloc-w.info li img { height: 24px; margin: 0 8px 0 0;}
#Configurateur .bloc-g {display: flex;gap: 8px;background: var(--clr-bg);border-radius: 8px;padding: 16px;justify-content: start;}
#Configurateur .bloc-g img{max-width: 64px;max-height: 64px;}
#Configurateur .bloc-g .p{font-family:SFR-Bold;font-size:16px;line-height:24px;margin-left:auto;}
#Configurateur .bloc-g .phone{margin-bottom:8px;}
#Configurateur .mi {display:inline-block;padding: 0px 12px;background:transparent;border: 1px solid var(--clr-black);color: var(--clr-black);border-radius: 24px;text-decoration: none;transition: .5s background-color ease-out;cursor: pointer;margin-top:24px;}
#Configurateur .mi:focus-visible,
#Configurateur .mi:hover {color: #fff;background: var(--clr-black);}
#Configurateur .M .alert {margin: 16px 0;}
#Configurateur .form_line label {font: normal 14px/22px SFR-Regular;display: block;margin-bottom: 4px;}
#Configurateur .form_line {margin: 16px 0;}
#Configurateur .form_line input {width: 100%;margin-bottom: 24px;}
#Configurateur [for="news"] {display: block;margin: 24px 0;}
#Configurateur  [for="news"] span {display: inline-block;max-width: calc(100% - 30px);vertical-align: top;}
#Configurateur .input,#Configurateur  .label {color: var(--clr-black);font-size: 14px;}
#Configurateur .input {background-color: #fff;border: 1px solid var(--clr-disable);border-radius: 8px;height: 42px;line-height: 42px;padding: 0 14px;}
#Configurateur .block {margin-bottom: 80px;}
#Configurateur .subblock {margin-bottom: 24px;}
#Configurateur .message {margin: 24px 0;overflow: unset;}
#Configurateur .charg{gap: 4px;display: flex;}
#Configurateur .charg .ifcharg .cont{position: absolute;bottom: 0;width: 100%;padding: 0 4px;height:48px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
#Configurateur .charg .ifcharg p{line-height: normal;font-size: 8px;text-align:center;}
#Configurateur .charg > div{height: 80px;width: 80px;position: relative;background-position: center center;background-size: contain;background-repeat: no-repeat;}
#Configurateur .charg > div:first-child{background-image: url(https://static.s-sfr.fr/assets/pictos/chargeur_barre_63x72_noir.svg);}
#Configurateur .charg > div:last-child{background-image: url(https://static.s-sfr.fr/assets/pictos/chargeur_63x72_noir.svg);}
#Configurateur .charg .ttp{right:-21px;top:0;}
#Configurateur  .soustitre + .desc{display: block;font: normal normal 14px SFR-Regular;margin-top: -16px;}
#Configurateur .desc.g{font:normal 16px/20px SFR-Bold;color:var(--clr-grey);margin-bottom: 24px;}
#Configurateur .block.g,
#Configurateur .subblock.g {padding:24px;background:var(--clr-bg);border-radius:8px}
#Configurateur .soustitre {font:normal 24px/36px SFR-Bold;text-align: left;margin-bottom:24px;}
#Configurateur .info .item { list-style:none; display: flex; align-items: center; margin: 0 0 16px; }
#Configurateur .info .item .price {font:normal 14px/20px SFR-Bold;margin-left: auto;width: fit-content;}
#Configurateur .info [role="list"] { margin: 0 0 24px; }
#Configurateur .info .item > span{display:flex;flex-direction:column;gap:4px}
#Configurateur .info .item .o{text-decoration-line: line-through;}
#Configurateur .info .item img { height: 24px; margin: 0 8px 0 0;border-radius:4px;}
#Configurateur .availability {display: block;margin: 24px 0 24px 14px;}
#Configurateur .PV strong {display:block;text-align: center;}
#Configurateur .SW .subblock strong {display:block;font-size:16px;margin-bottom: 16px;}
#Configurateur .subblock .link{display:table;}
#Configurateur .acc {display: grid;grid-template-columns: 50px auto 100px;gap: 16px;align-items: center;padding: 16px 0;border-top: 1px solid var(--clr-grey);;}
#Configurateur .acc:first-of-type{border:none}
#Configurateur .acc p {max-width:188px;}
#Configurateur .acc p .n {display: block;font-size: 14px;line-height: 22px;}
#Configurateur .acc p .p {display: block;font-size: 12px;line-height: 18px;}
#Configurateur .acc img {width: 50px;height: 50px;object-fit: contain;border-radius:4px;}
#Configurateur #Accessoires details{position:relative;}
#Configurateur #Accessoires details:not([open]){margin-top:8px;}
#Configurateur #Accessoires details[open]:before{position:absolute;content:"";width:100%;height:1px;background:var(--clr-grey);left:0;top:0;}
#Configurateur #Accessoires summary{position: absolute;bottom: -24px;left: 0;right: 0;font-family: 'SFR-Bold';text-align: center;list-style-type: none;cursor: pointer;}
#Configurateur #Accessoires summary .o {display: none;}
#Configurateur #Accessoires details[open] summary .o {display: inline;}
#Configurateur #Accessoires details[open] summary .f {display: none;}#Configurateur #Accessoires summary::-webkit-details-marker{display:none}
#Configurateur #Accessoires summary:after {content: '';position: relative;display: inline-block;vertical-align: middle;width: 16px;height: 16px;background: center / contain no-repeat url(https://static.s-sfr.fr/assets/pictos/chevron_bas_40_noir.svg);margin-left: 4px;transition: all 0.2s ease-out;}
#Configurateur #Accessoires details[open] summary:after{transform:rotate(180deg)}
#Configurateur .quantifier {display: inline-grid;gap: 16px;align-items: center;grid-template-columns: 24px auto 24px;text-align: center;}
#Configurateur .quantifier button {position: relative;width: 24px;height: 24px;background:var(--clr-black);color: var(--clr-black);border-radius: 4px;line-height: 24px;padding: 0;cursor: pointer;}
#Configurateur .quantifier button:not(:disabled) + span {font-family: SFR-Bold;}
#Configurateur .quantifier .minus:before ,
#Configurateur .quantifier .plus:before {content: '';width: 16px;height: 1px;background: #fff;position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;}
#Configurateur .quantifier .plus:after {content: '';  height: 16px;width: 1px;background: #fff;position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;}
#Configurateur .quantifier button:disabled {color:transparent;background-color: #E4E4E7;cursor: default;}
#Configurateur .quantifier button:disabled:before,
#Configurateur .quantifier button:disabled:after {background: #A0A0AB;}
.info-reprise {position:relative;width: 100%;margin: 24px 0 0;border-radius:8px;background:var(--clr-bg);padding:16px 8px;}
.info-reprise .content {position:relative;margin-top: 8px;}
.info-reprise .content p {display: inline-block;vertical-align: middle;max-width: calc(100% - 44px);margin-left: 8px;}
.info-reprise a.link {display: inline-block;margin-top: 8px;}
.info-reprise .content:before {content: "";display: inline-block;vertical-align: middle;filter: unset;background: url(https://static.s-sfr.fr/assets/pictos/smartphones_reprise_40_rouge.svg);background-size: cover;width: 32px;height: 32px;}
.info-reprise.ok {background:#ECFDF3;}
.info-reprise.ok .content:before {filter:0;background:url(https://static.s-sfr.fr/assets/pictos/check_circle_40_noir.svg);background-size:cover;width:24px;height:24px;}
.open-reprise {position: relative;display: flex;align-items:center;gap:4px;center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: pointer;transition: 0.4s ease;border-radius: 60px;}
.open-reprise .t{position:relative;min-width:40px;min-height:20px;margin-left:auto;background:transparent;}
.open-reprise .t:before {content: "";position: absolute;display: block;transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);height: 20px;width: 40px;top: 0;left: 0;border-radius: 16px;background: #A0A0A0;}
.open-reprise .t:after{content: "";position: absolute;display: block;transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);background: #fff;height: 16px;width: 16px;top: 2px;left: 2px;border-radius: 32px;}
.open-reprise img {max-width: 40px;height: auto;margin-right: 12px;}
.open-reprise.loader:after {background: transparent;}
.open-reprise .t.active:before{font-family: SFR-Bold;background: var(--clr-green);transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);}
.open-reprise .t.active:after {left: 22px;}
.toggle + label {position: relative;display: flex;align-items:center;gap: 8px;center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select:none;cursor: pointer;transition: 0.4s ease;margin-top: 16px;padding-top: 16px;border-top: 1px solid var(--clr-disable);border-radius: 0;}
.toggle + label .m{margin-right:8px;}
.toggle + label .t {position:relative;min-width: 69px;min-height:20px;margin-left:auto;background:transparent;margin-right: 48px;text-align: right;}
.toggle + label .t:before {content: "";position: absolute;display: block;transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);height: 20px;width: 40px;top: 0;left: 77px;border-radius: 16px;background: #A0A0A0;}
.toggle + label .t:after{content: "";position: absolute;display: block;transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);background: #fff;height: 16px;width: 16px;top: 2px;left: 79px;border-radius: 32px;}
.toggle + label img{max-width: 24px;height: auto;}
.toggle + label.loader:after{background: transparent;}
.toggle:checked + label .t:before{background: var(--clr-green);transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);}
.toggle:checked + label .t:after{left: 99px;}

#Configurateur #PopinSvod .subtitle{margin-bottom:0;font: normal 14px / 22px SFR-Bold;font-size: 14px;display: block;color:var(--clr-black);}
#Configurateur #PopinSvod * + .subtitle{margin-top: 16px;}
#Configurateur #PopinSvod .title{font-size: 24px;line-height: 34px;margin-bottom: 8px;margin-top:0;}
@media(max-width:1100px){
    #BlocTop{/*width:486px;max-width:100%;*/margin: 0 auto;}
    #BlocTop .subtitle:after{top:1px;}
    .wrapper{max-width: calc(100% - 32px);}
    #Configurateur .generic-choices .desc {margin-bottom: 16px;}
    #Configurateur:before {top: -150px;height: calc(100% + 150px);}
    .generic-choices .currentLines {margin-top:16px;}
    .generic-choices.top .currentLines + .sub-t{margin-top:16px;}
    #Configurateur .info [role="list"] {margin: 0;}
    #Configurateur .block.g,#Configurateur .subblock.g {padding:16px;}
    #Configurateur .PV {position:relative;top: unset;gap:16px;padding:16px;max-height: unset;min-height: unset;height: auto;min-width: unset;max-width: calc(100vw - 32px);}
    #Configurateur .popin-block { overflow: auto; top: 32px; bottom: auto; max-height: 700px; width: calc(100% - 32px); max-width: none; }
    #Configurateur .popin-block .popin-btn-close { /*position: fixed; position: fixed; top: 50px; right: 50px; */}
    #Configurateur {grid-template-columns:1fr;width:486px;max-width:calc(100% - 32px);gap:40px;margin:40px auto;padding-bottom:40px;}
    #Configurateur .carousel-preview {max-width:296px;gap:16px}
    #Configurateur bol-selecteur, #Configurateur .tabswitch,#Configurateur .iconotexts {max-width:100%}
    #Configurateur .slider {max-width:454px}
    #Configurateur .slide {max-width: calc(100% - 82px);}
    .param .option{padding:24px;}
    #Configurateur .PV.f {flex-direction: column;gap: 16px;padding:16px;}
    #Configurateur .PV.f .offre{gap: 16px;width:100%;}
    #Configurateur .PV.f .list{border-left: 0;padding: 16px 0 0 0 ;border-top:1px solid var(--clr-grey);width:100%;}
    #Configurateur .form_line input{margin-bottom:16px;}
    #Configurateur .charg .ttp [popover]:popover-open + [role="tooltip"] {max-width: 200px;}
    #Configurateur .pack-alerte [role="list"] {margin:0;}
    #Configurateur .checkbox[for="news"] {margin: 16px 0;}
    #Configurateur .soustitre {font: normal 18px / 22px SFR-Bold;text-align: left;margin-bottom: 16px;}
    #Configurateur .soustitre + .desc{margin-top: -8px;}
    #Configurateur .bloc-w{padding:16px}
    #Configurateur .tabs .tab {width:auto;}
    #Configurateur .bloc-w .carte-offre{margin: 0;padding: 16px 0 0 0;}
    
}
@media(max-with:768px){
        #BlocTop h1{margin-bottom:24px;padding: 0 16px;}

}