/* Styles généraux */
  
    .hero-section {
        padding: 60px 20px; text-align: center; margin-top: 60px;
        background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)), url('votre-image-voiture.jpg');
        background-size: cover; background-position: center; margin-bottom: 30px;
    }
    .hero-section h2 { color: #d4af37; font-size: 2.5rem; margin: 0; }
    .hero-section p { color: #ccc; font-size: 1.1rem; }

    .contact-container { max-width: 900px; margin: 0 auto 50px auto; padding: 20px; }
    h1 { color: #d4af37; text-align: center; margin-bottom: 40px; }
    .contact-wrapper { display: flex; flex-wrap: wrap; gap: 30px; }
    

    .btn-envoyer { 
        background-color: #d4af37; color: #000; padding: 15px; border: none; 
        font-weight: bold; cursor: pointer; transition: 0.3s;
    }
    .btn-envoyer:hover { background-color: #fff; }

    .contact-info { 
        flex: 1; background: #1a1a1a; padding: 30px; 
        border: 1px solid #d4af37; border-radius: 4px;
    }
    .contact-info h3 { color: #d4af37; }
    .contact-info p { display: flex; align-items: center; gap: 10px; margin: 15px 0; }
    
    @media (max-width: 768px) { .contact-wrapper { flex-direction: column; } }











     /* Design Premium */
    .reservation-hero {
        background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('votre-image-fond-voiture.jpg');
        background-size: cover;
        padding: 100px 20px;
        text-align: center;
        color: white;
    }
    
    .reservation-card {
        background: #ffffff;
        color: #333;
        max-width: 850px;
        margin: -50px auto 50px auto;
        padding: 40px;
        border-radius: 15px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    }

    .form-title { color: #d4af37; text-align: center; margin-bottom: 30px; font-weight: 700; }

    .form-group label { font-weight: 600; margin-bottom: 5px; display: block; color: #555; }
    
    .form-control {
        border: 2px solid #eee;
        padding: 12px;
        border-radius: 8px;
        width: 100%;
        margin-bottom: 20px;
        transition: border-color 0.3s;
    }
    
    .form-control:focus { border-color: #d4af37; outline: none; }

    .btn-reserve {
        background: #d4af37;
        color: black;
        border: none;
        padding: 15px 30px;
        width: 100%;
        font-size: 1.2rem;
        font-weight: bold;
        border-radius: 8px;
        cursor: pointer;
        transition: transform 0.2s, background 0.3s;
    }
    
    .btn-reserve:hover { background: #c5a059; transform: translateY(-2px); }
    .reservation-hero h1 {
    margin-top: 50px; /* Ajustez la valeur selon vos besoins */
}