<div class="npyTopMsg"> <a href="https://www.n-py.com/fr/grand-tourmalet/info-pistes-noel-2020"><b>Domaine skiable fermé:</b> Consulter toutes les infos relatives aux conditions d'accès sur le domaine non sécurisé<img src="https://redmine.n-py.com/Test/Adelya/Temp/img/fleche-lien-white.png" alt=""></a> </div> <!--<h2>Dispositif spécial vacances de Noël 2020</h2> <p>Le domaine skiable est actuellement fermé, le plan classique des pistes n'est donc pas d'actualité jusqu'à l'annonce officielle de réouverture. Consultez ci-dessous le plan des espaces sécurisés par le domaine skiable pour les vacances de Noël, par versant.</p> <p>A noter que conformément aux annonces du gouvernement, toutes les remontées mécaniques et pistes de ski sont temporairement fermées.</p> --> <div class="npy_PlanSelectWrapper"> <!-- <div class="npy_planSelect npy_selected" data-plan="npyBareges" >Espaces sécurisés à Barèges</div> <div class="npy_planSelect" data-plan="npyMongie" >Espaces sécurisés à La Mongie</div>--> <div class="npy_planSelect" data-plan="npyMain" >Plan des pistes</div> </div> <div class="npy_plan" id="npyMain"> <iframe class="npy_iframe_plans" height="600px" frameborder="0" allowfullscreen="" webkitallowfullscreen="" mozallowfullscreen="" src="https://live.lumiplan.pro/live.php?resort=grandtourmalet&module=ouvertures">Plan des pistes</iframe> </div> <!-- <div class="npy_plan" id="npyBareges"> <a href="https://www.n-py.com/sites/n-py/files/commons/2020-2021/Hiver/station/Tourmalet/plan-temp-bareges.jpg"> <img alt="Pistes ouvertes - vacances de Noel - Bareges" src="https://www.n-py.com/sites/n-py/files/commons/2020-2021/Hiver/station/Tourmalet/plan-temp-bareges.jpg" /> </a> </div>--> <!-- <div class="npy_plan" id="npyMongie"> <a href="https://www.n-py.com/sites/n-py/files/commons/2020-2021/Hiver/station/Tourmalet/plan-temp-mongie.jpg"> <img alt="Pistes ouvertes - vacances de Noel - Mongie" src="https://www.n-py.com/sites/n-py/files/commons/2020-2021/Hiver/station/Tourmalet/plan-temp-mongie.jpg" /> </a> </div>--> <style type="text/css"> .npyTopMsg { background-color: #eb4e6c; display: inline-block; color: #fff; padding: 15px; border-radius: 5px; } .npyTopMsg:hover { background-color: #003d7b; cursor:pointer; } .npyTopMsg img{ margin-left:10px; } .npy_planSelect{ display:inline-block; text-transform:uppercase; color:#003d7b; padding:10px 0px; margin:10px; font-weight:900; border-bottom:3px solid transparent; } .npy_selected{ color:#eb4e6c; } .npy_planSelect:hover{ cursor:pointer; color:#eb4e6c; border-bottom:3px solid #eb4e6c; } .npy_plan{ min-height: 600px; width:90%; margin:auto; } /* #npyMain,#npyBareges,#npyMongie{ display:none; } */ #content-main{ background:#fff!important; color:#003d7b; } @media screen and (max-width: 920px){ .npy_planSelect{ display:block; } </style> <script type="text/javascript"> document.getElementById('npyBareges').style.display="block"; const npySwitchs = Array.from(document.querySelectorAll('.npy_planSelect')); const npyLists = Array.from(document.querySelectorAll('.npy_plan')); npySwitchs.forEach(e => e.addEventListener('click',function(){ for ( i = 0; i < npySwitchs.length; i++) { npySwitchs[i].classList.remove('npy_selected'); npyLists[i].style.display='none'; } this.classList.add('npy_selected'); let chosenCat=this.dataset.plan; document.getElementById(chosenCat).style.display="block"; })); </script>