.contact-wrap{font-family:Arial,sans-serif;background:#111;color:#f0f0f0;padding:2rem 1rem;margin-top:40px} .contact-container{max-width:860px;margin:0 auto} .contact-hero{text-align:center;padding:2.5rem 1rem;border-top:4px solid #DC1E1E;margin-bottom:2.5rem} .contact-hero small{font-size:.75rem;letter-spacing:4px;color:#DC1E1E;text-transform:uppercase;display:block;margin-bottom:.6rem} .contact-hero h1{font-size:2.2rem;font-weight:800;text-transform:uppercase;margin-bottom:.8rem;color:#fff} .contact-hero p{color:#888;font-size:.88rem;max-width:550px;margin:0 auto;line-height:1.8} .contact-red{color:#DC1E1E} .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem} .contact-info-box{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:1.8rem 2rem} .contact-info-box h2{font-size:.75rem;letter-spacing:3px;color:#DC1E1E;text-transform:uppercase;margin-bottom:1.4rem;padding-bottom:.6rem;border-bottom:1px solid #2a2a2a} .contact-info-item{display:flex;align-items:flex-start;gap:.9rem;margin-bottom:1.2rem} .contact-info-icon{font-size:1.1rem;min-width:24px;margin-top:2px} .contact-info-text span{display:block;font-size:.72rem;color:#666;text-transform:uppercase;letter-spacing:1px;margin-bottom:.2rem} .contact-info-text strong{display:block;font-size:.88rem;color:#f0f0f0} .contact-info-text a{color:#DC1E1E;text-decoration:none;font-size:.88rem} .contact-info-text a:hover{text-decoration:underline} .contact-horaires{background:#111;border:1px solid #2a2a2a;border-radius:6px;padding:.9rem 1rem;margin-top:1rem} .contact-horaires p{margin:0;font-size:.82rem;color:#aaa;line-height:1.8} .contact-horaires strong{color:#fff} .contact-banner{background:rgba(220,30,30,.08);border:1px solid rgba(220,30,30,.2);border-radius:6px;padding:.75rem 1.2rem;font-size:.82rem;color:#aaa;margin-bottom:1.5rem;text-align:center} .contact-banner span{color:#DC1E1E;font-weight:700} @media(max-width:640px){.contact-grid{grid-template-columns:1fr}}