@font-face{font-family:Montserrat;src:url('/fonts/montserrat.ttf')}*{box-sizing:border-box}body{margin:0;background:#191817;color:#f8f5ed;font:1rem/1.6 Montserrat,Arial,sans-serif}main{max-width:40rem;margin:0 auto;padding:clamp(1.25rem,5vw,4rem)}main:has(.table-wrap){max-width:80rem}h1{font-size:clamp(2rem,6vw,3.5rem);line-height:1.1}.mark{font-size:.875rem;letter-spacing:.14em;color:#d9bb7b}.notice{padding:1rem;border:1px solid #d9bb7b;color:#f8f5ed}a{color:#e9ca88}form{display:grid;gap:1.25rem;margin:2rem 0}label{display:grid;gap:.35rem}label span,.help{color:#c4c0ba;font-size:.9rem}.help{margin:-.9rem 0 0}.photo-preview{width:8rem;height:8rem;object-fit:cover;border:2px solid #d9bb7b}input,textarea{font:inherit;border:1px solid #a19b91;border-radius:.2rem;padding:.75rem;max-width:100%}textarea{width:100%;resize:vertical}input:disabled,textarea:disabled{opacity:.7}.check{display:flex;align-items:flex-start;gap:.75rem}.check input{margin-top:.35rem}button{font:inherit;background:#d9bb7b;color:#191817;border:0;border-radius:.2rem;padding:.8rem 1rem;cursor:pointer}button:disabled{opacity:.65;cursor:not-allowed}.password{display:flex;gap:.4rem}.password input{min-width:0;flex:1}.password button{white-space:nowrap}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{padding:.6rem;border-bottom:1px solid #6e6b66;text-align:left;vertical-align:top;white-space:nowrap}td.message{white-space:normal;min-width:18rem;max-width:32rem;overflow-wrap:anywhere}nav{display:flex;gap:1rem;align-items:center}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #f5d895;outline-offset:3px}
/* 30/09 : formulaire de soutien aux couleurs de la charte (or #bf9c75, marron #3d2b1c, ivoire #eeeae3). */
body{background:#252320;color:#eeeae3}main{max-width:44rem}a{color:#d8c3a5}
.support-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding-bottom:1.5rem;border-bottom:1px solid #ffffff24;margin-bottom:2rem}
.brand{display:flex;align-items:center;gap:.9rem;color:#eeeae3;text-decoration:none}.brand b{position:relative;display:inline-flex;gap:.2em;font-weight:400;font-size:2rem;letter-spacing:0}.brand b i{position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);font-family:Georgia,serif;font-style:normal;font-size:1.55em;color:#bf9c7566}.brand b span{position:relative}.brand-name{font-size:.72rem;font-weight:700;letter-spacing:.17em}.brand-name small{display:block;font-weight:400;font-size:.62rem;letter-spacing:.1em;color:#b1a69a;margin-top:.3rem}.back{font-size:.9rem}
h1{font-size:clamp(1.9rem,5vw,3rem);line-height:1.12;letter-spacing:-.03em;margin:0 0 1.5rem}h1 em{display:block;font-family:Georgia,serif;font-weight:400;color:#bf9c75;font-size:1.05em}
form{gap:1.4rem}.row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}label,.field-label{font-weight:700;font-size:.95rem}label span,.field-label span{font-weight:400}
input,textarea{width:100%;background:#f6f3ee;color:#191817;border:1px solid #9d9284;border-radius:0;font-size:1rem}textarea{min-height:8rem}
.photo-field{display:grid;gap:.6rem;justify-items:start}.field-label{margin:0}.file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.file-button{display:inline-block;border:1px solid #bf9c75;color:#eeeae3;padding:.7rem 1.1rem;cursor:pointer;font-weight:700;font-size:.9rem}.file-button:hover{background:#bf9c7526}.file-input:focus-visible+.file-button{outline:3px solid #f5d895;outline-offset:3px}.file-name{font-size:.9rem;color:#c4c0ba}.help{margin:-.6rem 0 0;font-size:.85rem}.photo-field .help{margin:0}
.check{font-weight:400;font-size:.95rem;line-height:1.6}.check input{width:auto;accent-color:#bf9c75;margin-top:.3rem}
.privacy{border-left:2px solid #bf9c75;padding:.2rem 0 .2rem 1rem;font-size:.8rem;line-height:1.6;color:#c4c0ba}.privacy p{margin:0}.privacy-title{font-weight:700;color:#eeeae3;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;margin-bottom:.4rem!important}
.submit{background:#bf9c75;color:#3d2b1c;font-weight:700;padding:1rem 1.4rem;border-radius:0;display:flex;justify-content:space-between;align-items:center;font-size:1rem}.submit:hover{background:#eeeae3}
.notice{border-color:#bf9c75}
@media(max-width:560px){.row{grid-template-columns:1fr}.support-top{align-items:flex-start}}
