body{font-family:"Montserrat",sans-serif;padding:0;margin:0;color:#000;font-size:16px;font-weight:300;background:#fff}input,textarea,select,button{font-size:16px;color:#000;font-family:"Montserrat",sans-serif;font-weight:700}*,*:after,*:before{box-sizing:border-box}p,h1{margin:0}img{display:block;max-width:100%;height:auto}header{background:#252728;padding:22px 30px}footer{background:#252728;color:#717171;padding:20px;font-size:10px;line-height:130%;font-weight:300;display:flex;flex-direction:column;gap:28px;max-width:1920px;margin:0 auto}footer .ml{display:flex;flex-direction:column;gap:28px}footer .ml .image{display:flex;flex-direction:row;gap:20px;justify-content:space-between}footer .covoiturage{text-align:center;padding-top:14px;border-top:1px solid #717171}.desktop{display:none}main{display:flex;flex-direction:column;position:relative;max-width:450px;margin:0 auto}main #illustration{display:flex;flex-direction:column;justify-content:space-between;gap:10px;width:100%;aspect-ratio:360/453;position:relative;padding:25px 0 40px 0}main #illustration .illustration{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}main #illustration .titre{font-size:16px;font-weight:300;line-height:100%;color:#fff;text-align:center;position:relative;z-index:2;display:flex;flex-direction:column;gap:7px}main #illustration .titre img{max-width:300px;height:auto;margin:0 auto}main #illustration .text{position:relative;z-index:2;display:flex;flex-direction:column;gap:12px}main #illustration .text p{color:#fff;text-align:center;font-size:12px;font-weight:300;line-height:130%}main #illustration .text p strong{font-weight:700;font-size:19px}main #formulaire{padding:20px;display:flex;flex-direction:column;gap:20px;color:#252728}main #formulaire .intro{display:flex;flex-direction:column;gap:17px}main #formulaire .intro .prix{display:flex;flex-direction:column}main #formulaire .intro .prix span{color:#000;font-weight:300;font-size:15px}main #formulaire .intro .prix span strong{font-weight:700}main #formulaire .intro .prix span:nth-child(2){font-weight:700;line-height:96%}main #formulaire .intro .prix span:nth-child(2) strong{font-size:40px;line-height:100%}main #formulaire .intro .text{font-size:12px;line-height:126%;font-weight:300;padding-top:9px;position:relative}main #formulaire .intro .text:after{content:"";position:absolute;top:0;left:0;width:24px;height:2px;background:#d70c19}main #formulaire .form-cadre input::-moz-placeholder{color:#515253;font-weight:300}main #formulaire .form-cadre input::placeholder{color:#515253;font-weight:300}main #formulaire .champ{background:rgba(0,0,0,0);border:1px solid #dcdddf;height:44px;font-size:16px;border-radius:0;line-height:44px;display:block;width:100%;padding:0 11px;color:#252728;outline:none;transition:border-color .45s ease-in-out;max-width:324px}main #formulaire .champ:focus{border-color:#252728}main #formulaire .checkboxes{display:flex;flex-direction:column;gap:20px}main #formulaire .checkboxes label{position:relative;display:flex;flex-direction:row;gap:9px}main #formulaire .checkboxes label p{font-size:12px;line-height:126%;font-weight:300;color:#515253}main #formulaire .checkboxes label p a{color:#d70c19;text-decoration:underline;transition:color .45s ease-in-out}main #formulaire .checkboxes label p a:hover{color:#252728}main #formulaire .checkboxes label input{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:16px;width:16px;height:16px;border:1px solid #dcdddf;accent-color:#252728;border-radius:0;margin:0;position:relative}main #formulaire .checkboxes label input:before{position:absolute;top:0;left:0;display:block;content:"";width:100%;height:100%;scale:0;background:#252728}main #formulaire .checkboxes label input:checked::before{scale:1}main #formulaire button{background:#05141f;color:#fff;text-align:center;width:100%;max-width:320px;height:48px;font-size:16px;font-weight:500;border:1px solid #05141f;border-radius:0;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:0;transition:background .45s ease-in-out,color .45s ease-in-out;text-transform:uppercase;margin:0 auto;outline:none}main #formulaire button:hover{background:rgba(0,0,0,0);color:#05141f}main #formulaire .legend{font-size:11px;font-weight:300;text-align:center;margin-top:-7px}main #merci{display:none;flex-direction:column;gap:30px;padding:20px}main #merci .text{display:flex;flex-direction:column;gap:5px;color:#000}main #merci .text .titre{font-size:23px;font-weight:700;line-height:96%}main #merci .text p{font-size:12px;line-height:126%;font-weight:300;padding-top:9px;position:relative}main #merci .text p:after{content:"";position:absolute;top:0;left:0;width:24px;height:2px;background:#d70c19}main #merci .rs{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center}main #merci .rs span{color:#252728;font-size:14px;font-weight:300}main #merci .rs .liste{display:flex;flex-direction:row;align-items:center;gap:30px}main #merci .rs .liste a{text-decoration:none}main #merci .rs .liste a img{transition:transform .45s ease-in-out}main #merci .rs .liste a img:hover{transform:scale(1.1)}@media(min-width: 1280px){.desktop{display:block}.mobile{display:none}main{max-width:1920px;flex-direction:row}main #illustration{width:66%;aspect-ratio:auto;padding:50px 0 60px 0}main #illustration .titre{gap:11px}main #illustration .titre img{max-width:min(872px,70%)}main #illustration .titre p{font-size:26px}main #illustration .text{flex-direction:row;justify-content:center;gap:58px}main #illustration .text p{font-size:16px;max-width:280px}main #illustration .text p strong{font-size:32px;line-height:100%}main #formulaire{width:33%;max-width:618px;padding:90px 40px}main #formulaire .intro .text{font-size:14px}main #formulaire .intro .prix span{font-size:16px}main #formulaire .intro .prix span:nth-child(2) strong{font-size:60px}main #formulaire button{margin:0;width:135px}main #formulaire .legend{text-align:left}main #merci{width:33%;max-width:618px;min-height:900px;justify-content:center;position:relative;padding:40px}main #merci .text{gap:26px}main #merci .text .titre{font-size:29px}main #merci .text p{font-size:14px}main #merci .rs{position:absolute;bottom:100px;left:0;width:100%;flex-direction:row;gap:14px}footer .ml{flex-direction:row-reverse}footer .ml .image{flex-direction:column-reverse}}