@font-face{ font-family: 'montserrat'; font-style: normal; font-weight: 100 900; src: url("//static.s-sfr.fr/media/RED/Fonts/Montserrat-Variable.woff2") format("woff2-variations"); font-display: swap; }
@font-face{ font-family: 'montserrat-Light'; font-style: normal; font-weight: 400; src: url("//static.s-sfr.fr/media/RED/Fonts/Montserrat-Variable.woff2") format("woff2-variations"); font-display: swap; }
@font-face{ font-family: 'montserrat-Regular'; font-style: normal; font-weight: 500; src: url("//static.s-sfr.fr/media/RED/Fonts/Montserrat-Variable.woff2") format("woff2-variations"); font-display: swap; }
@font-face{ font-family: 'montserrat-SemiBold'; font-style: normal; font-weight: 600; src: url("//static.s-sfr.fr/media/RED/Fonts/Montserrat-Variable.woff2") format("woff2-variations"); font-display: swap; }
@font-face{ font-family: 'montserrat-Bold'; font-style: normal; font-weight: 750; src: url("//static.s-sfr.fr/media/RED/Fonts/Montserrat-Variable.woff2") format("woff2-variations"); font-display: swap; }
:root {
    --clr-text-disable: #A0A0AB;
    --clr-bg-disable: #E4E4E7;
    --clr-border: #70707B;
    --clr-green-light: #E1F8EF;
    --clr-green3: #067647;
    --clr-error: #DE3024;
}
body {font: 500 14px/24px Montserrat, Arial, sans-serif;scroll-behavior: smooth;color: var(--clr-black);background: var(--clr-green-light);}
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;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;}
.actions > button{width:auto;}
.W > .link{margin: 0 0 24px 0;display: block;width: fit-content;}
.W .gr{color:var(--clr-black);}
.W:has(>.L){display:flex;gap:40px;}
.W:has(>.L) .R{width:100%;}
.W:has(>.L) .L img{max-height:236px;}
h2 {line-height: 39px;}
.radio {padding-left: 28px;position: relative;display: block;width: fit-content;margin-bottom: 16px;cursor: pointer;}
.radio:before {position: absolute;left: 0;display: inline-block;vertical-align: middle;content: "";width: 19px;height: 19px;background-color: #fff;border-radius: 100%;box-shadow: inset 0 0 0 8px #fff;border: 1px solid var(--clr-border);margin: 0 8px 0 0;}
input:checked + .radio:before {background: var(--clr-purple);box-shadow: inset 0 0 0 2.5px #fff;border-color: var(--clr-purple);}

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;}

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-purple);color: #fff;font-weight:700;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;}

.ttp {z-index: 5;bottom: auto;cursor: pointer;position: absolute;display: flex;gap: 4px;font-size: 12px;}
.ttp>button {width: 15px;height: 15px;cursor: pointer;background-color: transparent;background-image: url(//static.s-sfr.fr/assets/pictos/aide_plein_40_noir.svg);background-repeat: no-repeat;background-size: contain;line-height: 12px;padding: 0 17px 0 0;}
.ttp>button:before {content: "";position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;}
.ttp [popover] + [role="tooltip"] {display: none;}
.ttp [popover]:popover-open + [role="tooltip"] {display: block;width: 280px;box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);border-radius: 8px;color: #fff;background-color: var(--clr-black);font-size: 12px;padding: 16px;position: absolute;z-index: 9;right: -8px;top: auto;bottom: 24px;transition: opacity 0.3s;}
.ttp [popover]:popover-open + [role="tooltip"]::after {content: "";position: absolute;bottom: -10px;right: 12px;border-width: 6px;transform: scaleX(1.5);border-style: solid;border-color: var(--clr-black) transparent transparent transparent;}
.ttp.i>span {color: #fff;}

.availability {position: relative;display: block;font-size: 12px;margin-left: 14px;}
.availability:before {position: absolute;content: '';width: 10px;height: 10px;top: 0;bottom: 0;margin: auto;left: -14px;border-radius: 100%}
.availability.wa:before {background-color: #ff9300}
.availability.ok:before {background-color: var(--clr-green3)}
.availability.ko:before {background-color: var(--clr-error)}
.availability.in:before {background-color: var(--clr-black)}

.sticker {line-height: 24px;font-size: 12px;background: var(--clr-purple);color: #fff;padding: 0 8px;}
.sticker.j {background: var(--clr-purple);color: #fff;}
.sticker.b {background: var(--clr-green3);color: #fff;}
.sticker.n {background: var(--clr-black);color: #fff;}
.sticker.e {background: var(--clr-green);color: var(--clr-black);}

.CP {width: 290px;display: grid;grid-template-rows: subgrid;grid-row: span 8;position: relative;background: var(--clr-green);padding: 24px 16px;overflow: hidden;transition: opacity .4s ease-out;gap: 16px;cursor: pointer;}
.CP:hover .img-central {transform: scale(1.1);}
.CP .stickers {display: flex;gap: 8px;flex-wrap: wrap;align-items: flex-start;}
.CP .T {position: relative;display: inline-block;text-align: center;}
.CP .T .img-central {transition: 0.5s ease-out transform;width: 100%;object-fit: contain;max-height: 100%;height: auto;}
.CP .T .img-r {width: 32px;position: absolute;top: 0;right: 0;}
.CP .marque {font: normal 14px/22px Montserrat;text-transform: uppercase;}
.CP .M a {font: 700 24px/32px Montserrat;color: var(--clr-black);text-decoration: none;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.CP .M a:after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.CP .from-price {text-transform: lowercase;font-size: 14px;}
.CP .from-price + .B {margin: -16px 0 0 0;white-space: normal}
.CP .B {position: relative;line-height: normal;}
.CP .B .desc-p {font-weight: 700;color: var(--clr-purple);margin: 0 0 4px;}
.CP .colors {display: flex;flex-direction: column;width: 12px;justify-content: center;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;}
.CP .colors span {position: relative;cursor: pointer;-webkit-background-clip: text;-webkit-text-fill-color: transparent;box-shadow: 0px 1px 2px 0px #00000033 inset;width: 12px;font-size: 5px;height: 12px;border-radius: 50%;box-sizing: content-box;margin: 4px 0;}
.CP .colors .d:before {content: '';position: absolute;width: 14px;height: 1.5px;background: var(--clr-black);transform: rotate(130deg);left: -1px;bottom: 0;top: 0px;margin: auto;}
.CP .from-price + .price {margin: -16px 0 0 0;}
.CP .price {justify-content: flex-start;}
.CP .param {display: flex;gap: 0 4px;}
.CP .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: 16px;font: normal 12px/18px Montserrat;margin: 0;width: 100%;background: #fff;border-radius: 8px;border: 1px solid var(--clr-grey);cursor: pointer;}
.CP .param .option.a,.param input:checked + .option {padding: 15px;border: var(--clr-purple) 2px solid;box-shadow: 0 3px 9px transparent;cursor: default;font-weight: 700;}
.CP .param .option.d {background: #E9E9E9;color: var(--clr-grey);text-decoration: line-through;border: 2px solid var(--clr-grey);padding: 15px;cursor: default;}
.CP .param input:disabled + .option {background: #E9E9E9;color: var(--clr-grey);border: 2px solid var(--clr-grey);padding: 15px;cursor: default;}
.CP .star {font-weight: 700;color: var(--clr-purple);}
.SliCP .CP .btn4 {width: 100%;}
.banner{padding:40px 0;}
.banner .banner-network {background: url(https://static.s-sfr.fr/media/forfait-visuel-1.webp) var(--clr-green) no-repeat;background-size: 300px auto;background-position-x: 24px;background-position-y: center;}
.banner .banner-network .content {min-height: 220px;padding: 24px;margin-left: 324px;display: flex;flex-direction: column;gap: 4px;color: var(--clr-black);}
.banner .banner-network button {margin: 8px 0 0 0;width: fit-content;}


/* à ajouter dans base.css */
h1 {text-align: center;margin: 40px 0;}
h4 {font-weight: 700;font-size:16px;margin-bottom: 16px;}
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;}
button[class^="link"]{position: relative;font: 600 14px / 120% "Montserrat";text-decoration: underline;text-underline-offset: 5px;text-decoration-thickness: 2px;}
.chckbx {display: block;cursor: pointer;position: relative;padding-left: 28px;}
.chckbx:before {content: '';position: absolute;cursor: pointer;left: 0;border: 1px solid #8a8a8a;width: 18px;height: 18px;background-color: #fff;}
input:checked + .chckbx:before {background-color: var(--clr-purple);border-color: var(--clr-purple);}
input:checked + .chckbx:after {content: '';width: 6px;height: 12px;border: 2px solid #fff;transform: rotate(45deg);border-top: none;border-left: none;left: 6px;top: 1px;display: block;position: absolute;}

main > .E:first-child{margin:40px 0}

/*li {margin-bottom: 8px;}*/
.bold{font-weight: 700;}
/*.block {display: block;}*/
#Retour {margin: 16px 0 24px 0;}
button {background:transparent;}
a[class^="btn"], input[class^="btn"], button[class^="btn"]{width:auto;}
input::placeholder, textarea::placeholder {font: 500 14px/18px 'Montserrat';color:var(--clr-text-disable)}
.actions {display: flex;gap: 16px;align-items: center;flex-wrap: wrap;}
.actions.r {justify-content: end;}
.actions.c {justify-content: center;}

.btn4 {color: var(--clr-black);border: solid 1px var(--clr-black);}

.arrowbtn {font: 500 14px/18px 'Montserrat';border-radius: 8px;border: 1px solid var(--clr-text-disable);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;}

.chckbx {padding-left: 28px;margin-bottom: 16px;}
label + fieldset {padding-left: 28px;}
label .ttp {right: -28px;top: 2px;}

.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: 700 32px / 48px Montserrat;margin-bottom: 24px;}
table {width: 100%;border-collapse: separate;border-spacing: 0;border: 0.5px solid var(--clr-text-disable);border-radius: 8px;}
th{padding: 16px;border: 0.5px solid var(--clr-black);}
td {padding: 16px;border: 0.5px solid var(--clr-text-disable);}
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-text-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-purple);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: 'Montserrat';font-weight: 500;border: 1px solid var(--clr-text-disable);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;}

/*.custom-select {position: relative;}
.custom-select summary {position: relative;border: 1px solid var(--clr-text-disable);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-text-disable);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-text-disable);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-text-disable);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;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-weight: 700;width: 24px;height: 24px;line-height: 24px;border-radius: 50%;background-color: var(--clr-text-disable);color: white;}
.timeline li:before {content: "";position: absolute;top: 23px;left: 11px;width: 2px;height: 100%;background-color: var(--clr-text-disable);} 
.timeline li.disabled {color: var(--clr-text-disable);}
.timeline li.completed:before {background-color: var(--clr-black);} 
.timeline li:last-child:before {content:none;}
.timeline .title {font-weight: 700;}
.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-purple);background: #fff;}
.timeline li.created:before {border-left: 2px dashed var(--clr-purple);background-color: #fff;}
.timeline li.inprogress:after {content: "";background-color: var(--clr-purple);}
.timeline li.inprogress:before {border-left: 2px solid var(--clr-purple);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-purple) 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-purple);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:1px;gap:1px;border-radius:15px;}
.tabswitch .right, .tabswitch .left{display:flex;justify-items:center;align-items:center;cursor:pointer;}
.tabswitch .tab {font: 500 14px/18px 'Montserrat';padding: 8px 24px;color: var(--clr-black);cursor: pointer;border-radius:15px;text-decoration: none;}
.tabswitch .tab.active {background: var(--clr-green);font-weight:700;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 .M a{display:block;}
.SliCP button{width: 40px; height: 40px; border: 1px solid #131316; cursor: pointer;display:flex;align-items:center;justify-content:center;}
.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 > .btn4{width:fit-content;}
.SliCP .ctaSli{display:flex;justify-content:space-between;margin:0 0 40px 0; justify-content: end;}
.SliCP .ctaSli .btn4{margin:auto;}
.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; border-bottom: 16px solid #00e094;}
.CP .T.Full .img-central{object-fit:cover; width:100%;height:100%;}

progress {width: 100%;height: 16px;-webkit-appearence: none;appearance: none;}
progress::-webkit-progress-bar {background-color: #fff;box-shadow: inset 0 0 0 1px var(--clr-purple);}
progress::-webkit-progress-value{background-color: var(--clr-purple);}
progress::-moz-progress-bar {background-color: var(--clr-purple);}
.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;margin-top: 4px;}

.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-black) url(https://static.s-sfr.fr/media/RED/icones/chevron_droit-white.svg) 50% / 24px no-repeat;}

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;}
.equi .action>div{gap:24px}
.img-equi{width:96px;height:96px;}
#MonOffre .POPIN{border-radius:0;padding:0;overflow-x:hidden;}
#MonOffre .POPIN .multi > span{display:block;font: normal 18px / normal 'Montserrat';margin:0 0 8px 0;}
#MonOffre .POPIN h3{margin:24px 0 8px 0;}
#MonOffre .POPIN > .T{margin:0 0 24px 0;background:var(--clr-green);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: 'Montserrat';font-weight: 700;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); background: #fff; border: 16px solid #00e094; width: calc(400px - 32px);}
.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: 4px;right: -22px;transform: rotate(45deg);}
.detW.Alte > details[open]{border-bottom: 1px solid var(--clr-black);margin:0 0 100px 0;}
.detW > details[open]:not(:has(.sumCards > .SliCP > .cont >.CP)) > .btn4{margin:0 auto 0;}
.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{padding:24px 24px 0 24px;}
.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{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: 18px;top:4px;background: url(https://static.s-sfr.fr/assets/pictos/check_10_bleu.svg);background-size: cover;vertical-align: middle;display: inline-block;left: 0;}

.Faq{width:100%;background:#fff;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: 'Montserrat';font-weight: 700;,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: 'Montserrat';font-weight: 700;; font-size: 24px; padding:0 0 24px 0; border-bottom: 1px solid var(--clr-black); }
.Faq>a { display: block; font-family: 'Montserrat';font-weight: 700;; text-decoration: none; position: relative; padding: 24px 0; line-height: 28px; border-bottom: 1px solid var(--clr-black); 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; width: 40px; height: 40px; background-color: var(--clr-black); 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; }

#Spinner { position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; background: #00000017; z-index:55; }
#Spinner::before { content: ''; position: absolute; width: 96px; height: 96px; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background: conic-gradient(from 180deg at 50% 50%, #00E094 0deg, rgba(238, 0, 4, 0) 360deg); animation: spin 0.9s linear infinite; }
#Spinner::after { content: ''; position: absolute; width: 76px; height: 76px; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: #dcdcdc; background-image: url(//static.s-sfr.fr/img/red.svg); background-size: 32px 32px; background-repeat: no-repeat; background-position: center; }
@keyframes spin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } }

@media (max-width:1100px){
}
@media(max-width: 992px) {
    .blocs {gap: 16px;}
}
@media(max-width: 768px) {
    h1 {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;}
    
    .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%;}
    
    .detW:not(.Alte) > details[open] { padding: 0 0 68px 16px; }
    .detW:not(.Alte) > details[open] .CP { width: 290px; }
    
    .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-weight:700;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: 'Montserrat';}
    
    .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;}
    
    .banner .banner-network a{width:100%;margin:50px 0 0 0;}
    .banner .banner-network {background-size: calc(100% - 32px) auto;padding: 55% 0 0 0;background-position-x:center;background-position-y:16px;}
    .banner .banner-network .content {min-height: 0;margin: 0;padding: 16px;}
}