.contact{display:grid;grid-template-columns:5fr 7fr;gap:64px;padding:40px 15.1vw 120px}.contact__qui{align-self:start;position:sticky;top:12vh}.contact__main{width:clamp(120px,10vw,200px);height:auto;margin-bottom:24px}.contact__nom{font-size:clamp(32px,2.1vw,52px);font-weight:700;line-height:1.1}.contact__role{margin-top:6px;color:var(--texte-2)}.contact__coordonnees{margin-top:28px;display:grid;gap:8px;font-size:clamp(15px,.781vw,20px)}.contact__coordonnees a{color:var(--gentiane)}.contact__delai{margin-top:28px;display:inline-flex;align-items:center;gap:10px;font-weight:500}.contact__delai i{width:8px;height:8px;border-radius:50%;background:var(--vert);animation:contact-pulse 2.4s ease-in-out 3}.contact__delai:hover i{animation:contact-pulse-encore 2.4s ease-in-out 3}@keyframes contact-pulse-encore{0%,to{box-shadow:0 0 #2bd46b80}50%{box-shadow:0 0 0 6px #2bd46b00}}.contact .bouton--second{background:var(--papier);color:var(--encre);border:1.5px solid var(--encre)}@keyframes contact-pulse{0%,to{box-shadow:0 0 #2bd46b80}50%{box-shadow:0 0 0 6px #2bd46b00}}.contact__crochets{margin-top:20px;display:flex;gap:14px;color:var(--texte-2)}.contact__form{display:grid;gap:24px;align-content:start;min-width:0}.contact__form .onglets{max-width:100%;overflow:hidden}.contact__titre{font-size:clamp(28px,1.8vw,44px);font-weight:700;line-height:1.1}.contact__form .onglets [role=tablist]{overflow-x:auto;scrollbar-width:none}.contact__form .onglets [role=tab]{white-space:nowrap}.contact__champs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact__champ{display:grid;gap:6px;font-size:clamp(13px,.677vw,17.3px);font-weight:500;color:var(--texte-2)}.contact__champ--large{grid-column:1 / -1}.contact__champ input,.contact__champ textarea{font:inherit;font-size:clamp(16px,.833vw,21.3px);font-weight:400;color:var(--encre);min-height:48px;padding:12px 14px;border:1px solid var(--filet);border-radius:8px;background:var(--papier);transition:border-color .2s var(--courbe),box-shadow .2s var(--courbe)}.contact__champ textarea{resize:vertical;min-height:120px}.contact__champ input::-moz-placeholder,.contact__champ textarea::-moz-placeholder{color:#a9a6b3}.contact__champ input::placeholder,.contact__champ textarea::placeholder{color:#a9a6b3}.contact__champ input:focus-visible,.contact__champ textarea:focus-visible{outline:none;border-color:var(--gentiane);box-shadow:0 0 0 3px #3b2bff2e}.contact__creneaux{border:0;padding:0;margin:0}.contact__creneaux legend{padding:0;margin-bottom:12px;display:grid;gap:2px}.contact__creneaux-titre{font-weight:500}.contact__creneaux-sous{font-size:clamp(13px,.677vw,17.3px);color:var(--texte-2)}.contact__creneaux ul{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.contact__creneau{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid var(--filet);border-radius:999px;font-size:clamp(14px,.729vw,18.7px);cursor:pointer;transition:background .2s var(--courbe),border-color .2s var(--courbe),color .2s var(--courbe)}.contact__creneau input{position:absolute;opacity:0;width:1px;height:1px}.contact__creneau:hover{border-color:var(--encre)}.contact__creneau[data-choisi]{background:var(--bruyere);border-color:var(--bruyere);color:var(--bruyere-t)}.contact__creneau:has(input:focus-visible){outline:3px solid var(--gentiane);outline-offset:2px}.contact__creneau--aucun{grid-column:1 / -1;justify-self:start;color:var(--texte-2)}.contact__creneau--aucun[data-choisi]{background:var(--papier-2);border-color:var(--filet);color:var(--encre)}.contact__bouton{justify-self:start}.contact__erreur{display:flex;align-items:flex-start;gap:10px;font-size:clamp(15px,.781vw,20px);line-height:1.45;font-weight:500;color:var(--encre);background:color-mix(in srgb,var(--meleze) 14%,var(--papier));border-radius:8px;padding:12px 14px;max-width:52ch}.contact__erreur .balise{flex:none;margin-top:1px}.contact__note{font-size:clamp(15px,.781vw,20px);line-height:1.45;color:var(--texte);max-width:52ch;margin-top:-8px}.contact__form .onglets [role=tablist]{border-bottom:0;gap:8px;flex-wrap:wrap}.contact__form .onglets [role=tab]{min-height:44px;padding:10px 18px;border:1.5px solid var(--filet);border-radius:999px;color:var(--encre);background:var(--papier);margin-bottom:0;transition:background .2s var(--courbe),border-color .2s var(--courbe),color .2s var(--courbe)}.contact__form .onglets [role=tab]:hover{border-color:var(--encre)}.contact__form .onglets [role=tab][aria-selected=true]{background:var(--gentiane);border-color:var(--gentiane);color:#fff}.contact__form .onglets [role=tab]:focus-visible{box-shadow:0 0 0 3px var(--papier),0 0 0 6px var(--gentiane)}.contact__confirmation{display:grid;gap:20px;align-content:start;min-width:0;outline:none;scroll-margin-top:24px}.contact__confirmation-etat{color:var(--gentiane);font-weight:500}.contact__confirmation-sous{font-size:clamp(16px,1vw,20px);line-height:1.5;max-width:48ch}.contact__recap{margin:4px 0 0;border:1px solid var(--filet);border-radius:12px;background:var(--papier-2);overflow:hidden}.contact__recap-titre{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;padding:12px 16px;font-size:clamp(13px,.677vw,17.3px);font-weight:500;color:var(--texte-2);border-bottom:1px solid var(--filet)}.contact__recap-sujet{color:var(--encre)}.contact__recap-corps{margin:0;padding:16px;font:inherit;font-size:clamp(15px,.781vw,20px);line-height:1.5;color:var(--encre);white-space:pre-wrap;overflow-wrap:anywhere;max-height:40vh;overflow:auto}.contact__confirmation-actions{display:flex;flex-wrap:wrap;gap:12px}.contact__copier[data-copie=oui]{background:var(--papier-2);color:var(--gentiane);border-color:var(--gentiane)}.contact__copier[data-copie=echec]{background:var(--papier-2);color:var(--encre)}.contact__confirmation-sinon{font-size:clamp(15px,.781vw,20px);line-height:1.45;color:var(--texte);max-width:52ch}.contact__confirmation-coordonnees{display:grid;gap:8px;font-size:clamp(15px,.781vw,20px)}.contact__confirmation-coordonnees a{color:var(--gentiane);font-weight:500}.contact__modifier{justify-self:start;min-height:44px;font-weight:500;color:var(--texte-2)}.contact__modifier:hover{color:var(--encre);text-decoration:underline;text-underline-offset:3px}@media (max-width: 1023px){.contact{grid-template-columns:1fr;gap:48px;padding:72px 24px 96px}.contact__qui{position:static}}@media (max-width: 767px){.contact__form .onglets [role=tablist]{display:grid;grid-template-columns:1fr 1fr;justify-items:start;overflow:visible;row-gap:4px}.contact__champs,.contact__creneaux ul{grid-template-columns:1fr}.contact__creneaux ul{grid-template-columns:1fr 1fr}}