Sur-TitreTitre Titre

<div style="font-family: Arial, sans-serif; max-width: 960px; margin: 20px auto; padding: 20px; color: #1a1a1a;">

<div style="display: flex; flex-wrap: wrap; gap: 40px;">

<div style="flex: 1; min-width: 300px;">
<div style="width: 32px; height: 3px; background: #1D9E75; margin-bottom: 15px;"></div>
<h2 style="font-size: 32px; margin-bottom: 20px; line-height: 1.2; color: #1a1a1a;">
Parlons de votre <span style="color: #1D9E75; font-style: italic;">projet</span>
</h2>
<p style="margin-bottom: 20px; line-height: 1.6;">Notre équipe est à votre disposition pour étudier vos besoins en lubrification automatique.</p>

<div style="margin-bottom: 10px;"><strong>📞 Tel :</strong> +33 (0)1 XX XX XX XX</div>
<div><strong>✉️ Email :</strong> contact@codaitec.fr</div>
</div>

<div style="flex: 1.5; min-width: 300px; background: #f8f8f6; padding: 30px; border-radius: 10px; border: 1px solid #ddd;">
<form action="#" method="POST">

<div style="margin-bottom: 15px;">
<label style="display: block; font-size: 11px; font-weight: bold; text-transform: uppercase; margin-bottom: 5px; color: #555;">Prénom *</label>
<input type="text" name="prenom" style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px;" required>
</div>

<div style="margin-bottom: 15px;">
<label style="display: block; font-size: 11px; font-weight: bold; text-transform: uppercase; margin-bottom: 5px; color: #555;">Nom *</label>
<input type="text" name="nom" style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px;" required>
</div>

<div style="margin-bottom: 15px;">
<label style="display: block; font-size: 11px; font-weight: bold; text-transform: uppercase; margin-bottom: 5px; color: #555;">Objet *</label>
<select name="objet" style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; background: white;" required>
<option value="devis">Devis lubrification automatique</option>
<option value="graissage">Graissage centralisé</option>
<option value="sav">Maintenance / SAV</option>
</select>
</div>

<div style="margin-bottom: 15px;">
<label style="display: block; font-size: 11px; font-weight: bold; text-transform: uppercase; margin-bottom: 5px; color: #555;">Message *</label>
<textarea name="message" style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; min-height: 100px;" required></textarea>
</div>

<button type="submit" style="width: 100%; background: #1D9E75; color: white; padding: 15px; border: none; border-radius: 6px; cursor: pointer; font-weight: bold; font-size: 16px;">
Envoyer ma demande →
</button>

</form>
</div>
</div>
</div>