.demarche{gap:var(--mosaic-gap);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@container site (width>=64rem){.demarche{grid-template-columns:minmax(0, var(--main,1032fr)) minmax(0, var(--side,360fr))}}.demarche-main{padding:var(--tile-padding);border:1px solid var(--color-line);border-radius:var(--radius-m);gap:2.5rem;display:grid}.demarche-aside{gap:var(--mosaic-gap);display:grid}.demarche h2{font-size:clamp(1.5rem,1.3rem + .8vw,1.75rem);line-height:1.1}.demarche fieldset{border:0;min-inline-size:0;margin:0;padding:0}.demarche legend{padding:0}.demarche .section>legend{margin-bottom:1.125rem}.demarche .section{gap:1.125rem;display:grid}.demarche .numbered{align-items:center;gap:.875rem;display:flex}.demarche .numbered-index{background:var(--color-ink);width:2rem;height:2rem;color:var(--color-white);font-family:var(--font-display);font-size:var(--text-small);font-stretch:var(--font-display-stretch);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.demarche .fields{gap:var(--space-s) var(--space-2xs);grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));display:grid}.demarche .field{gap:var(--space-2xs);align-content:start;display:grid}.demarche .field-label{font-size:var(--text-xs);font-weight:600}.demarche .field-hint{color:var(--color-muted);font-size:var(--text-label)}.demarche .field-error{color:var(--color-error-strong);font-size:var(--text-xs);align-items:center;gap:.375rem;font-weight:600;display:flex}.demarche .input{width:100%;min-height:3.25rem;padding:.75rem var(--space-s);border:1px solid var(--color-line);border-radius:var(--radius-m);background:var(--color-white);transition:border-color var(--duration-fast) var(--ease-out)}.demarche textarea.input{resize:vertical;min-height:8.75rem;padding:1.125rem;line-height:1.5}.demarche .input:hover{border-color:var(--color-muted)}.demarche .input:focus-visible{border-color:var(--color-ink);box-shadow:var(--focus-ring);outline:none}.demarche .input[aria-invalid=true]{border:2px solid var(--color-error-strong)}.demarche .trap{position:absolute;left:-100vw}.demarche .choice{border:1px solid var(--color-line);border-radius:var(--radius-m);background:var(--color-white);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), transform var(--duration-base) var(--ease-spring);align-items:flex-start;gap:.875rem;padding:1.25rem;display:flex;position:relative}.demarche .choice:hover{border-color:var(--color-ink)}.demarche .choice:active{transform:scale(.99)}.demarche .choice:has(:checked){border-color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-ink)}.demarche .choice:has(:focus-visible){box-shadow:var(--focus-ring)}.demarche .radio{border:1px solid var(--color-muted);background:var(--color-white);appearance:none;width:1.25rem;height:1.25rem;transition:box-shadow var(--duration-fast) var(--ease-out);border-radius:50%;flex:none;margin:.125rem 0 0}.demarche .radio:checked{border-color:var(--color-ink);box-shadow:inset 0 0 0 .3125rem var(--color-ink)}.demarche .radio:focus-visible,.demarche .checkbox:focus-visible{outline:none}.demarche .choice-text{gap:var(--space-3xs);display:grid}.demarche .choice-title{font-size:1.0625rem;font-weight:700}.demarche .choice-detail{color:var(--color-muted);font-size:var(--text-xs)}.demarche .check{align-items:flex-start;gap:var(--space-xs);font-size:var(--text-small);cursor:pointer;display:flex}.demarche .checkbox{width:1.25rem;height:1.25rem;accent-color:var(--color-ink);flex:none;margin:.0625rem 0 0}.demarche .check:has(:focus-visible) .checkbox{box-shadow:var(--focus-ring)}:is(.demarche,.demarche-confirm) .btn{justify-content:center;align-items:center;gap:var(--space-2xs);border-radius:var(--radius-m);min-height:3.25rem;font-size:var(--text-small);text-align:center;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), transform var(--duration-base) var(--ease-spring);background:0 0;border:1px solid #0000;padding:0 1.375rem;font-weight:600;text-decoration:none;display:inline-flex}:is(.demarche,.demarche-confirm) .btn:active{transform:scale(.97)}:is(.demarche,.demarche-confirm) .btn--dark{background:var(--color-ink);color:var(--color-white)}:is(.demarche,.demarche-confirm) .btn--dark:hover{background:var(--color-ink-hover)}:is(.demarche,.demarche-confirm) .btn--outline{border-color:var(--color-line)}:is(.demarche,.demarche-confirm) .btn--outline:hover{border-color:var(--color-ink)}:is(.demarche,.demarche-confirm) .btn--yellow{background:var(--color-yellow);color:var(--color-ink)}:is(.demarche,.demarche-confirm) .btn--yellow:hover{background:#f6c46c}:is(.demarche,.demarche-confirm) .btn--ghost-dark{border-color:var(--color-on-dark-line);color:var(--color-white)}:is(.demarche,.demarche-confirm) .btn--ghost-dark:hover{border-color:var(--color-white)}:is(.demarche,.demarche-confirm) .btn:hover .lucide-arrow-right{transform:translate(.1875rem)}:is(.demarche,.demarche-confirm) .btn:hover .lucide-arrow-left{transform:translate(-.1875rem)}:is(.demarche,.demarche-confirm) .btn svg{transition:transform var(--duration-base) var(--ease-spring)}.demarche .actions{justify-content:space-between;align-items:center;gap:var(--space-s) var(--space-m);border-top:1px solid var(--color-line);flex-wrap:wrap;padding-top:1.75rem;display:flex}.demarche .actions-end{justify-content:flex-end;align-items:center;gap:var(--space-s) 1.25rem;flex-wrap:wrap;margin-left:auto;display:flex}.demarche .actions-note{color:var(--color-muted);font-size:var(--text-small);font-weight:600}.demarche .chosen-icon{border-radius:var(--radius-m);background:var(--color-green);flex:none;place-items:center;width:2.75rem;height:2.75rem;display:grid}.demarche .chosen{align-items:center;gap:var(--space-s);border-radius:var(--radius-m);background:var(--color-surface);padding:1.125rem 1.375rem;display:flex}.demarche .chosen-text{flex:1;gap:.125rem;min-width:0;display:grid}.demarche .chosen-label{color:var(--color-muted);font-size:var(--text-label);font-weight:600}.demarche .chosen-value{overflow-wrap:anywhere;font-size:1.0625rem;font-weight:700}.demarche .chosen-edit{padding:var(--space-2xs) 0;font-size:var(--text-small);background:0 0;border:0;font-weight:600}.demarche .chosen-edit:hover .hl,.demarche .chosen-edit:focus-visible .hl{background-size:100% .5em}@container site (width<=47.99rem){.demarche .chosen{flex-wrap:wrap}}.demarche .side-tile{border-radius:var(--radius-m);align-content:start;gap:.875rem;padding:1.75rem;display:grid}.demarche .side-title{font-size:1.25rem}.demarche .phone{align-items:center;gap:var(--space-2xs);font-family:var(--font-display);font-size:1.25rem;font-stretch:var(--font-display-stretch);font-weight:800;text-decoration:none;display:inline-flex}.service-steps{gap:var(--space-2xs);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));padding:0;list-style:none;display:grid}.service-step{padding:var(--space-s) 1.125rem;border-radius:var(--radius-m);background:color-mix(in srgb, var(--color-white) 40%, transparent);align-items:center;gap:.875rem;display:flex}.service-step[data-state=done]{background:var(--color-white)}.service-step[data-state=current]{background:var(--color-ink);color:var(--color-white)}.service-step-index{background:color-mix(in srgb, var(--color-ink) 8%, transparent);width:2rem;height:2rem;color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-small);font-stretch:var(--font-display-stretch);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}[data-state=done] .service-step-index{background:var(--color-green)}[data-state=current] .service-step-index{background:var(--color-yellow)}.service-step-text{gap:.125rem;min-width:0;display:grid}.service-step-title{font-size:var(--text-small);font-weight:700}.service-step-detail{color:color-mix(in srgb, var(--color-ink) max(72%, var(--text-alpha-min)), transparent);font-size:var(--text-label);overflow-wrap:break-word}[data-state=current] .service-step-detail{color:color-mix(in srgb, var(--color-white) max(75%, var(--text-alpha-min)), transparent)}@container site (width<=47.99rem){.service-steps{display:flex}.service-step{flex:none}.service-step[data-state=current]{flex:auto;min-width:0}.service-step:not([data-state=current]){padding:var(--space-2xs)}.service-step:not([data-state=current]) .service-step-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}:is(.demarche,.demarche-confirm) .btn[hidden]{display:none}.demarche-confirm .top,.demarche-confirm .practical{gap:var(--mosaic-gap);grid-template-columns:minmax(0,1fr);display:grid}@container site (width>=64rem){.demarche-confirm .top{grid-template-columns:minmax(0,872fr) minmax(0,520fr)}.demarche-confirm .practical{grid-template-columns:minmax(0,656fr) minmax(0,360fr) minmax(0,360fr)}}.demarche-confirm .hero{padding-block:var(--space-l) 2.5rem;background:var(--color-green);flex-direction:column;justify-content:space-between;gap:1.25rem;display:flex}.demarche-confirm .hero[data-cancelled]{background:var(--color-rose)}.demarche-confirm .badge-check{background:var(--color-ink);width:3rem;height:3rem;color:var(--color-green);animation:confirm-pop var(--duration-slow) var(--ease-spring) both;border-radius:50%;place-items:center;display:grid}.demarche-confirm [data-cancelled] .badge-check{color:var(--color-rose)}@keyframes confirm-pop{0%{opacity:0;transform:scale(.4)}}.demarche-confirm h1{font-size:var(--text-display-xl);letter-spacing:var(--tracking-display-xl);font-weight:900;line-height:var(--leading-tight)}.demarche-confirm .lead{max-width:37.5rem;font-size:1.0625rem;line-height:1.45}.demarche-confirm .hero .demo-notice{max-width:37.5rem}.demarche-confirm .ticket{padding:var(--space-l);border-radius:var(--radius-m);background:var(--color-ink);color:var(--color-white);flex-direction:column;justify-content:space-between;gap:1.25rem;display:flex}.demarche-confirm .ticket-top{justify-content:space-between;align-items:center;gap:var(--space-2xs);flex-wrap:wrap;display:flex}.demarche-confirm .ticket-ref{color:rgb(255 255 255/max(70%, var(--text-alpha-min)));font-family:var(--font-body);font-size:var(--text-label);font-weight:600;font-stretch:100%}.demarche-confirm .status{padding:.375rem var(--space-xs);border-radius:var(--radius-pill);background:var(--color-green);color:var(--color-ink);font-size:var(--text-label);font-weight:700}.demarche-confirm .status[data-cancelled]{background:var(--color-rose)}.demarche-confirm .ticket-date{gap:.375rem;display:grid}.demarche-confirm .ticket-day{font-size:1.25rem;font-weight:600}.demarche-confirm .ticket-time{color:var(--color-yellow);font-family:var(--font-display);font-size:var(--text-display-xl);font-stretch:var(--font-display-stretch);font-weight:900;line-height:1}.demarche-confirm [data-cancelled]~.ticket-date .ticket-time,.demarche-confirm .ticket:has(.status[data-cancelled]) .ticket-time{color:var(--color-on-dark-muted);text-decoration:line-through 3px}.demarche-confirm .ticket-infos{border-top:1px solid var(--color-on-dark-line);gap:.625rem;padding:1.25rem 0 0;display:grid}.demarche-confirm .ticket-infos li{align-items:flex-start;gap:var(--space-xs);font-size:var(--text-small);display:flex}.demarche-confirm .ticket-infos svg{color:var(--color-on-dark-muted);flex:none}.demarche-confirm .ticket-actions{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.demarche-confirm .ticket-actions .btn--yellow{flex:auto}.demarche-confirm .cancel{gap:var(--space-xs);display:grid}.demarche-confirm .cancel-question{font-size:var(--text-small);font-weight:600}.demarche-confirm .map{border-radius:var(--radius-m);min-height:19.6875rem;margin:0;position:relative;overflow:hidden}.demarche-confirm .map img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.demarche-confirm .pin{border:2px solid var(--color-white);background:var(--color-ink);width:3rem;height:3rem;color:var(--color-yellow);border-radius:50%;place-items:center;display:grid;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.demarche-confirm .map-label{gap:var(--space-3xs);max-width:calc(100% - 2.5rem);padding:var(--space-s) 1.25rem;border-radius:var(--radius-m);background:var(--color-white);display:grid;position:absolute;bottom:1.25rem;left:1.25rem}.demarche-confirm .map-label strong{font-size:1.0625rem}.demarche-confirm .map-label>span{color:var(--color-muted);font-size:var(--text-xs)}.demarche-confirm .map-label a{font-size:var(--text-xs);align-items:center;gap:.375rem;padding-top:.375rem;font-weight:700;text-decoration:none;display:inline-flex}.demarche-confirm .access,.demarche-confirm .numbered-tile{padding:var(--space-l);align-content:start;gap:1.125rem;display:grid}.demarche-confirm .access{background:var(--color-blue)}.demarche-confirm .numbered-tile{background:var(--color-yellow)}.demarche-confirm .access h2,.demarche-confirm .numbered-tile h2{font-size:var(--text-display-xs)}.demarche-confirm .access ul,.demarche-confirm .numbered-tile ol{gap:1.125rem;padding:0;display:grid}.demarche-confirm .access li{gap:var(--space-xs);display:flex}.demarche-confirm .access li svg{flex:none;margin-top:.125rem}.demarche-confirm .access li>span{font-size:var(--text-small);gap:.125rem;display:grid}.demarche-confirm .access li>span>span{color:color-mix(in srgb, var(--color-ink) max(75%, var(--text-alpha-min)), transparent);font-size:var(--text-xs)}.demarche-confirm .numbered-tile li{gap:var(--space-xs);font-size:var(--text-small);line-height:1.4;display:flex}.demarche-confirm .numbered-tile-index{background:var(--color-ink);width:1.625rem;height:1.625rem;color:var(--color-white);font-family:var(--font-display);font-size:var(--text-label);font-stretch:var(--font-display-stretch);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.demarche-confirm .next{align-items:center;gap:var(--space-m) 2.5rem;padding:var(--space-l) 2.5rem;flex-wrap:wrap;display:flex}.demarche-confirm .next h2{font-size:1.75rem}.demarche-confirm .next ul{gap:var(--space-2xs);flex:1;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));padding:0;display:grid}.demarche-confirm .next a{justify-content:space-between;align-items:center;gap:var(--space-xs);border-radius:var(--radius-m);background:var(--color-surface);font-size:var(--text-small);padding:1.125rem 1.25rem;font-weight:600;text-decoration:none;display:flex}@container site (width<=47.99rem){.demarche-confirm .next{padding:var(--tile-padding)}}.page-header.tile:has(>.service-steps[data-compact]){gap:1.25rem;min-height:0}.page-header.tile:has(>.demo-notice){gap:1.25rem}.page-header>.demo-notice{max-width:37.5rem}.page-header.tile:has(>.demo-notice)>.statement{margin-top:auto}.service-steps[data-compact] :is(.service-step-title,.service-step-detail){line-height:1.2}@container site (width<=47.99rem){.service-steps[data-compact]{flex-wrap:wrap}.service-steps[data-compact] .service-step[data-state=current]{padding:var(--space-xs);flex:9rem;gap:.625rem}.service-steps[data-compact] .service-step:not([data-state=current]){padding:var(--space-3xs)}.service-steps[data-compact] .service-step-title{overflow-wrap:break-word;hyphens:auto}}:is(.demarche,.demarche-confirm) .btn--green{background:var(--color-green);color:var(--color-ink)}:is(.demarche,.demarche-confirm) .btn--green:hover{background:var(--color-green-hover)}.demarche .basket{padding:var(--space-l);border-radius:var(--radius-m);background:var(--color-ink);color:var(--color-white);gap:1.125rem;display:grid}.demarche .basket-title{font-size:var(--text-display-s);font-weight:800;line-height:1.4}.demarche .basket-lines{gap:1.125rem;padding:0;display:grid}.demarche .basket-line{align-items:flex-start;gap:var(--space-xs);border-bottom:1px solid color-mix(in srgb, var(--color-white) 15%, transparent);padding-bottom:calc(.875rem - 1px);display:flex}.demarche .basket-text{flex:1;gap:.125rem;min-width:0;display:grid}.demarche .basket-name{font-size:var(--text-small);font-weight:600;line-height:1.2}.demarche .basket-detail{color:rgb(255 255 255/max(70%, var(--text-alpha-min)));font-size:var(--text-label);line-height:1.25}.demarche .basket-price{font-size:var(--text-small);white-space:nowrap;font-weight:800;line-height:1.4}.demarche .basket-empty{color:rgb(255 255 255/max(75%, var(--text-alpha-min)));font-size:var(--text-small);line-height:1.45}.demarche .basket-total{justify-content:space-between;align-items:flex-end;gap:var(--space-xs);display:flex}.demarche .basket-total dt{color:rgb(255 255 255/max(70%, var(--text-alpha-min)));font-size:var(--text-small)}.demarche .basket-total dd{color:var(--color-yellow);font-family:var(--font-display);font-size:2rem;font-stretch:var(--font-display-stretch);margin:0;font-weight:900;line-height:1.4}.demarche .basket .btn{width:100%}.demarche .basket-link{color:var(--color-white);font-size:var(--text-xs);justify-self:center;font-weight:600;text-decoration:underline}.demarche .ticks{gap:var(--space-xs);border-radius:var(--radius-m);align-content:start;padding:1.75rem;display:grid}.demarche .ticks h2{font-size:1.25rem;font-weight:800;line-height:1.4}.demarche .ticks ul{gap:var(--space-xs);padding:0;display:grid}.demarche .ticks li{font-size:var(--text-small);gap:.625rem;line-height:1.4;display:flex}.demarche .ticks li svg{flex:none;margin-top:.0625rem}.demarche .aside-help{gap:var(--space-2xs);border-radius:var(--radius-m);background:var(--color-surface);align-content:start;padding:1.75rem;display:grid}.demarche .aside-help h2{font-family:var(--font-body);font-size:var(--text-body);font-weight:700;font-stretch:100%;line-height:1.25}.demarche .aside-help p{color:var(--color-muted);font-size:var(--text-xs);line-height:1.43}.demarche .aside-help .phone{line-height:1.4}.participation .page-header.tile:has(>.service-steps){gap:1.25rem;min-height:20rem}.participation .service-step[data-state=current] .service-step-index,.participation .numbered-index{background:var(--color-lilac);color:var(--color-ink)}.participation .service-steps .service-step-detail{line-height:1.25}.participation [data-tone=culture]{background:var(--color-cat-culture)}.participation [data-tone=sport]{background:var(--color-cat-sport)}.participation [data-tone=marche]{background:var(--color-cat-marche)}.participation [data-tone=montagne]{background:var(--color-cat-montagne)}.participation [data-tone=famille]{background:var(--color-cat-famille)}.participation [data-tone=lac]{background:var(--color-cat-lac)}.participation .recap{padding:var(--space-l);border-radius:var(--radius-m);background:var(--color-ink);color:var(--color-white);gap:1.125rem;display:grid}.participation .recap-title{font-size:var(--text-display-s);font-weight:800;line-height:1.4}.participation .recap-row{align-items:flex-start;gap:var(--space-xs);border-bottom:1px solid color-mix(in srgb, var(--color-white) 15%, transparent);padding-bottom:calc(.875rem - 1px);display:flex}.participation .recap-text{flex:1;gap:.125rem;min-width:0;display:grid}.participation .recap-label{color:rgb(255 255 255/max(60%, var(--text-alpha-min)));font-size:var(--text-label);line-height:1.25}.participation .recap-value{font-size:var(--text-small);overflow-wrap:anywhere;font-weight:600;line-height:1.2}.participation .gauge{background:color-mix(in srgb, var(--color-white) 15%, transparent);border-radius:.1875rem;height:.375rem;display:block;overflow:hidden}.participation .gauge>span{width:var(--gauge,0%);border-radius:inherit;background:var(--color-lilac);height:100%;transition:width var(--duration-slow) var(--ease-out);display:block}.participation .gauge-value{color:var(--color-lilac);font-family:var(--font-display);font-size:2rem;font-stretch:var(--font-display-stretch);white-space:nowrap;font-weight:900;line-height:1.4}.participation .recap .btn{width:100%}.participation .further{gap:var(--space-3xs);padding:calc(1.75rem - 1px) calc(1.75rem - 1px) calc(var(--space-s) - 1px);border:1px solid var(--color-line);border-radius:var(--radius-m);display:grid}.participation .further h2{font-size:1.25rem;font-weight:800;line-height:1.4}.participation .further ul{gap:var(--space-3xs);padding:0;display:grid}.participation .aside-help p{line-height:1.2}.participation .further a{justify-content:space-between;align-items:center;gap:var(--space-s);padding:var(--space-s) 0 calc(var(--space-s) - 1px);border-bottom:1px solid var(--color-line);font-size:var(--text-body);font-weight:600;line-height:1.25;text-decoration:none;display:flex}.participation .input-icon{flex:16rem;min-width:0;position:relative}.participation .input-icon>svg{color:var(--color-muted);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.participation .input-icon .input{padding-left:2.75rem}.participation .demarche .input:not([aria-invalid=true]){border-width:1.5px}.participation .demarche .input:focus-visible{border-color:var(--color-ink)}.participation .help-tile{gap:var(--space-2xs);background:var(--color-surface);align-content:start;padding:1.75rem;display:grid}.participation .help-tile h2{font-family:var(--font-body);font-size:var(--text-body);font-weight:700;font-stretch:100%;line-height:1.25}.participation .help-tile p{color:var(--color-muted);font-size:var(--text-xs);line-height:1.2}.participation .help-tile .phone{font-family:var(--font-display);font-size:1.25rem;font-stretch:var(--font-display-stretch);font-weight:800;line-height:1.4;text-decoration:none}@media (prefers-reduced-motion:reduce){.participation .gauge>span{transition:none}}