.p-hub .p-hub-idee{width:clamp(150px,5rem + 10vw,250px);height:auto}@media (width<=959.98px){.p-hub .p-hub-idee{width:clamp(120px,34vw,180px)}}.p-hub .p-hub-carte-section{padding-block:clamp(3.5rem,1.8rem + 5.6vw,7.5rem) clamp(4.5rem,2.6rem + 6vw,8.5rem)}.p-hub .p-hub-carte{--ep:84px;position:relative}.p-hub .p-hub-dests{margin:0;padding:0;list-style:none}.p-hub .p-hub-dest{min-width:0;position:relative}.p-hub .p-hub-dest-texte{z-index:1;min-width:0;position:relative}.p-hub .p-hub-case{border:1.5px solid var(--encre);letter-spacing:.04em;font-variant-numeric:tabular-nums;margin-bottom:14px;padding:3px 7px 2px;font-size:13px;font-weight:700;line-height:1.1;display:inline-block}.p-hub .p-hub-dest-titre{letter-spacing:-.028em;text-wrap:balance;font-size:clamp(1.875rem,1.05rem + 1.75vw,2.625rem);line-height:1}.p-hub .p-hub-dest-titre a{color:var(--encre);background-image:linear-gradient(var(--jaune), var(--jaune));transition:background-size var(--dg-trace) var(--dg-courbe);background-position:0 94%;background-repeat:no-repeat;background-size:0 6px;text-decoration:none}.p-hub .p-hub-dest-titre a:hover,.p-hub .p-hub-dest-titre a:focus-visible{background-size:100% 6px}.p-hub .p-hub-dest-titre a:focus-visible{box-shadow:0 0 0 3px var(--papier), 0 0 0 7.5px var(--encre)}.p-hub .p-hub-dest-phrase{max-width:30em;font-size:var(--t-texte);text-wrap:pretty;margin-top:14px;line-height:1.55}.p-hub .p-hub-chemins{gap:12px;margin:20px 0 0;padding:0;list-style:none;display:grid}.p-hub .p-hub-chemins li{padding-left:26px;position:relative}.p-hub .p-hub-chemins li:before{content:"";box-sizing:border-box;background:radial-gradient(circle, var(--encre) 0 2.4px, var(--blanc) 2.9px);border:1.8px solid var(--encre);border-radius:50%;width:14px;height:14px;position:absolute;top:.32em;left:0}.p-hub .p-hub-chemins .lien{font-size:17px}.p-hub .p-hub-chemin-phrase{font-size:var(--t-petit);color:var(--graphite);text-wrap:pretty;margin-top:3px;line-height:1.45;display:block}.p-hub .p-hub-epingle{z-index:2;width:var(--ep);pointer-events:none;height:auto;left:calc(var(--px) - .3525 * var(--ep));top:calc(var(--py) - .6494 * var(--ep));transition:translate .26s var(--reponse), rotate .26s var(--reponse);position:absolute}.p-hub .p-hub-dest:is(:hover,:focus-within) .p-hub-epingle{translate:0 -9px;rotate:-4deg}.p-hub .p-hub-carrefour{position:relative}.p-hub .p-hub-routes{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.p-hub .p-hub-route{stroke:var(--graphite);stroke-width:2.2px;stroke-dasharray:1 7;stroke-linecap:round;transition:stroke .2s,stroke-width .2s}.p-hub .p-hub-ici{z-index:3;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;translate:-50% -14px}.p-hub .p-hub-ici-point{width:40px;height:auto}.p-hub .p-hub-ici-mot{white-space:nowrap;background:var(--papier) url(/fonds/grain.png);margin-top:4px;padding:0 6px;font-size:22px;line-height:1.1;rotate:-3deg}.p-hub .p-hub-dests:has(>[data-k="0"]:is(:hover,:focus-within)) .p-hub-route[data-k="0"],.p-hub .p-hub-dests:has(>[data-k="1"]:is(:hover,:focus-within)) .p-hub-route[data-k="1"],.p-hub .p-hub-dests:has(>[data-k="2"]:is(:hover,:focus-within)) .p-hub-route[data-k="2"],.p-hub .p-hub-dests:has(>[data-k="3"]:is(:hover,:focus-within)) .p-hub-route[data-k="3"]{stroke:var(--encre);stroke-width:3.2px}.p-hub .p-hub-boussole{z-index:2;pointer-events:none;width:clamp(96px,4rem + 4vw,136px);height:auto;position:absolute;rotate:-9deg}@media (width>=960px){.p-hub .p-hub-carte{--ep:clamp(84px, 3.6rem + 2.4vw, 112px);border:1.5px solid var(--encre);padding:clamp(44px,1.5rem + 2.6vw,72px) clamp(24px,.25rem + 2.6vw,48px)}.p-hub .p-hub-carte:before,.p-hub .p-hub-carte:after{content:"";pointer-events:none;position:absolute}.p-hub .p-hub-carte:before{background:repeating-linear-gradient(90deg, var(--encre) 0 1.5px, transparent 1.5px 60px) 0 0 / 100% 12px no-repeat, repeating-linear-gradient(90deg, var(--encre) 0 1px, transparent 1px 12px) 0 0 / 100% 6px no-repeat;height:12px;top:0;left:0;right:0}.p-hub .p-hub-carte:after{background:repeating-linear-gradient(180deg, var(--encre) 0 1.5px, transparent 1.5px 60px) 0 0 / 12px 100% no-repeat, repeating-linear-gradient(180deg, var(--encre) 0 1px, transparent 1px 12px) 0 0 / 6px 100% no-repeat;width:12px;top:0;bottom:0;left:0}.p-hub .p-hub-dests{grid-template-rows:auto clamp(150px,2rem + 10vw,214px) auto;grid-template-columns:minmax(0,1fr) clamp(170px,1rem + 16vw,290px) minmax(0,1fr);display:grid}.p-hub .p-hub-dest{display:flex}.p-hub .p-hub-no{--px:100%;--py:100%;grid-area:1/1;justify-content:flex-end;align-items:flex-end}.p-hub .p-hub-ne{--px:0%;--py:100%;grid-area:1/3;align-items:flex-end}.p-hub .p-hub-so{--px:100%;--py:0%;grid-area:3/1;justify-content:flex-end}.p-hub .p-hub-se{--px:0%;--py:0%;grid-area:3/3}.p-hub .p-hub-dest-texte{width:min(100%,460px)}.p-hub .p-hub-no .p-hub-dest-texte,.p-hub .p-hub-so .p-hub-dest-texte{margin-right:clamp(30px,1rem + 1.4vw,44px)}.p-hub .p-hub-ne .p-hub-dest-texte,.p-hub .p-hub-se .p-hub-dest-texte{margin-left:clamp(30px,1rem + 1.4vw,44px)}.p-hub .p-hub-carrefour{grid-area:2/2}.p-hub .p-hub-boussole{bottom:-56px;right:clamp(-48px,-1rem - 1vw,-24px)}}@media (width<=959.98px){.p-hub .p-hub-carte{--ep:64px;--x:17px}.p-hub .p-hub-dests{gap:40px;padding-left:48px;display:grid;position:relative}.p-hub .p-hub-dests:before{content:"";left:var(--x);background:radial-gradient(circle, var(--graphite) 0 1.2px, transparent 1.6px) 50% 0 / 3px 8px repeat-y;width:3px;position:absolute;top:34px;bottom:60px;translate:-50%}.p-hub .p-hub-carrefour{order:-1;height:64px;margin-left:-48px}.p-hub .p-hub-routes{display:none}.p-hub .p-hub-ici{flex-direction:row;gap:12px;top:0;left:0;translate:0}.p-hub .p-hub-ici-mot{margin-top:6px}.p-hub .p-hub-dest{--px:calc(var(--x) - 48px);--py:30px}.p-hub .p-hub-boussole{width:92px;top:-20px;right:-6px}}.p-hub .p-hub-carte.pret:not(.joue) .p-hub-route{visibility:hidden}.p-hub .p-hub-carte.pret .p-hub-epingle{opacity:0;translate:0 -34px}.p-hub .p-hub-carte.pret .plante .p-hub-epingle{animation:p-hub-plante .5s var(--pose) both}@keyframes p-hub-plante{0%{opacity:0;translate:0 -34px}55%{opacity:1;translate:0 3px}75%{translate:0 -2px}to{opacity:1;translate:0}}.dg-coupe .p-hub .p-hub-epingle,.dg-coupe .p-hub .p-hub-route,.dg-coupe .p-hub .p-hub-dest-titre a{transition:none}.dg-coupe .p-hub .p-hub-epingle{opacity:1!important;animation:none!important}.p-hub .p-hub-idee-boite{width:clamp(150px,5rem + 10vw,250px)}.p-hub .p-hub-idee-boite svg{width:100%;height:auto}@media (width<=959.98px){.p-hub .p-hub-idee-boite{width:clamp(120px,34vw,180px)}}.p-hub .p-hub-cadran-section{padding-block:clamp(3.5rem,1.8rem + 5.6vw,7.5rem) clamp(4.5rem,2.6rem + 6vw,8.5rem)}.p-hub .p-hub-metiers{--cad:clamp(300px, 12rem + 15vw, 430px);position:relative}.p-hub .p-hub-cadran{width:min(100%, var(--cad));margin:0 auto}.p-hub .p-hub-cadran-dessin{width:100%;height:auto;display:block}.p-hub .p-hub-aiguille{transform-box:view-box;transform-origin:200px 200px;transition:transform .7s var(--pose);transform:rotate(-45deg)}.p-hub .p-hub-metiers:has(.p-hub-metier[data-k="1"]:is(:hover,:focus-within)) .p-hub-aiguille{transform:rotate(45deg)}.p-hub .p-hub-metiers:has(.p-hub-metier[data-k="2"]:is(:hover,:focus-within)) .p-hub-aiguille{transform:rotate(135deg)}.p-hub .p-hub-metiers:has(.p-hub-metier[data-k="3"]:is(:hover,:focus-within)) .p-hub-aiguille{transform:rotate(-135deg)}.p-hub .p-hub-quartier{fill:var(--voile);stroke:var(--encre);stroke-width:1.3px;transition:fill .2s}.p-hub .p-hub-quartier[data-k="0"]{fill:var(--jaune)}.p-hub .p-hub-metiers:has(.p-hub-metier:is(:hover,:focus-within)) .p-hub-quartier{fill:var(--voile)}.p-hub .p-hub-metiers:has(.p-hub-metier[data-k="0"]:is(:hover,:focus-within)) .p-hub-quartier[data-k="0"],.p-hub .p-hub-metiers:has(.p-hub-metier[data-k="1"]:is(:hover,:focus-within)) .p-hub-quartier[data-k="1"],.p-hub .p-hub-metiers:has(.p-hub-metier[data-k="2"]:is(:hover,:focus-within)) .p-hub-quartier[data-k="2"],.p-hub .p-hub-metiers:has(.p-hub-metier[data-k="3"]:is(:hover,:focus-within)) .p-hub-quartier[data-k="3"]{fill:var(--jaune)}.p-hub .p-hub-etiquettes{gap:28px;margin:0;padding:0;list-style:none;display:grid}.p-hub .p-hub-metier{isolation:isolate;border-radius:28px 6px 6px 28px;align-self:start;min-width:0;padding:22px 26px 26px 52px;position:relative}.p-hub .p-hub-metier:after{content:"";z-index:-1;border-radius:inherit;background:var(--blanc);border:1.5px solid var(--encre);rotate:var(--r,0deg);transition:rotate .22s var(--reponse), translate .22s var(--reponse), box-shadow .22s var(--reponse);position:absolute;inset:0}.p-hub .p-hub-metier:before{content:"";z-index:1;box-sizing:border-box;border:1.5px solid var(--encre);background:var(--papier);width:14px;height:14px;box-shadow:inset 0 0 0 2.5px var(--laiton);border-radius:50%;position:absolute;top:30px;left:18px}.p-hub .p-hub-metier:is(:hover,:focus-within):after{box-shadow:4px 4px 0 var(--encre);translate:-2px -2px;rotate:0deg}.p-hub .p-hub-glyphe{width:32px;height:32px;margin-bottom:14px;display:block}.p-hub .p-hub-metier-titre{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(1.625rem,1.1rem + 1.1vw,2.125rem);line-height:1.02}.p-hub .p-hub-metier-titre a{color:var(--encre);background-image:linear-gradient(var(--jaune), var(--jaune));transition:background-size var(--dg-trace) var(--dg-courbe);background-position:0 94%;background-repeat:no-repeat;background-size:0 5px;text-decoration:none}.p-hub .p-hub-metier-titre a:after{content:"";border-radius:inherit;position:absolute;inset:0}.p-hub .p-hub-metier:hover .p-hub-metier-titre a,.p-hub .p-hub-metier-titre a:focus-visible{background-size:100% 5px}.p-hub .p-hub-metier-titre a:focus-visible{box-shadow:none;outline:none}.p-hub .p-hub-metier:has(.p-hub-metier-titre a:focus-visible){outline:3px solid var(--jaune);outline-offset:3px;box-shadow:0 0 0 3px var(--papier), 0 0 0 7.5px var(--encre)}.p-hub .p-hub-metier-phrase{font-size:var(--t-texte);text-wrap:pretty;margin-top:12px;line-height:1.55}.p-hub .p-hub-metier-pages{z-index:1;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid;position:relative}.p-hub .p-hub-metier-pages .lien{font-size:16px}@media (width>=1180px){.p-hub .p-hub-cadran{margin:0;position:absolute;top:50%;left:50%;translate:-50% -50%}.p-hub .p-hub-etiquettes{grid-template-columns:minmax(0, 1fr) calc(var(--cad) + 16px) minmax(0, 1fr);grid-template-rows:minmax(calc(var(--cad) * .5), auto) minmax(calc(var(--cad) * .5), auto);min-height:calc(var(--cad) + 40px);gap:40px 0}.p-hub .p-hub-q0{grid-area:1/1;align-self:end}.p-hub .p-hub-q1{grid-area:1/3;align-self:end}.p-hub .p-hub-q2{grid-area:2/3}.p-hub .p-hub-q3{grid-area:2/1}.p-hub .p-hub-q0,.p-hub .p-hub-q3{border-radius:6px 28px 28px 6px;padding:22px 52px 26px 26px}.p-hub .p-hub-q0:before,.p-hub .p-hub-q3:before{left:auto;right:18px}}@media (width>=640px) and (width<=1179.98px){.p-hub .p-hub-cadran{margin-bottom:clamp(32px,4vw,48px)}.p-hub .p-hub-etiquettes{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px}.p-hub .p-hub-q0{grid-area:1/1}.p-hub .p-hub-q1{grid-area:1/2}.p-hub .p-hub-q2{grid-area:2/2}.p-hub .p-hub-q3{grid-area:2/1}}@media (width<=639.98px){.p-hub .p-hub-metiers{--cad:min(300px, 82vw)}.p-hub .p-hub-cadran{margin-bottom:28px}.p-hub .p-hub-metier{padding:20px 20px 24px 46px}.p-hub .p-hub-metier:before{left:15px}}.dg-coupe .p-hub .p-hub-aiguille,.dg-coupe .p-hub .p-hub-quartier,.dg-coupe .p-hub .p-hub-metier:after,.dg-coupe .p-hub .p-hub-metier-titre a{transition:none}