@font-face{font-family:Comic Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/rdv/assets/comic-neue-latin-400-normal-BdhG8RSD.woff2) format("woff2"),url(/rdv/assets/comic-neue-latin-400-normal-CU7kPFAv.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Comic Neue;font-style:normal;font-display:swap;font-weight:700;src:url(/rdv/assets/comic-neue-latin-700-normal-NE4Vcoll.woff2) format("woff2"),url(/rdv/assets/comic-neue-latin-700-normal-yR9qu__P.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--vert: #679881;--vert-bordure: #66cc66;--vert-fonce: #315931;--rouge: #c00000;--gris: #5c5c5c;--fond: #f4f4f4;--rempli: #e8f0fe;--manuscrite: "Comic Sans MS", "Comic Neue", cursive;--libelle: "Lucida Sans Unicode", "Lucida Grande", "DejaVu Sans", sans-serif;--interface: Tahoma, Geneva, "DejaVu Sans", sans-serif;--bouton: "Microsoft Sans Serif", Arial, "Liberation Sans", sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--fond);color:#000}#racine{display:flex;min-height:100vh}.page{position:relative;flex:none;width:711px;margin:auto;background:#fff}.page.etape-1{height:756px}.page.etape-2{height:657px}.page.etape-3{height:614px}.page.etape-4{height:640px;margin-top:0}.bandeau{position:absolute;left:18px;top:14px;width:675px;height:117px;background:var(--vert);border:1px solid var(--vert-bordure)}.etape-1 .bandeau{top:16px}.bandeau .logo{position:absolute;left:10px;top:23px;width:146px;height:65px;background:#fff}.bandeau .mairie{position:absolute;left:168px;top:39px;color:#fff;font:18.67px/22px Arial,Liberation Sans,sans-serif;white-space:nowrap}.pastilles{position:absolute;left:477px;top:17px;height:37px;display:flex;align-items:center}.pastille{width:30px;height:30px;margin:0 7.5px;border-radius:6px;background:var(--vert-fonce);color:var(--vert);font:700 14.67px Arial,Liberation Sans,sans-serif;display:flex;align-items:center;justify-content:center}.pastille.courante{width:35px;height:35px;margin:0 5px;background:#fff;border:1px solid #8b8b8b}.titre{position:absolute;left:0;right:0;margin:0;text-align:center;font:18.67px/22px var(--manuscrite);font-weight:400;color:var(--gris)}.etape-1 .titre{top:162px}.etape-2 .titre{top:160px}.etape-3 .titre{top:146px}.etape-4 .titre{top:143px}.champ-bloc{position:absolute;left:var(--x);top:var(--y);width:248px;height:var(--h)}.champ{display:block;width:100%;height:100%;margin:0;border:1px solid #dcdcdc;border-radius:8px;padding:1px 2px;font:13.33px var(--manuscrite);color:#000;background:#fff}textarea.champ{resize:vertical;padding-top:2px}.champ-bloc.rempli .champ{background:var(--rempli)}.champ-bloc label{position:absolute;left:2px;top:11px;font:16px/17px var(--libelle);color:var(--gris);white-space:nowrap;pointer-events:none;transition:top .15s,font-size .15s}.champ-bloc.zone label{top:3px}.champ-bloc:focus-within label,.champ-bloc.rempli label{top:-18px;font-size:14px;line-height:15px}.champ-bloc.zone:focus-within label,.champ-bloc.zone.rempli label{top:-14px}.etape-1 .bouton.suivant{left:503px;top:624px}.libelle-liste{position:absolute;left:39px;width:161px;height:35px;display:flex;align-items:center;font:14.67px Trebuchet MS,DejaVu Sans,sans-serif;color:var(--gris)}.liste{position:absolute;left:200px;width:472px;height:35px;border:none;border-radius:8px;padding:0 4px;background:#fff;font:16px var(--interface);color:var(--gris);cursor:pointer}.prestation>*{top:223px}.lieu>*{top:283px}.cadre-info{position:absolute;left:39px;top:343px;width:632px;height:195px;border:1px solid #b2b2b3;overflow:auto;padding:2px;font:16px Times New Roman,Times,serif;color:#000}.etape-2 .bouton{top:560px}.etape-2 .bouton.retour{left:40px}.etape-2 .bouton.suivant{left:528px}.bouton{position:absolute;width:143px;height:42px;border:none;border-radius:8px;color:#fff;font:16px var(--bouton);cursor:pointer}.bouton.suivant{background:var(--vert)}.bouton.retour{background:var(--rouge)}.bouton:disabled{cursor:wait}.choix{display:contents}.calendrier{position:absolute;left:17px;top:204px;width:290px;font:12px Lucida Console,Monaco,DejaVu Sans Mono,monospace;color:#000}.calendrier .entete{display:flex;align-items:center;height:46px;font-weight:700;color:var(--gris)}.calendrier .mois{flex:1;text-align:center}.calendrier .fleche{flex:none;width:28px;height:28px;padding:0;border:none;background:transparent;color:#555;font-size:9px;cursor:pointer}.calendrier table{border-collapse:collapse;width:290px;table-layout:fixed}.calendrier th{height:35px;padding:0;font-weight:700;color:var(--gris)}.calendrier td{height:35px;text-align:center;padding:0}.calendrier td button{width:100%;height:100%;border:none;background:transparent;font:inherit;color:#000;cursor:pointer}.calendrier td.disponible button{color:#0f0}.calendrier td.choisi button{background:#daebfd}.calendrier td button:disabled{cursor:default}.heures{position:absolute;left:410px;top:197px;width:258px;max-height:323px;overflow-y:auto;display:grid;grid-template-columns:repeat(4,1fr);align-content:start;gap:7px 6px}.heures .heure{display:block;margin:0;width:100%;height:24px;border:1px dotted #e0e0e0;border-radius:8px;background:#fff;font:12px var(--interface);color:#000;cursor:pointer}.heures .heure.choisie{background:var(--rempli)}.etape-3 .bouton{top:530px}.etape-3 .bouton.retour{left:34px}.etape-3 .bouton.suivant{left:482px}.confirmation{display:contents}.recap{position:absolute;top:202px;width:320px;padding:2px;font:32px Tahoma,Times New Roman,Times,serif;color:#000;overflow-wrap:anywhere}.recap.rdv{left:20px}.recap.usager{left:373px}.recap-lignes{font-size:16px}.message-final{position:absolute;left:67px;top:530px;width:576px;font:bold 13px/18.2px var(--manuscrite);color:var(--gris)}.etape-4 .bouton{top:554px}.etape-4 .bouton.retour{left:44px}.etape-4 .bouton.suivant{left:532px}.piege{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}@media(max-width:700px){html,body{background:#fff}#racine{display:block}.page,.page.etape-1,.page.etape-2,.page.etape-3,.page.etape-4{width:auto;height:auto;margin:0;padding:8px;display:flex;flex-direction:column;gap:12px}#racine .page :is(.titre,.champ-bloc,.libelle-liste,.liste,.cadre-info,.calendrier,.heures,.recap,.message-final,.bouton){position:relative;left:auto;top:auto}#racine .bandeau{position:relative;left:auto;top:auto;width:auto;height:117px;flex:none}.bandeau .mairie{left:166px;top:16px}.pastilles{left:158px;top:58px}.titre{margin:4px 0}.colonnes{display:flex;flex-direction:column;gap:20px;margin-top:6px}.champ-bloc{width:100%;height:39px}.champ-bloc.zone{height:58px}.etape-1 .boutons{justify-content:flex-end}.rangee-liste{display:flex;align-items:center}.libelle-liste{flex:none;width:90px}.liste{flex:1;min-width:0;width:auto}.cadre-info{width:100%;height:200px}.page.etape-3{height:100svh}.page.etape-3>*{flex-shrink:0}.page.etape-3>.choix{display:flex;flex-direction:column;gap:10px;flex:1 1 auto;min-height:0}.choix>*{flex:none}.calendrier,.calendrier table{width:100%}.calendrier{font-size:14px}.calendrier td,.calendrier th{height:32px}.choix>.heures{flex:1 1 auto;min-height:62px;width:100%;max-height:none;grid-template-columns:repeat(3,1fr);padding:1px 0}.heures .heure{height:27px;font-size:14px}.confirmation{display:flex;flex-direction:column;gap:10px}.recap,.message-final{width:100%}.recap{font-size:26px;line-height:1.15}.recap-lignes{line-height:1.5}.boutons{display:flex;justify-content:space-between;gap:12px}.bouton{width:48%}}