.faq{--faq-haut:calc(var(--nav-h) + 1.5rem);--faq-pied:calc(var(--section) + clamp(5rem, 22vw, 9rem));padding-bottom:var(--faq-pied)}.faq-grille{column-gap:var(--marge);grid-template-columns:repeat(4,minmax(0,1fr));row-gap:clamp(2.75rem,10vw,4.5rem);display:grid}.faq-cote,.faq-colonne{grid-column:1/-1;min-width:0}.faq-titre{z-index:var(--z-contenu);font-size:clamp(2.75rem,12.4vw,4.75rem);position:relative}.faq-planche{bottom:0;left:var(--marge);width:min(74vw,24rem);height:calc(var(--faq-pied) - 2.25rem);color:var(--texte);opacity:.2;pointer-events:none;position:absolute;overflow:clip}.faq-planche-voile{clip-path:inset(100% 0 0);position:absolute;inset:0;overflow:clip}.faq-planche[data-vu] .faq-planche-voile{clip-path:inset(0);transition:clip-path 2.2s var(--ease-expo) .12s}.faq-planche-dessin{width:100%}.faq-sol{position:absolute;inset:auto 0 0}.faq-item{position:relative}.faq-filet{height:1px;display:block;position:relative}.faq-filet-trait,.faq-filet-fort{position:absolute;inset:0;transform:scaleX(0)}.faq-filet-trait{background-color:var(--trait);transform-origin:0;transition:transform var(--d-entree) var(--ease-expo) var(--delai,0s)}.faq-item[data-vu] .faq-filet-trait{transform:none}.faq-filet-fort{background-color:var(--texte-fort);transform-origin:100%;transition:transform var(--d-sortie) var(--ease-out)}.faq-item[data-vu][data-ouvert="1"] .faq-filet-fort{transform-origin:0;transition-duration:.6s;transition-timing-function:var(--ease-expo);transform:none}.faq-item:has(.faq-bouton:focus-visible) .faq-filet-fort{transform-origin:0;transition-duration:.6s;transition-timing-function:var(--ease-expo);transform:none}.faq-bouton{width:100%;color:var(--texte-fort);text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:clamp(1rem,3vw,2.5rem);padding-block:clamp(1.125rem,1.8vw,1.625rem);display:grid}.faq-q{transition:opacity var(--d-survol) var(--ease-out);margin-block:-.1em -.16em;padding-block:.1em .16em;display:block;overflow:visible clip}.faq-q-in{display:block;transform:translateY(118%)}.faq-insecable{white-space:nowrap}.faq-item[data-vu] .faq-q-in{transition:transform 1s var(--ease-expo) calc(var(--delai,0s) + 60ms);transform:none}.faq-signe{border:1px solid var(--trait);opacity:0;width:2.75rem;height:2.75rem;transition:transform var(--d-presse) var(--ease-out);flex:none;display:block;position:relative;transform:scale(.9)}.faq-item[data-vu] .faq-signe{opacity:1;transition:opacity .6s var(--ease-out) calc(var(--delai,0s) + .28s), transform .8s var(--ease-expo) calc(var(--delai,0s) + .28s);transform:none}.faq-item[data-vu] .faq-bouton:active .faq-signe{transition:transform var(--d-presse) var(--ease-out);transform:scale(.94)}.faq-signe-face{place-items:center;display:grid;position:absolute;inset:0}.faq-signe-plein{background-color:var(--inverse-fond);color:var(--inverse-texte);clip-path:inset(100% 0 0);transition:clip-path var(--d-sortie) var(--ease-out);inset:-1px}.faq-signe-face>svg{width:1.25rem;height:1.25rem;transition:transform var(--d-survol) var(--ease-out)}.faq-item[data-ouvert="1"] .faq-signe-plein{clip-path:inset(0);transition-duration:var(--d-survol)}.faq-item[data-ouvert="1"] .faq-signe-face>svg{transform:rotate(45deg)}@media (hover:hover) and (pointer:fine){.faq-liste:has(.faq-bouton:hover) .faq-item[data-ouvert="0"]:not(:has(.faq-bouton:hover)) .faq-q{opacity:.42}.faq-item:has(.faq-bouton:hover) .faq-filet-fort{transform-origin:0;transition-duration:.6s;transition-timing-function:var(--ease-expo);transform:none}.faq-bouton:hover .faq-signe-plein{clip-path:inset(0);transition-duration:var(--d-survol)}.faq-item[data-ouvert="0"] .faq-bouton:hover .faq-signe-face>svg{transform:rotate(90deg)}}.faq-reponse{grid-template-rows:1fr;display:grid}.faq-reponse-clip{min-height:0;overflow:hidden}.faq-reponse-in{transition:opacity .42s var(--ease-out) 90ms, transform .52s var(--ease-out) 90ms;padding:.125rem clamp(0rem,7vw,5.25rem) clamp(1.75rem,3vw,2.75rem) 0}.faq-source{margin-top:.875rem}html.js .faq-item[data-ouvert="0"] .faq-reponse,.faq-liste[data-pret] .faq-item[data-ouvert="0"] .faq-reponse{grid-template-rows:0fr}.faq-liste[data-pret] .faq-reponse{transition:grid-template-rows .3s var(--ease-out)}html.js .faq-item[data-ouvert="0"] .faq-reponse-in,.faq-liste[data-pret] .faq-item[data-ouvert="0"] .faq-reponse-in{opacity:0;transition:opacity .14s var(--ease-out), transform .3s var(--ease-out);transform:translateY(-.5rem)}.faq-item:not([data-vu]) .faq-reponse-in{opacity:0}.faq-item[data-vu] .faq-reponse-in{animation:faq-arrive .8s var(--ease-out) calc(var(--delai,0s) + .38s) backwards}@keyframes faq-arrive{0%{opacity:0;transform:translateY(.625rem)}}@media (min-width:64rem){.faq{--faq-socle:clamp(6rem, 11vw, 10rem);--faq-pied:var(--section)}.faq-grille{grid-template-columns:repeat(12,minmax(0,1fr));row-gap:0}.faq-cote{padding-bottom:calc(var(--faq-socle) + clamp(2rem, 4vw, 4rem));grid-column:1/span 5;position:relative}.faq-colonne{grid-column:6/-1}.faq-titre{top:var(--faq-haut);font-size:var(--t-titre-2);margin-top:-.32em;position:sticky}.faq-planche{top:calc(100% - var(--faq-socle));width:100%;height:calc(var(--faq-socle) + var(--faq-pied));bottom:auto;left:0}}@media (min-width:80rem){.faq-colonne{grid-column:7/-1}}@media (prefers-reduced-motion:reduce){.faq-filet-trait,.faq-signe{opacity:1;transform:none}.faq-item:not([data-vu]) .faq-reponse-in{opacity:1}.faq-item[data-vu] .faq-reponse-in{animation:none}.faq-signe-face>svg{transition:none}}
