.contact{display: grid;gap: var(--espace-8) 4rem}.contact__texte{display: flex;flex-direction: column;gap: var(--espace-7)}.contact .section__tete{margin-bottom: 0}.contact .section__chapo{max-width: 28.75rem;font-size: 1.0625rem}.contact__arguments{display: flex;flex-direction: column;gap: 0.875rem;margin: 0;padding: 0;list-style: none}.contact__arguments li{display: flex;align-items: flex-start;gap: var(--espace-3)}.contact__arguments img{flex: none;width: 1.25rem;height: 1.25rem;padding: 0.25rem;margin-top: calc((1lh - 1.25rem) / 2);border-radius: var(--rayon-rond);background: var(--nektar-charbon)}.contact__direct-titre{margin-bottom: var(--espace-2);color: var(--nektar-libelle);font-family: var(--police-code);font-size: var(--taille-libelle);font-weight: var(--graisse-texte);letter-spacing: var(--interlettre-libelle);text-transform: uppercase}.contact__coordonnees{margin: 0;padding: 0;list-style: none;font-family: var(--police-titre);font-size: 1.125rem;font-weight: var(--graisse-forte);line-height: 1.4}.contact__coordonnees a{text-decoration: none}.contact__coordonnees a:hover{text-decoration: underline}.contact__coordonnees li:not(:has(a)){margin-top: var(--espace-2);color: var(--nektar-libelle);font-family: var(--police-code);font-size: var(--taille-libelle);font-weight: var(--graisse-texte)}.contact__formulaire{display: flex;flex-direction: column;gap: 1.375rem;padding: clamp(1.25rem,3vw,2.25rem);border-radius: var(--rayon-carte);background: var(--couleur-fond-doux);color: var(--nektar-charbon)}.contact__entete{display: flex;flex-wrap: wrap;gap: var(--espace-2);align-items: baseline;justify-content: space-between}.contact__formulaire-titre{font-size: 1.375rem;font-weight: var(--graisse-forte);letter-spacing: -0.02em;line-height: 1.2}.contact__obligatoire,.contact__delai{color: var(--nektar-libelle);font-family: var(--police-code);font-size: var(--taille-libelle)}.contact__ligne{display: grid;gap: 1.375rem 0.875rem}.champ{display: flex;flex-direction: column;gap: var(--espace-3);margin: 0;padding: 0;border: 0;min-width: 0}.champ label,.champ legend{padding: 0;font-size: var(--taille-sm);font-weight: var(--graisse-forte)}.champ legend{margin-bottom: var(--espace-3)}.champ input,.champ textarea{width: 100%;padding: 0.75rem 0.875rem;border: var(--epaisseur-bord) solid var(--nektar-bord-champ);border-radius: var(--rayon-m);background: var(--nektar-champ);font-size: 0.9375rem}.champ textarea{min-height: 7.5rem;resize: vertical}.champ input::placeholder,.champ textarea::placeholder{color: var(--nektar-libelle);opacity: 1}.champ input:focus-visible,.champ textarea:focus-visible{border-color: var(--nektar-charbon);outline: 2px solid var(--nektar-charbon);outline-offset: 1px;border-radius: var(--rayon-m)}.contact__options{display: flex;flex-wrap: wrap;gap: var(--espace-2)}.champ .option{position: relative;display: inline-flex;align-items: center;gap: var(--espace-2);padding: 0.625rem 0.875rem;border: var(--epaisseur-bord) solid var(--nektar-charbon);border-radius: var(--rayon-rond);font-size: var(--taille-sm);cursor: pointer}.option input{position: absolute;inset: 0;margin: 0;opacity: 0;cursor: pointer}.option:has(input:checked){background: var(--nektar-charbon);color: var(--couleur-texte-inverse)}.option:has(input:checked)::before{content: "";width: 0.5rem;height: 0.3rem;border-bottom: 1.6px solid var(--nektar-lime);border-left: 1.6px solid var(--nektar-lime);transform: rotate(-45deg) translateY(-1px)}.option:has(input:focus-visible){outline: 2px solid var(--nektar-charbon);outline-offset: 3px}.contact__mention{color: var(--couleur-texte-doux);font-size: var(--taille-xs);line-height: 1.6}.contact__actions{display: flex;flex-wrap: wrap;gap: var(--espace-4);align-items: center}.bouton--envoi{--bouton-ligne: 25px;height: 56px;justify-content: center;padding: 0 28px;font-size: 1rem;cursor: pointer}@media (min-width: 640px){.contact__ligne{grid-template-columns: 1fr 1fr}}@media (min-width: 900px){.contact{grid-template-columns: minmax(0,32.25rem) minmax(0,36.75rem);justify-content: space-between}}
