<!DOCTYPE html>
<html dir="ltr" lang="fr-FR">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta name="author" content="SemiColonWeb">
<link rel="icon" type="image/png" href="favicon.png">
<title>Domaine Escary Aramits : Restauration, baptême de l'air | Escary Pyrénée Découverte</title>
<meta name="description" content="Sur un domaine de 11Ha à Aramits, notre site offre plusieurs espaces: restauration, séminaire, mariage, practice de golf, école de pilotage. Calme et sérénité.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>*,html{margin:0;padding:0}body,html{margin:0;padding:0;width:100%;height:100%}body{font-size:125%;font-family:'Geosanslight','calibri','Open Sans','zapf chancery','segoe ui','segoe ui light';color:#000;font-style:normal;font-variant:normal;font-weight:200;outline:0;line-height:1.3}a{white-space:nowrap;color:#fff;text-decoration:none;-webkit-transition:color 0.15s ease-out;-moz-transition:color 0.15s ease-out}a:hover{color:#ccc}.cur{cursor:pointer}.img100{width:100%;height:100%}.v5{width:100%;height:5px}.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}.cent{display:table;width:100%}.center{text-align:center}.left{text-align:left}.right{text-align:right}.floatleft{float:left}.floatright{float:right}.bulle-red{float:left;width:20px;padding:3px 8px 3px 8px;background:#F52948;border-radius:25px;text-align:center;color:#fff;font-weight:bold}#haut{width:100%;height:65px}#minilogo{display:block;position:fixed;top:0;z-index:9999}.visible{display:none}#haut{width:100%;height:40px}#supmenu{display:table;width:100%;background:#343645;position:fixed;top:0;z-index:9997}#menu{display:table;width:100%;max-width:1600px;margin-left:auto;margin-right:auto}.navmenu{float:center;overflow:hidden}.navmenu a{float:left;display:block;color:#fff;text-align:center;padding:10px;text-decoration:none}.navmenu a:hover{background-color:#ccc;color:black}.navmenu .icon{display:none}#nav-menu{float:right;width:580px}@media screen and (max-width:850px){#haut{width:100%;height:45%}.navmenu{background:#343645}.navmenu a:not(:first-child){display:none;}.navmenu a.icon{float:right;display:block}.navmenu.responsive a{float:none;display:block;text-align:left}.navmenu{width:100%;padding:0px;position:fixed;top:0;z-index:9998}#nav-menu{width:100%}.visible{display:block}}.container{display:cell;max-width:calc(100% - 20px);margin-left:auto;margin-right:auto}.container1290{display:cell;max-width:1290px;width:calc(100% - 20px);margin-left:auto;margin-right:auto}.container1200{max-width:1200px;width:calc(100% - 30px);margin:0 auto;display:flex;flex-wrap:wrap;gap:15px}.container1024{display:cell;max-width:1024px;width:100%;margin-left:auto;margin-right:auto}.container600{display:cell;max-width:600px;width:100%;margin-left:auto;margin-right:auto}.container300{display:cell;max-width:300px;width:100%;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}.content{display:flex;align-items:center;justify-content:center;height:100%;font-family:sans-serif;font-size:64px;font-weight:bold}.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}.vignette{display:flex;flex-wrap:wrap;text-align:center}.vignette>*{flex:1 1 400px}@media (hover:hover){.vignette .tile:hover img{transform:scale(1.06);}}.vignette .tile:focus-within img{transform:scale(1.06);}.vignette .tile:hover{box-shadow:0 8px 28px rgba(0,0,0,.12)}.img-full{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;}</style>
<link rel=canonical href="https://restaurant-aramits.fr/">
<style>
.carousel{position:relative;overflow:hidden;touch-action:pan-y}
.track{display:flex;gap:0;overflow:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.track::-webkit-scrollbar{display:none}
.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}
@keyframes ken{from{transform:translate(0,0) scale(1)}to{transform:translate(var(--tx,0),var(--ty,0)) scale(var(--s,1.12))}}
@media (prefers-reduced-motion:reduce){.slide.animate img{animation:none!important}}
.dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:8px;z-index:5}
.dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.6);border:0}
.dot[aria-current=true]{background:#fff}
.navcareousel{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.45);color:#fff;border:0;width:42px;height:42px;border-radius:10px;cursor:pointer;z-index:5}
.navcareousel:focus-visible{outline:2px solid #fff}
.prev{left:8px}.next{right:8px}
.navcareousel:active{transform:translateY(-50%) scale(.98)}
.carousel:hover .navcareousel{background:rgba(0,0,0,.6)}
/* Sections generiques */
h2{font-size:clamp(22px, 3vw, 34px); margin:0 0 10px}
/* Accessibilite & preferences motion */
@media (prefers-reduced-motion:reduce) {html{scroll-behavior:auto}.track{scroll-behavior:auto}}
.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;}
@keyframes ken{from{ transform: translate(0,0) scale(1); }to { transform: translate(var(--tx,0), var(--ty,0)) scale(var(--s,1.12)); }}
@media (prefers-reduced-motion: reduce){.slide.animate img{ animation:none !important; }}
.slide{ position:relative; overflow:hidden; }
.slide .cap{position:absolute; left:4vw; top:30%;max-width:min(56ch, 92%);color:#fff; text-wrap:balance;padding:.6em .8em;border-radius:.6em;background: linear-gradient(90deg, rgba(0,0,0,.55), rgba(0,0,0,.25), transparent);backdrop-filter: blur(2px)}
.slide .cap h3{margin:0 0 .2em; font-weight:800; line-height:1.05;font-size:clamp(18px, 3.4vw, 40px)}
.slide .cap p{margin:0; line-height:1.25;font-size:clamp(13px, 1.8vw, 18px);opacity:.95}
@media (max-width:420px){.slide .cap p{ display:none; }}
</style>
</head>
<body>
<header>
<section id="navmenu">
<div id="supmenu">
<div id="menu">
<div id="minilogo" class="cur" onclick="_inte('index')">
<object id="svgMap" data="images/logo/logo_escary_decouverte.svg?maj=-5" type="image/svg+xml" title="logo petit escary pyrenees decouverte" aria-label="logo petit escary pyrenees decouverte" style="height:245px;height:50px;display:block;">
Votre navigateur ne prend pas en charge les images vectorielles (SVG).
</object>
</div>
<div id="nav-menu">
<div class="navmenu" id="mynav">
<div class="visible"><a title="Page accueil du site : Centre de loisirs de Escary Pyrénées Découverte" href="index">-</a></div>
<a title="" href="index">Accueil</a>
<a title="" href="restaurant">Restauration</a>
<a title="" href="vol_decouverte">Vol découverte</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()" role="button" aria-label="Description de l'action">☰</a>
</div>
</div>
</div>
</div>
</section>
</header>
<main>
<div class="v50"></div>
<!-- ====== HTML CARROUSEL ====== -->
<div id="accueil" class="carousel" data-autoplay="5000" aria-label="Galerie">
<div class="track" id="track">
<figure class="slide" style="--s:1.12;--tx:-2%;--ty:-2%;--dur:9s;--origin:55% 55%">
<div style="height:calc(100vh - 35px); overflow:hidden;">
<img src="images/bandeau?v=-5"
alt="bandeau de présentation"
style="width:100%; height:100%; object-fit:cover; display:block;" fetchpriority=high>
</div>
<figcaption class="cap">
<h2>Centre de loisirs de Escary Pyrénées Découverte</h2>
<p>Restaurant, expérience aérienne, practice de golf...</p>
</figcaption>
</figure>
<figure class="slide" style="--s:1.12;--tx:-2%;--ty:-2%;--dur:9s;--origin:55% 55%">
<div style="height:calc(100vh - 35px); overflow:hidden;">
<img loading="lazy" src="images/pyrenees?v=-5"
alt="vue imprenable sur les pyrenees"
style="width:100%; height:100%; object-fit:cover; display:block;">
</div>
<figcaption class="cap">
<h2>Vue imprenable sur les pyrénées</h2>
<p></p>
</figcaption>
</figure>
</div>
<!-- les puces et flèches sont auto-générées si absentes -->
</div>
<!-- Diaporama -->
<div id="band3" class="list-wrapper" style="margin-top:-5px">
<ul class="list">
</ul>
<!-- <button onclick="handleClick('previous')" class="btslide btslide--previous" type="button">➜</button><button onclick="handleClick('next')" class="btslide btslide--next" type="button">➜</button> -->
</div>
<div class="container1290">
<div class="cent center">
<h1>Domaine Escary Aramits : Restauration, baptême de l'air </h1>
</div>
<div class="v20"></div>
<h2 class="center">Le baptême de l’air</h2>
Le baptême de l’air vous fait découvrir les panoramas d’une région en altitude, alors que vous êtes passager à bord. Avec un cockpit ouvert ou fermé, un instructeur pour un passager, l’exploration, la visite de lieux connus ou nouveaux vus du ciel sous un angle inhabituel.
<div class="v20"></div>
<h2 class="center">Survoler les paysages la tête dans les nuages</h2>
Un baptême de l'air en ulm, en gyrocopter, c'est observer la nature et les monuments sous un nouveau jour. C'est une sensation nouvelle, même si vous avez déjà voyagé en avion de ligne. C'est un cadeau de choix pour les aventuriers, pour les potes ou tout simplement pour tous ceux qui aiment la nature.<br>Vous survolerez la région : ouvrez grand les yeux et n’hésitez pas à capturer de belles images avec votre appareil photo !
<div class="v20"></div>
</div>
<div class="vignette">
<div class="tile">
<figure class="slide" style="--s:1.12;--tx:-2%;--ty:-2%;--dur:9s;--origin:55% 55%">
<div style="overflow:hidden;">
<img class="img-full" loading="lazy" src="images/vignette/vol_apartir?v=-5"
alt="tarif a partir de 90 euros le vol decouverte en gyrocoptere">
</div>
<figcaption class="cap">
<h2>Vol à partir de : 90 euros</h2>
<p>Vol en gyrocoptère Eclispe bi-place</p>
</figcaption>
</figure>
</div>
<div class="tile">
<figure class="slide" style="--s:1.12;--tx:-2%;--ty:-2%;--dur:9s;--origin:55% 55%">
<div style="overflow:hidden;">
<img class="img-full" loading="lazy" src="images/vignette/escary_aramits?v=-5"
alt="numero de telephone du domaine centre de loisirs de escary pyrenees decouverte">
</div>
<figcaption class="cap">
<h2>06 72 83 55 34</h2>
<p>Centre de loisirs de Escary Pyrénées Découverte</p>
</figcaption>
</figure>
</div>
</div>
<div class="v20"></div>
<div class="container">
<h2 class="center">Restauration traditionnelle & végétarienne </h2>
Niché au cœur des <strong>majestueuses Pyrénées</strong>, notre restaurant vous offre une <strong>expérience gastronomique inoubliable</strong>, alliant une <strong>vue imprenable</strong> à une <strong>cuisine traditionnelle de qualité</strong>. Avec une capacité d'accueil de <strong>40 personnes</strong>, notre espace <b>climatisé</b> garantit un confort optimal pour vos repas, qu'il s'agisse d'un déjeuner en famille, d'un dîner romantique ou d'une célébration entre amis..</div>
<div class="v20"></div>
<img class="img-full" loading="lazy" src="images/vignette/menu_apartir?v=-5" alt="menu a partir de 17 eur reservation 06 58 33 76 75">
</main>
<footer class="footer">
<div class="footer-wrap">
<div class="footer-col"><strong>Suivez-nous</strong><table style="width:100px"><tr><td><a href="https://www.facebook.com/share/1RscC2JAoi/?mibextid=wwXIfr" target="_blank" rel="noopener"><img title="Suivre Escary Pyrenee découverte sur Facebook" alt="suivre escary Pyrenee decouverte sur facebook" src="images/logo/facebook" style="width:32px;height:32px"></a></td><td><a href="https://www.tripadvisor.com/Attraction_Review-g1727348-d12159434-Reviews-ESCARY_Decouverte-Aramits_Bearn_Bearn_Basque_Country_Pyrenees_Atlantiques_Nouve.html" target="_blank" rel="noopener"><img title="Suivre Escary Pyrenee découverte sur Tripadvisor" alt="suivre escary Pyrenee decouverte sur tripadvisor" src="images/logo/tripadvisor" style="width:32px;height:32px"></a></td></tr></table></div>
<div class="footer-col"><strong>Informations</strong><a href="legal">⚖️ Mentions légales</a><a href="contact">📧 Contact</a></div>
<div class="footer-col"><strong>Adresse</strong><b>ESCARY PYRENEES DECOUVERTE</b><br>524 Chemin Escary 64570 Aramits<br><a href="tel:+330672835534">📞 : 06 72 83 55 34</a><a href="https://maps.app.goo.gl/SmPR3AAKmNNhphr4A" target="_blank">📍 Google Map</a></div>
</div>
<div class="cent center" style="margin-top:15px;text-align:center;"><div style="display:inline-block;padding:4px 7px;border-radius:20px;background:#EFEFEF;color:#555;font-size:12px;box-shadow:0 0 5px rgba(0,0,0,0.3);">💯 Site optimisé :<strong><a title="Consulter le site de FLY-Découverte">FLY-Découverte</a></strong></div></div>
</footer>
<style>.footer{background:#0f172a;color:#fff;padding:20px 0;font-family:system-ui, sans-serif;}.footer-wrap {max-width:1200px;margin:auto;width:calc(100% - 30px);display:flex;flex-wrap:wrap;gap:20px;}.footer-col {flex:1;min-width:150px;display:flex;flex-direction:column;}.footer strong {margin-bottom:8px;font-size:14px;}.footer a {color:#cbd5e1;font-size:14px;text-decoration:none;margin:4px 0;}.footer a:hover {color:#38bdf8;}@media(max-width:500px){.footer-wrap {flex-direction:column;}}</style>
<script>
function myFunction(){var x = document.getElementById("mynav");if (x.className === "navmenu") {x.className += " responsive";} else {x.className = "navmenu";}}
function _exte(site){window.open(site);}function _inte(page){window.location.href = page;}
</script> <script>
(()=>{'use strict';
const $=s=>document.querySelector(s),$$=s=>document.querySelectorAll(s);
function makeCarousel(root){
const track = root.querySelector('.track');
if(!track) return;
const slides = [...track.querySelectorAll('.slide')];
if(!slides.length) return;
// arrows
let prev = root.querySelector('.prev'), next = root.querySelector('.next');
if(!prev){ prev=document.createElement('button'); prev.className='navcareousel prev'; prev.setAttribute('aria-label','Précédent'); prev.textContent='‹'; root.appendChild(prev); }
if(!next){ next=document.createElement('button'); next.className='navcareousel next'; next.setAttribute('aria-label','Suivant'); next.textContent='›'; root.appendChild(next); }
// dots
let dotsWrap = root.querySelector('.dots');
if(!dotsWrap){ dotsWrap=document.createElement('div'); dotsWrap.className='dots'; dotsWrap.setAttribute('aria-hidden','true'); root.appendChild(dotsWrap); }
dotsWrap.innerHTML = slides.map((_,i)=>`<button class="dot" data-i="${i}" ${i?'' : 'aria-current="true"'}></button>`).join('');
const dots = [...dotsWrap.querySelectorAll('.dot')];
// état
let idx=0, timer=null, autoplay = parseInt(root.dataset.autoplay||'0',10) || 0;
const setActive = i=>{
idx=(i+slides.length)%slides.length;
slides.forEach((s,k)=>s.classList.toggle('animate',k===idx));
dots.forEach((d,k)=>d.setAttribute('aria-current',k===idx?'true':'false'));
};
// 🔒 Ne fais plus scrollIntoView (qui peut scroller la page).
// On scrolle HORIZONTALEMENT la piste uniquement.
const go = i=>{
setActive(i);
const target = slides[idx];
const left = target.offsetLeft; // la piste est le conteneur scrollable
track.scrollTo({left, behavior:'smooth'});
};
const stop = ()=>{ if(timer){ clearInterval(timer); timer=null; } };
const play = ()=>{ if(!autoplay) return; stop(); timer=setInterval(()=>go(idx+1),autoplay); };
// IO
if('IntersectionObserver' in window){
const io = new IntersectionObserver(es=>{
es.forEach(e=>{
if(e.isIntersecting){
const i=slides.indexOf(e.target);
setActive(i);
}
});
},{root:track,threshold:.6});
slides.forEach(s=>io.observe(s));
}
// events
prev.addEventListener('click', ()=>go(idx-1));
next.addEventListener('click', ()=>go(idx+1));
dots.forEach((d,i)=>d.addEventListener('click', ()=>go(i)));
track.addEventListener('pointerenter', stop);
track.addEventListener('pointerleave', play);
track.addEventListener('focusin', stop);
track.addEventListener('focusout', play);
// clavier
root.tabIndex=0;
root.addEventListener('keydown', e=>{
if(e.key==='ArrowRight') go(idx+1);
else if(e.key==='ArrowLeft') go(idx-1);
});
// pause onglet caché
document.addEventListener('visibilitychange', ()=>{ document.hidden?stop():play(); });
// 🚫 Évite les démarrages multiples + les jumps liés au hash
let started=false;
const start=()=>{ if(started) return; started=true; setActive(0); play(); };
// Empêche la restauration auto qui peut surprendre sur pageshow/hash
if('scrollRestoration' in history){ history.scrollRestoration='manual'; }
const safeStart=()=>{
const y = window.scrollY; // garde la position de la page
if(location.hash){
// diffère très légèrement puis RESTAURE la position
requestAnimationFrame(()=>requestAnimationFrame(()=>{
start();
// ce setTimeout 0 garantit la restauration après layout
setTimeout(()=>window.scrollTo(0,y),0);
}));
}else{
start();
}
};
if(document.readyState==='complete') safeStart();
else window.addEventListener('load', safeStart);
// Si ton site utilise beaucoup le BFCache, garde-le mais on garde le garde-fou "started"
window.addEventListener('pageshow', safeStart);
return {go,play,stop};
}
// La molette sur le carrousel doit scroller la PAGE (pas la piste)
track.addEventListener('wheel', (e) => {
if (e.deltaY !== 0) {
e.preventDefault(); // empêche le scroll horizontal du track
window.scrollBy({ top: e.deltaY }); // transfère à la page
}
}, { passive: false });
let startX=0, startY=0;
track.addEventListener('touchstart', (e)=>{
const t=e.touches[0]; startX=t.clientX; startY=t.clientY;
}, {passive:true});
track.addEventListener('touchmove', (e)=>{
const t=e.touches[0];
const dx=t.clientX - startX, dy=t.clientY - startY;
if (Math.abs(dy) > Math.abs(dx)) { // geste plutôt vertical
e.preventDefault();
window.scrollBy({ top: -dy }); // fait défiler la page
}
}, {passive:false});
let animLock = false;
const go = i => {
if (animLock) return;
setActive(i);
const left = slides[idx].offsetLeft;
animLock = true;
track.style.pointerEvents = 'none'; // laisse passer la molette à la page
track.scrollTo({ left, behavior: 'smooth' });
setTimeout(() => {
track.style.pointerEvents = '';
animLock = false;
}, 450); // durée approx. de ton smooth
};
/* init */
$$('.carousel').forEach(makeCarousel);
})();
</script>
</body>
</html>
