<!DOCTYPE html>
<html lang="fr">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Coffret cadeau expérience aérienne</title>
<meta name="description" content="Offrez bien plus qu’un simple cadeau : un moment de liberté dans le ciel. Baptême de l’air, vol découverte ou initiation, c’est une première expérience aérienne inoubliable, accessible à tous.">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta name="author" content="SemiColonWeb">
<link rel="icon" type="image/png" href="favicon.png">
<link rel=canonical href="https://flydecouverte.fr/coffret_cadeau">
<style>*{margin:0;padding:0;box-sizing:border-box;}body{margin:0;padding:0;font-size:125%;line-height:1.8;padding-top:18px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}a{color:#000;text-decoration:none}.white{color:#fff}h1,h2,h3{font-size:130%;text-transform:uppercase}.cur{cursor:pointer}.euro{font-size:75%}@media (max-width:780px){body,html{font-size:100}h1,h2,h3{font-size:100%;text-transform:uppercase}}.container_body{display:table;padding:20px;width:100%;margin-left:auto;margin-right:auto}.container_div{display:table;width:100%;margin-left:auto;margin-right:auto;padding:20px;}.w150{max-width:150px;}.w300{max-width:300px;}.w400{max-width:400px;}.w500{max-width:500px;}.w600{max-width:600px;}.w650{max-width:650px;}.w700{max-width:700px;}.w800{max-width:800px;}.w850{max-width:850px;}.w900{max-width:900px;}.w1024{max-width:1024px;}.w1200{max-width:1200px;}.w1290{max-width:1290px;}.w1440{max-width:1440px;}.w1600{max-width:1600px;}.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}.btn{background:#0000FF;color:#fff}#logocentre{display:table;max-width:500px;width:100%;margin-left:auto;margin-right:auto;margin-bottom:-30px}#logosupport{width:100%;height:100%;text-align:center;background:#F3F5FA}.container{padding:0 20px 0 30px}.bt500{display:flex;flex-wrap:wrap;text-align:center}.bt500>*{flex:1 500px;padding:5px;margin:5px}.list{display:flex;gap:1px;padding:1px;list-style:none;overflow-x:scroll;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.item{flex-shrink:0;width:300px;height:160px;background-color:#FFF;scroll-snap-align:center}.list::-webkit-scrollbar{display:none}.list-wrapper{position:relative}.btslide{position:absolute;top:50%;width:2rem;height:2rem;transform:translateY(-50%)}.btslide--previous{left:0.75rem;transform:rotate(180deg)}.btslide--next{right:0.75rem}.plus{background:#fff;padding:7px;border-radius:10px}.pad20{padding:20px}.wrapper-table{height:92vh;width:100%;display:table}.wrapper-cell{display:table-cell;vertical-align:middle;text-align:center}.header{font-size:18px;position:fixed;top:0;left:0;width:100%;z-index:999;background:rgba(10, 10, 10, 0.92);box-shadow:0 2px 8px #333;transition:box-shadow 0.3s ease;padding:4px}.menu-desktop a,.menu-mobile a{text-decoration:none;color:#fff;padding:8px 0;display:inline-block;transition:color 0.2s ease}.menu-desktop a:hover,.menu-mobile a:hover{color:#0077cc}.menu-desktop li.active a,.menu-mobile li.active a{color:#0077cc;font-weight:bold;border-bottom:2px solid #0077cc}.header-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:15px}.header-inner > *{min-width:0}nav{display:flex;align-items:center;gap:20px;flex-shrink:0}.icons{display:flex;gap:10px;flex-shrink:0;cursor:pointer}.icons-contact{display:flex;gap:10px;flex-shrink:0;padding-right:20px}.logo{height:40px;flex-shrink:0;max-width:100%}.menu-desktop{display:flex;gap:20px;list-style:none;margin:0;padding:0}nav label{display:none;font-size:20px;cursor:pointer}.menu-mobile{display:none}.setlang{width:48px;height:32px}.setctc{width:42px;height:32px}.setpan{width:32px;height:32px}@media (max-width:900px){.menu-desktop a,.menu-mobile a{color:#333}.menu-desktop{display:none}nav label{display:block;padding:0px;color:#fff}body{padding-top:30px}.menu-mobile{display:none;flex-direction:column;list-style:none;padding:10px 15px;background:white;border-top:1px solid #ccc}#toggle:checked + .menu-mobile{display:flex}}.right{display:flex;align-items:center;gap:10px}.bloc-compact{display:flex;gap:10px;align-items:center}@media (max-width:400px){.right{flex-direction:column;align-items:flex-start;gap:5px;padding:3px}.bloc-compact{width:100%;justify-content:space-between;}}.lang-switcher{position:relative;display:inline-block}#lang-toggle:checked + .lang-icon + .lang-choix{display:flex;flex-direction:column;gap:5px}.lang-panel{display:none;position:absolute;top:50px;right:10px;background:white;border:1px solid #ccc;padding:5px;border-radius:6px;box-shadow:0 0 5px rgba(0,0,0,0.2);z-index:1000}.lang-panel a{display:block;margin:5px 0}.machine-type{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.label-type{font-size:1.1rem;display:inline-block;width:100%;text-align:center;margin:10px auto;color:#000;cursor:pointer;background:#f5f5f5;padding:5px;border:1px solid #ccc}.onglets-wrapper{max-width:100%}.onglets{display:flex;flex-wrap:wrap;gap:5px;border-bottom:2px solid #ccc}.onglets input[type=radio]{display:none}.onglets,label_onglets{padding:5px 15px;background:#eee;border-radius:8px 8px 0 0;cursor:pointer;font-weight:bold;flex:1;text-align:center;user-select:none;transition:background 0.3s}.onglets input[type=radio]:checked + .label_onglets{background:#ccc}.onglets-content > div{display:none;opacity:0;transform:translateY(10px);transition:opacity 0.3s ease, transform 0.3s ease;padding:10px;background:#fff;border:1px solid #ccc;border-top:none;border-radius:0 0 8px 8px}.onglets-content > div.active{display:block;opacity:1;transform:translateY(0)}.label_onglets{display:flex;font-size:14px;cursor:pointer;padding:10px 15px;background:#eee;border-radius:8px 8px 0 0;font-weight:bold;flex:1;text-align:center;user-select:none;transition:background 0.3s}.label_onglets.active{background:#ccc}.tab-content{display:none}.tab-content.active{display:block}@media (max-width:780px){.label_onglets{display:flex;font-size:14px;}}</style>
<style>
/* Wrapper deux colonnes */
.fd-wrap{
display:flex;
gap:16px;
align-items:stretch; /* même hauteur naturelle */
}
.fd-col1{
flex:0 1 640px; /* grow:0, shrink:1, basis:500px */
max-width:640px;
width:100%; /* se remplit jusqu’à 500px max */
min-width:0; /* évite les débordements */
}
.fd-col2{
flex:1 1 auto; /* grow:1 => occupe l’espace restant */
min-width:0; /* important pour que le contenu puisse rétrécir */
}
@media (max-width:1024px){
.fd-wrap{
flex-direction:column;
}
.fd-col2{ order:1; width:100%; max-width:none; }
.fd-col1{ order:2; width:100%; max-width:none; }
}
</style>
<style>
.container{display:cell;max-width:calc(100% - 10px);margin-left:auto;margin-right:auto}
.list{display:flex;gap:1px;padding:1px;list-style:none;overflow-x:scroll;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}
.item{flex-shrink:0;width:80px;background-color:#FFF;scroll-snap-align:center}
.list::-webkit-scrollbar{display:none}
.btslide{position:absolute;top:10%;width:2rem;height:2rem;transform:translateY(-10%)}
.btslide{
position:absolute;
top:20%;
transform:translateY(-50%);
inline-size: clamp(28px, 8vw, 32px); /* largeur responsive bornée */
block-size: clamp(28px, 8vw, 32px); /* hauteur responsive bornée */
border:0;
border-radius:10px;
background:#eee;
box-shadow:0 4px 12px rgba(0,0,0,.18);
display:grid; place-items:center;
font-size:16px; /* taille de la flèche */
line-height:1; /* évite le gonflage */
cursor:pointer;
user-select:none;
z-index:2;
}
.btslide--previous{ left:0.5rem; transform:translateY(-50%) rotate(180deg); }
.btslide--next{ right:0.5rem; }
@media (max-width:400px){
.btslide{
inline-size:32px;
block-size:32px;
font-size:14px;
}
}
</style>
<style>
.slide{min-width:100%;height:auto;scroll-snap-align:start;position:relative;margin:0}
.slide img{width:100%;height:auto;display:block;object-fit:cover;transform-origin:var(--origin,50% 50%);will-change:transform}
.slide.animate img{animation:ken var(--dur,10s) ease-out forwards}
</style>
</head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SCVC91RKPH"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-SCVC91RKPH');
</script>
<body>
<noscript>
<p>Pour une meilleure experience, activez JavaScript dans votre navigateur.</p>
</noscript>
<div class="header">
<div class="header-inner">
<a href="index"><img src="resafly/formule-detail/fly/images/fly2" style="width:150px;height:28px" alt="Logo commercial FLY-Découverte"></a>
<nav><label for="toggle">☰</label> </nav>
<ul class="menu-desktop">
<li><a href="index">Accueil</a></li>
<li><a href="tarifs-3axe">Boutique</a></li>
<li><a href="coffret_cadeau">Coffret 🎁</a></li>
<li><a href="aerodrome">Aérodrome</a></li>
<li><a href="https://resafly.fr/">Réservation</a></li>
<li><a href="https://resafly.fr/partenaire">Partenaire</a></li>
</ul>
<div class="icons">
<div class="lang-switcher">
<span style="font-size:20px" onclick="toggleLang()">🇫🇷</span>
<div id="lang-panel" class="lang-panel"><a href="coffret_cadeau?lang=fr"><span style="font-size:42px">🇫🇷</span></a> <a href="coffret_cadeau?lang=us"><span style="font-size:42px">🇬🇧</span></a> </div>
</div>
<span class=cur style="font-size:20px" onclick="_inte('panier')">🛒</span> <a title="Nous contacter" href="contact"><span style="font-size:20px">📧</span></a>
</div>
</div>
<input type="checkbox" id="toggle" hidden>
<ul class="menu-mobile">
<li><a href="index">Accueil</a></li>
<li><a href="tarifs-3axe">Boutique</a></li>
<li><a href="aerodrome">Aérodrome</a></li>
<li><a href="//resafly.fr/">Réservation</a></li>
<li><a href="https://resafly.fr/partenaire">Partenaire</a></li>
</ul>
</div> <div class="v60"></div>
<div class="cent center"><h1>Coffret cadeau expérience aérienne</h1>
<h2 style="font-size:100%">Offrez bien plus qu’un simple cadeau : un moment de liberté dans le ciel.
<br> <strong>Baptême de l’air, vol découverte ou initiation</strong>, c’est une première expérience aérienne inoubliable, accessible à tous.</h2>
</div>
<div class="container_div w1920">
<table class="tab cent" style="height:90vh">
<tr>
<td valing="center">
<div class="fd-wrap">
<aside id="fd-col1" class="fd-col1">
<img id="container-img">
<div id="list-wrapper" class="list-wrapper" style="margin-top:-5px">
<ul class="list">
<li class="item"><img class="cur" loading="lazy" width=80 alt="" src="resafly/formule-detail/fly/images/coffret/img_market/img1.jpg"></li>
<li class="item"><img class="cur" loading="lazy" width=80 alt="" src="resafly/formule-detail/fly/images/coffret/img_market/img3.jpg"></li>
<li class="item"><img class="cur" loading="lazy" width=80 alt="" src="resafly/formule-detail/fly/images/coffret/img_market/img4.jpg"></li>
<li class="item"><img class="cur" loading="lazy" width=80 alt="" src="resafly/formule-detail/fly/images/coffret/img_market/img5.jpg"></li>
<li class="item"><img class="cur" loading="lazy" width=80 alt="" src="resafly/formule-detail/fly/images/coffret/img_market/img6.jpg"></li>
<li class="item"><img class="cur" loading="lazy" width=80 alt="" src="resafly/formule-detail/fly/images/coffret/img_market/img7.jpg"></li>
<li class="item"><img class="cur" loading="lazy" width=80 alt="" src="resafly/formule-detail/fly/images/coffret/img_market/img8.jpg"></li>
<li class="item"><img class="cur" loading="lazy" width=80 alt="" src="resafly/formule-detail/fly/images/coffret/img_market/img9.jpg"></li>
<li class="item"><img class="cur" loading="lazy" width=80 alt="" src="resafly/formule-detail/fly/images/coffret/img_market/img10.jpg"></li>
</ul>
<button onclick="handleClick('previous')" class="btslide btslide--previous" type="button">➜</button><button onclick="handleClick('next')" class="btslide btslide--next" type="button">➜</button>
</div>
</aside>
<main class="fd-col2">
<br>Grâce au Pass national <strong>FLY DÉCOUVERTE</strong>, le bénéficiaire choisit son <strong>site d’envol partout en France</strong> et la <strong>durée de son vol (20 à 60 minutes)</strong>.
<br>En <strong>avion léger, autogire ouvert ou pendulaire</strong> selon la disponibilité du site, chaque vol est <strong>encadré par des pilotes agréés</strong> qui partagent leur passion de l’aviation.
<br>
<br>Un <strong>coffret cadeau premium</strong>, valable <strong>12 mois</strong>, expédié <strong>sous 24 h</strong> – idéal pour un anniversaire, Noël ou toute occasion spéciale.
<br>
<br><strong>🌍 Réseau national FLY DÉCOUVERTE</strong> – l’expérience du ciel accessible à tous.
<br><strong>🎁 Bon cadeau PDF envoyé sous 24 h</strong> pour une surprise de dernière minute.
<br><strong>📦 Coffret physique expédié sous 24h</strong>, prêt à offrir.
</main>
</div>
L’activité comprend :
<br>• Briefing sécurité
<br>• Installation en place copilote
<br>• Vol selon la durée choisie
<br>• À l'appréciation du pilote et selon la météo, une prise en main peut être proposée en vol stabilisé.
<br> - La prise de commandes est soumise à la réglementation et réservée aux 14 ans et +.
<br><br>
<style>
.fd-tarifs{display:flex;flex-wrap:wrap;gap:5px;margin-top:18px}
.fd-tarif{flex:0 1 170px;padding:12px 16px;border:1px solid #ddd;border-radius:10px;background:#fff}
.fd-time{font-weight:bold;font-size:1.1rem;margin-bottom:4px}
.fd-price{color:#444}
@media(max-width:480px){.fd-tarif{flex:1 1 100%}}
#cta{ padding:12px 18px; border-radius:14px; border:0; background:#111; color:#fff; font-weight:700}
</style>
<div class="cent center">
<h2><strong>📍 Sites d’envol disponibles</strong></h2>
💖 DUO Astuce : Achetez deux vols et vous volerez en patrouille - ✈️✈️ deux avions volant ensemble, pas l’un après l’autre.
<br>🎧 Selon le terrain et les fréquences radio disponibles, vous pourrez même communiquer entre vous en vol !
</div>
<style>
.colaero{display: flex;flex-wrap:wrap;}
.colaero > * {flex:1 1 400px;padding:5px;margin:5px}
.listeaero{background:#FBF5F4;border:0.5px solid #ccc;font-size:100%;padding:5px;margin:5px}
</style>
<div class=colaero>
<div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/149.php" title="Vol découverte / initiation et infos pratiques – '(01) Aérodrome de Bourg - Ceyzériat (01250)">(01) Aérodrome de Bourg - Ceyzériat 💖</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/170.php" title="Vol découverte / initiation et infos pratiques – '(13) Aix-les-Milles (13100)">(13) Aix-les-Milles</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/167.php" title="Vol découverte / initiation et infos pratiques – '(17) Base Ulm de Corme-Ecluse (17600)">(17) Base Ulm de Corme-Ecluse </a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/184.php" title="Vol découverte / initiation et infos pratiques – '(17) Aérodrome de Pons-Avy (17800)">(17) Aérodrome de Pons-Avy 💖</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/37.php" title="Vol découverte / initiation et infos pratiques – '(30) Aérodrome de Nîmes Courbessac (30000)">(30) Aérodrome de Nîmes Courbessac </a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/71.php" title="Vol découverte / initiation et infos pratiques – '(31) Aérodrome de Toulouse-Lasbordes (31130)">(31) Aérodrome de Toulouse-Lasbordes 💖</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/192.php" title="Vol découverte / initiation et infos pratiques – '(32) Aérodrome Nogaro (32110)">(32) Aérodrome Nogaro 💖</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/130.php" title="Vol découverte / initiation et infos pratiques – '(33) Aérodrome d`Andernos-les-Bains (33510)">(33) Aérodrome d`Andernos-les-Bains</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/6.php" title="Vol découverte / initiation et infos pratiques – '(33) Aérodrome de Libourne - Artigues-de-Lussac (33570)">(33) Aérodrome de Libourne - Artigues-de-Lussac</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/123.php" title="Vol découverte / initiation et infos pratiques – '(34) Aérodrome de Montpellier - Candillargues (34130)">(34) Aérodrome de Montpellier - Candillargues</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/155.php" title="Vol découverte / initiation et infos pratiques – '(38) Aérodrome Grenoble Le Versoud (38420)">(38) Aérodrome Grenoble Le Versoud</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/188.php" title="Vol découverte / initiation et infos pratiques – '(46) Aérodrome de Cahors Lalbenque (46230)">(46) Aérodrome de Cahors Lalbenque</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/78.php" title="Vol découverte / initiation et infos pratiques – '(46) Aérodrome de Figeac Livernon (46320)">(46) Aérodrome de Figeac Livernon </a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/190.php" title="Vol découverte / initiation et infos pratiques – '(49) Aérodrome Cholet le Pontreau (49300)">(49) Aérodrome Cholet le Pontreau</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/126.php" title="Vol découverte / initiation et infos pratiques – '(51) Aérodrome d`Épernay - Plivot (51150)">(51) Aérodrome d`Épernay - Plivot</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/10.php" title="Vol découverte / initiation et infos pratiques – '(51) Aérodrome de Reims - Prunay (51360)">(51) Aérodrome de Reims - Prunay</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/151.php" title="Vol découverte / initiation et infos pratiques – '(54) Aérodrome de Nancy-Essey (54510)">(54) Aérodrome de Nancy-Essey</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/113.php" title="Vol découverte / initiation et infos pratiques – '(54) Aérodrome de Nancy-Essey (54511)">(54) Aérodrome de Nancy-Essey</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/156.php" title="Vol découverte / initiation et infos pratiques – '(59) Aérodrome de Valenciennes-Denain (59121)">(59) Aérodrome de Valenciennes-Denain</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/16.php" title="Vol découverte / initiation et infos pratiques – '(60) Aérodrome Compiègne - Margny (60280)">(60) Aérodrome Compiègne - Margny</a>
</div>
</div>
</div>
</div>
<div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/177.php" title="Vol découverte / initiation et infos pratiques – '(62) Aérodrome Lens-Bénifontaine (62880)">(62) Aérodrome Lens-Bénifontaine</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/158.php" title="Vol découverte / initiation et infos pratiques – '(64) Base ULM de Navarrenx (64150)">(64) Base ULM de Navarrenx</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/96.php" title="Vol découverte / initiation et infos pratiques – '(64) Aérodrome de Escary-Aramits (64570)">(64) Aérodrome de Escary-Aramits</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/98.php" title="Vol découverte / initiation et infos pratiques – '(65) Aérodrome de Luquet (65320)">(65) Aérodrome de Luquet</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/24.php" title="Vol découverte / initiation et infos pratiques – '(74) Aéroport d`Annecy (74370)">(74) Aéroport d`Annecy</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/26.php" title="Vol découverte / initiation et infos pratiques – '(77) Aérodrome de Meaux-Esbly (77450)">(77) Aérodrome de Meaux-Esbly 💖</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/163.php" title="Vol découverte / initiation et infos pratiques – '(78) Base Ulm de Thoiry (78770)">(78) Base Ulm de Thoiry 💖</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/29.php" title="Vol découverte / initiation et infos pratiques – '(81) Base Ulm de La Ramière (81500)">(81) Base Ulm de La Ramière</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/189.php" title="Vol découverte / initiation et infos pratiques – '(82) Aérodrome de Montauban Morin-Védrines (82000)">(82) Aérodrome de Montauban Morin-Védrines</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/186.php" title="Vol découverte / initiation et infos pratiques – '(83) Aéroport du Castellet (83330)">(83) Aéroport du Castellet</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/31.php" title="Vol découverte / initiation et infos pratiques – '(83) Aérodrome de Cuers (83390)">(83) Aérodrome de Cuers</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/141.php" title="Vol découverte / initiation et infos pratiques – '(83) Aérodrome de cuers (83390)">(83) Aérodrome de cuers</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/84.php" title="Vol découverte / initiation et infos pratiques – '(83) Aérodrome de Cuers (83390)">(83) Aérodrome de Cuers</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/73.php" title="Vol découverte / initiation et infos pratiques – '(83) Aérodrome de Vinon sur Verdon (83560)">(83) Aérodrome de Vinon sur Verdon</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/191.php" title="Vol découverte / initiation et infos pratiques – '(85) Aérodrome de La Roche-sur-Yon (85000)">(85) Aérodrome de La Roche-sur-Yon</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/166.php" title="Vol découverte / initiation et infos pratiques – '(85) Aérodrome des Sables-d’Olonne (85180)">(85) Aérodrome des Sables-d’Olonne</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/193.php" title="Vol découverte / initiation et infos pratiques – '(85) Aérodrome La Tranche-sur-Mer (85360)">(85) Aérodrome La Tranche-sur-Mer</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/137.php" title="Vol découverte / initiation et infos pratiques – '(86) Aérodrome Saint-Secondin (86350)">(86) Aérodrome Saint-Secondin</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/33.php" title="Vol découverte / initiation et infos pratiques – '(88) Aérodrome d`Epinal Dogneville (88000)">(88) Aérodrome d`Epinal Dogneville 💖</a>
</div>
</div>
</div>
<div class="cent left">
<div class=listeaero>
<div>
<a href="detail_aerodrome/171.php" title="Vol découverte / initiation et infos pratiques – '(95) Aérodrome de Cergy Pontoise (95830)">(95) Aérodrome de Cergy Pontoise 💖</a>
</div>
</div>
</div>
</div>
</div>
<div class="cent left">
<br>
</div>
<div class="container_div w900 center" style="padding:10px">
<h2>Durées et tarifs</h2>
<div class="fd-tarifs">
<div class="fd-tarif">
<div class="fd-time">20 minutes</div>
<div class="fd-price">Prix TTC : <b>149,00 €</b></div>
<div class="v10"></div>
<button id="cta" class="cur" onclick="_achat(3)">Ajouter 🛒</button>
</div>
<div class="fd-tarif">
<div class="fd-time">30 minutes</div>
<div class="fd-price">Prix TTC : <b>199,00 €</b></div>
<div class="v10"></div>
<button id="cta" class="cur" onclick="_achat(5)">Ajouter 🛒</button>
</div>
<div class="fd-tarif">
<div class="fd-time">40 minutes</div>
<div class="fd-price">Prix TTC : <b>269,00 €</b></div>
<div class="v10"></div>
<button id="cta" class="cur" onclick="_achat(7)">Ajouter 🛒</button>
</div>
<div class="fd-tarif">
<div class="fd-time">50 minutes</div>
<div class="fd-price">Prix TTC : <b>329,00 €</b></div>
<div class="v10"></div>
<button id="cta" class="cur" onclick="_achat(9)">Ajouter 🛒</button>
</div>
<div class="fd-tarif">
<div class="fd-time">60 minutes</div>
<div class="fd-price">Prix TTC : <b>379,00 €</b></div>
<div class="v10"></div>
<button id="cta" class="cur" onclick="_achat(11)">Ajouter 🛒</button>
</div>
</div>
<br>
<style>
a{color:var(--primary);text-decoration:none}
img{max-width:100%;height:auto;display:block}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.pad{padding:22px}
.muted{color:var(--muted)}
.grid{display:grid;gap:18px}
@media (max-width:960px){.hero{grid-template-columns:1fr}.grid.cols-2{grid-template-columns:1fr}.grid.cols-3{grid-template-columns:1fr 1fr}}
</style>
<main class="wrap left" aria-label="Contenu principal">
<div class=colaero>
<div>
<!-- Contenu du coffret -->
<section class="card pad" style="margin-top:22px">
<h2 style="margin:0 0 10px">Dans le coffret</h2>
<ul>
<li><strong>Bon cadeau PDF</strong><br><span class="muted">Reçu dans l’heure pour offrir tout de suite.</span></li>
<li><strong>Coffret premium</strong><br><span class="muted">Boîte élégante + carte PVC à code unique.</span></li>
<li><strong>Guide de vol</strong><br><span class="muted">Infos pratiques, sécurité, accès aérienne.</span></li>
</ul>
</section>
</div>
<div>
<!-- Livraison & garanties -->
<section class="grid cols-22" style="margin-top:22px">
<div class="card pad">
<h2 style="margin:0 0 6px">Assurances & garanties</h2>
<ul>
<li>Vol encadré par des <strong>pilotes déclarés</strong> et assurés</li>
<li><strong>Météo défavorable ?</strong> Report gratuit</li>
<li><strong>Impossible d’exécuter ?</strong> Remboursement selon CGV</li>
</ul>
</div>
</section>
</div>
</div>
<section class="card pad" style="margin-top:22px">
<h2 style="margin:0 0 8px">Pourquoi FLY DÉCOUVERTE®</h2>
<div class=colaero>
<div>
<div>✅ Marque déposée INPI®</div>
<div>✅ Réseau national en croissance</div>
<div>✅ Service client humain</div>
</div>
<div>
<div>✅ Paiement sécurisé</div>
<div>✅ Médiation consommateur (CNPM)</div>
<div class="tic">✅ Coffret cadeau fabriqué en Europe 🇪🇺</div>
</div>
</div>
</section>
</div>
<!-- Place ceci où tu veux ton bouton -->
<div class="cent center">
<a href="faq" class="fd-btn-faq" aria-label="Voir la FAQ FLY DÉCOUVERTE">
<!-- Icône question en SVG -->
<svg class="fd-ico" viewbox="0 0 24 24" aria-hidden="true">
<path d="M12 2a10 10 0 1 0 .001 20.001A10 10 0 0 0 12 2Zm0 15.25a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5Zm1.1-9.6c1.66 0 2.9 1.07 2.9 2.63 0 1.33-.69 2.05-1.73 2.66-.87.5-1.12.82-1.12 1.61v.18h-1.9v-.28c0-1.5.55-2.15 1.72-2.82.78-.45 1.11-.84 1.11-1.38 0-.62-.5-1.03-1.25-1.03-.88 0-1.54.5-1.78 1.37l-1.83-.54C9.6 6.63 10.9 5.65 13.1 5.65Z"/>
</svg>
<span>FAQ</span>
</a>
</div>
<!-- CSS (à coller une seule fois, par ex. dans ton CSS global) -->
<style>
/* ==== FLY DÉCOUVERTE – FAQ Button ==== */
:root{
--fd-faq-bg: #1E88E5; /* bleu FD ? adapte si besoin */
--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>
</td>
</tr>
</table>
</div>
<script>
// met à jour le prix quand on change de durée
document.getElementById('durs').addEventListener('change', (e)=>{
const r = e.target.closest('input[type="radio"]');
if(!r) return;
document.getElementById('price').textContent = r.dataset.price;
// tu peux aussi mettre à jour un champ caché pour le panier ici
});
(function(){
const listWrapper = document.getElementById('list-wrapper');
function setListWidth(){
const vw = window.innerWidth || document.documentElement.clientWidth;
if (vw < 600 && listWrapper){
const w = Math.max(240, vw - 50);
listWrapper.style.width = w + 'px';
} else if (listWrapper){
listWrapper.style.width = '';
}
}
let t;
function onResize(){
clearTimeout(t);
t = setTimeout(() => { setListWidth(); syncThumbToMain(); }, 20);
}
window.addEventListener('load', () => { setListWidth();});
window.addEventListener('resize', onResize);
})();
const list = document.querySelector(".list");
function itemW(){
const first = list?.querySelector(".item");
return first ? first.getBoundingClientRect().width : 120; // fallback
}
function handleClick(direction){
const dx = direction === "previous" ? -itemW() : itemW();
list?.scrollBy({ left: dx, behavior: "smooth" });
}
</script>
<script>
document.addEventListener('DOMContentLoaded', () => {
const main = document.getElementById('container-img');
const list = document.querySelector('.list');
if (!main || !list) return;
function selectFromImg(img) {
const newSrc = img.getAttribute('data-large') || img.src;
if (main.src !== newSrc) {
// précharge vite fait pour éviter un flash
const pre = new Image();
pre.onload = () => { main.src = newSrc; };
pre.src = newSrc;
main.alt = img.alt || '';
// état actif
list.querySelectorAll('.item.is-active').forEach(li => li.classList.remove('is-active'));
const li = img.closest('.item');
if (li) li.classList.add('is-active');
}
}
// Clic souris / touch
list.addEventListener('click', (e) => {
const img = e.target.closest('img');
if (img) selectFromImg(img);
});
// Accessibilité clavier (Enter/Space sur la vignette)
list.addEventListener('keydown', (e) => {
if ((e.key === 'Enter' || e.key === ' ') && e.target.tagName === 'IMG') {
e.preventDefault();
selectFromImg(e.target);
}
});
// Rendre les vignettes focusables
list.querySelectorAll('img').forEach(img => img.setAttribute('tabindex', '0'));
});
</script>
<script>
document.addEventListener("DOMContentLoaded", () => {const list = document.querySelector(".list");const item = document.querySelector(".item");if (list && item) {const itemWidth = item.offsetWidth;window.handleClick = function(direction) {if (direction === "previous") {list.scrollBy({ left: -itemWidth, behavior: "smooth" });} else {list.scrollBy({ left: itemWidth, behavior: "smooth" });}};} else {console.log("Pas de liste détectée ici, on ne fait rien.");}});
</script>
<style>
.machine-type {display: flex;flex-wrap: wrap;justify-content: center;gap: 10px}
.label-type {cursor: pointer;background: #f0f0f0;padding: 10px;border: 1px solid #aaa;display: inline-block;font-weight: bold;width:100%;text-align:center}
#scrollTopBtn {position: fixed;bottom: 20px;right: 20px;font-size: 24px;background: #fff;border: 1px solid #ccc;border-radius: 50%;padding: 10px;cursor: pointer;z-index: 9999;display: none;box-shadow: 0 2px 6px rgba(0,0,0,0.2)}
#footer {background: #000;color: #fff;padding: 40px 20px;font-size: 14px}
#footerContenu {display: flex;flex-wrap: wrap;justify-content: space-between;max-width: 1920px;margin: auto}
#footerContenu .col {flex: 1 1 180px;margin: 10px}
#footerContenu ul {list-style: none;padding: 0;margin: 0}
#footerContenu a {color: #fff;text-decoration: none}
#footerContenu a:hover {text-decoration: underline}
@media screen and (max-width: 768px) {#footerContenu {flex-direction: column;align-items: center;text-align: center}
#footerContenu .col {margin-bottom: 20px}}
@media (max-width: 768px) {#qrcode{display: none;}}
</style>
<div id="footer" style="font-size:14px">
<div id="footerContenu">
<div class="col">
<img id=logo3 src="resafly/formule-detail/fly/images/fly-logo-335" alt="logo commercial de FLY-Découverte" width=223 height=101 loading=lazy>
<div class="cent center">
<div class=v10></div>Adhérent sympathisant FFPLUM<br>
<img src="resafly/images/logo/logo-ffplum" alt="Federation francaise ULM" width=223 loading=lazy>
</div>
</div>
<div class="col">
<ul>
<!--<li><a class=white href="index">Accueil</a></li>
<li><a class=white href="tarifs-3axe">Boutique</a></li>
<li><a class=white href="aerodrome">Aérodrome</a></li>-->
<li><a class=white href="contact">Contact</a></li>
<li><a class=white href="bon_cadeau">Bon cadeau</a></li>
<li><a class=white href="apropos">A propos...</a></li>
<li><a class=white href="plan_du_site">Plan du site</a></li>
<li><a class=white href="faq">FAQ</a></li>
</ul>
</div>
<div class="col">
<ul>
<li><a class=white href="programme">Programme</a></li>
<li><a class=white href="cgv">CGV</a></li>
<li><a class=white href="legal">Légal</a></li>
<li><a class=white href="resafly/">Réservation</a></li>
<li><a class=white href="resafly/partenaire">Partenaire</a></li>
<li><a class=white href="resafly/adminresa">Connéxion</a></li>
</ul>
</div>
<div class="col">
<div class='cent center'>Service client :
<br>Ouverture du lundi au samedi de 15h00 à 18h30
<br>
<div style="display: flex; align-items: center; gap: 10px; margin-bottom: 8px;">
<a href="tel:+33422470039" target="_blank"><span style="font-size: 20px;">☎</span></a>
<span>04 22 47 00 39</span>
</div>
<div style="display: flex; align-items: center; gap: 10px;">
<a href="https://api.whatsapp.com/send?phone=33624350015" target="_blank">
<img src="resafly/images/whatsapp" alt="nous contacter par WhatsApp"
style="width: 20px; height: 20px; object-fit: contain;" loading="lazy"></a>
<span style="color: #fff;">06 24 35 00 15</span>
</div>
</div>
<div><a class=white href="resafly/formule-detail/fly/images/contact.vcf" download title="Ajouter FLY-Découverte à mes contacts" aria-label="Ajouter FLY-Découverte à mes contacts"><span style="font-size:20px">📇</span> Ajouter à mes contacts</a></div>
</div>
<div class="col" id=qrcode>
<!-- Bloc PC : QR Code -->
<div class="qr-desktop">
<img loading="lazy" src="resafly/formule-detail/fly/images/qr" alt="QR Code société FLY-Decouverte" style="width:130px;height:130px;">
</div>
</div>
</div>
<div style="margin-top:5px;text-align:center;font-family:sans-serif;font-size:9px">
© FLY DECOUVERTE® - Marque déposée n° 5188340 - Hébergement & optimisation Miadm - France 🇫🇷
</div>
</div>
<div id="scrollTopBtn" onclick="window.scrollTo({ top: 0, behavior: 'smooth' })">🔝</div>
<script>
window.addEventListener("scroll", function() {const btn = document.getElementById("scrollTopBtn");btn.style.display = (window.scrollY > 300) ? "block" : "none";});
function toggleLang(){const panel = document.getElementById('lang-panel');panel.style.display = (panel.style.display === 'flex') ? 'none' : 'flex';}
function _inte(page) {window.location.href = page}
function selectTab(index, inputId) {document.getElementById(inputId).checked = true;const contents = document.querySelectorAll('.tab-content');contents.forEach((el, i) => {el.classList.toggle('active', i === index);});
const tabs = document.querySelectorAll('.label_onglets');tabs.forEach((el, i) => {el.classList.toggle('active', i === index);});}
function toggleAero() {const content = document.getElementById("content_aero");content.style.display = (content.style.display === "block") ? "none" : "block";}
</script>
<script>
function _achat(id) {fetch('panier?action=ajout&idvol=' + id) .then(() => window.location.href = 'panier');}
</script>
<script>
let lastScrollTop = 0;
const header = document.querySelector(".header");
window.addEventListener("scroll", () => {
const scrollTop = window.scrollY || document.documentElement.scrollTop;
if (scrollTop > lastScrollTop && scrollTop > 50) {
// Scroll vers le bas
header.style.transform = "translateY(-100%)";
} else {
// Scroll vers le haut
header.style.transform = "translateY(0)";
}
lastScrollTop = scrollTop <= 0 ? 0 : scrollTop; // pour éviter négatif
});
</script> </body>
</html>
