@font-face{font-family:'MMC OFFICE';src:url(../font/MMCOFFICE-Regular.woff2) format('woff2'),url(../font/MMCOFFICE-Regular.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'MMC OFFICE';src:url(../font/MMCOFFICE-Bold.woff2) format('woff2'),url(../font/MMCOFFICE-Bold.woff) format('woff');font-weight:700;font-style:normal;font-display:swap}body{font-family:'MMC OFFICE',sans-serif;font-size:14px;color:#33302E;background:#fff;padding:0;margin:0}button,input{font-family:'MMC OFFICE',sans-serif;color:#33302E;font-size:14px}*,:after,:before{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}img{max-width:100%;height:auto;display:block}a{text-decoration:none;transition:all .45s ease-in-out}a:active,a:focus,a:hover{outline:0;text-decoration:none;box-shadow:none}p{margin:0}header#header{background:#000;color:#fff;padding:10px 0}header#header img{margin:0 auto}@media (min-width:768px){header#header{padding:30px 0}}footer#footer{background:#000;color:#fff}footer#footer p{text-align:justify;font-size:11px;padding:15px;max-width:1440px;margin:0 auto}@media (min-width:768px){footer#footer p{padding:20px}}#etape1{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:1440px;margin:0 auto}#etape1 .illustration{flex:1}#etape1 .illustration img{object-fit:cover}#etape1 #etape{width:100%;flex:1;padding:15px 10px}#etape1 #etape h1{font-size:37px;font-weight:700;margin-bottom:10px}#etape1 #etape h1 span{color:#ED0000}#etape1 #etape p{font-weight:700}#etape1 #etape form{margin-top:20px}#etape1 #etape form .plaque{background:url(../img/plaque.png) no-repeat top left/contain;aspect-ratio:631/134;width:100%;max-width:631px;position:relative}#etape1 #etape form .plaque input{text-transform:uppercase;border-radius:6px;border:1px solid #CCC;background:#fff;width:16.2%;height:67%;position:absolute;top:50%;transform:translateY(-50%);font-size:20px;text-align:center}#etape1 #etape form .plaque input:nth-child(1){left:12%}#etape1 #etape form .plaque input:nth-child(2){left:38%;width:23%}#etape1 #etape form .plaque input:nth-child(3){left:72%}#etape1 #etape form .erreur{display:none;color:#ED0000;font-weight:700}#etape1 #etape form button{margin-top:20px;background:#ED0000;color:#fff;width:100%;max-width:300px;font-size:16px;line-height:16px;height:44px;display:flex;justify-content:center;align-items:center;text-transform:uppercase;border:none;transition:all .45s ease-in-out;cursor:pointer}#etape1 #etape form button:hover{background:#ba0000}@media (min-width:1024px){#etape1{flex-direction:row;align-items:stretch}#etape1 .illustration{width:50%}#etape1 .illustration img{height:100%;object-position:top left}#etape1 #etape{width:50%;padding:45px}#etape1 #etape form .plaque{margin:100px 0}#etape1 #etape form .plaque input{font-size:55px}}@media (min-width:1200px){#etape1 #etape form .plaque{margin:170px 0}}#etape2{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:1440px;margin:0 auto}#etape2 .illustration{flex:1}#etape2 .illustration img{object-fit:cover}#etape2 #etape{width:100%;flex:1;padding:15px 10px}#etape2 #etape h1{font-size:37px;font-weight:700;margin-bottom:10px}#etape2 #etape h1 span{color:#ED0000}#etape2 #etape>p{font-weight:700;max-width:430px}#etape2 #etape .confirmation{display:none}#etape2 #etape form{margin-top:20px}#etape2 #etape form .code{margin:20px 0}#etape2 #etape form .code label{display:flex;flex-direction:column;gap:5px}#etape2 #etape form .code input{width:100%;border:none;border-bottom:1px solid #CCC;transition:all .45s ease-in-out}#etape2 #etape form .code input:focus,#etape2 #etape form .code input:hover{outline:0;border-color:#ED0000}#etape2 #etape form .info{font-weight:700;margin-bottom:25px}#etape2 #etape form .civilite{display:flex;flex-direction:row;gap:20px;margin-bottom:25px}#etape2 #etape form .civilite label{display:flex;flex-direction:row;gap:5px}#etape2 #etape form .champs{display:flex;flex-wrap:wrap;gap:20px}#etape2 #etape form .champs label{flex:1;width:100%;min-width:250px;max-width:300px;display:flex;flex-direction:column}#etape2 #etape form .champs label input{height:30px;width:100%;border:none;border-bottom:1px solid #CCC;transition:all .45s ease-in-out}#etape2 #etape form .champs label input:focus,#etape2 #etape form .champs label input:hover{outline:0;border-color:#ED0000}#etape2 #etape form button{margin-top:20px;margin-bottom:5px;background:#ED0000;color:#fff;width:100%;max-width:300px;font-size:16px;line-height:16px;height:44px;display:flex;justify-content:center;align-items:center;text-transform:uppercase;border:none;transition:all .45s ease-in-out;cursor:pointer}#etape2 #etape form button:hover{background:#ba0000}#etape2 #etape form .legend{font-size:12px}@media (min-width:1024px){#etape2{flex-direction:row;align-items:stretch}#etape2 .illustration{width:50%}#etape2 .illustration img{height:100%;object-position:top left}#etape2 #etape{width:50%;padding:30px 45px}#etape2 #etape form .code label{flex-direction:row}#etape2 #etape form .code label p{white-space:nowrap}#etape2 #etape form .champs{gap:20px 30px}}