.content {
	background: url(blackwall.png) center / cover no-repeat var(--black) ;
}

.gloader_progress {  }
body:not([pro = 'true']) .show_pro:not(._clone) ,
body:not([pro = 'false']) .show_client:not(._clone) ,
#push_shops { display: none ; }


/*		SUMMARY		*/
.float_recap { inset: auto 0px 0px 0px ; align-items: center ; padding-right: var(--__dym) ; z-index: 4 ; }
#_SUMMARY {
	pointer-events: none ;
	background: transparent ;
	box-shadow: none ;
}
#_SUMMARY > ._slider { transition: transform 0.71s ; }
#_SUMMARY > ._slider > div { 
	width: 30cqw ; 
	aspect-ratio: inherit ; 
	box-shadow: none ;
	white-space: nowrap ; 
}
#_SUMMARY > ._slider > div.active {
	background: var(--slate) ;
}
#_SUMMARY > ._slider > div:not(.active) { opacity: 0.4 ; }
/*
#_SUMMARY > div:not(._ac):has(~ div._ac) { color: var(--darkcolor) ; }
#_SUMMARY > div:not(._ac):has(~ div._ac):before { content: '✔ ' ; }
*/
.float_total_ctn { width: auto ; padding-right: 5px ; text-align: left ; }
#float_total {
    height: 37px ;
    background: var(--black) ;
    line-height: 37px ;
    margin: 5px 0px ;
    padding: 0px 9px ;
    border-radius: 9px ;

}
.partenaire { line-height: 29px ; }
.partenaire img {
    height: 29px ;
    box-sizing: border-box ;
    padding: 2px ;
    min-width: 105px ;
    float: right ;
    object-fit: cover ;
    margin-left: 9px ;
}





/*		FORM		*/
.devis_form {
	max-width: 391px ;
	margin: 1rem auto 1rem auto ;
	transform: matrix(1.2 , 0 , 0 , 1.2 , 0 , 91) ;
	transition: transform 0.71s 0.14s ;
	perspective: 100vh ;
	position: relative ;
	z-index: 4 ;
}
body._ready .devis_form { transform: matrix(1 , 0 , 0 , 1 , 0 , 0) ; }
#form_back {
	top: -3.5rem ;
	background: linear-gradient(45deg, var(--black) , var(--darkcolor)) ;

}
.devis_form > ._block { 
	height: fit-content ;
	position: absolute ;
	inset: 0px ;
    opacity: 0 ;
	visibility: hidden ;
	pointer-events: none !important ;
	box-shadow: 0px 0px 0px 1px #424245 inset !important ;
	background: var(--slate) ;

	transform: matrix(0.8 , 0 , 0 , 0.8 , 0 , 350) ;
	transition: transform 0.71s , visibility 0s 0s , opacity 0.71s ;
}
.devis_form > ._block:has(._btn) { padding-bottom: 81px ; }

.devis_form > ._block:not(._ac):has(~ ._block._ac) {
	/*		AC - ALL	*/
	transform: matrix(0.8 , 0 , 0 , 0.8 , 0 , -350) ;
    
}
.devis_form > ._block:has(+ ._block._ac) { 
	/*		AC - 1		*/
	visibility: visible ;

}
.devis_form > ._block._ac { 
	/*		AC			*/
	visibility: visible ;
    opacity: 1 ;
	pointer-events: all !important ;

	transform: matrix(1 , 0 , 0 , 1 , 0 , 0) ;
}
.devis_form > ._block._ac + ._block { 
	/*		AC + 1		*/
	visibility: visible ;
}







/*		FORM_START		*/
#_calcprix {
    inset: 5px 5px 5px auto ;
	background: url(../__static/media/_icon/calc.svg) center / 14px no-repeat ;
	display: none ;
    z-index: 1 ;
}
#form_fi {
	display: grid ;
	grid-template-columns: 1fr 1fr ; 
	grid-template-rows: 1fr 1fr ; 
	aspect-ratio: inherit ;
	gap: 5px ; 
}
#form_fi > div:not(._slider) {
	aspect-ratio: 1 / 1 ;
	background: url() center / 41% no-repeat ;
}
#form_fi > div:not(._slider)[data-info]:after {
    content: attr(data-info) ;
    position: absolute ;
    inset: auto 5px 5px auto ;
    background: var(--black) ;
    padding: 0px 0.5rem ;
    border: 1px solid #424245 ;
    border-radius: calc(8px * var(--rad_mult)) ;
    corner-shape: squircle ;
}
#fi_type_credit , #fi_slider_credit { background-image: url(../__static/media/_illus/credit.webp) !important ; }
#fi_type_leasing , #fi_slider_leasing { background-image: url(../__static/media/_illus/leaing.webp) !important ; }
#fi_type_split , #fi_slider_split { background-image: url(../__static/media/_illus/split.webp) !important ; }
#fi_type_cash , #fi_slider_cash { background-image: url(../__static/media/_illus/cash.webp) !important ; }










/*		FORM_REPRISE_TYPE		*/

#__REPRISE { height: auto ; display: grid ; grid-template-columns: repeat(2 , 1fr) ; grid-auto-rows: auto ; gap: 5px ; }
#__REPRISE > .ltab , #form_fi > div:not(._slider) {
    border-radius: calc(7px * var(--rad_mult)) ;
    corner-shape: squircle ;
	color: var(--lightcolor) ;
	background: url() center 80% / 65% no-repeat var(--slate) ;
	box-shadow: 0px 0px 0px 1px #424245 inset ;
}
#__REPRISE ._slider ,
#push_shops ._slider , #form_fi ._slider , #__INSURANCE ._slider { display: none ; }
#__REPRISE > div:nth-child(1) { background-image: url(../__static/media/_illus/bike.webp) ; }
#__REPRISE > div:nth-child(2) { background-image: url(../__static/media/_illus/car.webp) ; }
#__REPRISE > .lb._black { grid-column: span 2 ; }




/*		FORM_REPRISE_ESTIMATION		*/
#FORM_REPRISE_ESTIMATION ._btn { display: block ; }
#estimation_amount { text-align: center ; color: var(--main) ; font-size: 3.4rem ; letter-spacing: -0.19rem ; }
#reprise_accept { box-shadow: none ; background: none !important ; padding: 0px ; column-gap: 0.5rem ; }
#reprise_accept ._slider { display: none ; }






/*		FORM_FINANCEMENT		*/





/*		FORM_MENSUALITE		*/
#__FI_MENSU , #push_shops , #__INSURANCE {
    flex-direction: column ;
	row-gap: 4px ;

}
#__FI_MENSU > div { text-align: left ; color: var(--darkcolor) ; }
#__FI_MENSU > div , .partenaire[data-type] { display: none ; }
#__FI_MENSU > div:after ,
#recap_tlt:after , #push_shops > .lb:after {
	content: attr(data-mensu) '/m' ;
	height: 33px ;
	position: absolute ;
	inset: 7px 7px auto auto ;
	background: var(--slate) ;
    padding: 0px 0.5rem ;
	line-height: 33px ;
    font-size: 1rem ;
	border-radius: calc(9px * var(--rad_mult)) ;
	corner-shape: squircle ;

}
#__FI_MENSU > div[data-taeg]:before {
	content: 'TAEG ' attr(data-taeg) '%' ;
    width: fit-content ;
    position: absolute ;
    inset: 0px ;
    margin: auto ;
    font-weight: 100 !important ;
    color: #6e6e70 ;
    font-size: 0.9rem ;
}
#push_shops > .lb:after { content: attr(data-distance) !important ; }
.content[FI_type = '1'] [data-type = '1'] , 
.content[FI_type = '2'] [data-type = '2'] , 
.content[FI_type = '3'] [data-type = '3'] { display: block !important ; }
body[entreprise="false"] #__FI_MENSU > div[data-type = '2'][value = '48'] ,
body[entreprise="true"] #__FI_MENSU > div[data-type = '2'][value = '12'] { display: none !important ; }
#__FI_MENSU > .lb[data-type = '2'] , #push_shops .lb { text-align: left ; min-height: 71px !important ; }
yb-switch > a { position: relative ; }
yb-switch > .lb > h5 {
	inset: auto auto 5px 1rem ;
	pointer-events: none ;
	line-height: 2rem ;
}
.opt_rachat:after { content: attr(data-rachat) ; }
/*		slider		*/
#__FI_TYPE {
    margin-top: 21px ;
    box-shadow: none ;
}
#__FI_TYPE ._slider { }
#FORM_MENSUALITE._ac #__FI_TYPE:not(:hover):not(:active):not(:focus) ._slider {
	animation: slide 3s cubic-bezier(0.66, -0.04, 0.33, 1) infinite ;
}
@keyframes slide {
	0% { margin-left: 0px ; }
    9% { margin-left: 19px ; }
    18% { margin-left: -19px ; }
    35% { margin-left: 0px ; }
    100% { margin-left: 0px ; }
}
#__FI_TYPE ._slider > div { height: 47px ; line-height: 47px ; background-size: 41px ; background-position: 1rem center ; background-repeat: no-repeat ; }
#fi_slider_cash { visibility: hidden ; }





/*		FORM_INSURANCE		*/
#FORM_INSURANCE { }
.insurance_dspl { 
	height: fit-content ;
	padding: 0px 1rem 60px 1rem ;
	background: radial-gradient(transparent 57%, #7878788a) center bottom / 134% 100% no-repeat var(--black) ;
}
#FORM_INSURANCE .partenaire { margin-top: 0px !important ; }
.insurance_dspl * { pointer-events: none ; }
.insurance_dspl > ._pill { line-height: 27px ; }
.insurance_dspl > .ldesc { line-height: 1rem ; }
.insurance_dspl > .lb { inset: auto 0px 0px 0px ; }
#assurance_prix {
    color: var(--dkgrey) ;
    text-align: center ;
    font-size: 2.5rem ;
    font-weight: 600 ;
    line-height: 4rem ;
    letter-spacing: -0.12rem ;
}
#assurance_prix:after { content: '/m' ; }









/*		FORM_CONTACT		*/
#form_commentaire { height: 81px ; }




/*		FORM_SEND		*/
._sender , ._receiver {

}
._sender { box-shadow: 0px 0px 0px 1px var(--darkcolor) inset , 0px 10px 14px 0px var(--black) ; transition: transform 0.41s ; z-index: 3 ; }
._receiver {
	border: 1.5px dashed var(--main) ;
	background: url(../__static/media/_icon/business-outline.svg) 0.5rem center / 31px no-repeat ;
	box-shadow: none ;
}
body[pro = 'true'] ._receiver { background-image: url(../__static/media/_icon/person-outline.svg) ; }
._receiver h3 { margin: 0.5rem 0px ; text-align: center ; color: var(--main) ; }
#recap_tlt { position: relative ; line-height: 33px ; margin: 0px ; padding-right: 100px ; }
#recap_tlt:after { content: attr(data-prix) ; inset: 0px 0px 0px auto ; }
._arrow { 
	height: 51px ; 
	background: url(../__static/media/_icon/arrow-down-sharp.svg) center / auto 90% no-repeat ;
}
#FORM_SEND.sending ._sender { transform: matrix(1 , 0 , 0 , 1 , 0 , 118) ; }
#FORM_SEND.sending > ._list { 
	background-image: url(../__static/media/_icon/loader.svg) ; 
	background-position: center 3rem ;
    background-size: 37px ;
    background-repeat: no-repeat ;
}





/*		FORM_FIND		*/
#push_shops {
    max-height: 281px ;
    overflow: auto ;
}






/*		BANDEAU		*/
#bandeau { inset: auto 0px 10% 0px ; display: none ; }
#bandeau > div {
	height: 71px ; 
	width: 300% ; 
	line-height: 71px ;
	font-size: 1.9rem ;
}
body.hide_header #bandeau { display: block ; }
body.hide_header #bandeau > div { animation: marquee 7s linear infinite ; }
#bandeau span { float: left ; width: 50% ; }
@keyframes marquee { 0% { left: 0% ; } 100% { left: -150% ; } }









@media only screen and (max-width: 980px) {   
	
}