.p-comment main{padding-bottom:var(--rythme)}.p-comment .ouverture{gap:1.5rem;padding-top:clamp(2.5rem,6vw,4.5rem);display:grid}.p-comment .ouverture .chapo{color:var(--encre-2)}@media (min-width:1000px){.p-comment .ouverture{grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:end;column-gap:2rem}.p-comment .ouverture .chapo{padding-bottom:.4rem}}.p-comment .portes{gap:.75rem;margin-top:clamp(2.5rem,5vw,4rem);display:grid}@media (min-width:640px){.p-comment .portes{grid-template-columns:1fr 1fr;gap:1rem}}.p-comment .porte{border:1px solid var(--trait-fort);border-radius:var(--rayon);background:var(--papier);color:var(--encre);font:inherit;text-align:left;cursor:pointer;grid-template-columns:minmax(0,1fr) auto;gap:.5rem 1.25rem;padding:1.35rem 1.5rem 1.5rem;transition:background-color .16s,color .16s,border-color .16s;display:grid}.p-comment .porte:hover{border-color:var(--encre)}.p-comment .porte .mesure{color:var(--encre-2);grid-column:1/-1}.p-comment .porte strong{font:760 clamp(1.25rem, 1rem + .8vw, 1.625rem)/1.1 var(--titre);letter-spacing:-.02em;text-wrap:balance;font-stretch:110%}.p-comment .porte .sous{color:var(--encre-2);text-wrap:pretty;grid-column:1;font-size:.9375rem}.p-comment .temoin{border:1.5px solid;border-radius:50%;grid-area:2/2;align-self:center;width:1.375rem;height:1.375rem}.p-comment .porte[aria-pressed=true]{background:var(--encre);border-color:var(--encre);color:var(--papier)}.p-comment .porte[aria-pressed=true] .mesure,.p-comment .porte[aria-pressed=true] .sous{color:var(--sur-ecran-2)}.p-comment .porte[aria-pressed=true] .temoin{background:radial-gradient(circle, var(--papier) 0 38%, transparent 40%)}.p-comment .lecture{margin-top:var(--rythme)}.p-comment .lecture-tete{gap:1rem;display:grid}.p-comment .lecture-tete .chapo{color:var(--encre-2);max-width:46ch}@media (min-width:1000px){.p-comment .lecture-tete{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;column-gap:2rem}}.p-comment .lecture .piste{margin-top:clamp(2rem,4vw,3rem)}.p-comment .voie-nom{align-items:baseline;gap:.5rem;font-size:.9375rem;font-weight:650;display:flex}.p-comment .voie-nom .mesure{color:var(--encre-2)}@media (min-width:1200px){.p-comment .lecture .piste{--temps:9;column-gap:var(--jeu);grid-template-rows:auto repeat(3,minmax(6rem,auto));grid-template-columns:6.75rem repeat(9,minmax(0,1fr));row-gap:.625rem;display:grid}.p-comment .regle{grid-area:1/2/auto/-1}.p-comment .zone-tete{pointer-events:none;z-index:2;grid-area:1/2/-1/-1;position:relative}.p-comment .zone-tete .tete-lecture{left:calc((100% - (var(--temps) - 1) * var(--jeu)) / var(--temps) * var(--a,0) + var(--jeu) * var(--a,0) - var(--jeu) / 2)}.p-comment .couloir{background:color-mix(in oklab, var(--papier-2) 55%, var(--papier));border-radius:10px;grid-column:2/-1}.p-comment .voie{display:contents}.p-comment .voie>li{z-index:1;position:relative}.p-comment .voie[data-voie=client]>li,.p-comment .voie-nom[data-voie=client]{grid-row:2}.p-comment .voie[data-voie=commande]>li,.p-comment .voie-nom[data-voie=commande]{grid-row:3}.p-comment .voie[data-voie=monteur]>li,.p-comment .voie-nom[data-voie=monteur]{grid-row:4}.p-comment .voie-nom{grid-column:1;align-self:center}.p-comment .plan-detail{display:none}.p-comment .piste-plan{cursor:pointer}.p-comment .piste-plan:hover{border-color:var(--encre)}.p-comment .piste[data-voie=client] .voie[data-voie=monteur] .piste-plan,.p-comment .piste[data-voie=monteur] .voie[data-voie=client] .piste-plan{border-color:var(--trait);color:var(--encre-3);background:0 0}.p-comment .piste[data-voie=client] .voie[data-voie=monteur] .piste-plan:hover,.p-comment .piste[data-voie=monteur] .voie[data-voie=client] .piste-plan:hover{border-color:var(--trait-fort);color:var(--encre-2)}}@media (max-width:1199px){.p-comment .lecture .piste{flex-direction:column;display:flex}.p-comment .regle,.p-comment .zone-tete,.p-comment .couloir,.p-comment .moniteur,.p-comment .voie-nom[data-voie=client],.p-comment .voie-nom[data-voie=monteur]{display:none}.p-comment .voie{display:contents}.p-comment .piste[data-voie=client] .voie[data-voie=monteur]>li,.p-comment .piste[data-voie=monteur] .voie[data-voie=client]>li{display:none}.p-comment .voie[data-voie=client]>li:nth-child(5),.p-comment .voie[data-voie=monteur]>li:nth-child(n+4){order:9}.p-comment .voie-nom[data-voie=commande]{order:5}.p-comment .voie[data-voie=commande]>li{order:6}.p-comment .voie>li,.p-comment .voie-nom[data-voie=commande]{padding:0 0 1.75rem 2.5rem;position:relative}.p-comment .voie>li:before,.p-comment .voie-nom[data-voie=commande]:before{content:"";background:var(--trait-fort);width:1px;position:absolute;top:.4rem;bottom:-.4rem;left:.6875rem}.p-comment .piste[data-voie=client] .voie[data-voie=client]>li:last-child:before,.p-comment .piste[data-voie=monteur] .voie[data-voie=monteur]>li:last-child:before{display:none}.p-comment .voie>li:after{content:"";border:1.5px solid var(--encre);background:var(--papier);border-radius:3px;width:.9375rem;height:1.125rem;position:absolute;top:.15rem;left:.25rem}.p-comment .voie[data-voie=commande]>li:after{background:var(--encre)}.p-comment .voie-nom[data-voie=commande]{padding-bottom:1.25rem}.p-comment .piste .piste-plan,.p-comment .piste .piste-plan[data-etat]{height:auto;color:var(--encre);font:720 1.25rem/1.2 var(--titre);letter-spacing:-.015em;-webkit-hyphens:manual;hyphens:manual;pointer-events:none;background:0 0;border:0;padding:0;font-stretch:108%;display:block}.p-comment .piste .piste-plan .mesure{letter-spacing:.02em;color:var(--encre-2);margin-bottom:.35rem;display:block}.p-comment .plan-detail{max-width:58ch;color:var(--encre-2);text-wrap:pretty;margin-top:.45rem}}.p-comment .moniteur{border-radius:var(--rayon);gap:1.5rem 3rem;margin-top:1rem;padding:clamp(1.5rem,3vw,2.25rem);display:none}@media (min-width:1200px){.p-comment .moniteur{grid-template-columns:minmax(0,1fr) auto;align-items:end;min-height:12.5rem;display:grid}}.p-comment .moniteur .mesure{color:var(--sur-ecran-2)}.p-comment .moniteur-titre{margin-top:.7rem}.p-comment .moniteur-texte{max-width:62ch;color:var(--sur-ecran-2);margin-top:.6rem}.p-comment .moniteur-nav{flex-wrap:wrap;gap:.5rem;display:flex}.p-comment .moniteur-nav .bouton[disabled]{opacity:.35;cursor:default}.p-comment .moniteur-nav .bouton[disabled]:hover{color:var(--sur-ecran);background:0 0;border-color:currentColor}.p-comment .moniteur-nav .precedent svg{rotate:180deg}.p-comment .moniteur-nav .precedent:hover svg{transform:translate(-3px)}.p-comment .apres-piste{gap:1.5rem 3rem;margin-top:clamp(2rem,4vw,2.75rem);display:grid}@media (min-width:900px){.p-comment .apres-piste{grid-template-columns:auto minmax(0,1fr);align-items:start}}.p-comment .actions-voie{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;display:flex}.p-comment .actions-voie[hidden]{display:none}.p-comment .actions-voie .lien{font-weight:600}.p-comment .note{max-width:60ch;color:var(--encre-2);gap:.75rem;font-size:.9375rem;display:flex}.p-comment .note svg{width:20px;height:20px;color:var(--encre);flex-shrink:0;margin-top:.1rem}.p-comment .note .lien{color:var(--encre);font-weight:600}.p-comment .criteres{margin-top:var(--rythme);border-top:1px solid var(--trait);gap:2.5rem;padding-top:clamp(2.5rem,5vw,4rem);display:grid}@media (min-width:1000px){.p-comment .criteres{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(3rem,6vw,6rem)}}.p-comment .criteres .chapo,.p-comment .criteres-libre{color:var(--encre-2);margin-top:1.25rem}.p-comment .criteres-libre .lien{color:var(--encre);font-weight:600}.p-comment .ordre{border-bottom:1px solid var(--trait);margin-top:1rem}.p-comment .ordre li{border-top:1px solid var(--trait);grid-template-columns:2.25rem minmax(0,1fr);gap:.2rem 1rem;padding-block:1.1rem;display:grid}.p-comment .ordre li:first-child{border-top-color:var(--encre)}.p-comment .ordre .mesure{color:var(--encre-2);padding-top:.2rem}.p-comment .ordre strong{font-weight:650}.p-comment .ordre span:last-child{color:var(--encre-2);grid-column:2}@media (min-width:640px){.p-comment .ordre li{grid-template-columns:2.25rem 11rem minmax(0,1fr)}.p-comment .ordre span:last-child{grid-column:3}}.p-comment .questions{margin-top:var(--rythme);border-top:1px solid var(--encre);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem 2rem;padding-top:2rem;display:flex}.p-comment .questions p{color:var(--encre-2);margin-top:.5rem}.p-comment .questions div:last-child{flex-wrap:wrap;gap:.75rem;display:flex}