.odt-cadre{margin:0 auto;max-width:1140px}.odt-cadre .demo-section__inner,.odt-cadre .demo-hero__inner{margin-left:0;margin-right:auto}.odt{--odt-bordure:#e2e8ea;--odt-texte-doux:#5a6a70;--odt-fond-doux:#f4f7f8;--odt-carte-hauteur-mobile:58vh;--odt-carte-hauteur-large:560px}@supports (height:1dvh){.odt{--odt-carte-hauteur-mobile:58dvh}}.odt [hidden]{display:none !important}.odt p{margin-bottom:0}.odt .odt__repli{margin-bottom:var(--spacing-md)}.odt .odt__bilan{margin-bottom:var(--spacing-sm)}.odt .odt__decouverte-titre,.odt .odt__decouverte-nom{margin-bottom:4px}.odt .odt__verdict{margin-bottom:2px}.odt__barre{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-md);justify-content:space-between;margin:0 0 var(--spacing-md)}.odt__modes{display:flex;gap:8px;list-style:none;margin:0;padding:0}.odt-modes__bouton{background:var(--odt-fond-doux);border:1px solid var(--odt-bordure);border-radius:var(--radius-sm);color:var(--color-dark-blue);cursor:pointer;font-family:inherit;font-size:0.92rem;font-weight:600;min-height:40px;padding:0 14px;transition:background-color 0.2s ease,color 0.2s ease}.odt-modes__bouton:hover{background:var(--color-white);color:var(--color-blue)}.odt-modes__bouton[aria-pressed="true"]{background:var(--color-blue);border-color:var(--color-blue);color:var(--color-white)}.odt-modes__bouton[aria-pressed="true"]:hover{background:var(--color-blue);color:var(--color-white)}.odt-modes__bouton:focus-visible{outline:3px solid var(--color-blue);outline-offset:2px}.odt__etat{align-items:center;display:flex;gap:var(--spacing-md)}.odt__progression{align-items:center;display:flex;gap:9px;margin:0}.odt__pas{background:transparent;border:2px solid var(--color-blue);border-radius:50%;height:12px;transition:background-color 0.2s ease,border-color 0.2s ease;width:12px}.odt__pas--fait{background:var(--color-blue)}.odt__pas--courant{background:var(--color-yellow);border-color:var(--color-yellow);height:16px;width:16px}.odt__score-pastille{align-items:center;background:var(--odt-fond-doux);border:1px solid var(--odt-bordure);border-radius:var(--radius-sm);color:var(--color-dark-blue);display:flex;gap:8px;margin:0;min-height:40px;padding:0 14px}.odt__score-pastille i{color:var(--color-yellow)}.odt__score-pastille strong{font-variant-numeric:tabular-nums}.odt__actions{display:flex;gap:8px}.odt__action{align-items:center;background:var(--color-white);border:1px solid var(--odt-bordure);border-radius:var(--radius-sm);color:var(--color-blue);cursor:pointer;display:inline-flex;font-family:inherit;font-size:0.92rem;font-weight:600;gap:7px;min-height:40px;padding:0 14px;transition:background-color 0.2s ease}.odt__action:hover{background:var(--odt-fond-doux)}.odt__action:focus-visible{outline:3px solid var(--color-blue);outline-offset:2px}.odt__repli{background:var(--odt-fond-doux);border-left:4px solid var(--color-yellow);border-radius:var(--radius-sm);color:var(--color-dark-blue);line-height:1.5;margin:0 0 var(--spacing-md);padding:12px var(--spacing-md)}.odt__scene{display:grid;gap:var(--spacing-sm);grid-template-columns:1fr;position:relative;z-index:0}.odt__volet-carte{min-width:0;position:relative;scroll-margin-top:84px}.odt__lateral{background:var(--color-white);border:1px solid var(--odt-bordure);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0;padding:var(--spacing-md)}.odt__message{background:var(--odt-fond-doux);border-left:4px solid var(--color-blue);border-radius:var(--radius-sm);color:var(--color-dark-blue);font-size:0.92rem;line-height:1.5;margin:0;padding:10px var(--spacing-sm)}.odt .odt__mode-emploi{color:var(--odt-texte-doux);display:none;line-height:1.6;margin:0}.odt__decouverte{border-top:1px solid var(--odt-bordure);display:none;margin-top:auto;padding-top:var(--spacing-sm)}.odt__decouverte-titre{color:var(--odt-texte-doux);font-size:0.78rem;font-weight:600;letter-spacing:0.06em;margin:0 0 4px;text-transform:uppercase}.odt__decouverte-nom{color:var(--color-blue);font-weight:700;margin:0 0 4px}.odt__decouverte-texte{color:var(--odt-texte-doux);font-size:0.92rem;line-height:1.6;margin:0}.odt__cible{background:var(--color-blue);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--color-white);display:flex;flex-direction:column;gap:2px;left:50%;margin:0;max-width:min(92%,560px);padding:10px 20px;pointer-events:none;position:absolute;text-align:center;top:12px;transform:translateX(-50%);z-index:1100}.odt__cible-etiquette{color:var(--color-yellow);font-size:0.78rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase}.odt__cible .odt__cible-nom{color:var(--color-white);font-size:1.25rem;line-height:1.3}@media (max-width:640px){.odt__cible-etiquette{display:none}.odt__cible{padding:6px 12px}.odt__cible .odt__cible-nom{font-size:1.05rem}}.odt__carte{border:1px solid var(--odt-bordure);border-radius:var(--radius-md);height:var(--odt-carte-hauteur-mobile);margin:0 0 var(--spacing-sm);overflow:hidden}@media (min-width:62rem){.odt__scene{grid-template-columns:minmax(0,1fr) 340px}.odt__carte{height:var(--odt-carte-hauteur-large)}.odt__lateral{max-height:var(--odt-carte-hauteur-large);overflow-y:auto;overscroll-behavior:contain}.odt__commandes{flex-direction:column}.odt__decouverte{display:block}.odt .odt__mode-emploi{display:block}}.odt__carte:focus-visible,.odt__carte .leaflet-container:focus-visible{outline:3px solid var(--color-blue);outline-offset:2px}.odt__voile{align-items:center;background:rgba(0,42,58,0.66);color:var(--color-white);display:flex;font-size:1.05rem;font-weight:600;inset:0;justify-content:center;margin:0;opacity:0;padding:0 24px;pointer-events:none;position:absolute;text-align:center;transition:opacity 0.25s ease;z-index:1050}.odt__voile--visible{opacity:1}.odt__commandes{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 var(--spacing-sm)}.odt__commande{align-items:center;background:var(--color-white);border:1px solid var(--odt-bordure);border-radius:var(--radius-sm);color:var(--color-blue);cursor:pointer;display:inline-flex;font-family:inherit;font-size:0.95rem;font-weight:600;gap:8px;justify-content:center;min-height:44px;padding:0 16px;transition:background-color 0.2s ease}.odt__commande:hover{background:var(--odt-fond-doux)}.odt__commande:focus-visible{outline:3px solid var(--color-blue);outline-offset:2px}.odt__commande:disabled{color:#9fb0b6;cursor:not-allowed}.odt__commande:disabled:hover{background:var(--color-white)}.odt__commande--valider:not(:disabled){background:var(--color-yellow);border-color:var(--color-yellow);color:var(--color-dark-blue)}.odt__commande--valider:not(:disabled):hover{background:#ffd633;border-color:#ffd633;color:var(--color-dark-blue)}.odt__commande--suivant:not(:disabled){background:var(--color-blue);border-color:var(--color-blue);color:var(--color-white)}.odt__commande--suivant:not(:disabled):hover{background:var(--color-dark-blue);border-color:var(--color-dark-blue);color:var(--color-white)}.odt__revelation{background:var(--odt-fond-doux);border-left:4px solid var(--color-yellow);border-radius:var(--radius-sm);padding:var(--spacing-md)}.odt__revelation:not([hidden]){animation:odt-apparaitre 0.3s ease-out}@keyframes odt-apparaitre{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.odt__verdict{color:var(--color-blue);font-size:0.82rem;font-weight:700;letter-spacing:0.06em;margin:0 0 2px;text-transform:uppercase}.odt__verdict:empty{display:none}.odt__bilan{color:var(--color-dark-blue);line-height:1.7;margin:0 0 var(--spacing-sm);padding-left:1.3em}.odt__bilan strong{font-variant-numeric:tabular-nums}.odt-marqueur{background:var(--color-blue);border:3px solid var(--color-white);border-radius:50%;box-shadow:0 2px 6px rgba(0,42,58,0.35);height:22px;width:22px}.odt-marqueur--lieu{animation:odt-tomber 0.45s cubic-bezier(0.2,0.7,0.3,1.2);background:var(--color-yellow)}@keyframes odt-tomber{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}.odt-onde{animation:odt-onde 1.1s ease-out 0.35s both;border:3px solid var(--color-yellow);border-radius:50%;height:22px;width:22px}@keyframes odt-onde{from{opacity:0.9;transform:scale(1)}to{opacity:0;transform:scale(4.5)}}.odt-ligne{stroke:var(--color-yellow);stroke-width:3;transition:stroke-dashoffset 0.7s ease-out}.odt-ligne-halo{stroke:var(--color-dark-blue);stroke-opacity:0.85;stroke-width:7;transition:stroke-dashoffset 0.7s ease-out}.odt-ligne-halo--bilan{stroke-opacity:0.7;stroke-width:5}.odt-cercle{animation:odt-cercle 0.5s ease-out 0.3s both;stroke:var(--color-blue);stroke-dasharray:7 7;stroke-opacity:0.85;stroke-width:3}.odt-cercle-halo{animation:odt-cercle-halo 0.5s ease-out 0.3s both;stroke:var(--color-white);stroke-opacity:0.9;stroke-width:7}@keyframes odt-cercle{from{stroke-opacity:0}to{stroke-opacity:0.85}}@keyframes odt-cercle-halo{from{stroke-opacity:0}to{stroke-opacity:0.9}}.odt-cercle-etiquette{background:rgba(255,255,255,0.9);border:none;border-radius:var(--radius-sm);box-shadow:none;color:var(--color-dark-blue);font-size:0.72rem;font-weight:600;padding:1px 7px}.odt-cercle-etiquette::before{display:none}.odt-marqueur--bilan{align-items:center;display:flex;font-size:0.78rem;font-weight:700;justify-content:center}.odt-ligne--bilan{stroke-opacity:0.65;stroke-width:2}.odt .leaflet-container{background:var(--odt-fond-doux);font-family:inherit;font-size:0.9rem}.odt .leaflet-bar{background:var(--color-white);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);overflow:hidden}.odt .leaflet-bar a,.odt .leaflet-bar a:hover{background:var(--color-white);border:none;border-bottom:1px solid var(--odt-bordure);border-radius:0;color:var(--color-blue);font-size:1.15rem;font-weight:700;height:38px;line-height:38px;width:38px}.odt .leaflet-bar a:last-child{border-bottom:none}.odt .leaflet-bar a:hover{background:var(--odt-fond-doux);color:var(--color-dark-blue)}.odt .leaflet-bar a.leaflet-disabled{background:var(--color-white);color:#9fb0b6}.odt-plein-ecran{align-items:center;background:var(--color-white);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);color:var(--color-blue);cursor:pointer;display:flex;font-size:0.95rem;height:38px;justify-content:center;padding:0;transition:background-color 0.2s ease;width:38px}.odt-plein-ecran:hover{background:var(--odt-fond-doux);color:var(--color-dark-blue)}.odt-plein-ecran:focus-visible{outline:3px solid var(--color-blue);outline-offset:2px}.odt .leaflet-control-attribution{background:rgba(255,255,255,0.85);font-size:0.68rem}@media (pointer:coarse){.odt .leaflet-bar a,.odt .leaflet-bar a:hover{height:44px;line-height:44px;width:44px}.odt-plein-ecran{height:44px;width:44px}}@media (max-width:640px){.odt__barre{align-items:center;gap:var(--spacing-sm) 8px}.odt-modes__bouton,.odt__score-pastille{min-height:44px}.odt__modes{flex:1 0 100%}.odt__modes li{flex:1}.odt-modes__bouton{width:100%}.odt__etat{flex:1 1 auto;gap:var(--spacing-sm)}.odt__score-pastille{margin-left:auto}.odt__action{gap:0;justify-content:center;min-height:44px;padding:0;width:44px}.odt__action-texte,.odt__score-unite{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.odt__commande{flex:1 1 auto}}.odt__scene:fullscreen{background:var(--color-white);grid-template-rows:minmax(0,1fr) auto;overflow:auto;padding:12px}.odt__scene:fullscreen .odt__carte{height:100%;margin-bottom:0}.odt__scene:fullscreen .odt__lateral{max-height:38vh;overflow-y:auto;overscroll-behavior:contain}@supports (height:1dvh){.odt__scene:fullscreen .odt__lateral{max-height:38dvh}}.odt__scene:-webkit-full-screen{background:var(--color-white);grid-template-rows:minmax(0,1fr) auto;overflow:auto;padding:12px}.odt__scene:-webkit-full-screen .odt__carte{height:100%;margin-bottom:0}.odt__scene:-webkit-full-screen .odt__lateral{max-height:38vh;overflow-y:auto;overscroll-behavior:contain}@supports (height:1dvh){.odt__scene:-webkit-full-screen .odt__lateral{max-height:38dvh}}.odt__scene--plein{background:var(--color-white);grid-template-rows:minmax(0,1fr) auto;inset:0;overflow:auto;overscroll-behavior:contain;padding:12px;position:fixed;z-index:4000}.odt__scene--plein .odt__carte{height:100%;margin-bottom:0}.odt__scene--plein .odt__lateral{max-height:38vh;overflow-y:auto;overscroll-behavior:contain}@supports (height:1dvh){.odt__scene--plein .odt__lateral{max-height:38dvh}}@media (min-width:62rem){.odt__scene--plein .odt__lateral{max-height:100%}.odt__scene:fullscreen .odt__lateral{max-height:100%}.odt__scene:-webkit-full-screen .odt__lateral{max-height:100%}}@media (prefers-reduced-motion:reduce){.odt *,.odt .leaflet-container *{animation-duration:0.01ms !important;transition-duration:0.01ms !important}}