<!DOCTYPE html>
<html dir="ltr" lang="fr-FR">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Du rêve d'enfant, au vrai cockpit : RESAFLY</title>
<meta name="description" content="Trouvez un vol inoubliable ou une expérience unique parmi nos 40 sites d'envol partout en France ! Réservez ou offrir ou s'offrir en 3 minutes.">
<meta property="og:title" content="Du rêve d'enfant, au vrai cockpit : RESAFLY">
<meta property="og:description" content="Trouvez un vol inoubliable ou une expérience unique parmi nos 40 sites d'envol partout en France ! Réservez ou offrir ou s'offrir en 3 minutes.">
<meta property="og:image" content="https://resafly.fr/images/annonce/banniere.jpg">
<meta property="og:type" content="website">
<meta property="og:url" content="https://resafly.fr/">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta name="author" content="SemiColonWeb">
<link rel="icon" type="image/png" href="favicon.png">
<style>body{margin:0;font-family:Arial, sans-serif}a{text-decoration:none}.header{background:#fff;border-bottom:2px solid #ddd}.topbar{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;flex-wrap:wrap;transition:all 0.3s ease-in-out}.logo img{height:40px}.actions a{margin-left:15px;text-decoration:none;color:#333;font-size:14px}.burger{display:none;font-size:26px;cursor:pointer;margin-left:auto}.navbar{background:#333;transition:top 0.3s ease-in-out}.navbar ul{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;justify-content:center}.navbar li{padding:8px;color:#fff;cursor:pointer}.navbar a{display:block;padding:12px 15px;color:#fff;text-decoration:none;font-size:14px}.navbar a:hover{background:#ff6600}@media (max-width:999px){.burger{display:block}.navbar{display:none;flex-direction:column}.navbar.open{display:flex}.navbar ul{flex-direction:column;align-items:stretch}.navbar a{text-align:center;border-top:1px solid #444}}.scrolled .topbar{display:none}.scrolled .navbar{position:fixed;top:0;left:0;width:100%;z-index:1000}.card{position:relative}.badge{position:absolute;top:10px;left:10px;background:#BFF863;color:#555;font-size:14px;font-weight:bold;padding:5px 8px;border-radius:6px;box-shadow:0 2px 5px rgba(0,0,0,0.2)}.cur{cursor:pointer}.euro{font-size:75%}.v5{width:100%;height:10px}.v10{width:100%;height:10px}.v20{width:100%;height:20px}.v30{width:100%;height:30px}.v40{width:100%;height:40px}.v50{width:100%;height:50px}.v60{width:100%;height:60px}.cent{width:100%}.center{text-align:center}.left{text-align:left}.tab{border:0;cellpadding:0;border-collapse:collapse}.input-fly-wrapper{position:relative;display:inline-block;width:100%;max-width:100%;margin-bottom:0px}.input-fly-text{width:100%;padding-left:36px;padding-right:36px;height:36px;font-size:14px;border-radius:10px;border:1px solid #ccc;box-sizing:border-box}.input-fly-icon-left,.input-fly-icon-right{position:absolute;top:50%;transform:translateY(-50%);font-size:14px;cursor:pointer;user-select:none}.input-fly-icon-left{left:10px}.input-fly-icon-right{right:10px}.input-fly-icon-right.disabled{cursor:not-allowed;opacity:0.4;pointer-events:none}.info-fly-box{align-items:center;text-align:center;padding:5px;font-size:16px;border:1px solid #ccc;border-radius:10px;background:#fddbcc}.select-fly{width:100%;text-align:center;padding:5px;height:36px;border-radius:8px;border:1px solid #ccc;background:#fff;font-size:15px;box-sizing:border-box}.container300{display:table;max-width:300px;width:100%;margin-left:auto;margin-right:auto}.grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:20px;padding:20px}.card{background:#fff;border-radius:12px;box-shadow:0 2px 6px #555;overflow:hidden;transition:transform 0.2s ease}.card:hover{transform:translateY(-5px)}.card img{width:100%;height:180px;object-fit:cover}.card-body{padding:10px 15px}.card-body h3{font-size:16px;font-weight:500;margin:5px 0 10px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price{display:flex;justify-content:space-between;align-items:center}.price .promo{font-size:18px;font-weight:bold;color:#000}.price .old{font-size:14px;text-decoration:line-through;color:#555}.img-full{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}:root{--fd-faq-bg:#1E88E5;--fd-faq-bg-h:#1565C0;--fd-faq-tx:#fff;--fd-faq-shadow:0 6px 16px rgba(30,136,229,.28);}@media (prefers-color-scheme:dark){:root{--fd-faq-bg:#2196F3;--fd-faq-bg-h:#1976D2;--fd-faq-shadow:0 6px 18px rgba(33,150,243,.35);}}.fd-btn-faq{display:inline-flex;align-items:center;gap:.55rem;padding:.68rem 1rem;border-radius:999px;font:600 15px/1.1 system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif;color:var(--fd-faq-tx);background:linear-gradient(180deg, var(--fd-faq-bg), var(--fd-faq-bg-h));text-decoration:none;box-shadow:var(--fd-faq-shadow);transform:translateZ(0);transition:transform .15s ease, box-shadow .2s ease, filter .2s ease;-webkit-tap-highlight-color:transparent;}.fd-btn-faq:hover{transform:translateY(-1px);filter:saturate(1.05);}.fd-btn-faq:active{transform:translateY(0);filter:saturate(.98);}.fd-btn-faq:focus-visible{outline:2px solid #90CAF9;outline-offset:3px;}.fd-btn-faq .fd-ico{width:18px;height:18px;fill:currentColor;flex:0 0 auto;}@media (prefers-reduced-motion:reduce){.fd-btn-faq{transition:none}}</style>
<style>
#banniere {position: relative;width: 100%;overflow: hidden}#banniere img {width: 100%;height: auto;display: block}#banniere .overlay {position: absolute;top: 25%;right: 5%;max-width: 40%;text-align: left;color: white}#banniere .logo {width: 22vw;/max-width: 280px;opacity: 0;animation: fadeIn 2s ease-in-out forwards}#banniere .slogan {font-size:3vw;max-font-size:48px;font-weight: bold;margin-top: 10px;line-height: 1.2;opacity: 0;animation: fadeIn 2s ease-in-out forwards;animation-delay: 1.5s;text-shadow: 2px 2px 6px rgba(0,0,0,0.4)}@keyframes fadeIn {from { opacity: 0; transform: translateY(20px); }to { opacity: 1; transform: translateY(0)}}@media (max-width: 800px) {#banniere .overlay { top: 18%; right: 5%; max-width: 50%; }#banniere .logo { width: 130px; }#banniere .slogan { font-size: 28px}}@media (max-width: 500px) {#banniere .overlay { top: 12%; right: 5%; max-width: 60%; }#banniere .logo { width: 150px; }#banniere .slogan { font-size: 20px}}.national{background:#FCC6BB;color: #555;font-size: 14px;font-weight: bold;padding: 5px 8px;border-radius: 6px;box-shadow: 0 2px 5px rgba(0,0,0,0.2)}
.container{display:cell;max-width:1024px;width:calc(100% - 30px);margin-left:auto;margin-right:auto}
</style>
<link rel="canonical" href="https://vol-decouverte.fr/">
<link rel="next" href="https://vol-decouverte.fr/?page=2">
</head>
<body>
<header class="header" id="site-header">
<div class="topbar">
<div class="logo"><a href="#"><img alt="logo menu vol decouverte" width="172" height="40" src="decouverte/images/logo_enseigne"></a></div>
<div class="actions"><a href="resafly">🎁 J'ai un bon cadeau</a><a href="#">🛒 Panier</a></div>
<div class="burger" onclick="document.querySelector('.navbar').classList.toggle('open')">☰</div>
</div>
<nav class="navbar">
<ul>
<li title="Effacer les filtres" data-code="reset_machine" style="font-size:14px">🗑️</li>
<li title="Liste des aérodromes de vol avion léger" data-code="A">Avion UL</li>
<li title="Liste des aérodromes de vol en patrouille" data-code="D">Avion en patrouille</li>
<li title="Liste des aérodromes de vol en autogire ouvert" data-code="G">Autogire ouvert</li>
<li title="Liste des aérodromes de vol en gyrocopére fermé" data-code="V">Gyrocoptère fermé</li>
<li title="Liste des aérodromes de vol en pendulaire" data-code="P">Pendulaire</li>
<li title="Liste des aérodromes de vol en biplan" data-code="B">Biplan</li>
<li title="Liste des aérodromes avion 3 places plus le pilote" data-code="R">En famille</li>
</ul>
</nav>
<style>
.hero-wrapper {
max-width: 1200px;
margin: 0 auto;
overflow: hidden; /* pour bien couper l’image */
border-radius: 10% 30% 50% 70% / 30% 50% 70% 90%;
/* horizontaux AVANT le /, verticaux APRÈS → encore plus organique */
}
.hero-wrapper img {
display: block;
width: 100%;
height: auto;
}
.hero-wrapper {
transition: border-radius .6s ease, transform .6s ease;
}
.hero-wrapper:hover {
border-radius: 20% 50% 40% 60% / 50% 40% 60% 50%;
transform: scale(1.01);
}
/* ;border-radius: 10% 30% 50% 70% */
</style>
<div class="container" style="margin-top:20px"><div id="banniere" style="display:block"> <img class=hero-wrapper alt="Bannière Resafly : Du rêve d'enfant<br>au vrai cockpit" width="1536" height="538" style="width:100%;display:block" src="resafly/images/annonce/banniere_resafly" fetchpriority="high"> <div class="overlay"> <h1 class=slogan>Du rêve d'enfant<br>au vrai cockpit</h1> </div></div></div>
<div id="top" class="search-box">
<div class="center center">
<h2 style="font-size:100%">Trouvez un vol inoubliable ou une expérience unique parmi nos 40 sites d'envol partout en France</h2>
📍 41 sites d’envol partout en France • Bons valables 12 mois • Annulation gratuite
</div>
<style>.select-wrap {position: relative;display: inline-block}.select-wrap select {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0}</style>
<div class="container300">
<table class="tab">
<tr>
<td>
<div class="input-fly-wrapper">
<span class="input-fly-icon-left" title="Ville ou code postal" onclick="">🔎</span>
<input type="text" id="p2" name="p2" value="" placeholder="Ville ou code postal" class="input-fly-text" style="width:100%" >
<span class="input-fly-icon-right" title="" onclick=""></span>
</div> </td>
<td>
<div class="select-wrap">
<select id="regionSelect" aria-label="Choisissez une région" class="select-fly cur" onchange="chargerRegion(this.value)">
<option value="0"></option>
<option value="1">Auvergne-Rhône-Alpes</option>
<option value="2">Bourgogne-Franche-Comté</option>
<option value="3">Bretagne</option>
<option value="4">Centre-Val de Loire</option>
<option value="5">Grand Est</option>
<option value="6">Hauts-France</option>
<option value="7">Île-France</option>
<option value="8">Normandie</option>
<option value="9">Nouvelle-Aquitaine</option>
<option value="10">Occitanie</option>
<option value="11">Pays de la Loire</option>
<option value="12">Provence-Alpe Côte d’Azur</option>
</select>
<button type="button" id="btnSelect" style="font-size:22px">🔽</button>
</div>
</td>
</tr>
</table>
</div>
</div>
</header>
<style>.pagination {display: flex;justify-content: center;gap:3px;margin:10px 0;flex-wrap: wrap}.btnNav {border: 1px solid #555;border-radius: 6px;padding:3px 8px;background: #f9f9f9;transition: all 0.2s ease-in-out}.btnNav a {text-decoration: none;color: #333;font-size: 14px;display: block}.btnNav:hover {background: #007bff;border-color: #007bff}.btnNav:hover a {color: #fff}.btnNav.active {background: #007bff;border-color: #007bff}.btnNav.active a {color: #fff;font-weight: bold}.btnNav.disabled {background: #eee;color: #aaa;border-color: #ccc;pointer-events: none;display:none}</style>
<div id="annonce" role="main">
<div class="grid">
<div class=card><a title="" href="decouverte/pilote/_template_pilote">
<img class=img-full alt="vol decouverte ou initiation avion leger Aérodrome de Bourg - Ceyzériat" src="resafly/formule-detail/fly/images/aerodrome/a/149" loading="eager" fetchpriority="high">
<div class=card-body>
<h3>01 - Bourg - Ceyzériat</h3><br><div class=price>
<span class=promo>89 €</span>
<span class=old>130 €</span>
</div>
</div></a>
</div><div class=card><a title="" href="decouverte/pilote/_template_pilote">
<img class=img-full alt="vol decouverte ou initiation avion leger en patrouille Aérodrome de Bourg - Ceyzériat" src="resafly/formule-detail/fly/images/aerodrome/d/149" loading="eager" fetchpriority="high">
<div class=card-body>
<h3>01 - Bourg - Ceyzériat</h3><br><div class=badge>❤️ DUO</div><div class=price>
<span class=promo>188 €</span>
<span class=old>260 €</span>
</div>
</div></a>
</div><div class=card><a title="" href="decouverte/pilote/_template_pilote">
<img class=img-full alt="vol decouverte ou initiation biplan Aérodrome de Bourg - Ceyzériat" src="resafly/formule-detail/fly/images/aerodrome/b/149" loading="lazy" fetchpriority="low">
<div class=card-body>
<h3>01 - Bourg - Ceyzériat</h3><br><div class=price>
<span class=promo>119 €</span>
<span class=old>159 €</span>
</div>
</div></a>
</div><div class=card><a title="" href="decouverte/pilote/_template_pilote">
<img class=img-full alt="vol decouverte ou initiation avion leger Aix-les-Milles" src="resafly/formule-detail/fly/images/aerodrome/a/170" loading="lazy" fetchpriority="low">
<div class=card-body>
<h3>13 - Aix-les-Milles</h3><br><div class=price>
<span class=promo>89 €</span>
<span class=old>130 €</span>
</div>
</div></a>
</div><div class=card><a title="" href="decouverte/pilote/_template_pilote">
<img class=img-full alt="vol decouverte ou initiation avion leger Base Ulm de Corme-Ecluse " src="resafly/formule-detail/fly/images/aerodrome/a/167" loading="lazy" fetchpriority="low">
<div class=card-body>
<h3>17 - Corme-Ecluse </h3><br><div class=price>
<span class=promo>89 €</span>
<span class=old>130 €</span>
</div>
</div></a>
</div><div class=card><a title="" href="decouverte/pilote/_template_pilote">
<img class=img-full alt="vol decouverte ou initiation pendulaire Base Ulm de Corme-Ecluse " src="resafly/formule-detail/fly/images/aerodrome/p/167" loading="lazy" fetchpriority="low">
<div class=card-body>
<h3>17 - Corme-Ecluse </h3><br><div class=price>
<span class=promo>89 €</span>
<span class=old>130 €</span>
</div>
</div></a>
</div><div class=card><a title="" href="decouverte/pilote/_template_pilote">
<img class=img-full alt="vol decouverte ou initiation avion leger Aérodrome de Pons-Avy" src="resafly/formule-detail/fly/images/aerodrome/a/184" loading="lazy" fetchpriority="low">
<div class=card-body>
<h3>17 - Pons-Avy</h3><br><div class=price>
<span class=promo>89 €</span>
<span class=old>130 €</span>
</div>
</div></a>
</div><div class=card><a title="" href="decouverte/pilote/_template_pilote">
<img class=img-full alt="vol decouverte ou initiation avion leger en patrouille Aérodrome de Pons-Avy" src="resafly/formule-detail/fly/images/aerodrome/d/184" loading="lazy" fetchpriority="low">
<div class=card-body>
<h3>17 - Pons-Avy</h3><br><div class=badge>❤️ DUO</div><div class=price>
<span class=promo>188 €</span>
<span class=old>260 €</span>
</div>
</div></a>
</div><div class=card><a title="" href="decouverte/pilote/_template_pilote">
<img class=img-full alt="vol decouverte ou initiation pendulaire Aérodrome de Pons-Avy" src="resafly/formule-detail/fly/images/aerodrome/p/184" loading="lazy" fetchpriority="low">
<div class=card-body>
<h3>17 - Pons-Avy</h3><br><div class=price>
<span class=promo>89 €</span>
<span class=old>130 €</span>
</div>
</div></a>
</div><div class=card><a title="" href="decouverte/pilote/_template_pilote">
<img class=img-full alt="vol decouverte ou initiation avion leger Aérodrome de Nîmes Courbessac " src="resafly/formule-detail/fly/images/aerodrome/a/37" loading="lazy" fetchpriority="low">
<div class=card-body>
<h3>30 - Nîmes Courbessac </h3><br><div class=price>
<span class=promo>89 €</span>
<span class=old>130 €</span>
</div>
</div></a>
</div><div class=card><a title="" href="decouverte/pilote/_template_pilote">
<img class=img-full alt="vol decouverte ou initiation autogire ouvert Aérodrome de Nîmes Courbessac " src="resafly/formule-detail/fly/images/aerodrome/g/37" loading="lazy" fetchpriority="low">
<div class=card-body>
<h3>30 - Nîmes Courbessac </h3><br><div class=price>
<span class=promo>89 €</span>
<span class=old>130 €</span>
</div>
</div></a>
</div><div class=card><a title="" href="decouverte/pilote/_template_pilote">
<img class=img-full alt="vol decouverte ou initiation gyrocoptere ferme Aérodrome de Nîmes Courbessac " src="resafly/formule-detail/fly/images/aerodrome/v/37" loading="lazy" fetchpriority="low">
<div class=card-body>
<h3>30 - Nîmes Courbessac </h3><br><div class=price>
<span class=promo>119 €</span>
<span class=old>159 €</span>
</div>
</div></a>
</div><div class=card><a title="" href="decouverte/pilote/_template_pilote">
<img class=img-full alt="vol decouverte ou initiation avion leger Aérodrome de Toulouse-Lasbordes" src="resafly/formule-detail/fly/images/aerodrome/a/71" loading="lazy" fetchpriority="low">
<div class=card-body>
<h3>31 - Toulouse-Lasbordes</h3><br><div class=price>
<span class=promo>89 €</span>
<span class=old>130 €</span>
</div>
</div></a>
</div><div class=card><a title="" href="decouverte/pilote/_template_pilote">
<img class=img-full alt="vol decouverte ou initiation avion leger en patrouille Aérodrome de Toulouse-Lasbordes" src="resafly/formule-detail/fly/images/aerodrome/d/71" loading="lazy" fetchpriority="low">
<div class=card-body>
<h3>31 - Toulouse-Lasbordes</h3><br><div class=badge>❤️ DUO</div><div class=price>
<span class=promo>188 €</span>
<span class=old>260 €</span>
</div>
</div></a>
</div><div class=card><a title="" href="decouverte/pilote/_template_pilote">
<img class=img-full alt="vol decouverte ou initiation autogire ouvert Aérodrome de Toulouse-Lasbordes" src="resafly/formule-detail/fly/images/aerodrome/g/71" loading="lazy" fetchpriority="low">
<div class=card-body>
<h3>31 - Toulouse-Lasbordes</h3><br><div class=price>
<span class=promo>89 €</span>
<span class=old>130 €</span>
</div>
</div></a>
</div> </div>
<div class='pagination'>
<div class='btnNav disabled'>◀</div><a href='?page=1'><div class='btnNav active'>1</div></a><a href='?page=2'><div class='btnNav'>2</div></a><a href='?page=3'><div class='btnNav'>3</div></a><a href='?page=4'><div class='btnNav'>4</div></a><a href='?page=5'><div class='btnNav'>5</div></a><a href='?page=2'><div class='btnNav'>▶</div></a> </div>
<div class="v50"></div>
<form id="_formMachine" method="POST" action="accueil">
<input type="hidden" id="machine" name="machine" value=" WHERE id > 7">
</form>
</div>
<footer>
</footer>
<noscript>
<p>Pour une meilleure experience, activez JavaScript dans votre navigateur.</p>
</noscript>
<script>
document.querySelectorAll("nav li").forEach(li => {
li.addEventListener("click", () => {
document.getElementById("machine").value = li.dataset.code;
document.getElementById("_formMachine").submit();
});
});
</script>
<script>
window.addEventListener("scroll", function() {
const header = document.getElementById("site-header");
if (window.scrollY > 50) {
header.classList.add("scrolled");
} else {
header.classList.remove("scrolled");
}
});
</script>
<script>
function chargerRegion(regionId) {
// appel AJAX vers ton script PHP
if (regionId == 0) url = 'france';else url = 'annonce_region.php?region=' + regionId;
document.getElementById("banniere").style.display = "none";
fetch("decouverte/departement/"+url)
.then(response => response.text())
.then(html => {
document.getElementById("annonce").innerHTML = html;
})
.catch(err => {
console.error("Erreur fetch region:", err);
});
}
</script>
<script>
const btn = document.getElementById("btnSelect");
const select = document.getElementById("regionSelect");
btn.addEventListener("click", (e) => {
e.stopPropagation(); // bloque la remontée
select.focus();
select.click(); // ouvre le menu natif
});
document.addEventListener("click", (e) => {
if (!e.target.closest(".select-wrap")) {
select.blur();
}
});
</script> </body>
</html>
