Lieux de pratique<\/title>\r\n <style>\r\n .locations-wrapper {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n .tabs-header {\r\n display: flex;\r\n gap: 5px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .tab-btn {\r\n flex: 1;\r\n padding: 12px 20px;\r\n background-color: transparent;\r\n border: 1px solid #e0e0e0;\r\n cursor: pointer;\r\n font-size: 16px;\r\n text-align: center;\r\n transition: border-color 0.2s ease, background-color 0.2s ease;\r\n }\r\n\r\n .tab-btn.active {\r\n border: 1px solid #000000;\r\n background-color: #f0f0f0;\r\n }\r\n\r\n @keyframes fadeInDown {\r\n from {\r\n opacity: 0;\r\n transform: translateY(-10px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .tab-content {\r\n display: none;\r\n background-color: #f8f9fa;\r\n padding: 20px;\r\n border-radius: 8px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .tab-content.show-animate {\r\n display: block;\r\n animation: fadeInDown 0.3s ease forwards;\r\n }\r\n\r\n .map-title {\r\n font-size: 14px;\r\n font-weight: bold;\r\n margin-top: 0;\r\n margin-bottom: 15px;\r\n text-align: center;\r\n color: #333;\r\n }\r\n\r\n .map-frame {\r\n width: 100%;\r\n height: 350px; \r\n border: 0;\r\n border-radius: 4px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"locations-wrapper\">\r\n \r\n <div class=\"tabs-header\">\r\n <button class=\"tab-btn\" data-target=\"hiver\">L'hiver et les jours de pluie<\/button>\r\n <button class=\"tab-btn\" data-target=\"ete\">L'\u00e9t\u00e9 et les beaux jours<\/button>\r\n <\/div>\r\n \r\n <div id=\"hiver\" class=\"tab-content\">\r\n <p class=\"map-title\">Rendez-vous et pratique \u00e0 la salle des f\u00eates de Rumilly<\/p>\r\n <iframe \r\n class=\"map-frame\" \r\n src=\"https:\/\/www.google.com\/maps?q=salle+des+f\u00eates+de+rumilly+74150&output=embed\" \r\n allowfullscreen=\"\" \r\n loading=\"lazy\">\r\n <\/iframe>\r\n <\/div>\r\n \r\n <div id=\"ete\" class=\"tab-content\">\r\n <p class=\"map-title\">Rendez-vous au parking du coll\u00e8ge du Ch\u00e9ran pour pratiquer en ext\u00e9rieur<\/p>\r\n <iframe \r\n class=\"map-frame\" \r\n src=\"https:\/\/www.google.com\/maps?q=coll\u00e8ge+du+ch\u00e9ran+rumilly+parking&output=embed\" \r\n allowfullscreen=\"\" \r\n loading=\"lazy\">\r\n <\/iframe>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <script>\r\n const buttons = document.querySelectorAll('.tab-btn');\r\n const contents = document.querySelectorAll('.tab-content');\r\n \r\n let pinnedTarget = null; \r\n\r\n function showContent(targetId) {\r\n contents.forEach(content => content.classList.remove('show-animate'));\r\n buttons.forEach(btn => btn.classList.remove('active'));\r\n \r\n if (targetId) {\r\n document.getElementById(targetId).classList.add('show-animate');\r\n document.querySelector(`[data-target=\"${targetId}\"]`).classList.add('active');\r\n }\r\n }\r\n\r\n buttons.forEach(button => {\r\n \r\n button.addEventListener('mouseenter', (e) => {\r\n showContent(e.target.getAttribute('data-target'));\r\n });\r\n\r\n button.addEventListener('mouseleave', () => {\r\n showContent(pinnedTarget);\r\n });\r\n\r\n button.addEventListener('click', (e) => {\r\n const clickedTarget = e.target.getAttribute('data-target');\r\n \r\n\r\n if (pinnedTarget === clickedTarget) {\r\n pinnedTarget = null;\r\n } else {\r\n pinnedTarget = clickedTarget;\r\n }\r\n \r\n showContent(pinnedTarget);\r\n });\r\n \r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-395b4ea e-flex e-con-boxed e-con e-parent\" data-id=\"395b4ea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2381489 elementor-widget elementor-widget-spacer\" data-id=\"2381489\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-15a0a7a e-flex e-con-boxed e-con e-parent\" data-id=\"15a0a7a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<h2 data-interaction-id=\"c8b2a4f\" class=\"e-heading-base\">Besoin d'un renseignement ?<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-af26035 elementor-widget elementor-widget-spacer\" data-id=\"af26035\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<p class=\"e-paragraph-base\" data-interaction-id=\"4c88488\"><strong id=\"e-mqbgatdi-70hqcnu\">T\u00e9l\u00e9phone <\/strong>: <a target=\"_self\" href=\"tel:+33658456798\" id=\"e-mqbgatdi-8k1ah70\">+33 6 58 45 67 98<br><\/a><strong id=\"e-mqbgatdi-bj87ldc\">Email <\/strong>: <a target=\"_self\" href=\"mailto:roller-club-rumilly@hotmail.com\" id=\"e-mqbgatdi-lij2gdy\">roller-club-rumilly@hotmail.fr<\/a><br><strong id=\"e-mqbgatdi-9bzpbwm\">Horaires <\/strong>: Tous les mardi : 18h30 - 20h30<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Pratique du roller pour les d\u00e9butants et les confirm\u00e9s : Lieux de pratique L’hiver et les jours de pluie L’\u00e9t\u00e9 et les beaux jours Rendez-vous et pratique \u00e0 la salle…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rollerclub.duckdns.org\/index.php\/wp-json\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rollerclub.duckdns.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rollerclub.duckdns.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rollerclub.duckdns.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rollerclub.duckdns.org\/index.php\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":6,"href":"https:\/\/rollerclub.duckdns.org\/index.php\/wp-json\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":126,"href":"https:\/\/rollerclub.duckdns.org\/index.php\/wp-json\/wp\/v2\/pages\/30\/revisions\/126"}],"wp:attachment":[{"href":"https:\/\/rollerclub.duckdns.org\/index.php\/wp-json\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}