<section class="page-intro">
<h2>Contactez-nous</h2>
<p>Besoin d'un devis, d'informations ou d'une intervention urgente ? Notre équipe est à votre disposition pour répondre à toutes vos questions.</p>
<div class="service-highlights">
<span class="highlight">Devis sous 24h</span>
<span class="highlight">Urgences 24h/24</span>
<span class="highlight">Visite sur site</span>
</div>
</section>

<section class="contact-section">
<div class="contact-grid">
<div class="contact-info">
<h3>Nos coordonnées</h3>

<div class="contact-item">
<strong>📍 Adresse</strong>
<p>SARL Desneux et Fils<br>
1 rue de la Brèche<br>
78970 Mézières-sur-Seine</p>
</div>

<div class="contact-item">
<strong>📞 Téléphone</strong>
<p><a href="tel:0170514156">01 70 51 41 56</a> (Bureau)<br>
<a href="tel:0665971359">06 65 97 13 59</a> (Mobile)</p>
</div>

<div class="contact-item">
<strong>✉️ Email</strong>
<p><a href="mailto:contact@desneux-et-fils.fr">contact@desneux-et-fils.fr</a></p>
</div>

<div class="contact-item">
<strong>🕐 Horaires</strong>
<p>Lundi - Vendredi : 7h30 - 18h00<br>
Samedi : Sur rendez-vous<br>
<em>Urgences 24h/24</em></p>
</div>

<div class="contact-item">
<strong>🏢 Informations légales</strong>
<p>SIRET : 843 866 592 00019<br>
RCS Versailles</p>
</div>
</div>

<div class="contact-form-container">
<h3>Demande de devis gratuit</h3>
<form class="contact-form-custom">
<div class="form-group">
<label for="nom">Nom complet *</label>
<input type="text" id="nom" name="nom" required>
</div>
<div class="form-group">
<label for="email">Email *</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="tel">Téléphone *</label>
<input type="tel" id="tel" name="tel" required>
</div>
<div class="form-group">
<label for="service">Type de prestation</label>
<select id="service" name="service">
<option value="">-- Sélectionnez --</option>
<option value="demolition">Démolition</option>
<option value="terrassement">Terrassement</option>
<option value="demontage">Démontage industriel</option>
<option value="manutention">Manutention</option>
<option value="travaux">Travaux spéciaux</option>
<option value="autre">Autre</option>
</select>
</div>
<div class="form-group">
<label for="message">Description du projet *</label>
<textarea id="message" name="message" rows="5" required placeholder="Décrivez votre projet, l'adresse du chantier, les délais souhaités..."></textarea>
</div>
<button type="submit" class="bouton-contact">Envoyer ma demande</button>
</form>
</div>
</div>
</section>

<section class="zone-intervention">
<h3>Zone d'intervention</h3>
<p>Nous intervenons dans un rayon de <strong>100 km</strong> autour de Mézières-sur-Seine :</p>
<ul>
<li>Yvelines (78) : Poissy, Mantes-la-Jolie, Versailles, Saint-Germain-en-Laye...</li>
<li>Hauts-de-Seine (92) : Nanterre, Boulogne-Billancourt, Colombes...</li>
<li>Val-d'Oise (95) : Cergy, Pontoise, Argenteuil...</li>
<li>Eure (27) : Vernon, Évreux...</li>
<li>Toute l'Île-de-France et départements limitrophes</li>
</ul>
</section>