.Facturette {position: relative;width: 100%;max-width: 400px;background-color: #fff;padding: 24px;font-weight: 550;}
.Facturette h3{font: normal 18px / 30px font-weight:700;text-align:center;padding-bottom: 24px;}
.Facturette [aria-level="4"] {display: block;font-family: 'Montserrat'; font-weight:700;font-size: 16px;margin: 24px 0 16px;}
.Facturette [aria-level="5"] {display: block;font-family: 'Montserrat'; font-weight:700;font-size: 16px;margin: -8px 0 16px;}
.Facturette .bold {font-family: 'Montserrat'; font-weight:700;}
.Facturette .R {font-size: 12px;text-align: right;text-wrap: nowrap;}
.Facturette .lt {text-decoration-line: line-through;}
.Facturette span{display:block;}
.Facturette .total .R {font-size: 14px;}
.Facturette li {display: flex;justify-content: space-between;padding-bottom: 16px;list-style: none;gap: 16px;}
.Facturette li ul li{padding-bottom: 0;display: block;}
/*.Facturette li.total {padding-bottom: 24px;}*/

.Facturette > ul:not(:last-of-type) {border-bottom:1px solid var(--clr-grey);}
.Facturette > ul:not([style]):last-of-type {list-style: none; border: none!important; }
.Facturette [aria-level="5"] + ul {margin-left:16px;border-bottom:0;}

.Facturette .eco {position: relative;display: table;cursor: pointer;font-size: 12px;line-height: 18px;color: #70707B;padding-right: 20px;}
.Facturette .info-tooltip .info + [popover] + p, .Facturette .eco .eco-tooltip{display: none;}
.Facturette .eco [popover]:popover-open + p {display: block;font-size: 12px;line-height: 16px;font-weight: 500;margin: 10px 0 0 0;color: #fff;z-index: 1;background-color: var(--clr-black);position: absolute;left: 0;right:0;padding: 16px;bottom: 24px;max-width: 400px;width: calc(33vw - 34px);}
.Facturette .eco-tooltip:after {content: "";position: absolute;bottom: -4px;right: 0;margin: auto;left: 0;;height: 0;width: 0;border-top: 4px solid var(--clr-black);border-right: 4px solid transparent;border-left: 4px solid transparent;}

.Facturette .info {position: absolute;right:0;top: 0;bottom: 0;margin: auto;width: 16px;height: 16px;margin-left: 4px;background: transparent;cursor: pointer;}
.Facturette .info:after {content: '';position: absolute;top: 0;bottom: 0;margin: auto;right: 0;width: 16px;height: 16px;background: url(//static.s-sfr.fr/assets/pictos/aide_plein_40_noir.svg);background-size: cover;}

.Facturette .info-tooltip {position: relative;display: block;cursor: pointer;padding-right: 20px;}
.Facturette .info-tooltip [popover]:popover-open + p {display: block;font-size: 12px;line-height: 16px;color: #fff;font-weight: 500;background-color: var(--clr-black);position: absolute;content: "";right: -16px;bottom: 23px;padding: 16px;max-width: calc(100vw - 32px);width: 336px;;text-wrap: auto;margin-bottom: 4px;text-align: left;z-index: 1}
.Facturette .info-tooltip p:after {content: "";position: absolute;bottom: -4px;right: 20px;height: 0;width: 0;border-top: 4px solid var(--clr-black);border-right: 4px solid transparent;border-left: 4px solid transparent;}
.Facturette .info-tooltip a {color:#fff;}
.Facturette .eco [popover]:popover-open + p.eco-tooltip.d{bottom: unset;top: 16px;}
.Facturette .eco-tooltip.d:after{top: -4px;bottom:unset;transform: rotate(180deg);}
.Facturette .mp {position: relative;display: block;color: #70707B;font-size: 12px;line-height: 18px;}
.Facturette .mp a {text-decoration: underline;color: #70707B;}
.Facturette .download {position: relative;display: table;margin: 0 0 8px 0;color: var(--clr-error);text-decoration: underline;width: fit-content;background: transparent;
    padding: 0;font-family:Montserrat;font-weight: 550;text-underline-offset:5px;text-decoration-thickness:2px}
.Facturette .download:hover {font-weight: 700;}
.Facturette .save-basket {display: block;margin: 24px auto 0;}
.Facturette .btn + .btn {margin-top: 16px;}
.Facturette + .B {display: flex;flex-direction: column;padding: 24px;gap: 24px;margin-top:24px;background:#fff}
.message.promo:before {background: url(https://static.s-sfr.fr/assets/pictos/promo_40_rouge.svg) center / contain;}
.message.gift:before {background: url(https://static.s-sfr.fr/assets/pictos/cadeau_40_rouge.svg) center/contain;}

.lame-services {position:relative;font-family: 'Montserrat'; font-weight:700;padding: 24px;margin-top: 24px;background: #fff;}
.lame-services .title {font-family: 'Montserrat'; font-weight:700;grid-area:a;margin-bottom: 49px;}
.lame-services ul li{display:flex;align-items: center;justify-content: start;gap: 0 8px;margin-top:16px}
.lame-services:after {position: absolute;content: "";background: #70707B;width: calc(100% - 48px);height: 1px;left: 24px;top: 68px;}

.Inputbtn {position: relative;margin-bottom:24px;}
.Inputbtn input[type="text"] {width: 100%;height: 40px;border: 1px solid #70707B;padding: 10px 69px 10px 16px;font-family: 'Montserrat-Regular';color: #70707B;cursor: pointer;}
.Inputbtn input[type="text"].ko {border-color: var(--clr-error);}
.Inputbtn button[type="submit"] {position: absolute;cursor: pointer;height: 40px;width: 69px;right: 0;text-align: center;background: #181818;color: #fff;border: 1px solid #181818;border-left-width: 0;outline-offset: 0;}
.Inputbtn button[type="reset"] {position: absolute;cursor: pointer;height: 16px;width: 16px;top: 40px;right: 12px;background: url(//static.s-sfr.fr/assets/pictos/croix_cercle_plein_noir.svg);background-size: cover;outline-offset: 0;}
.Inputbtn label {display: block;font-family: 'Montserrat'; font-weight:700;;margin-bottom: 8px;}
.Inputbtn button.h {display: none;}
.Inputbtn .ret.ok {display: inline-grid;justify-items: start;margin-top: 8px;gap: 16px;}
.Inputbtn .ret.ko {color: var(--clr-error);margin-top: 8px;}
.Inputbtn .ret.ko:before {display: inline-block;vertical-align: top;content: "";width: 16px;height: 16px;background: url(https://static.s-sfr.fr/assets/pictos/red/cross_error.svg);background-size: cover;margin-right: 4px;}

.message.tr{background:#f4f4f5;border: 1px solid #70707B;}
.message.tr:before{background: url(https://static.s-sfr.fr/media/RED/icones/promo-black.svg) center/contain;}
.message.tr:after{position:absolute;content:"";top:0;left:0;width:4px;height:100%;background: #70707B;}
.Facturette .pipe{display: inline-block;}
.Facturette .big-text span{font-size: 16px;line-height: 100%;text-align: right;margin-left: auto;text-wrap: auto;}
.Facturette .light-text span{font-size:14px;text-align: right;margin-left: auto;text-wrap: auto;}
.Facturette .info-tooltip [popover]:popover-open + .pay-tooltip {bottom: unset;top: 22px;}
.Facturette .info-tooltip [popover]:popover-open + .pay-tooltip:after {bottom: unset;top: -4px;border-top: 0;border-bottom: 4px solid var(--clr-black);}
.Facturette .pay-tooltip  b {display: block;margin-top: 16px;}
.Facturette .pay-tooltip .bold {display: inline-block;}
.Facturette .pay-tooltip .msualite {display: inline-block;font-size: 14px;font-weight: bold}
.Facturette .pay-tooltip .item { display: list-item; list-style-type: disc;  margin-left: 20px; }
.Facturette .pay-tooltip .bigtxt {font-size: 14px;margin: 8px 0;}
.Facturette .pay-tooltip span{text-align:left;font-size: 12px;}
@media(max-width:1195px){
    .Facturette {width:100%;max-width: none;padding: 16px;}
    .Facturette .eco [popover]:popover-open + p {max-width: 400px;width: calc(100vw - 32px);}
    .Facturette + .B {padding: 16px;gap: 16px;margin-top:16px;}
    .lame-services{padding: 16px;margin-top:16px;}
    .lame-services:after {position: absolute;content: "";background: #70707B;width: calc(100% - 32px);height: 1px;left: 16px;top: 60px;}
}
@media(max-width:768px){
    .Facturette .eco [popover]:popover-open + p.eco-tooltip{width:100%;}
    .Facturette .eco-tooltip:after{left:unset;right:3px;}
}