:root {
    --clr-text-disable: #A0A0AB;
    --clr-bg-disable: #E4E4E7;
}
body {font: normal normal 14px SFR-Regular, Arial, sans-serif;scroll-behavior: smooth;color: var(--clr-black);background: var(--clr-bg);overflow-x:hidden;}
main{width:1280px;max-width: calc(100% - 32px);margin: 0 auto 40px;}
/* à ajouter dans base.css */
.VW{width: 100vw; margin-left: calc(-1*((100vw - 1280px) / 2)); }
.W{background-color:#fff;border-radius:8px;padding:24px;margin: 0 0 40px 0;}
.W.E{background-color: transparent; }
.E {margin-bottom: 40px;}
.W .message:not(:first-child) {margin-top: 24px;}
.W .message p {margin: 0;}
.W .message p:empty{display: none;}
.W h3{margin:0 0 24px 0;}
.W .actions:last-child{margin:24px 0 0 0;}
.W > .link{margin: 0 0 24px 0;display: block;width: fit-content;}
.W .gr{color:var(--clr-grey);}
.W:has(>.L){display:flex;gap:40px;}
.W:has(>.L) .R{width:100%;}
.W:has(>.L) .L img{max-height:236px;}
nav[aria-label="Pagination"] ul {list-style: none;display: flex;justify-content: center;gap: 12px;}
nav[aria-label="Pagination"] li {margin: 0;}
nav[aria-label="Pagination"] a {color: var(--clr-black);border-radius: 4px;}
nav[aria-label="Pagination"] a[aria-current="page"]{background: var(--clr-sfr2);color: #fff;font-family: 'SFR-Bold';padding: 2px 8px;}
nav[aria-label="Pagination"] a[class^="link"] {padding: 2px 14px 2px 0; margin: 0 0 0 24px;}
nav[aria-label="Pagination"] a[class^="link"].l {padding: 2px 0 2px 14px; margin: 0 24px 0 0;}

/* à ajouter dans base.css */
h1 {text-align: center;margin: 40px 0;}
h4 {font-family: SFR-Bold;font-weight: normal;font-size:16px;margin-bottom: 16px;margin-top:0;}
div:has(h2) {margin: 40px 0;}
.W p {margin: 0 0 16px 0;}
.W p:last-child {margin-bottom:0;}
small {font-size: 12px;display: block;}
ul, ol {list-style-position: inside;}
/*li {margin-bottom: 8px;}*/
.bold{font-family: SFR-Bold;font-weight: normal;}
/*.block {display: block;}*/
#Retour {margin: 16px 0 24px 0;}
button[class^="link"].download, a[class^="link"].download {padding: 0 20px 0 0;}
button[class^="link"].download:after, a[class^="link"].download:after {content: "";position: absolute;right: 0;width: 16px;height: 16px;background: url(https://static.s-sfr.fr/assets/pictos/telechargement_40_rouge.svg) center / 16px no-repeat;transform: none;border: 0;}
button[class^="link"].download:hover:after, a[class^="link"].download:hover:after{right: 0;}
button {background:transparent;}
a[class^="btn"], input[class^="btn"], button[class^="btn"]{width:auto;}
input::placeholder {font-family:'SFR-Regular';color:var(--clr-grey)}
.actions {display: flex;gap: 16px;align-items: center;flex-wrap: wrap;}
.actions.r {justify-content: end;}
.actions.c {justify-content: center;}
button[class^="link"].l,a[class^="link"].l{padding-left: 13px;}
button[class^="link"].l:after, a[class^="link"].l:after {transform: rotate(225deg);left: 1px;right: auto;}
button[class^="link"].l:hover:after, a[class^="link"].l:hover:after {left: -3px;}

.arrowbtn {font-family: SFR-Regular;border-radius: 8px;border: 1px solid var(--clr-grey);font-size: 14px;line-height: 18px;padding: 8px 40px 8px 16px;position: relative;cursor: pointer;color: var(--clr-black);text-decoration: none;}
.arrowbtn img {position: relative;display: inline-block;vertical-align: middle;margin-left: 8px;right: 0;transition: all .2s cubic-bezier(.4,0,.2,1);}
.arrowbtn:after {content: '';position: absolute;width: 16px;height: 16px;right: 16px;top: 0;bottom: 0;margin: auto;transition: all .2s cubic-bezier(.4,0,.2,1);background: url(https://static.s-sfr.fr/assets/pictos/fleche_DROITE_40_noir.svg) 0 0 no-repeat;background-size: 16px;}
.arrowbtn:hover img {right: -3px;}

.radio {padding-left: 28px;position: relative;display: block;width: fit-content;margin-bottom: 16px;}
.radio:before {position: absolute;left: 0;}
.chckbx {padding-left: 28px;margin-bottom: 16px;}
label + fieldset {padding-left: 28px;}
label .ttp {right: -28px;top: 3px;}

.table-wrap {overflow-x: auto;overflow-y: hidden;-ms-overflow-style: none;scrollbar-width: none;scroll-behavior: smooth;scroll-snap-type: x mandatory;}
table caption {text-align: left;font: normal 32px / 48px SFR-Bold;margin-bottom: 24px;}
table {width: 100%;border-collapse: separate;border-spacing: 0;border: 0.5px solid var(--clr-grey);border-radius: 8px;}
th{padding: 16px;border: 0.5px solid var(--clr-black);}
td {padding: 16px;border: 0.5px solid var(--clr-grey);}
thead {background: var(--clr-black);color: #fff;}
th:first-child {border-top-left-radius: 8px;}
th:last-child {border-top-right-radius: 8px;}
tbody tr:last-child td:first-child {border-bottom-left-radius: 8px;}
tbody tr:last-child td:last-child {border-bottom-right-radius: 8px;}
tbody tr:nth-child(even) {background: var(--clr-bg);}
.cell {display: flex;align-items: center;gap: 8px;}

.switch + label {position: relative;cursor: pointer;}
.switch + label:before {content: "";width: 40px;height: 20px;background: var(--clr-disable);display: block;vertical-align: middle;margin-right: 8px;border-radius: 100px;position: relative;}
.switch + label:after {content: "";position: absolute;top: 2px;left: 2px;width: 16px;height: 16px;display: block;vertical-align: middle;background: #fff;border-radius: 50%;transition: .3s;}
.switch:checked + label:before {background: var(--clr-green);box-shadow: none;}
.switch:checked + label:after {left: 22px;}

.form-group {margin:0 0 24px 0;max-width: 352px;}
.form-group.wide { max-width:none; }
input[type=text], input[type=password], input[type=tel], input[type=email],input[type=date], textarea, select {font-family: SFR-Regular;border: 1px solid var(--clr-grey);border-radius: 8px;height: 40px;width: 100%;padding: 8px 16px;margin-top: 8px;box-sizing: border-box;}
input[type=text].input-s, input[type=password].input-s, input[type=tel].input-s, input[type=email].input-s,input[type=date].input-s, textarea.input-s, select.input-s {width:49%;}
textarea {height:auto;min-height:80px;}
.form-disable {color: var(--clr-text-disable);}
input[type=text]:disabled, input[type=password]:disabled, input[type=tel]:disabled, input[type=email]:disabled,input[type=date]:disabled, textarea:disabled, select:disabled {background-color: var(--clr-bg-disable);color: var(--clr-text-disable);border-color: var(--clr-text-disable);}
.form-group [role="alert"] {color: var(--clr-error);margin-top: 8px;display: block;position: relative;padding-left: 20px;background: url(https://static.s-sfr.fr/assets/pictos/croix_cercle_plein_rouge.svg) 0 50% no-repeat;background-size: 16px;}
/*input[type=text].error, input[type=password].error, input[type=tel].error, input[type=email].error, input[type=date].error, textarea.error, select.error {border-color: var(--clr-error);}*/
input.error, textarea.error, select.error {border-color: var(--clr-error);}
.form-group label {position: relative;}
.form-group .password {position: relative;}
.form-group .password input {padding-left:40px;}
.form-group .password .icon-eye {position: absolute;left: 0;width: 40px;height: 40px;top: 8px;background: url(https://static.s-sfr.fr/assets/pictos/afficher_40_noir.svg) 16px 50% no-repeat;background-size: 16px;cursor: pointer;}
.form-group .password .icon-eye.hide {background: url(https://static.s-sfr.fr/assets/pictos/masquer_40_noir.svg) 16px 50% no-repeat;background-size: 16px;}
input[type="date"] {position: relative;text-transform: uppercase;}
input[type="date"]:before {content: '';width: 40px;height: 40px;background-size: 12px;position: absolute;top: -1px;right: 0;background: #fff url(https://static.s-sfr.fr/assets/pictos/calendrier_16_noir.svg) no-repeat center;pointer-events: none;}
.calendar {position: relative;}
.calendar .icon-calendar {position: absolute;width: 40px;height: 40px;right: 0;top: 8px;background: url(https://static.s-sfr.fr/assets/pictos/calendrier_16_noir.svg) no-repeat center;cursor: pointer;}
.form-group select{padding-right: 40px;}
.form-group select {background: #fff url(https://static.s-sfr.fr/assets/pictos/chevron_bas_40_noir.svg) no-repeat 96% center;background-size: 16px;appearance: none;-moz-appearance: none;-webkit-appearance: none;}

main > .E:first-child{margin:40px 0}
/*.custom-select {position: relative;}
.custom-select summary {position: relative;border: 1px solid var(--clr-grey);border-radius: 8px;height: 40px;width: 100%;padding: 8px 16px;margin-top: 8px;box-sizing: border-box;list-style-type: none;}
.custom-select summary:after {content: "";position: absolute;right: 0;top: -1px;display: block;width: 40px;height: 40px;background: url(https://static.s-sfr.fr/assets/pictos/chevron_bas_40_noir.svg) center no-repeat;background-size: 16px;}
.custom-select fieldset {border: 1px solid var(--clr-grey);background-color: #fff;border-radius: 8px;display: grid;gap: 16px;padding: 16px;position: absolute;left: 0;right: 0;margin-top: 8px;z-index: 99999;}
.custom-select label {cursor: pointer;}*/

.file-uploader {position: relative;display: flex;gap: 16px;align-items: baseline;}
.file-uploader .fileInput{width: 172px;color: #fff;padding: 8px 24px;margin-top: 8px;cursor: pointer;flex-shrink: 0;}
.file-uploader .fileInput::file-selector-button {cursor: pointer;}
.file-uploader .fileButton {width: 172px;padding: 8px 24px;background: white;border: 1px solid var(--clr-grey);border-radius: 8px;font-family: 'SFR-Bold';text-align: center;position: absolute;pointer-events: none;margin-top: 8px;white-space: nowrap;}
.file-list {display: flex;flex-wrap: wrap;gap: 16px;margin-top: 8px;}
.file-item {display: flex;align-items: center;padding: 6px 16px;background: white;border: 1px solid var(--clr-grey);border-radius: 20px;margin-bottom:0;}
.file-item span {margin-right: 16px;}
.file-item button {width: 16px;height: 16px;background: url(https://static.s-sfr.fr/assets/pictos/croix_40_noir.svg) 0 0 no-repeat;background-size: 16px;cursor: pointer;}

.form-group .edit {display: flex;align-items: center;margin-top: 8px;}
.form-group .edit input {border: 0;width: 70px;padding: 0;height: 24px;margin: 0 8px 0 0;border-radius: 4px;}
.form-group .icon-edit {background: var(--clr-black) url(https://static.s-sfr.fr/assets/pictos/renommer_40_blanc.svg) center no-repeat;background-size: 16px;width: 24px;height: 24px;border-radius: 4px;cursor:pointer;}
.form-group .icon-edit:disabled {opacity: 0.3;}

.form-search {position: relative;margin-top: 8px;}
.form-search input {margin-top: 0;padding-right: 48px;}
.icon-search {background: var(--clr-black) url(https://static.s-sfr.fr/assets/pictos/rechercher_40_blanc.svg) center no-repeat;background-size: 24px;width: 40px;height: 40px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;position: absolute;right: 0;top: 0;}

.alert {display: flex;flex-direction: column;align-items: center;text-align: center;}
.alert img {margin-bottom: 8px;}
.alert .actions {margin-top: 24px;}

.timeline {position: relative;list-style: none;counter-reset: counter;}
.timeline li {position: relative;counter-increment: counter;padding: 8px 0 8px 32px;}
.timeline li:after {content: counter(counter);position: absolute;left: 0;top:15px;text-align: center;font-family: SFR-Bold;font-weight: normal;width: 24px;height: 24px;line-height: 24px;border-radius: 50%;background-color: var(--clr-grey);color: white;}
.timeline li:before {content: "";position: absolute;top: 23px;left: 11px;width: 2px;height: 100%;background-color: var(--clr-grey);} 
.timeline li.disabled {color: var(--clr-grey);}
.timeline li.completed:before {background-color: var(--clr-black);} 
.timeline li:last-child:before {content:none;}
.timeline .title {font-family: SFR-Bold;font-weight: normal;}
.timeline li[aria-current="step"]:after, .timeline li.completed:after {background: var(--clr-black);}
.timeline li[aria-current="step"], .timeline li.completed {color: var(--clr-black);}
.timeline li.created:after {content: "";box-shadow: 0 0 0 2px inset var(--clr-sfr2);background: #fff;}
.timeline li.created:before {border-left: 2px dashed var(--clr-sfr2);background-color: #fff;}
.timeline li.inprogress:after {content: "";background-color: var(--clr-sfr2);}
.timeline li.inprogress:before {border-left: 2px solid var(--clr-sfr2);background-color: #fff;}
.timeline li.rejected:after {content: "";background: var(--clr-black) url(https://static.s-sfr.fr/assets/pictos/croix_40_blanc.svg) center no-repeat;background-size: 16px;}
.timeline li.rejected:before {border-left: 2px solid var(--clr-black);background-color: #fff;}
.timeline li.passed:after {content: "";background: var(--clr-sfr2) url(https://static.s-sfr.fr/assets/pictos/check_40_blanc.svg) center no-repeat;background-size: 16px;}
.timeline li.passed:before {border-left: 2px solid var(--clr-sfr2);background-color: #fff;}
.timeline .subtitle {margin-bottom: 24px;}
.timeline .subtitle:last-child {margin-bottom: 0;}
.timeline .message {margin-bottom: 24px;}
.timeline.h {display: flex;justify-content: center;align-items: baseline;margin-bottom: 40px;}
.timeline.h li {text-align: center;padding: 32px 8px 8px 8px;max-width: 180px;flex: 1;}
.timeline.h li:after {top: 0;left: 0;right: 0;margin: auto;}
.timeline.h li::before {width: 100%;height: 2px;left: 50%;top: 11px;}

.action {display: flex;justify-content: space-between;gap: 24px;width:100%;}
.action>div {display: flex;align-items: center;gap: 8px;}
a.action {color: var(--clr-black);text-decoration: none;}
.action.border{padding: 0 0 24px 0; border-bottom: 1px solid var(--clr-text-disable); margin: 0 0 24px 0;}
.action.border:last-child {border-bottom: 0;margin-bottom: 0;padding-bottom: 0;}

ul.icon {list-style: none;flex-wrap: wrap;display: flex;gap: 24px;}
ul.icon li {display: flex;align-items: center;gap: 8px;flex: 1;min-width: 290px;margin-bottom: 0;}

.tabswitch{display:flex;width:fit-content;max-width:100%;margin:0 auto;gap:8px;}
.tabswitch > div{position: relative;display: flex;overflow-x: auto;overflow-y: hidden;-ms-overflow-style: none;scrollbar-width: none;scroll-behavior: smooth;scroll-snap-type: x mandatory;background:#fff;padding:2px;gap:2px;border-radius:8px;}
.tabswitch .right, .tabswitch .left{display:flex;justify-items:center;align-items:center;cursor:pointer;}
.tabswitch .tab {font-family: SFR-Regular;font-size: 14px;padding: 8px 24px;color: var(--clr-black);cursor: pointer;border-radius:8px;line-height: 140%;text-decoration:none;}
.tabswitch .tab.active {color: #fff;background: var(--clr-black);font-family: SFR-Bold;pointer-events: none;}
.tabswitch img {width: 16px;height: auto;}

.SliCP{position:relative;}
.SliCP > div:not(.ctaSli){display: grid;grid-auto-flow: column;grid-template-rows: repeat(1, 230px);gap: 16px;white-space: nowrap !important;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch !important;scroll-snap-type: x mandatory;scrollbar-width: none;-ms-overflow-style: none;}
.SliCP .CP {scroll-snap-align: start;}
.SliCP .CP .from-price{white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;}
.SliCP .CP .link{margin: 0 auto 16px auto;display: block;width: fit-content;}

.SliCP .CP .from-price + .B{margin:0;}
.SliCP .CP .from-price p+p{margin:16px 0 0 0;}
.SliCP .CP .M a{display:block;}
.SliCP .CP .btn4{width:100%;}
.SliCP > .btn4{width:fit-content;}
.SliCP .ctaSli{display:flex;justify-content:end;margin: 0 0 40px 0;gap:8px;}
.SliCP .ctaSli .btn4{margin:auto;}

.SliCP button{width: 40px; height: 40px; border: 1px solid #131316; cursor: pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;}
.SliCP button.prev:after {content: ''; background-image:URL(https://static.s-sfr.fr/assets/pictos/fleche_GAUCHE_40_noir.svg);background-size:contain; width: 24px; height: 24px;}
.SliCP button.next:after { content: ''; position: absolute; background-image:url(https://static.s-sfr.fr/assets/pictos/fleche_DROITE_40_noir.svg);background-size:contain; width: 24px; height: 24px;}
.SliCP button[disabled]{opacity:0.5;cursor:default;pointer-events:none}

.SliCP .ctaSli nav{display:flex;gap:8px;position:absolute;bottom:0;right:0;}
.SliCP .CP > .B + div{display:flex;flex-direction:column;justify-content: flex-end;}
.CP .T.Full{left: -16px;width: calc(100% + 32px);top: -24px;height: calc(100% + 24px);overflow:hidden;}
.CP .T.Full .img-central{object-fit:cover; width:100%;height:100%;}


progress {width: 100%;height: 16px;-webkit-appearence: none;appearance: none;overflow:hidden;}
progress::-webkit-progress-bar {background-color: #fff;border-radius: 8px;box-shadow: inset 0 0 0 1px var(--clr-sfr2);overflow:hidden;}
progress::-webkit-progress-value{background-color: var(--clr-sfr2);border-radius: 8px;}
progress::-moz-progress-bar {background-color: var(--clr-sfr2);border-radius: 8px;}
.progress-cont{display:flex;justify-content:space-between;margin:4px 0 24px 0;}
.progress-cont .progress-value:last-of-type{text-align:right;}
.W progress{margin:8px 0 0 0;}
.progress-cont p{margin:0;}
.progress-value {font-size: 12px;}

.histo {display: flex;width: 100%;margin-bottom:16px;}
.histo:last-child{margin-bottom:0;}
.histo-l {flex: 1;max-width: 130px;}
.histo-r {flex: 1;}

.blocs {display: flex;flex-wrap: wrap;gap: 40px;}
.bloc {flex: 1;background: #fff;border-radius: 8px;padding: 24px;gap: 16px;display: flex;flex-direction: column;}

.mb-24 {margin-bottom:24px;}
.mb-16 {margin-bottom:16px;}
.mb-8 {margin-bottom:8px;}
.gap-h24{display: flex;flex-direction: column;gap: 24px;}
.gap-v24{display: flex;gap: 24px;}
.gap-h16{display: flex;flex-direction: column;gap: 16px;}
.gap-v16{display: flex;gap: 16px;}
.gap-h8{display: flex;flex-direction: column;gap: 8px;}
.gap-v8{display: flex;gap: 8px;}
.picto-chevron {width: 40px;height: 40px;background: var(--clr-sfr2) url(https://static.s-sfr.fr/assets/pictos/chevron_droite_40_blanc.svg) 50% / 24px no-repeat;border-radius: 8px;}

.banner{padding:40px 0;}
.banner .banner-network {background: url(https://static.s-sfr.fr/media/forfait-visuel-1.webp) #D90D25 no-repeat;background-size: contain;border-radius: 8px;}
.banner .banner-network .content {min-height: 220px;padding: 24px;margin-left: 350px;color: #fff;display: flex;flex-direction: column;gap: 4px;}
.banner .banner-network button {margin: auto 0 0 0;width: fit-content;}
summary + .sumCards{margin:0;}
.sumCards{margin:40px 0 0 0;}
.sumCards .cont[data-row="5"] .CP{grid-row:span 5}
.sumCards .cont{justify-content:start;gap:40px;}

.equi{margin:40px 0;}
.equi .action{align-items:center;gap:40px;margin:0;}
.W.equi .actions:last-child{margin:0;}
.actions > button, .actions > a{width:fit-content;}
.equi .action>div{gap:24px}
.img-equi{width:96px;height:96px;}
#MonOffre .POPIN{padding:0; overflow-x:hidden;}
#MonOffre .POPIN .multi > span{display:block;font: normal 18px / normal SFR-Bold;margin:0 0 8px 0;}
#MonOffre .POPIN h3{margin:24px 0 8px 0;}
#MonOffre .POPIN > .T{margin:0 0 24px 0;background:#fff;position:sticky;top:0;padding:24px;z-index:5;}
#MonOffre .POPIN > .T >button {content: "";cursor: pointer;display: block;height: 24px;position: relative;margin:0 0 0 auto;width: 24px;background: none;}
#MonOffre .POPIN > .T >button:before {content: "";position: absolute;background: url(https://static.s-sfr.fr/assets/pictos/fermer_40_noir.svg);background-size: cover;height: 24px;width: 24px;left: 0;top: 0;}
#MonOffre .POPIN > .T h3{margin:0 0 8px 0;}
#MonOffre .POPIN > .M{padding:0 24px;}
#MonOffre .POPIN > .M ul{list-style: none;margin:0 0 0 16px;}
#MonOffre .POPIN > .M ul li{margin: 0 0 16px 0;}
#MonOffre .POPIN > .M ul li:before {content: '';position: absolute;width: 8px;height: 8px;margin: 6px 0 0 -16px;background: var(--clr-sfr2);}
#MonOffre .POPIN img, #MonOffre .POPIN picture{max-width: 100%;margin: 24px auto 0;display: block;}
#MonOffre .POPIN .B{margin:24px 0 0 0;background:#fff;position:sticky;bottom:0;padding:24px;z-index:5;}
#MonOffre .POPIN .B > .message{margin:0 0 24px;}
#MonOffre .POPIN .B:empty{margin:0;padding:0 24px 24px 24px;}

.detW .W{margin:0;}
.detW > .W:first-of-type{padding:24px 24px 68px 24px;}
.detW > details{position:relative;}
.detW > details summary{position: absolute;top: -44px;z-index: 2;list-style: none;font-family: 'SFR-Bold';font-size: 14px;color: var(--clr-black);width: fit-content;cursor: pointer;left: 0;right: 0;margin: 0 auto;}
.detW > details summary > span:nth-child(2){display:none;}
.detW:has(details[open]) > .W:first-of-type{padding:24px 24px 24px 24px;}
.detW:not(.Alte) > details[open]{background:#fff;padding:0 24px 68px;}
.detW:not(.Alte) > details[open] .CP{border:1px solid var(--clr-grey);}
.detW > details[open] summary > span:nth-child(1){display:none;}
.detW > details[open] summary > span:nth-child(2){display:block;}
.detW > details summary:after{content: '';width: 16px;height: 16px;background-image: url(https://static.s-sfr.fr/assets/pictos/croix_40_noir.svg);background-size: contain;position: absolute;top: 2px;right: -22px;transform: rotate(45deg);}
.detW.Alte > details[open]{border-bottom: 1px solid var(--clr-grey);margin:0 0 100px 0;}
.detW > details[open]:not(:has(.sumCards > .SliCP > .cont >.CP)) > .btn4{margin:0 auto 0;}
.SliCP .CP > div:has(.btn4){display:flex;flex-direction:column;justify-content: flex-end;}
.detW > details[open] > .btn4{width:fit-content;margin:40px auto 0;}
.detW > details[open] > .message{margin:40px 0 0;}
.detW.Alte > details[open] > .btn4{margin:40px auto;}
.detW.Alte:has(details[open]) > .W{border-radius:8px 8px 0 0;padding:24px 24px 0 24px;}
.detW:has(details[open]) > .W{border-radius:8px 8px 0 0;}
.detW > details[open] summary{top:unset;bottom:24px;}
.detW > details[open] summary:after{background-image: url('https://static.s-sfr.fr/assets/pictos/moins_noir_16_16.svg');transform:rotate(0deg);}
.detW:has(details[open]) summary + .W{border-radius: 0 0 8px 8px;padding:0;}
.detW.Alte:has(details[open]) summary + .W{padding:24px;}
.detW.Alte:has(details[open]) summary{top:unset;bottom:-60px;left:0;right:0;margin:auto;width:fit-content;}
.detW + .detW{margin:40px 0 0 0;}

.coche{position:relative;padding:0 0 0 32px;}
.coche: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;}

.Faq{width:100%;background:#fff;border-radius:8px;padding:0 24px;margin: 0 0 40px 0;position:relative;}
.Faq h2{margin: 0 0 16px 0;padding-right:90px;box-sizing:border-box;}
.Faq>strong {font-size:28px;margin: 0 0 16px 0;padding-right:90px;box-sizing:border-box;display: block;}
.Faq h2 span{color:#D90D25;font-family:'SFR-Regular', Arial;margin-right:16px;}
.Faq b{font-family: 'SFR-Bold',Arial;font-size:16px;}
.Faq ul{font-size:14px;}
.Faq ul li { margin:0 0 8px 0; }
.Faq ul li:before{content: '';position: absolute;width:8px;height:8px;margin:7px 0 0 -16px;background: var(--clr-sfr2);}
.Faq .plus {width:24px;height:24px;position:absolute;display:flex;align-items:center;justify-content:center;border-radius:4px;z-index:1;cursor:pointer;background-image: url(https://static.s-sfr.fr/assets/pictos/ajouter_40_blanc.svg); background-size: 66%; background-repeat: no-repeat; background-position: center center; }
.Faq .fullscreen{padding:11px;border-radius:8px; background:#fff;opacity:.8;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);width:40px; height:40px;position:relative;float:right;bottom:60px;right:16px;cursor:pointer;}
.Faq .fullscreen img{display: none;}
.Faq .fullscreen {background-image: url(https://static.s-sfr.fr/assets/pictos/plein_ecran_40_noir.svg); background-repeat: no-repeat; background-size: 56%; background-position: center center; transition: all .2s ease-out; }
.Faq .fullscreen:hover { background-size:75%; }
.Faq .plus.red{background-color:#D90D25;}
.Faq .plus.black{background-color:#181818;}
.Faq > p{margin-bottom:24px;}
.Faq strong { display: block; font-family: 'SFR-Bold'; font-size: 24px; padding:0 0 24px 0; border-bottom: 1px solid var(--clr-disable); }
.Faq>a { display: block; font-family: 'SFR-Bold'; text-decoration: none; position: relative; padding: 24px 0; line-height: 28px; border-bottom: 1px solid var(--clr-disable); padding-right:56px;color:var(--clr-black);}
.Faq>a:last-child { border: 0; }
.Faq>a:after { content: ''; transition: right .4s ease-out; position: absolute; right: 8px; border-radius: 8px; width: 40px; height: 40px; background-color: var(--clr-sfr2); background-image: url(https://static.s-sfr.fr/assets/pictos/fleche_DROITE_40_blanc.svg); background-size: 50%; background-position: center; background-repeat: no-repeat; top: 18px; }
.Faq>a:hover:after { right: 0; }

@media (max-width:1100px){
    .banner .banner-network {background-size: 100% 200px;padding: 200px 0 0 0;}
    .banner .banner-network .content {min-height: 0;margin: 0;padding: 16px;}
}

@media(max-width: 992px) {
.blocs {gap: 16px;}
}

@media(max-width: 768px) {
h1 {margin: 24px 0;}
div:has(h2){margin:24px 0;}
.H2Title {margin: 24px 0;}
.W, .E, .timeline.h {margin: 0 0 24px 0;}
a[class^="btn"], input[class^="btn"], button[class^="btn"] {width: 100%;}
table caption {font-size:24px;line-height: 36px;margin-bottom: 16px;}

.W:has(>.L){flex-direction:column;}
.W:has(>.L) .L img{max-height:unset;width:100%;}

.action.mob-col {flex-direction: column;}
.action .content {flex-direction: column;align-items: flex-start;gap: 8px;}
.actions {flex-direction: column;}
.mob-center{align-self: center;}
.alert .actions {width: 100%;}

.timeline.h li {padding: 0;width: auto;}
.timeline.h li:not([aria-current="step"]) {display: none;}
.timeline.h li:before, .timeline.h li:after {content: none;}
.timeline.h li[aria-current="step"]:before {content: attr(data-step)"/"attr(data-total);font-family: 'SFR-Bold';background: none;width: auto;height: auto;top: 0;left: 0;right: 0;margin: auto;display: inline-block;position: relative;}
.timeline.h li .title {display: inline-block;margin: 0 0 0 8px;font-family: SFR-Regular;}

.file-uploader {flex-direction: column;}
.file-uploader .fileInput, .file-uploader .fileButton {width: 100%;}

.pagination a[class^="link"] {margin-left: 0;}
.pagination a[class^="link"].l {margin-right: 0;}
.pagination a[class^="link"]:after{top: 0;bottom: 0;}

.SliCP .ctaSli{margin:40px 16px 16px 0;}
.SliCP .ctaSli nav{position:static;justify-content: flex-end;}

.histo {flex-direction: column;gap: 8px;}
.blocs {flex-direction: column;}
.gap-v24{gap: 16px;}

.W h3{margin:0 0 16px 0;}
.W .actions:last-child{margin:16px 0 0 0;}

.banner .banner-network a{width:100%;margin:50px 0 0 0;}

.Faq>a{padding:16px 56px 16px 16px;}

.sumCards .cont{gap:16px}
.sumCards{margin:24px 0 0 0;}

.equi.W{margin:24px 0;}
.equi .action{flex-direction:column;gap:24px;}
.equi .action .content{align-items:flex-start;width:100%;}

}