

/* Contact — complément à Bootstrap 5, limité à cette page. */
.standard-conteneur.contact-page{width:100%;max-width:none;margin:4px auto 24px;padding:0 clamp(10px,2vw,32px);box-sizing:border-box}
.contact-page{--contact-bleu:var(--theme-principale);--contact-bord:var(--theme-bordure);color:var(--theme-texte);font-size:var(--theme-taille-1rem);line-height:1.6}
.contact-page *{box-sizing:border-box}
.contact-page .contact-shell{overflow:hidden;border:1px solid var(--contact-bord);border-radius:16px;background:var(--theme-surface);box-shadow:0 6px 24px var(--theme-ombre-30-41-59-6)}
.contact-page .contact-entete{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:18px 24px;background:linear-gradient(120deg,var(--theme-bandeau-debut),var(--theme-bandeau-fin));border-bottom:1px solid var(--contact-bord)}
.contact-page .contact-titre{display:flex;align-items:center;gap:14px}
.contact-page h1{margin:0;color:var(--contact-bleu);font-size:var(--theme-taille-1_5rem);line-height:1.3;font-weight:700}
.contact-page .contact-entete p{margin:4px 0 0;color:var(--theme-texte-conseil)}
.contact-page .contact-icone,.contact-page .contact-pastille{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;border-radius:14px;background:var(--theme-nuance-dceafa);color:var(--contact-bleu);font-size:var(--theme-taille-1_5rem)}
.contact-page .contact-repere{display:flex;align-items:center;gap:8px;color:var(--contact-bleu)}
.contact-page .contact-contenu{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,2.5fr)}
.contact-page .contact-informations{padding:28px;background:linear-gradient(160deg,var(--theme-nuance-f5f9ff),var(--theme-nuance-f6f3fc));border-right:1px solid var(--contact-bord)}
.contact-page .contact-pastille{background:var(--theme-nuance-e9e0f6);color:var(--theme-nuance-70518f);margin-bottom:16px}
.contact-page h2{font-size:var(--theme-taille-1_2rem);font-weight:650;color:var(--contact-bleu);margin:0 0 12px}
.contact-page .contact-informations p{margin:0 0 20px;color:var(--theme-texte-conseil)}
.contact-page .contact-conseil{display:flex;gap:10px;margin:24px 0;padding:16px;border:1px solid var(--theme-nuance-c9dfdc);border-left:4px solid var(--theme-accent-vert-doux);border-radius:12px;background:var(--theme-nuance-f0f8f5)}
.contact-page .contact-conseil p{margin:0;color:var(--theme-nuance-355c50)}
.contact-page .contact-conseil>i{color:var(--theme-nuance-355c50);font-size:var(--theme-taille-1_25rem)}
.contact-page .contact-formulaire{padding:28px;min-width:0}
.contact-page .contact-obligatoire{margin:0 0 20px;color:var(--theme-texte-discret)}
.contact-page .contact-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.contact-page .contact-champ{margin-top:20px}
.contact-page .form-label{font-size:var(--theme-taille-1rem);font-weight:600;margin-bottom:7px;color:var(--theme-nuance-334155)}
.contact-page .form-control,.contact-page .form-select{font-size:var(--theme-taille-1rem);line-height:1.5;min-height:44px;padding:10px 12px;border-color:var(--theme-bordure-champ);border-radius:10px;background-color:var(--theme-nuance-fbfcfe);color:var(--theme-texte)}
.contact-page .form-control:focus,.contact-page .form-select:focus{background-color:var(--theme-surface);border-color:var(--theme-accent);box-shadow:0 0 0 3px var(--theme-ombre-49-130-206-15)}
.contact-page textarea.form-control{min-height:180px;resize:vertical}
.contact-page .contact-compteur{text-align:right;margin:5px 0 0;font-size:var(--theme-taille-1rem);color:var(--theme-texte-discret)}
.contact-page .contact-bas{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:20px;border-top:1px solid var(--contact-bord);padding-top:20px;margin-top:20px}
.contact-page .contact-captcha{flex:1 1 240px}
.contact-page .contact-captcha label{display:block}
.contact-page .contact-captcha input{width:110px;max-width:100%;background:var(--theme-nuance-f1f6fd)}
.contact-page .contact-envoyer{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 22px;background:var(--contact-bleu);border:1px solid var(--contact-bleu);border-radius:10px;color:var(--theme-surface);font-size:var(--theme-taille-1rem);transition:background-color .2s,box-shadow .2s}
.contact-page .contact-envoyer:hover{color:var(--theme-surface);background:var(--theme-principale-survol);border-color:var(--theme-principale-survol);box-shadow:0 5px 14px var(--theme-ombre-44-82-130-18)}
.contact-page .contact-envoyer:disabled{color:var(--theme-surface);background:var(--theme-texte-conseil);border-color:var(--theme-texte-conseil);opacity:1}
.contact-page button:focus-visible{outline:3px solid var(--theme-accent);outline-offset:3px}
.contact-page .contact-succes{text-align:center;padding:36px 16px;border:1px solid var(--theme-nuance-c9dfdc);border-radius:14px;background:var(--theme-nuance-f0f8f5)}
.contact-page .contact-succes>span{display:block;color:var(--theme-nuance-39765b);font-size:var(--theme-taille-2_5rem);margin-bottom:12px}
.contact-page .contact-succes p{margin:0}
@media(max-width:991.98px){.contact-page .contact-contenu{grid-template-columns:1fr}.contact-page .contact-informations{padding:20px;border-right:0;border-bottom:1px solid var(--contact-bord)}.contact-page .contact-conseil{margin:16px 0}.contact-page .contact-informations p:last-child{margin-bottom:0}}
@media(max-width:575.98px){.contact-page .contact-grille{grid-template-columns:1fr;gap:16px}.contact-page .contact-entete,.contact-page .contact-formulaire{padding:18px}.contact-page .contact-repere{display:none}.contact-page .contact-envoyer{width:100%}.contact-page .contact-icone{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.contact-page .contact-envoyer{transition:none}}
