<!DOCTYPE html>
<html lang="fr">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DEK5H3Z9DR"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-DEK5H3Z9DR');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Auto-École Marti | Bayonne depuis 1962</title>
<link rel="icon" type="image/png" href="favicon.ico.png">
<meta name="description" content="Auto-école Marti à Bayonne depuis 1962 — Permis B, conduite accompagnée, boîte automatique. Tarifs à partir de 967€. Bureau 13 rue Marengo.">
<meta property="og:site_name" content="Auto-École Marti">
<link rel="canonical" href="https://autoecolemarti.fr/">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": ["LocalBusiness", "EducationalOrganization", "DrivingSchool"],
"name": "Auto-Ecole MARTI",
"url": "https://autoecolemarti.fr",
"foundingDate": "1962",
"description": "Située en plein cœur du Petit Bayonne, l'auto-école Marti est une véritable institution locale. Créée en 1962 par M. Marti grand-père, elle a accompagné des centaines d'élèves conducteurs au fil des décennies. Forte de cette expérience unique, notre équipe pédagogique met son savoir-faire au service de votre réussite. Du code à la conduite, nous vous guidons avec patience et professionnalisme.",
"telephone": "+33559591260",
"email": "autoecole.marti@gmail.com",
"address": {
"@type": "PostalAddress",
"streetAddress": "13 rue Marengo",
"postalCode": "64100",
"addressLocality": "Bayonne",
"addressRegion": "Nouvelle-Aquitaine",
"addressCountry": "FR"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": 43.49082882036268,
"longitude": -1.4724632875959813
},
"openingHoursSpecification": [
{
"@type": "OpeningHoursSpecification",
"dayOfWeek": ["Wednesday", "Saturday"],
"opens": "16:00",
"closes": "18:00"
}
],
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.9",
"reviewCount": "80",
"bestRating": "5",
"worstRating": "1"
},
"hasOfferCatalog": {
"@type": "OfferCatalog",
"name": "Formations au permis de conduire",
"itemListElement": [
{
"@type": "Offer",
"name": "Forfait Permis B — Boîte manuelle",
"price": "1261",
"priceCurrency": "EUR",
"availability": "https://schema.org/InStock"
},
{
"@type": "Offer",
"name": "Forfait Permis B — Boîte automatique",
"price": "967",
"priceCurrency": "EUR",
"availability": "https://schema.org/InStock"
},
{
"@type": "Offer",
"name": "Forfait Conduite Accompagnée (AAC)",
"price": "1629",
"priceCurrency": "EUR",
"availability": "https://schema.org/InStock"
},
{
"@type": "Offer",
"name": "Leçon de conduite — Boîte manuelle",
"price": "46",
"priceCurrency": "EUR",
"availability": "https://schema.org/InStock"
},
{
"@type": "Offer",
"name": "Leçon de conduite — Boîte automatique",
"price": "48",
"priceCurrency": "EUR",
"availability": "https://schema.org/InStock"
}
]
},
"areaServed": {
"@type": "City",
"name": "Bayonne"
},
"availableLanguage": {
"@type": "Language",
"name": "French"
},
"priceRange": "€€"
}
</script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<!-- ══════════════════════════════════════════════════════════════
NAVBAR
══════════════════════════════════════════════════════════════ -->
<nav id="navbar">
<div class="nav-inner">
<a href="#" class="logo">AUTO-ÉCOLE MARTI<span>.</span></a>
<ul class="nav-links" id="navLinks">
<li><a href="#formations">Formations</a></li>
<li><a href="#histoire">Notre histoire</a></li>
<li><a href="#avis">Avis</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="blog/index.html">Blog</a></li>
<li><a href="mailto:autoecole.marti@gmail.com" class="nav-cta">S'inscrire</a></li>
</ul>
<div class="hamburger" id="hamburger" onclick="toggleNav()">
<span></span><span></span><span></span>
</div>
</div>
</nav>
<!-- ══════════════════════════════════════════════════════════════
HERO
══════════════════════════════════════════════════════════════ -->
<section class="hero" id="accueil">
<div class="hero-inner">
<div class="hero-text">
<div class="hero-badge">Bayonne & Anglet</div>
<h1>Votre permis,<br>notre <em>expertise</em><br>depuis 1962.</h1>
<p>L'auto-école de confiance du Pays Basque. Une pédagogie personnalisée, des tarifs transparents et plus de 60 ans d'expérience à votre service.</p>
<div class="hero-buttons">
<a href="#formations" class="btn btn-primary">Découvrir nos formules →</a>
<a href="#contact" class="btn btn-secondary">Nous contacter</a>
</div>
</div>
<div class="hero-visual">
<div class="hero-card">
<div class="hero-stats">
<div class="hero-stat">
<div class="number">63</div>
<div class="label">Années d'expérience</div>
</div>
<div class="hero-stat">
<div class="number green">46€</div>
<div class="label">L'heure de conduite</div>
</div>
<div class="hero-stat">
<div class="number">3</div>
<div class="label">Formules au choix</div>
</div>
<div class="hero-stat">
<div class="number green">2</div>
<div class="label">Points de RDV</div>
</div>
</div>
</div>
</div>
</div>
<div class="hero-info-bar">
<div class="info-cards">
<div class="info-card">
<div class="info-card-icon">📍</div>
<div>
<div class="info-card-val">Petit Bayonne</div>
<div class="info-card-desc">13, rue Marengo</div>
</div>
</div>
<div class="info-card">
<div class="info-card-icon">🚗</div>
<div>
<div class="info-card-val">RDV conduite Anglet</div>
<div class="info-card-desc accent">Place Quintaou</div>
</div>
</div>
<div class="info-card">
<div class="info-card-icon">📞</div>
<div>
<div class="info-card-val">05 59 59 12 60</div>
<div class="info-card-desc accent">Du mardi au samedi</div>
</div>
</div>
<div class="info-card">
<div class="info-card-icon">✉️</div>
<div>
<div class="info-card-val"><a href="mailto:autoecole.marti@gmail.com">autoecole.marti@gmail.com</a></div>
<div class="info-card-desc">Réponse sous 24h</div>
</div>
</div>
</div>
</div>
</section>
<!-- ══════════════════════════════════════════════════════════════
FORMATIONS — NOUVEAUX TARIFS
══════════════════════════════════════════════════════════════ -->
<section class="formations" id="formations">
<div class="container">
<div class="section-header">
<div class="section-tag">Nos formules</div>
<h2>Des formations adaptées à votre projet</h2>
<p>Choisissez la formule qui vous correspond. Toutes incluent le code en ligne et l'accompagnement à l'examen.</p>
</div>
<div class="formations-grid">
<!-- BOÎTE AUTOMATIQUE — 967€ -->
<div class="formation-card fade-in">
<div class="formation-tag">Boîte automatique</div>
<div class="formation-title">Permis B — BVA</div>
<div class="formation-price">967€</div>
<div class="formation-price-note">13h de conduite minimum · 48€/h</div>
<ul class="formation-features">
<li>Frais administratifs + dossier</li>
<li>Pack code (salle + internet)</li>
<li>1 évaluation de départ en circulation</li>
<li>13 heures de conduite</li>
<li>Accompagnement à l'examen</li>
</ul>
<a href="formules/permis-b-automatique.html" class="formation-cta">En savoir plus</a>
</div>
<!-- PERMIS B TRADITIONNEL — 1 261€ -->
<div class="formation-card featured fade-in">
<div class="popular-badge">★ Populaire</div>
<div class="formation-tag">Boîte manuelle</div>
<div class="formation-title">Permis B — Traditionnel</div>
<div class="formation-price">1 261€</div>
<div class="formation-price-note">20h de conduite minimum · 46€/h</div>
<ul class="formation-features">
<li>Frais administratifs + dossier</li>
<li>Pack code (salle + internet)</li>
<li>1 évaluation de départ en circulation</li>
<li>20 heures de conduite</li>
<li>Accompagnement à l'examen</li>
</ul>
<a href="formules/permis-b-manuel.html" class="formation-cta">En savoir plus</a>
</div>
<!-- CONDUITE ACCOMPAGNÉE — 1 629€ -->
<div class="formation-card fade-in">
<div class="formation-tag">Conduite accompagnée</div>
<div class="formation-title">Permis B — AAC</div>
<div class="formation-price">1 629€</div>
<div class="formation-price-note">Dès 15 ans · 46€/h de conduite</div>
<ul class="formation-features">
<li>Frais administratifs + dossier</li>
<li>Pack code (salle + internet)</li>
<li>1 évaluation de départ en circulation</li>
<li>20 heures de conduite</li>
<li>1 RDV préalable + 2 RDV pédagogiques</li>
<li>Accompagnement à l'examen</li>
</ul>
<a href="formules/conduite-accompagnee.html" class="formation-cta">En savoir plus</a>
</div>
</div>
<div class="tarif-heure fade-in">
Heure de conduite supplémentaire : <strong>46€ TTC</strong> (boîte manuelle) · <strong>48€ TTC</strong> (boîte automatique)
</div>
<p class="tarif-note">* Tarifs TTC à compter du 09/03/2026. Cliquez sur « En savoir plus » pour accéder à la page détaillée de chaque formule.</p>
<div class="dossier-trigger-wrap fade-in">
<button class="dossier-trigger-btn" onclick="openDossier()">
<svg width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>
Préparer son dossier — consulter les pièces à fournir
</button>
</div>
</div>
</section>
<!-- ══════════════════════════════════════════════════════════════
LIGHTBOX — PIÈCES À FOURNIR
══════════════════════════════════════════════════════════════ -->
<div class="dossier-overlay" id="dossierOverlay" onclick="closeDossierOutside(event)">
<div class="dossier-modal" role="dialog" aria-modal="true" aria-labelledby="dossierTitle">
<button class="dossier-modal-close" onclick="closeDossier()" aria-label="Fermer">✕</button>
<div class="dossier-modal-header">
<div class="dossier-modal-tag">Constitution du dossier</div>
<h2 id="dossierTitle">Pièces <em>à fournir</em></h2>
<p>Réunissez ces documents avant votre inscription pour accélérer l'ouverture de votre dossier.</p>
</div>
<div class="dossier-modal-body">
<div class="dossier-card">
<div class="dossier-card-title">Documents obligatoires</div>
<ul class="dossier-list">
<li>1 photo numérique d'identité</li>
<li>Photocopie recto/verso de la pièce d'identité</li>
<li>Attestation JDC (candidats français de 17 à 25 ans)</li>
<li>Justificatif de domicile de moins de 6 mois</li>
<li>Permis de conduire actuel recto/verso (A1, AM…)</li>
<li>ASSR2 (si pas de permis) pour les moins de 21 ans</li>
</ul>
</div>
<div class="dossier-card">
<div class="dossier-card-title">Si mineur ou hébergé chez un tiers</div>
<ul class="dossier-list">
<li>Attestation d'hébergement sur l'honneur</li>
<li>Pièce d'identité de l'hébergeant</li>
<li>Justificatif de domicile de l'hébergeant (moins de 6 mois)</li>
</ul>
</div>
</div>
</div>
</div>
<!-- ══════════════════════════════════════════════════════════════
AVANTAGES
══════════════════════════════════════════════════════════════ -->
<section class="avantages" id="avantages">
<div class="container">
<div class="section-header">
<div class="section-tag">Pourquoi nous choisir</div>
<h2>L'auto-école qui fait la différence</h2>
</div>
<div class="avantages-grid">
<div class="avantage-card fade-in">
<div class="avantage-icon">🎓</div>
<h3>+60 ans d'expérience</h3>
<p>Fondée en 1962, notre auto-école a formé des générations de conducteurs bayonnais.</p>
</div>
<div class="avantage-card fade-in">
<div class="avantage-icon">💰</div>
<h3>Tarifs compétitifs</h3>
<p>Le meilleur rapport qualité-prix de Bayonne. Permis B dès 967€, sans surprise.</p>
</div>
<div class="avantage-card fade-in">
<div class="avantage-icon">👥</div>
<h3>Suivi personnalisé</h3>
<p>Une équipe pédagogique à l'écoute qui vous accompagne tout au long de votre formation.</p>
</div>
<div class="avantage-card fade-in">
<div class="avantage-icon">📍</div>
<h3>2 points de RDV</h3>
<p>Bureau à Bayonne centre (rue Marengo) et point de rendez-vous conduite à Anglet (Quintaou).</p>
</div>
</div>
</div>
</section>
<!-- ══════════════════════════════════════════════════════════════
HISTOIRE
══════════════════════════════════════════════════════════════ -->
<section class="histoire" id="histoire">
<div class="container">
<div class="histoire-grid">
<div class="histoire-content fade-in">
<div class="section-tag">Notre histoire</div>
<h2>Une institution<br>du <em>Petit Bayonne</em><br>depuis 1962</h2>
<p>Située en plein cœur du Petit Bayonne, l'auto-école Marti est une véritable institution locale. Créée en 1962 par M. Marti grand-père, elle a accompagné des centaines d'élèves conducteurs au fil des décennies.</p>
<p>Forte de cette expérience unique, notre équipe pédagogique met son savoir-faire au service de votre réussite. Du code à la conduite, nous vous guidons avec patience et professionnalisme.</p>
</div>
<div class="histoire-timeline fade-in">
<div class="timeline-item">
<div class="timeline-year">1962</div>
<div class="timeline-content">
<h4>Création de l'auto-école</h4>
<p>M. Marti grand-père fonde l'auto-école au cœur du Petit Bayonne, rue Marengo.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-year">Années 80</div>
<div class="timeline-content">
<h4>Une réputation qui grandit</h4>
<p>L'auto-école devient une référence incontournable pour les Bayonnais.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-year">1991</div>
<div class="timeline-content">
<h4>La relève familiale</h4>
<p>M. Marti père reprend l'affaire et perpétue l'excellence de la formation.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-year">Années 2000</div>
<div class="timeline-content">
<h4>Modernisation continue</h4>
<p>Adoption de nouvelles méthodes pédagogiques et extension vers Anglet.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-year">2026</div>
<div class="timeline-content">
<h4>Un nouveau souffle</h4>
<p>L'auto-école se modernise encore : nouveau site, nouveaux outils, même passion.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ══════════════════════════════════════════════════════════════
AVIS
══════════════════════════════════════════════════════════════ -->
<section class="avis" id="avis">
<div class="container">
<div class="section-header">
<div class="section-tag">Témoignages</div>
<h2 style="color:white">Ce que disent nos élèves</h2>
<p>La satisfaction de nos élèves est notre meilleure publicité.</p>
</div>
<div class="avis-grid">
<div class="avis-card fade-in">
<div class="avis-stars">★★★★★</div>
<div class="avis-text">« Super auto-école ! Les moniteurs sont patients et très pédagogues. J'ai eu mon permis du premier coup grâce à eux. Je recommande vivement ! »</div>
<div class="avis-author">
<div class="avis-avatar">M.L</div>
<div>
<div class="avis-name">Marie L.</div>
<div class="avis-date">Permis B — 2024</div>
</div>
</div>
</div>
<div class="avis-card fade-in">
<div class="avis-stars">★★★★★</div>
<div class="avis-text">« Excellente ambiance et des tarifs vraiment compétitifs pour Bayonne. L'équipe est disponible et à l'écoute. La conduite accompagnée s'est très bien passée. »</div>
<div class="avis-author">
<div class="avis-avatar">T.E</div>
<div>
<div class="avis-name">Thomas E.</div>
<div class="avis-date">AAC — 2024</div>
</div>
</div>
</div>
<div class="avis-card fade-in">
<div class="avis-stars">★★★★★</div>
<div class="avis-text">« Après un échec dans une autre auto-école, j'ai trouvé chez Marti des moniteurs qui ont su me redonner confiance. Merci pour votre patience ! »</div>
<div class="avis-author">
<div class="avis-avatar">S.A</div>
<div>
<div class="avis-name">Sofia A.</div>
<div class="avis-date">Permis B — 2025</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ══════════════════════════════════════════════════════════════
OFFRES SPÉCIALES
══════════════════════════════════════════════════════════════ -->
<section class="offres" id="offres">
<div class="container">
<div class="section-header">
<div class="section-tag">Bon plan</div>
<h2>Offre spéciale</h2>
<p>Une formule pensée pour maximiser vos chances de réussite et réduire les coûts.</p>
</div>
<div class="offre-card fade-in">
<h3>Conduite supervisée :<br>économisez intelligemment</h3>
<p>Vous souhaitez augmenter vos chances de réussite tout en réduisant le coût global ? Si un proche a le permis depuis au moins 5 ans, la conduite supervisée est faite pour vous.</p>
<div class="offre-highlight">Économies + meilleur taux de réussite</div>
</div>
</div>
</section>
<!-- ══════════════════════════════════════════════════════════════
CONTACT + FORMULAIRE
══════════════════════════════════════════════════════════════ -->
<section class="contact" id="contact">
<div class="container">
<div class="section-header">
<div class="section-tag">Contact</div>
<h2>Venez nous rencontrer</h2>
<p>Passez nous voir ou écrivez-nous, nous vous répondrons rapidement.</p>
</div>
<div class="contact-grid">
<!-- COLONNE GAUCHE : INFOS + HORAIRES -->
<div class="contact-info fade-in">
<div class="contact-details">
<div class="contact-detail">
<div class="contact-detail-icon">📍</div>
<div class="contact-detail-text">
<h4>Adresse</h4>
<p>13, rue Marengo — 64100 Bayonne</p>
</div>
</div>
<div class="contact-detail">
<div class="contact-detail-icon">📞</div>
<div class="contact-detail-text">
<h4>Téléphone</h4>
<p><a href="tel:0559591260">05 59 59 12 60</a> · <a href="tel:0622008209">06 22 00 82 09</a></p>
</div>
</div>
<div class="contact-detail">
<div class="contact-detail-icon">✉️</div>
<div class="contact-detail-text">
<h4>Email</h4>
<p><a href="mailto:autoecole.marti@gmail.com">autoecole.marti@gmail.com</a></p>
</div>
</div>
<div class="contact-detail">
<div class="contact-detail-icon">🚗</div>
<div class="contact-detail-text">
<h4>Point de RDV conduite</h4>
<p>Place Quintaou — Anglet</p>
</div>
</div>
</div>
<div class="contact-horaires">
<h4>🕐 Horaires d'accueil (inscriptions & code)</h4>
<div class="horaire-row"><span class="jour">Lundi</span><span class="heure ferme">Fermé</span></div>
<div class="horaire-row"><span class="jour">Mardi</span><span class="heure ferme">Leçons de conduite uniquement</span></div>
<div class="horaire-row"><span class="jour">Mercredi</span><span class="heure">16h00 — 18h00</span></div>
<div class="horaire-row"><span class="jour">Jeudi</span><span class="heure ferme">Leçons de conduite uniquement</span></div>
<div class="horaire-row"><span class="jour">Vendredi</span><span class="heure ferme">Leçons de conduite uniquement</span></div>
<div class="horaire-row"><span class="jour">Samedi</span><span class="heure">16h00 — 18h00</span></div>
<div class="horaire-row"><span class="jour">Dimanche</span><span class="heure ferme">Fermé</span></div>
</div>
</div>
<!-- COLONNE DROITE : FORMULAIRE DE CONTACT -->
<div class="contact-form-wrapper fade-in">
<div class="contact-form-card">
<h3 class="form-title">Envoyez-nous un message</h3>
<p class="form-subtitle">Nous vous répondrons sous 24h.</p>
<form
action="https://formsubmit.co/autoecole.marti@gmail.com"
method="POST"
id="contactForm"
onsubmit="return validateForm()"
>
<!-- FormSubmit config -->
<input type="hidden" name="_captcha" value="false">
<input type="hidden" name="_next" value="https://autoecolemarti.fr/merci.html">
<input type="hidden" name="_subject" value="Nouveau message depuis le site Auto-école Marti">
<!-- Honeypot FormSubmit -->
<input type="text" name="_honey" style="display:none !important" tabindex="-1" autocomplete="off">
<!-- Honeypot custom -->
<div style="position:absolute;left:-9999px;top:-9999px;" aria-hidden="true">
<label for="website_url">Ne pas remplir</label>
<input type="text" name="website_url" id="website_url" tabindex="-1" autocomplete="off">
</div>
<div class="form-row">
<div class="form-group">
<label for="prenom">Prénom *</label>
<input type="text" id="prenom" name="Prénom" required placeholder="Votre prénom">
</div>
<div class="form-group">
<label for="nom">Nom *</label>
<input type="text" id="nom" name="Nom" required placeholder="Votre nom">
</div>
</div>
<div class="form-row">
<div class="form-group">
<label for="email">Email *</label>
<input type="email" id="email" name="Email" required placeholder="votre@email.com">
</div>
<div class="form-group">
<label for="tel">Téléphone</label>
<input type="tel" id="tel" name="Téléphone" placeholder="06 XX XX XX XX">
</div>
</div>
<div class="form-group">
<label for="sujet">Sujet</label>
<select id="sujet" name="Sujet">
<option value="">— Choisir un sujet —</option>
<option value="Inscription permis B">Inscription permis B</option>
<option value="Conduite accompagnée">Conduite accompagnée</option>
<option value="Boîte automatique">Boîte automatique</option>
<option value="Conduite supervisée">Conduite supervisée</option>
<option value="Renseignement tarifs">Renseignement tarifs</option>
<option value="Autre">Autre</option>
</select>
</div>
<div class="form-group">
<label for="message">Message *</label>
<textarea id="message" name="Message" required placeholder="Décrivez votre demande..."></textarea>
</div>
<!-- Anti-spam : question mathématique -->
<div class="form-group captcha-group">
<label for="captcha">🔒 Question anti-spam : combien font 3 + 4 ? *</label>
<input type="text" id="captcha" required placeholder="Votre réponse" autocomplete="off">
</div>
<button type="submit" class="btn btn-primary form-submit-btn" id="submitBtn">
Envoyer le message →
</button>
<div class="form-feedback" id="formFeedback"></div>
</form>
</div>
</div>
</div>
<!-- CARTE pleine largeur -->
<div class="contact-map fade-in" style="margin-top: 2.5rem;">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2897.5!2d-1.4747!3d43.4889!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd51411a8e9e1c1b%3A0x4e7a2e8c8f4e2f1a!2s13%20Rue%20Marengo%2C%2064100%20Bayonne!5e0!3m2!1sfr!2sfr!4v1700000000000!5m2!1sfr!2sfr"
allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade">
</iframe>
</div>
</div>
</section>
<!-- ══════════════════════════════════════════════════════════════
CTA BANNER
══════════════════════════════════════════════════════════════ -->
<div class="cta-banner">
<h2>Prêt à prendre le volant ?</h2>
<p>Inscrivez-vous dès maintenant ou passez nous voir au bureau. Votre permis commence ici.</p>
<a href="mailto:autoecole.marti@gmail.com" class="btn">Contactez-nous →</a>
</div>
<!-- ══════════════════════════════════════════════════════════════
FOOTER
══════════════════════════════════════════════════════════════ -->
<footer>
<div class="footer-inner">
<div class="footer-top">
<div class="footer-brand">
<div class="logo">MARTI<span>.</span></div>
<p>Auto-école de confiance à Bayonne depuis 1962. Formations permis B, conduite accompagnée et boîte automatique.</p>
</div>
<div class="footer-col">
<h4>Formations</h4>
<ul>
<li><a href="formules/permis-b-manuel.html">Permis B</a></li>
<li><a href="formules/conduite-accompagnee.html">Conduite accompagnée</a></li>
<li><a href="formules/permis-b-automatique.html">Boîte automatique</a></li>
<li><a href="#offres">Offres spéciales</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Navigation</h4>
<ul>
<li><a href="#accueil">Accueil</a></li>
<li><a href="#histoire">Notre histoire</a></li>
<li><a href="#avis">Avis</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Contact</h4>
<ul>
<li><a href="tel:0559591260">05 59 59 12 60</a></li>
<li><a href="tel:0622008209">06 22 00 82 09</a></li>
<li><a href="mailto:autoecole.marti@gmail.com">autoecole.marti@gmail.com</a></li>
<li><a href="#contact">13 rue Marengo, Bayonne</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<span>© 2025 Auto-école Marti — Bayonne. Tous droits réservés.</span>
<span>SIRET : 382 930 188 00018 · APE : 8500Z</span>
<a href="mentions-legales.html" style="color:rgba(255,255,255,0.5);text-decoration:none;font-size:0.85rem;" onmouseover="this.style.color='white'" onmouseout="this.style.color='rgba(255,255,255,0.5)'">Règlement intérieur & mentions légales</a>
</div>
</div>
</footer>
<script>
// ── Navbar scroll effect ──
const nav = document.getElementById('navbar');
window.addEventListener('scroll', () => {
nav.classList.toggle('scrolled', window.scrollY > 50);
});
// ── Mobile nav toggle ──
function toggleNav() {
document.getElementById('navLinks').classList.toggle('active');
}
document.querySelectorAll('.nav-links a').forEach(link => {
link.addEventListener('click', () => {
document.getElementById('navLinks').classList.remove('active');
});
});
// ── Lightbox pièces à fournir ──
function openDossier() {
document.getElementById('dossierOverlay').classList.add('open');
document.body.style.overflow = 'hidden';
}
function closeDossier() {
document.getElementById('dossierOverlay').classList.remove('open');
document.body.style.overflow = '';
}
function closeDossierOutside(e) {
if (e.target === document.getElementById('dossierOverlay')) closeDossier();
}
document.addEventListener('keydown', function(e) {
if (e.key === 'Escape') closeDossier();
});
// ── Scroll reveal animations ──
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) entry.target.classList.add('visible');
});
}, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });
document.querySelectorAll('.fade-in').forEach(el => observer.observe(el));
// ── Smooth scroll for anchor links ──
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function(e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' });
});
});
// ── Formulaire : validation anti-spam ──
window._formLoadTime = Date.now();
function validateForm() {
const feedback = document.getElementById('formFeedback');
// 1. Honeypot custom → si rempli = bot (on fait semblant que ça marche)
const honeypot = document.getElementById('website_url');
if (honeypot && honeypot.value !== '') {
feedback.textContent = '✅ Message envoyé avec succès !';
feedback.className = 'form-feedback show success';
return false; // bloque l'envoi réel
}
// 2. Question anti-spam (3 + 4 = 7)
const captchaInput = document.getElementById('captcha');
const answer = captchaInput.value.trim();
if (answer !== '7') {
feedback.textContent = '❌ Mauvaise réponse à la question anti-spam. Indice : faites l\'addition !';
feedback.className = 'form-feedback show error';
captchaInput.focus();
return false;
}
// 3. Anti-bot timing (< 3 secondes = bot)
const now = Date.now();
if (window._formLoadTime && (now - window._formLoadTime) < 3000) {
feedback.textContent = '✅ Message envoyé avec succès !';
feedback.className = 'form-feedback show success';
return false; // trop rapide = bot
}
// 4. Tout OK → envoi réel vers FormSubmit
const btn = document.getElementById('submitBtn');
btn.disabled = true;
btn.textContent = 'Envoi en cours...';
feedback.textContent = '';
feedback.className = 'form-feedback';
return true;
}
</script>
</body>
</html>
