﻿@font-face{font-family:"KiaOTF";font-weight:400;font-display:swap;src:url("../fonts/KiaSignatureFixRegular.woff2") format("woff2")}@font-face{font-family:"KiaOTF";font-weight:300;font-display:swap;src:url("../fonts/KiaSignatureFixLight.woff2") format("woff2")}@font-face{font-family:"KiaOTF";font-weight:700;font-display:swap;src:url("../fonts/KiaSignatureFixBold.woff2") format("woff2")}body{font-family:"KiaOTF",sans-serif;padding:0;margin:0;color:#fff;background:#05141f;font-size:16px}input,textarea,select{font-size:14px;color:#05141f;font-family:"KiaOTF"}*,*:after,*:before{box-sizing:border-box}p,h1{margin:0}img{display:block;max-width:100%;height:auto}main{position:relative;z-index:2;display:flex;flex-direction:column}.dekstop{display:none}.tablette{display:none}#questionnaire{display:none}.illustration{width:100%;position:relative;overflow:hidden;aspect-ratio:320/380}.illustration h1{position:absolute;top:0;left:0;width:100%;padding:22px 25px;border-bottom:1px solid #fff;z-index:2;pointer-events:none}.illustration h1 img{width:85px}.illustration .text{position:absolute;bottom:60px;left:18px;width:calc(100% - 38px);z-index:2;display:flex;flex-direction:column;gap:3px;pointer-events:none}.illustration .text p{font-size:14px;font-weight:300}.illustration .text strong{font-size:18px;font-weight:bold}.illustration .splide{position:relative;z-index:1;height:100%}.illustration .splide .splide__track{height:100%}.illustration .splide .splide__track .splide__list .splide__slide img{aspect-ratio:320/380;object-fit:cover}.illustration .splide .splide__pagination{bottom:30px;gap:24px}.illustration .splide .splide__pagination .splide__pagination__page{margin:0;width:52px;height:2px;border-radius:0;opacity:.5;transition:all .45s ease-in-out}.illustration .splide .splide__pagination .splide__pagination__page.is-active{transform:none;opacity:1}.merci{display:none;padding:20px;text-align:center}.merci strong{font-size:24px;text-transform:uppercase;color:#000;display:block;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #cdd0d2}.merci span{font-size:14px;font-weight:300;color:#05141f}.form{padding:20px;background:#fff;color:#05141f;display:flex;flex-direction:column;gap:20px;width:100%;max-width:610px;margin:0 auto}.form .intro{font-size:17px;font-weight:700;line-height:105%}.form .intro2{width:100%;display:flex;flex-direction:column;gap:20px;padding-bottom:20px;border-bottom:1px solid #cdd0d2}.form .intro2 .titre{font-weight:bold;font-size:20px;line-height:105%}.form .form-groupe{width:100%;display:flex;flex-direction:column;gap:20px}.form .form-cadre{width:100%}.form .form-cadre:has(input:invalid:focus),.form .form-cadre:has(input:not(:placeholder-shown):invalid),.form .form-cadre:has(select:invalid:focus){position:relative}.form .form-cadre:has(input:invalid:focus):after,.form .form-cadre:has(input:not(:placeholder-shown):invalid):after,.form .form-cadre:has(select:invalid:focus):after{content:"❌";position:absolute;right:11px;top:50%;transform:translateY(-50%);font-size:12px;pointer-events:none}.form .form-cadre:has(input:not([type=checkbox]):valid:focus),.form .form-cadre:has(input:not([type=checkbox]):not(:placeholder-shown):valid),.form .form-cadre:has(select:valid:focus){position:relative}.form .form-cadre:has(input:not([type=checkbox]):valid:focus):after,.form .form-cadre:has(input:not([type=checkbox]):not(:placeholder-shown):valid):after,.form .form-cadre:has(select:valid:focus):after{content:"✔️";position:absolute;right:11px;top:50%;transform:translateY(-50%);font-size:12px;pointer-events:none}.form .form-cadre .champ{background:rgba(0,0,0,0);border:1px solid #cdd0d2;height:38px;line-height:38px;display:block;font-size:13px;width:100%;padding:0 28px 0 11px;border-radius:2px;color:#05141f;transition:all .45s ease-in-out}.form .form-cadre .champ:hover,.form .form-cadre .champ:focus,.form .form-cadre .champ:active{outline:none;border-color:#05141f}.form .form-cadre .champ:valid{border-color:#05141f}.form .form-cadre .champ:not(select):not(:placeholder-shown):invalid{border-color:red}.form .form-cadre .champ:invalid:focus{border-color:red}.form .checkbox.optin{padding-bottom:20px;border-bottom:1px solid #cdd0d2}.form .checkbox label{display:flex;flex-direction:row;gap:7px;align-items:flex-start;cursor:pointer}.form .checkbox label span{color:#697279;font-size:11px;font-weight:300}.form .checkbox input{-webkit-appearance:none;appearance:none;width:18px;min-width:18px;height:18px;border:1px solid #cdd0d2;color:#cdd0d2;border-radius:1px;background:rgba(0,0,0,0);accent-color:#05141f;position:relative;margin:0;top:0;border-radius:100%}.form .checkbox input::before{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);content:"";background:#05141f;width:14px;height:14px;border-radius:100%;scale:0}.form .checkbox input:checked::before{scale:1}.form .legend{text-align:center;font-size:11px;color:#697279;margin-top:-11px;font-weight:300}.form button{background:#05141f;color:#fff;text-align:center;height:54px;font-size:14px;font-weight:bold;border:1px solid #05141f;border-radius:0;display:flex;justify-content:center;align-items:center;cursor:pointer;width:100%;transition:all .45s ease-in-out;max-width:275px;margin:0 auto}.form button:hover{background:rgba(0,0,0,0);color:#05141f;outline:none}.form .radio2{display:flex;flex-direction:column;gap:13px}.form .radio2:after{display:none}.form .radio2.last{padding-bottom:20px;border-bottom:1px solid #cdd0d2}.form .radio2 label{font-size:16px;font-weight:700}.form .radio2 .liste{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;gap:14px}.form .radio2 .liste input{position:absolute;opacity:0}.form .radio2 .liste label{width:calc(50% - 7px);cursor:pointer}.form .radio2 .liste label span{text-align:center;display:flex;justify-content:center;align-items:center;font-size:13px;color:#697279;height:40px;border-radius:2px;border:1px solid #cdd0d2;transition:all .45s ease-in-out}.form .radio2 .liste label:hover span,.form .radio2 .liste label:has(input:checked) span{background:#05141f;color:#fff;border-color:#05141f}.form .radio2.col3 .liste label{width:calc(33.33% - 10px)}.motorisation{display:none;flex-direction:row;align-items:center;gap:20px}.motorisation .image{width:160px;min-width:160px}.motorisation .image img{height:80px;width:auto}footer{background:#313b44;font-size:10px;font-weight:300;line-height:138%;color:#cdd0d2}footer .container{max-width:1920px;margin:0 auto;padding:20px;display:flex;flex-direction:column;gap:25px}footer .container a{color:inherit;text-decoration:underline;transition:all .45s ease-in-out}footer .container a:hover{color:#fff}footer .co2{display:flex;flex-wrap:wrap;gap:20px}footer .co2 img{height:127px;width:auto}@media(min-width: 744px){main{padding-bottom:45px}.mobile{display:none}.tablette{display:block}.illustration{aspect-ratio:744/532}.illustration .text{bottom:125px;text-align:center}.illustration .text strong{font-size:24px}.illustration .text p{font-size:17px}.illustration .splide .splide__track .splide__list .splide__slide img{aspect-ratio:744/532}.illustration .splide .splide__pagination{bottom:80px}.form{z-index:3;margin-top:-46px}.form .form-groupe{flex-wrap:wrap;flex-direction:row;gap:20px 10px}.form .form-groupe .form-cadre{width:calc(50% - 5px)}.form .form-groupe .form-cadre.civilite{width:100%}.form .form-groupe .form-cadre.civilite select{width:calc(50% - 5px)}.form .checkbox label{align-items:center}.form .radio2 .liste label{width:calc(33.33% - 10px)}}@media(min-width: 1280px){.tablette{display:none}.desktop{display:block}main{flex-direction:row;padding-bottom:0}.illustration{aspect-ratio:auto;min-height:832px}.illustration h1 img{width:auto}.illustration .text{bottom:132px}.illustration .text strong{font-size:32px}.illustration .text p{font-size:22px}.illustration .splide .splide__track .splide__list .splide__slide img{width:100%;aspect-ratio:auto;height:100%}.illustration .splide .splide__pagination{bottom:60px}.form{width:320px;min-width:320px;margin-top:0}.form .form-groupe{flex-direction:column}.form .form-groupe .form-cadre{width:100%}.form .form-groupe .form-cadre.civilite select{width:100%}.form .radio2:not(.col3) .liste label{width:calc(50% - 7px)}}@media(min-width: 1600px){main{align-items:flex-start}.illustration{height:1080px}.illustration .text{bottom:140px}.form{width:610px;min-width:610px;margin:103px 40px 0 40px}.form .form-groupe{flex-direction:row}.form .form-groupe .form-cadre{width:calc(50% - 5px)}.form .form-groupe .form-cadre.civilite select{width:calc(50% - 5px)}.form .intro2 .titre{font-size:28px}.form .radio2:not(.col3) .liste label{width:calc(33.33% - 10px)}}@media(min-width: 1770px){.illustration .text strong{font-size:40px}.illustration .text p{font-size:28px}}
