<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link rel='stylesheet' type='text/css' media='screen' href='../css/contact-style.css'>
    <title>Document</title>
</head>
<header>
 <div class="header-content">
                <a href="index.php" class="logo-container"> 
                    <img src="../img/logowhite.png" class="image_header" alt="Logo" width="150px">
                    
                </a>
</header>

<body>

      
    <h1>📬 Contactez-nous</h1>

    <div class="contact-grid">
      <!-- Coordonnées -->
      <div class="contact-info">
        <h2>📍 Notre adresse</h2>
        <p>36 Rue Georges Charpak<br>77127 Lieusaint</p>

        <h2>📧 Email</h2>
        <p><a href="contact@vendeurdereve.com">contact@vendeurdereve.com</a></p>

        <h2>📞 Téléphone</h2> <p>+33 6 51 85 52 03</p>  <p>+33 6 50 61 44 17</p>
      </div>

      <!-- Formulaire -->
      <div class="contact-form">
        <h2>💬 Envoyez-nous un message</h2>
        <form method="POST" action="traitement_contact.php">
          <input type="text" name="nom" placeholder="Votre nom" required>
          <input type="email" name="email" placeholder="Votre email" required>
          <textarea name="message" rows="6" placeholder="Votre message..." required></textarea>
          <button type="submit">Envoyer ✉️</button>
        </form>
      </div>
    </div>

    <!-- Carte Google Maps -->
    <div class="map-container">
      <h2>🗺️ Nous trouver</h2>
      <iframe 
        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2639.949874776728!2d2.570875315671765!3d48.63068407926678!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e5f0fc9fc8f68f%3A0x7275031d05bb93aa!2s36%20Rue%20Georges%20Charpak%2C%2077127%20Lieusaint!5e0!3m2!1sfr!2sfr!4v1717923543456!5m2!1sfr!2sfr" 
        width="100%" 
        height="400" 
        style="border:0;" 
        allowfullscreen="" 
        loading="lazy" 
        referrerpolicy="no-referrer-when-downgrade">
      </iframe>
    </div>
  </section>
</body>