@font-face{font-family:"Overpass Lotus Headlines";src:url("../fonts/Overpass-Lotus-Headlines.woff2") format("woff2"),url("../fonts/Overpass-Lotus-Headlines.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Overpass";src:url("../fonts/Overpass-Regular.woff2") format("woff2"),url("../fonts/Overpass-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Overpass";src:url("../fonts/Overpass-Medium.woff2") format("woff2"),url("../fonts/Overpass-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Overpass";src:url("../fonts/Overpass-Bold.woff2") format("woff2"),url("../fonts/Overpass-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}body{font-family:"Overpass",sans-serif;padding:0;margin:0;color:#fff;background:#000;font-size:15px}input,textarea,select{font-family:"Overpass"}*,*:after,*:before{box-sizing:border-box}p,ul,ol,h1,h2,h3{margin:0}img{display:block;max-width:100%;height:auto}header{width:100%;color:#fff;background:url("../images/header.png") no-repeat center/cover;aspect-ratio:1/1;padding:20px 10px;display:flex;flex-direction:column;gap:50px;align-items:center;max-width:505px;margin:0 auto}header h1{font-family:"Overpass Lotus Headlines";font-size:22px;line-height:100%;text-transform:uppercase;font-weight:300;text-align:center}header.merci{display:none;background-image:url("../images/header-merci.png")}main{max-width:505px;margin:0 auto;padding:40px 20px;display:flex;flex-direction:column;gap:40px}main .merci{display:none;flex-direction:column;gap:40px}main .merci h2{font-weight:500;color:#fff200;font-size:22px;text-transform:uppercase}main .merci p{font-size:20px}main .text{width:100%;display:flex;flex-direction:column;gap:20px;font-size:14px;line-height:200%}main .text .intro{font-size:16px;font-weight:500}main .text span{color:#fff200}main .text strong{font-weight:500;font-size:16px}main .text ul{color:#fff200;padding:0 0 0 20px;list-style-image:url("../images/eclair.svg");display:flex;flex-direction:column;gap:8px}main form{background:#141414;width:100%;max-width:545px;margin:0 auto;display:flex;flex-direction:column;gap:20px;padding:20px}main form .intro{width:100%;color:#fff200;text-transform:uppercase;font-size:16px;margin-bottom:3px}main form .legend{width:100%;margin-top:-15px;font-size:12px}main form .legend2{width:100%;font-size:12px}main form .form-cadre>label{display:block;margin-bottom:5px;cursor:pointer}main form .form-cadre>label span{color:#fff200}main form .form-cadre .champ{background:#fff;border:none;height:54px;font-size:16px;border-radius:0;line-height:54px;display:block;width:100%;padding:0 8px;color:#000;text-transform:uppercase}main form .form-cadre .champ:hover,main form .form-cadre .champ:focus,main form .form-cadre .champ:active{outline:none}main form .form-cadre .radio{cursor:pointer;display:flex;flex-direction:row;gap:8px}main form .form-cadre .radio input{-webkit-appearance:none;appearance:none;min-width:16px;width:16px;min-height:16px;height:16px;border:1px solid #4f4f4f;border-radius:100%;accent-color:#4f4f4f;margin:0}main form .form-cadre .radio input:before{display:block;content:"";width:100%;height:100%;border-radius:100%;scale:0;background:#fff200}main form .form-cadre .radio input:checked::before{scale:1}main form .form-cadre.checkbox{display:flex;flex-direction:row;gap:12px}main form .form-cadre.checkbox label{display:flex;flex-direction:row;gap:8px}main form .form-cadre.checkbox input{-webkit-appearance:none;appearance:none;min-width:16px;width:16px;min-height:16px;height:16px;border:1px solid #4f4f4f;accent-color:#4f4f4f;margin:0}main form .form-cadre.checkbox input:before{display:block;content:"";width:100%;height:100%;scale:0;background:#fff200}main form .form-cadre.checkbox input:checked::before{scale:1}main form .dispo-oui p{color:#fff200}main form .dispo-oui .choix{margin-top:10px;display:flex;flex-direction:row;gap:10px}main form .dispo-oui .choix label{display:flex;flex-direction:column;gap:8px}main form .dispo-oui .choix p{display:flex;flex-direction:row;gap:8px}main form .dispo{display:flex;flex-direction:column;gap:20px}main form .dispo p{color:#fff200}main form button{background:#fff200;color:#000;text-align:center;width:100%;height:54px;font-size:16px;font-weight:bold;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:0;text-transform:uppercase;transition:all .45s ease-in-out}main form button:hover{background:#fff;outline:none}footer{max-width:505px;margin:0 auto;padding:20px;font-size:14px;color:#fff;max-width:1440px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}footer .logo{margin-bottom:10px}footer a{color:inherit;text-decoration:underline;transition:all .45s ease-in-out}footer a:hover{color:#fff200}@media(min-width: 1024px){header{max-width:1440px;background-image:url("../images/header-pc.png");aspect-ratio:1440/700;padding:40px;gap:60px}header h1{font-size:56px}header.merci{background-image:url("../images/header-merci-pc.png")}main{max-width:1240px;flex-direction:row;gap:40px;padding-top:80px;position:relative;z-index:2}main .merci h2{font-size:32px}main .merci p{font-size:26px}main .text{font-size:16px;max-width:543px}main .text .intro{font-size:18px}main .text strong{font-size:20px}main .text ul{gap:16px;font-size:16px}main form{padding:40px;max-width:623px;margin-top:-170px;font-size:16px;gap:24px}main form .intro{font-size:20px}main form .legend,main form .legend2{font-size:14px;line-height:24px}main form .form-cadre .radio{font-size:18px;gap:16px}main form .form-cadre .radio input{min-width:32px;width:32px;min-height:32px;height:32px}main form .form-cadre.checkbox{gap:24px}main form .form-cadre.checkbox label{gap:16px;align-items:center}main form .form-cadre.checkbox input{min-width:32px;width:32px;min-height:32px;height:32px}main form .dispo-oui p{font-size:18px}main form .dispo-oui .choix{gap:40px}main form .dispo-oui .choix p{font-size:16px;align-items:center}main form .dispo p{font-size:18px}footer{padding-top:0;max-width:1440px}}