<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>Domaine skiable fermé</h2> <p>Conformément aux annonces du gouvernement, toutes les remontées mécaniques et pistes de ski sont fermées, merci de votre compréhension.</p> <div class="npy_plan" id="npyMain"> <iframe class="npy_iframe_plans" height="600px" frameborder="0" allowfullscreen="" webkitallowfullscreen="" mozallowfullscreen="" src="https://grandtourmalet.s2dmap.skitudeservices.com/?locale=fr">Plan des pistes</iframe> </div> <!-- <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="npyBareges"> <a href="https://www.n-py.com/sites/n-py/files/commons/2020-2021/Hiver/station/Tourmalet/plan-fevrier-bareges-V2.jpg"> <img alt="Pistes ouvertes - vacances de Février - Bareges" src="https://www.n-py.com/sites/n-py/files/commons/2020-2021/Hiver/station/Tourmalet/plan-fevrier-bareges-V2.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-fevrier-mongie-V2.jpg"> <img alt="Pistes ouvertes - vacances de Février - Mongie" src="https://www.n-py.com/sites/n-py/files/commons/2020-2021/Hiver/station/Tourmalet/plan-fevrier-mongie-V2.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> -->