{"id":20965,"date":"2022-06-02T07:04:22","date_gmt":"2022-06-02T07:04:22","guid":{"rendered":"https:\/\/wdtninos.wpengine.com\/?page_id=20965"},"modified":"2026-09-29T09:49:56","modified_gmt":"2026-09-29T09:49:56","slug":"gowtham","status":"publish","type":"page","link":"https:\/\/acrogym.tn\/?page_id=20965","title":{"rendered":"TARIFS &amp; INSCRIPTIONS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20965\" class=\"elementor elementor-20965\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-268b1e6 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"268b1e6\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;wdt_bg_image&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;wdt_bg_image_laptop&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;wdt_bg_image_tablet_extra&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;wdt_bg_image_tablet&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;wdt_bg_image_mobile_extra&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;wdt_bg_image_mobile&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;wdt_bg_position&quot;:&quot;center center&quot;,&quot;wdt_animation_effect&quot;:&quot;none&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-086b821\" data-id=\"086b821\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7657773 elementor-widget elementor-widget-html\" data-id=\"7657773\" data-element_type=\"widget\" data-settings=\"{&quot;wdt_animation_effect&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Bloc HTML pour Elementor - Grille Tarifaire ACRO GYM LA MARSA -->\n<!-- \u00c0 ins\u00e9rer dans un widget HTML d'Elementor -->\n\n<style>\n\/* Reset et variables *\/\n.pricing-wrapper {\n    --primary-color: #e81f76;\n    --secondary-color: #3bd4ae;\n    --accent-color: #636569;\n    --dark-bg: #1f1646;\n    --darker-bg: #212721;\n    --text-dark: #1f1646;\n    --text-light: #636569;\n    --orange: #f5a623;\n    font-family: 'Poppins', 'Segoe UI', sans-serif;\n    padding: 80px 20px;\n    background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 50%, #ffffff 100%);\n    position: relative;\n    overflow: hidden;\n}\n\n.pricing-wrapper * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n\/* Header Section *\/\n.pricing-header {\n    text-align: center;\n    margin-bottom: 60px;\n    animation: fadeInDown 1s ease-out;\n}\n\n.pricing-badge {\n    display: inline-block;\n    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n    color: white;\n    padding: 10px 28px;\n    border-radius: 50px;\n    font-size: 15px;\n    font-weight: 600;\n    margin-bottom: 20px;\n    box-shadow: 0 4px 15px rgba(232, 31, 118, 0.3);\n    animation: pulse 2s infinite;\n}\n\n.pricing-title {\n    font-size: clamp(30px, 5vw, 44px);\n    font-weight: 800;\n    color: var(--text-dark);\n    margin-bottom: 15px;\n    line-height: 1.2;\n}\n\n.pricing-title .highlight {\n    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}\n\n\/* Section Container *\/\n.pricing-section {\n    max-width: 1200px;\n    margin: 0 auto 40px;\n    animation: fadeInUp 0.8s ease-out backwards;\n}\n\n.pricing-section:nth-child(2) { animation-delay: 0.1s; }\n.pricing-section:nth-child(3) { animation-delay: 0.2s; }\n.pricing-section:nth-child(4) { animation-delay: 0.3s; }\n.pricing-section:nth-child(5) { animation-delay: 0.4s; }\n.pricing-section:nth-child(6) { animation-delay: 0.5s; }\n\n\/* Section Title *\/\n.section-title {\n    font-size: clamp(20px, 4vw, 26px);\n    font-weight: 700;\n    color: white;\n    padding: 18px 25px;\n    border-radius: 15px 15px 0 0;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.section-title .emoji {\n    font-size: 1.3em;\n}\n\n.section-title.gymnastique {\n    background: linear-gradient(135deg, var(--dark-bg), #3a2d6f);\n}\n\n.section-title.eveil {\n    background: linear-gradient(135deg, var(--secondary-color), #5fddc0);\n}\n\n.section-title.danse {\n    background: linear-gradient(135deg, var(--primary-color), #f04d93);\n}\n\n.section-title.combat {\n    background: linear-gradient(135deg, var(--orange), #ffb84d);\n}\n\n.section-title.collectifs {\n    background: linear-gradient(135deg, var(--dark-bg), #3a2d6f);\n}\n\n.section-title.natation {\n    background: linear-gradient(135deg, var(--dark-bg), #3a2d6f);\n}\n\n\/* Table Container *\/\n.pricing-table-container {\n    background: white;\n    border-radius: 0 0 25px 25px;\n    overflow: hidden;\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n}\n\n\/* Table Styles *\/\n.pricing-table {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.pricing-table thead {\n    background: rgba(99, 101, 105, 0.05);\n}\n\n.pricing-table thead th {\n    padding: 18px 20px;\n    font-size: 14px;\n    font-weight: 700;\n    text-align: center;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-dark);\n    border-bottom: 2px solid rgba(0, 0, 0, 0.05);\n}\n\n.pricing-table thead th:first-child {\n    text-align: left;\n}\n\n.pricing-table tbody tr {\n    border-bottom: 1px solid rgba(99, 101, 105, 0.08);\n    transition: all 0.3s ease;\n}\n\n.pricing-table tbody tr:last-child {\n    border-bottom: none;\n}\n\n.pricing-table tbody tr:hover {\n    background: rgba(232, 31, 118, 0.03);\n    transform: scale(1.01);\n}\n\n.pricing-table tbody td {\n    padding: 20px;\n    font-size: 15px;\n    color: var(--text-light);\n    text-align: center;\n}\n\n.pricing-table tbody td:first-child {\n    font-weight: 600;\n    color: var(--text-dark);\n    text-align: left;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.pricing-table tbody td:first-child .activity-icon {\n    font-size: 20px;\n}\n\n.pricing-table .price-monthly {\n    font-weight: 700;\n    color: var(--primary-color);\n    font-size: 17px;\n}\n\n.pricing-table .price-trimester {\n    font-weight: 700;\n    color: var(--secondary-color);\n    font-size: 17px;\n}\n\n\/* Info Box *\/\n.info-box {\n    background: linear-gradient(135deg, rgba(232, 31, 118, 0.05), rgba(59, 212, 174, 0.05));\n    border-radius: 25px;\n    padding: 30px;\n    margin-top: 50px;\n    text-align: center;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n    animation: fadeInUp 0.8s ease-out backwards;\n    animation-delay: 0.6s;\n}\n\n.info-box-content {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 35px;\n    align-items: center;\n}\n\n.info-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 16px;\n    color: var(--text-dark);\n    font-weight: 600;\n}\n\n.info-item strong {\n    color: var(--primary-color);\n    font-weight: 700;\n}\n\n.info-icon {\n    font-size: 26px;\n}\n\n\/* Decorative Elements *\/\n.pricing-decorator {\n    position: absolute;\n    font-size: 80px;\n    opacity: 0.05;\n    animation: float 6s ease-in-out infinite;\n}\n\n.pricing-decorator.gym-icon {\n    top: 10%;\n    left: 5%;\n}\n\n.pricing-decorator.ball-icon {\n    bottom: 10%;\n    right: 5%;\n}\n\n@keyframes float {\n    0%, 100% { transform: translateY(0px) rotate(0deg); }\n    50% { transform: translateY(-20px) rotate(5deg); }\n}\n\n\/* Responsive Table *\/\n@media (max-width: 1024px) {\n    .pricing-table thead th,\n    .pricing-table tbody td {\n        padding: 15px 12px;\n        font-size: 14px;\n    }\n}\n\n@media (max-width: 768px) {\n    .pricing-wrapper {\n        padding: 60px 15px;\n    }\n    \n    .pricing-header {\n        margin-bottom: 40px;\n    }\n    \n    .pricing-section {\n        margin-bottom: 30px;\n    }\n    \n    .section-title {\n        font-size: 18px;\n        padding: 15px 20px;\n    }\n    \n    .info-box {\n        padding: 25px 20px;\n    }\n    \n    .info-box-content {\n        flex-direction: column;\n        gap: 20px;\n    }\n    \n    \/* Table responsive - scroll horizontal *\/\n    .pricing-table-container {\n        overflow-x: auto;\n    }\n    \n    .pricing-table {\n        min-width: 500px;\n    }\n    \n    .pricing-table thead th,\n    .pricing-table tbody td {\n        padding: 12px 10px;\n        font-size: 13px;\n    }\n    \n    .pricing-table tbody td:first-child {\n        font-size: 13px;\n    }\n}\n\n@media (max-width: 480px) {\n    .pricing-wrapper {\n        padding: 40px 15px;\n    }\n    \n    .pricing-title {\n        font-size: 26px;\n    }\n    \n    .section-title {\n        font-size: 16px;\n        padding: 12px 15px;\n    }\n    \n    .info-box {\n        padding: 20px 15px;\n    }\n    \n    .info-item {\n        font-size: 14px;\n    }\n}\n\n\/* Animations *\/\n@keyframes fadeInDown {\n    from { opacity: 0; transform: translateY(-30px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fadeInUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.05); }\n}\n<\/style>\n\n<!-- HTML Structure -->\n<div class=\"pricing-wrapper\">\n    <!-- Decorative Elements -->\n    <div class=\"pricing-decorator gym-icon\">\ud83e\udd38<\/div>\n    <div class=\"pricing-decorator ball-icon\">\u26bd<\/div>\n    \n    <!-- Header Section -->\n    <div class=\"pricing-header\">\n        <div class=\"pricing-badge\">Tarifs 2026-2027<\/div>\n        <h2 class=\"pricing-title\">\n            Grille Tarifaire <span class=\"highlight\">ACRO GYM LA MARSA<\/span>\n        <\/h2>\n    <\/div>\n\n    <!-- Section 1: GYMNASTIQUE -->\n    <div class=\"pricing-section\">\n        <h3 class=\"section-title gymnastique\">\n            <span class=\"emoji\">\ud83e\udd38<\/span>\n            GYMNASTIQUE\n        <\/h3>\n        \n        <div class=\"pricing-table-container\">\n            <table class=\"pricing-table\">\n                <thead>\n                    <tr>\n                        <th>ACTIVIT\u00c9<\/th>\n                        <th>PAR MOIS<\/th>\n                        <th>PAR TRIMESTRE<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr>\n                        <td>\n                            <span class=\"activity-icon\">\ud83e\udd38\u200d\u2640\ufe0f<\/span>\n                            Gym de base\n                        <\/td>\n                        <td class=\"price-monthly\">100 TND<\/td>\n                        <td class=\"price-trimester\">300 TND<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>\n                            <span class=\"activity-icon\">\ud83e\udd38\u200d\u2640\ufe0f<\/span>\n                            Gym artistique\n                        <\/td>\n                        <td class=\"price-monthly\">125 TND<\/td>\n                        <td class=\"price-trimester\">375 TND<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>\n                            <span class=\"activity-icon\">\ud83c\udf80<\/span>\n                            Gym rythmique\n                        <\/td>\n                        <td class=\"price-monthly\">135 TND<\/td>\n                        <td class=\"price-trimester\">405 TND<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>\n                            <span class=\"activity-icon\">\ud83e\udd38\u200d\u2642\ufe0f<\/span>\n                            Gym masculine\n                        <\/td>\n                        <td class=\"price-monthly\">95 TND<\/td>\n                        <td class=\"price-trimester\">285 TND<\/td>\n                    <\/tr>\n                <\/tbody>\n            <\/table>\n        <\/div>\n    <\/div>\n\n    <!-- Section 2: \u00c9VEIL & KIDS -->\n    <div class=\"pricing-section\">\n        <h3 class=\"section-title eveil\">\n            <span class=\"emoji\">\ud83d\udc76<\/span>\n            \u00c9VEIL & KIDS\n        <\/h3>\n        \n        <div class=\"pricing-table-container\">\n            <table class=\"pricing-table\">\n                <thead>\n                    <tr>\n                        <th>ACTIVIT\u00c9<\/th>\n                        <th>PAR MOIS<\/th>\n                        <th>PAR TRIMESTRE<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr>\n                        <td>\n                            <span class=\"activity-icon\">\ud83d\udc76<\/span>\n                            Baby Gym\n                        <\/td>\n                        <td class=\"price-monthly\">75 TND<\/td>\n                        <td class=\"price-trimester\">225 TND<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>\n                            <span class=\"activity-icon\">\ud83e\uddd2<\/span>\n                            Gym Kids\n                        <\/td>\n                        <td class=\"price-monthly\">75 TND<\/td>\n                        <td class=\"price-trimester\">225 TND<\/td>\n                    <\/tr>\n                <\/tbody>\n            <\/table>\n        <\/div>\n    <\/div>\n\n    <!-- Section 3: DANSE -->\n    <div class=\"pricing-section\">\n        <h3 class=\"section-title danse\">\n            <span class=\"emoji\">\ud83d\udc83<\/span>\n            DANSE\n        <\/h3>\n        \n        <div class=\"pricing-table-container\">\n            <table class=\"pricing-table\">\n                <thead>\n                    <tr>\n                        <th>ACTIVIT\u00c9<\/th>\n                        <th>PAR MOIS<\/th>\n                        <th>PAR TRIMESTRE<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr>\n                        <td>\n                            <span class=\"activity-icon\">\ud83d\udc83<\/span>\n                            Danse moderne\n                        <\/td>\n                        <td class=\"price-monthly\">100 TND<\/td>\n                        <td class=\"price-trimester\">300 TND<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>\n                            <span class=\"activity-icon\">\ud83d\udc76<\/span>\n                            Baby Dance\n                        <\/td>\n                        <td class=\"price-monthly\">100 TND<\/td>\n                        <td class=\"price-trimester\">300 TND<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>\n                            <span class=\"activity-icon\">\ud83e\ude70<\/span>\n                            Danse classique\n                        <\/td>\n                        <td class=\"price-monthly\">100 TND<\/td>\n                        <td class=\"price-trimester\">300 TND<\/td>\n                    <\/tr>\n                <\/tbody>\n            <\/table>\n        <\/div>\n    <\/div>\n\n    <!-- Section 4: SPORTS & COMBAT -->\n    <div class=\"pricing-section\">\n        <h3 class=\"section-title combat\">\n            <span class=\"emoji\">\ud83e\udd4b<\/span>\n            SPORTS & COMBAT\n        <\/h3>\n        \n        <div class=\"pricing-table-container\">\n            <table class=\"pricing-table\">\n                <thead>\n                    <tr>\n                        <th>ACTIVIT\u00c9<\/th>\n                        <th>PAR MOIS<\/th>\n                        <th>PAR TRIMESTRE<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr>\n                        <td>\n                            <span class=\"activity-icon\">\ud83e\udd4b<\/span>\n                            Karat\u00e9\n                        <\/td>\n                        <td class=\"price-monthly\">90 TND<\/td>\n                        <td class=\"price-trimester\">270 TND<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>\n                            <span class=\"activity-icon\">\ud83e\udd4b<\/span>\n                            Judo\n                        <\/td>\n                        <td class=\"price-monthly\">90 TND<\/td>\n                        <td class=\"price-trimester\">270 TND<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>\n                            <span class=\"activity-icon\">\ud83e\udd4a<\/span>\n                            Boxe\n                        <\/td>\n                        <td class=\"price-monthly\">90 TND<\/td>\n                        <td class=\"price-trimester\">270 TND<\/td>\n                    <\/tr>\n                <\/tbody>\n            <\/table>\n        <\/div>\n    <\/div>\n\n    <!-- Section 5: SPORTS COLLECTIFS -->\n    <div class=\"pricing-section\">\n        <h3 class=\"section-title collectifs\">\n            <span class=\"emoji\">\u26bd<\/span>\n            SPORTS COLLECTIFS\n        <\/h3>\n        \n        <div class=\"pricing-table-container\">\n            <table class=\"pricing-table\">\n                <thead>\n                    <tr>\n                        <th>ACTIVIT\u00c9<\/th>\n                        <th>PAR TRIMESTRE<\/th>\n                        <th>PAR 6 mois<\/th>\n                        <th>PAR an<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr>\n                        <td>\n                            <span class=\"activity-icon\">\u26bd<\/span>\n                            Foot tots (2-4 ans)\n                        <\/td>\n                        <td class=\"price-trimester\"> - <\/td>\n                        <td class=\"price-trimester\">720 TND  <\/td>\n                        <td class=\"price-trimester\">1200 TND  <\/td>\n                    <\/tr>\n                    <td>\n                            <span class=\"activity-icon\">\u26bd<\/span>\n                            Foot junior (5-10 ans)\n                        <\/td>\n                        <td class=\"price-trimester\"> - <\/td>\n                        <td class=\"price-trimester\"> 900 TND <\/td>\n                        <td class=\"price-trimester\">1500 TND<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>\n                            <span class=\"activity-icon\">\ud83c\udfc0<\/span>\n                            Basket\n                        <\/td>\n                          <td class=\"price-trimester\">290 TND<\/td>\n                        <td class=\"price-trimester\">580 TND<\/td>\n                        <td class=\"price-trimester\">900 TND<\/td>\n                    <\/tr>\n                <\/tbody>\n            <\/table>\n        <\/div>\n    <\/div>\n\n    <!-- Section 6: NATATION -->\n    <div class=\"pricing-section\">\n        <h3 class=\"section-title natation\">\n            <span class=\"emoji\">\ud83c\udfca<\/span>\n            NATATION\n        <\/h3>\n        \n        <div class=\"pricing-table-container\">\n            <table class=\"pricing-table\">\n                <thead>\n                    <tr>\n                        <th>ACTIVIT\u00c9<\/th>\n                        <th>PAR MOIS<\/th>\n                        <th>PAR TRIMESTRE<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr>\n                        <td>\n                            <span class=\"activity-icon\">\ud83c\udfca<\/span>\n                            Natation\n                        <\/td>\n                        <td class=\"price-monthly\">170 TND<\/td>\n                        <td class=\"price-trimester\">470 TND<\/td>\n                    <\/tr>\n                <\/tbody>\n            <\/table>\n        <\/div>\n    <\/div>\n\n    <!-- Info Box -->\n    <div class=\"info-box\">\n        <div class=\"info-box-content\">\n            <div class=\"info-item\">\n                <span class=\"info-icon\">\ud83d\udcdd<\/span>\n                <span>Frais d'inscription : <strong>45 TND<\/strong><\/span>\n            <\/div>\n            <div class=\"info-item\">\n                <span class=\"info-icon\">\ud83c\udfaf<\/span>\n                <span>S\u00e9ance d'essai : <strong>25 TND<\/strong><\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- Google Fonts -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<script>\n\/\/ Animation au scroll\n(function() {\n    const sections = document.querySelectorAll('.pricing-section, .info-box');\n    \n    const observerOptions = {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px'\n    };\n    \n    const observer = new IntersectionObserver(function(entries) {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.style.opacity = '1';\n                entry.target.style.transform = 'translateY(0)';\n            }\n        });\n    }, observerOptions);\n    \n    sections.forEach(section => {\n        section.style.opacity = '0';\n        section.style.transform = 'translateY(30px)';\n        section.style.transition = 'all 0.8s ease-out';\n        observer.observe(section);\n    });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e4b8ade elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"e4b8ade\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;wdt_bg_image&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;wdt_bg_image_laptop&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;wdt_bg_image_tablet_extra&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;wdt_bg_image_tablet&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;wdt_bg_image_mobile_extra&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;wdt_bg_image_mobile&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;wdt_bg_position&quot;:&quot;center center&quot;,&quot;wdt_animation_effect&quot;:&quot;none&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-35b4dd5\" data-id=\"35b4dd5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cdb69da elementor-widget elementor-widget-html\" data-id=\"cdb69da\" data-element_type=\"widget\" data-settings=\"{&quot;wdt_animation_effect&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Bloc HTML pour Elementor - Planning ACRO GYM LA MARSA -->\n<!-- \u00c0 ins\u00e9rer dans un widget HTML d'Elementor -->\n\n<style>\n\/* Reset et variables *\/\n.pricing-grids-wrapper {\n    --primary-color: #e81f76;\n    --secondary-color: #3bd4ae;\n    --accent-color: #636569;\n    --dark-bg: #1f1646;\n    --orange: #f5a623;\n    --pink: #e81f76;\n    --turquoise: #3bd4ae;\n    --violet: #1f1646;\n    font-family: 'Poppins', 'Segoe UI', sans-serif;\n    padding: 80px 20px;\n    background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);\n    position: relative;\n    overflow: hidden;\n}\n\n.pricing-grids-wrapper * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n\/* Header *\/\n.pricing-header {\n    text-align: center;\n    margin-bottom: 50px;\n    animation: fadeInDown 1s ease-out;\n}\n\n.pricing-title {\n    font-size: clamp(32px, 5vw, 48px);\n    font-weight: 800;\n    color: var(--dark-bg);\n    margin-bottom: 15px;\n}\n\n.pricing-title .highlight {\n    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}\n\n\/* Tabs Navigation *\/\n.pricing-tabs-nav {\n    display: flex;\n    justify-content: center;\n    gap: 15px;\n    margin-bottom: 50px;\n    flex-wrap: wrap;\n}\n\n.pricing-tab-btn {\n    padding: 15px 35px;\n    border: none;\n    border-radius: 50px;\n    font-size: 16px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    background: white;\n    color: var(--accent-color);\n    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\n}\n\n.pricing-tab-btn:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);\n}\n\n.pricing-tab-btn.active {\n    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n    color: white;\n    box-shadow: 0 8px 30px rgba(232, 31, 118, 0.4);\n}\n\n\/* Tab Content *\/\n.pricing-tab-content {\n    display: none;\n    animation: fadeIn 0.5s ease-out;\n}\n\n.pricing-tab-content.active {\n    display: block;\n}\n\n\/* Grid Container *\/\n.pricing-grid-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 20px;\n}\n\n\/* Column *\/\n.pricing-column {\n    background: white;\n    border-radius: 25px;\n    overflow: hidden;\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n    transition: all 0.4s ease;\n}\n\n.pricing-column:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n}\n\n\/* Column Header *\/\n.pricing-column-header {\n    padding: 25px 20px;\n    text-align: center;\n    color: white;\n    font-weight: 700;\n    font-size: 15px;\n    position: relative;\n    min-height: 70px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.pricing-column.col-activity .pricing-column-header {\n    background: linear-gradient(135deg, var(--violet), #3a2d6f);\n}\n\n.pricing-column.col-ages .pricing-column-header {\n    background: linear-gradient(135deg, var(--turquoise), #5fddc0);\n}\n\n.pricing-column.col-days .pricing-column-header {\n    background: linear-gradient(135deg, var(--orange), #ffb84d);\n}\n\n.pricing-column.col-hours .pricing-column-header {\n    background: linear-gradient(135deg, var(--pink), #f04d93);\n}\n\n.pricing-column.col-room .pricing-column-header {\n    background: linear-gradient(135deg, var(--turquoise), #5fddc0);\n}\n\n\/* Column Body *\/\n.pricing-column-body {\n    padding: 0;\n}\n\n\/* Pricing Row *\/\n.pricing-row {\n    padding: 18px 15px;\n    border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n    font-size: 13px;\n    color: var(--accent-color);\n    text-align: center;\n    transition: all 0.3s ease;\n    min-height: 65px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1.4;\n}\n\n.pricing-row:last-child {\n    border-bottom: none;\n}\n\n.pricing-row:hover {\n    background: rgba(232, 31, 118, 0.03);\n}\n\n.pricing-row.empty {\n    color: rgba(99, 101, 105, 0.3);\n}\n\n.pricing-row.highlight {\n    font-weight: 700;\n    color: var(--dark-bg);\n}\n\n\/* Section Headers *\/\n.section-header {\n    grid-column: 1 \/ -1;\n    background: linear-gradient(135deg, var(--violet), #3a2d6f);\n    color: white;\n    padding: 20px;\n    border-radius: 15px;\n    text-align: center;\n    font-size: 24px;\n    font-weight: 800;\n    margin-top: 30px;\n    box-shadow: 0 10px 30px rgba(31, 22, 70, 0.3);\n}\n\n.section-header:first-child {\n    margin-top: 0;\n}\n\n\/* Decorative Elements *\/\n.pricing-decorator {\n    position: absolute;\n    font-size: 60px;\n    opacity: 0.1;\n    animation: float 6s ease-in-out infinite;\n}\n\n.pricing-decorator.gym-icon {\n    top: 10%;\n    left: 5%;\n}\n\n.pricing-decorator.ball-icon {\n    bottom: 10%;\n    right: 5%;\n}\n\n@keyframes float {\n    0%, 100% { transform: translateY(0px); }\n    50% { transform: translateY(-20px); }\n}\n\n\/* Animations *\/\n@keyframes fadeInDown {\n    from { opacity: 0; transform: translateY(-30px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}\n\n\/* Responsive *\/\n@media (max-width: 1200px) {\n    .pricing-grid-container {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 15px;\n    }\n}\n\n@media (max-width: 768px) {\n    .pricing-grids-wrapper {\n        padding: 60px 15px;\n    }\n    \n    .pricing-tabs-nav {\n        gap: 10px;\n    }\n    \n    .pricing-tab-btn {\n        padding: 12px 25px;\n        font-size: 14px;\n    }\n    \n    .pricing-grid-container {\n        grid-template-columns: 1fr;\n        gap: 15px;\n    }\n    \n    .pricing-column-header {\n        font-size: 14px;\n        padding: 20px 15px;\n        min-height: 60px;\n    }\n    \n    .pricing-row {\n        font-size: 12px;\n        padding: 15px 10px;\n        min-height: 55px;\n    }\n    \n    .section-header {\n        font-size: 20px;\n        padding: 15px;\n    }\n}\n\n@media (max-width: 480px) {\n    .pricing-title {\n        font-size: 26px;\n    }\n    \n    .pricing-tab-btn {\n        padding: 10px 20px;\n        font-size: 13px;\n    }\n}\n<\/style>\n\n<!-- HTML Structure -->\n<div class=\"pricing-grids-wrapper\">\n    <!-- Decorative Elements -->\n    <div class=\"pricing-decorator gym-icon\">\ud83e\udd38<\/div>\n    <div class=\"pricing-decorator ball-icon\">\u26bd<\/div>\n    \n    <!-- Header -->\n    <div class=\"pricing-header\">\n        <h2 class=\"pricing-title\">\n            Planning des Activit\u00e9s <span class=\"highlight\">2026-2027<\/span>\n        <\/h2>\n    <\/div>\n\n    <!-- Tabs Navigation -->\n    <div class=\"pricing-tabs-nav\">\n        <button class=\"pricing-tab-btn active\" onclick=\"switchTab('gymnastique')\">\ud83e\udd38 Gymnastique<\/button>\n        <button class=\"pricing-tab-btn\" onclick=\"switchTab('eveil-kids')\">\ud83d\udc76 \u00c9veil & Kids<\/button>\n        <button class=\"pricing-tab-btn\" onclick=\"switchTab('danse')\">\ud83d\udc83 Danse<\/button>\n        <button class=\"pricing-tab-btn\" onclick=\"switchTab('sports-combat')\">\ud83e\udd4b Sports de Combat<\/button>\n        <button class=\"pricing-tab-btn\" onclick=\"switchTab('sports-collectifs')\">\u26bd Sports Collectifs<\/button>\n        <button class=\"pricing-tab-btn\" onclick=\"switchTab('natation')\">\ud83c\udfca Natation<\/button>\n    <\/div>\n\n    <!-- Tab 1: GYMNASTIQUE -->\n    <div class=\"pricing-tab-content active\" id=\"gymnastique\">\n        <div class=\"pricing-grid-container\">\n            <div class=\"section-header\">\ud83e\udd38 1) GYMNASTIQUE<\/div>\n            \n            <!-- Headers -->\n            <div class=\"pricing-column col-activity\">\n                <div class=\"pricing-column-header\">ACTIVIT\u00c9<\/div>\n                <div class=\"pricing-column-body\">\n                    <div class=\"pricing-row highlight\">Gym de base<\/div>\n                    <div class=\"pricing-row highlight\">Gym artistique GP2<\/div>\n                    <div class=\"pricing-row highlight\">Gym artistique GP3<\/div>\n                    <div class=\"pricing-row highlight\">Gym artistique GP4<\/div>\n                    <div class=\"pricing-row highlight\">Gym artistique GP5<\/div>\n                    <div class=\"pricing-row highlight\">Gym artistique GP6<\/div>\n                    <div class=\"pricing-row highlight\">Gym rythmique<\/div>\n                    <div class=\"pricing-row highlight\">Gym masculine<\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"pricing-column col-ages\">\n                <div class=\"pricing-column-header\">\u00c2GES<\/div>\n                <div class=\"pricing-column-body\">\n                    <div class=\"pricing-row\">4-5 ans<\/div>\n                    <div class=\"pricing-row\">6-7 ans<\/div>\n                    <div class=\"pricing-row\">8-9 ans<\/div>\n                    <div class=\"pricing-row\">10-11 ans<\/div>\n                    <div class=\"pricing-row\">12+ ans<\/div>\n                    <div class=\"pricing-row\">12+ ans<\/div>\n                    <div class=\"pricing-row\">6+ ans<\/div>\n                    <div class=\"pricing-row\">5+ ans<\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"pricing-column col-days\">\n                <div class=\"pricing-column-header\">JOURS<\/div>\n                <div class=\"pricing-column-body\">\n                    <div class=\"pricing-row\">Lundi \/ Jeudi<\/div>\n                    <div class=\"pricing-row\">Lundi \/ Jeudi<\/div>\n                    <div class=\"pricing-row\">Lundi \/ Jeudi<\/div>\n                    <div class=\"pricing-row\">Mardi \/ Samedi<\/div>\n                    <div class=\"pricing-row\">Mercredi \/ Vendredi<\/div>\n                    <div class=\"pricing-row\">Mercredi \/ Vendredi<\/div>\n                    <div class=\"pricing-row\">Mardi \/ Samedi<\/div>\n                    <div class=\"pricing-row\">Lundi \/ Mercredi<\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"pricing-column col-hours\">\n                <div class=\"pricing-column-header\">HORAIRES<\/div>\n                <div class=\"pricing-column-body\">\n                    <div class=\"pricing-row\">16H30-17H30<\/div>\n                    <div class=\"pricing-row\">17H30-18H30<\/div>\n                    <div class=\"pricing-row\">18H00-19H30<\/div>\n                    <div class=\"pricing-row\">Mardi 18H00-19H30 \/ Samedi 10H30-12H00<\/div>\n                    <div class=\"pricing-row\">16H30-18H00<\/div>\n                    <div class=\"pricing-row\">18H00-19H30<\/div>\n                    <div class=\"pricing-row\">Mardi 16H30-18H00 \/ Samedi 9H00-10H30<\/div>\n                    <div class=\"pricing-row\">18H00-19H00<\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"pricing-column col-room\">\n                <div class=\"pricing-column-header\">SALLE<\/div>\n                <div class=\"pricing-column-body\">\n                    <div class=\"pricing-row\">Salle 1<\/div>\n                    <div class=\"pricing-row\">Salle 1<\/div>\n                    <div class=\"pricing-row\">Salle 1<\/div>\n                    <div class=\"pricing-row\">Salle 1<\/div>\n                    <div class=\"pricing-row\">Salle 1<\/div>\n                    <div class=\"pricing-row\">Salle 1<\/div>\n                    <div class=\"pricing-row\">Salle 1<\/div>\n                    <div class=\"pricing-row\">Salle 2<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Tab 2: \u00c9VEIL & KIDS -->\n    <div class=\"pricing-tab-content\" id=\"eveil-kids\">\n        <div class=\"pricing-grid-container\">\n            <div class=\"section-header\">\ud83d\udc76 2) \u00c9VEIL & KIDS<\/div>\n            \n            <div class=\"pricing-column col-activity\">\n                <div class=\"pricing-column-header\">ACTIVIT\u00c9<\/div>\n                <div class=\"pricing-column-body\">\n                    <div class=\"pricing-row highlight\">Baby Gym<\/div>\n                    <div class=\"pricing-row highlight\">Gym Kids<\/div>\n                    <div class=\"pricing-row highlight\">Baby Dance<\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"pricing-column col-ages\">\n                <div class=\"pricing-column-header\">\u00c2GES<\/div>\n                <div class=\"pricing-column-body\">\n                    <div class=\"pricing-row\">2-3 ans<\/div>\n                    <div class=\"pricing-row\">3-4 ans<\/div>\n                    <div class=\"pricing-row\">2-4 ans<\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"pricing-column col-days\">\n                <div class=\"pricing-column-header\">JOURS<\/div>\n                <div class=\"pricing-column-body\">\n                    <div class=\"pricing-row\">Samedi<\/div>\n                    <div class=\"pricing-row\">Samedi<\/div>\n                    <div class=\"pricing-row\">Lundi \/ Vendredi<\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"pricing-column col-hours\">\n                <div class=\"pricing-column-header\">HORAIRES<\/div>\n                <div class=\"pricing-column-body\">\n                    <div class=\"pricing-row\">10H00-11H00<\/div>\n                    <div class=\"pricing-row\">11H00-12H00<\/div>\n                    <div class=\"pricing-row\">17H00-18H00<\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"pricing-column col-room\">\n                <div class=\"pricing-column-header\">SALLE<\/div>\n                <div class=\"pricing-column-body\">\n                    <div class=\"pricing-row\">Salle 2<\/div>\n                    <div class=\"pricing-row\">Salle 2<\/div>\n                    <div class=\"pricing-row\">Salle de danse<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Tab 3: DANSE -->\n    <div class=\"pricing-tab-content\" id=\"danse\">\n        <div class=\"pricing-grid-container\">\n            <div class=\"section-header\">\ud83d\udc83 3) DANSE<\/div>\n            \n            <div class=\"pricing-column col-activity\">\n                <div class=\"pricing-column-header\">ACTIVIT\u00c9<\/div>\n                <div class=\"pricing-column-body\">\n                    <div class=\"pricing-row highlight\">Danse classique<\/div>\n                    <div class=\"pricing-row highlight\">Danse moderne<\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"pricing-column col-ages\">\n                <div class=\"pricing-column-header\">\u00c2GES<\/div>\n                <div class=\"pricing-column-body\">\n                    <div class=\"pricing-row\">5+ ans<\/div>\n                    <div class=\"pricing-row\">5+ ans<\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"pricing-column col-days\">\n                <div class=\"pricing-column-header\">JOURS<\/div>\n                <div class=\"pricing-column-body\">\n                    <div class=\"pricing-row\">Mardi \/ Jeudi<\/div>\n                    <div class=\"pricing-row\">Lundi \/ Vendredi<\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"pricing-column col-hours\">\n                <div class=\"pricing-column-header\">HORAIRES<\/div>\n                <div class=\"pricing-column-body\">\n                    <div class=\"pricing-row\">17H00-18H00<\/div>\n                    <div class=\"pricing-row\">18H00-19H00<\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"pricing-column col-room\">\n                <div class=\"pricing-column-header\">SALLE<\/div>\n                <div class=\"pricing-column-body\">\n                    <div class=\"pricing-row\">Salle de danse<\/div>\n                    <div class=\"pricing-row\">Salle de danse<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Tab 4: SPORTS DE COMBAT -->\n    <div class=\"pricing-tab-content\" id=\"sports-combat\">\n        <div class=\"pricing-grid-container\">\n            <div class=\"section-header\">\ud83e\udd4b 4) SPORTS DE COMBAT<\/div>\n            \n            <div class=\"pricing-column col-activity\">\n                <div class=\"pricing-column-header\">ACTIVIT\u00c9<\/div>\n                <div class=\"pricing-column-body\">\n                    <div class=\"pricing-row highlight\">Judo<\/div>\n                    <div class=\"pricing-row highlight\">Karat\u00e9<\/div>\n                    <div class=\"pricing-row highlight\">Boxe<\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"pricing-column col-ages\">\n                <div class=\"pricing-column-header\">\u00c2GES<\/div>\n                <div class=\"pricing-column-body\">\n                    <div class=\"pricing-row\">5+ ans<\/div>\n                    <div class=\"pricing-row\">5+ ans<\/div>\n                    <div class=\"pricing-row\">5+ ans<\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"pricing-column col-days\">\n                <div class=\"pricing-column-header\">JOURS<\/div>\n                <div class=\"pricing-column-body\">\n                    <div class=\"pricing-row\">Mercredi \/ Vendredi<\/div>\n                    <div class=\"pricing-row\">Lundi \/ Vendredi<\/div>\n                    <div class=\"pricing-row\">Mardi \/ Jeudi<\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"pricing-column col-hours\">\n                <div class=\"pricing-column-header\">HORAIRES<\/div>\n                <div class=\"pricing-column-body\">\n                    <div class=\"pricing-row\">Mercredi 17H00-18H00 \/ Vendredi 18H00-19H00<\/div>\n                    <div class=\"pricing-row\">17H00-18H00<\/div>\n                    <div class=\"pricing-row\">17H00-18H00<\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"pricing-column col-room\">\n                <div class=\"pricing-column-header\">SALLE<\/div>\n                <div class=\"pricing-column-body\">\n                    <div class=\"pricing-row\">Salle 2<\/div>\n                    <div class=\"pricing-row\">Salle 2<\/div>\n                    <div class=\"pricing-row\">Salle 2<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Tab 5: SPORTS COLLECTIFS -->\n    <div class=\"pricing-tab-content\" id=\"sports-collectifs\">\n        <div class=\"pricing-grid-container\">\n            <div class=\"section-header\">\u26bd 5) SPORTS COLLECTIFS<\/div>\n            \n            <div class=\"pricing-column col-activity\">\n                <div class=\"pricing-column-header\">ACTIVIT\u00c9<\/div>\n                <div class=\"pricing-column-body\">\n                    <div class=\"pricing-row highlight\">Foot tots<\/div>\n                    <div class=\"pricing-row highlight\">Foot junior<\/div>\n                    <div class=\"pricing-row highlight\">Basketball GP1<\/div>\n                    <div class=\"pricing-row highlight\">Basketball GP2<\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"pricing-column col-ages\">\n                <div class=\"pricing-column-header\">\u00c2GES<\/div>\n                <div class=\"pricing-column-body\">\n                    <div class=\"pricing-row\">2-4 ans<\/div>\n                    <div class=\"pricing-row\">5-10 ans<\/div>\n                    <div class=\"pricing-row\">5-10 ans<\/div>\n                    <div class=\"pricing-row\">11-14 ans<\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"pricing-column col-days\">\n                <div class=\"pricing-column-header\">JOURS<\/div>\n                <div class=\"pricing-column-body\">\n                    <div class=\"pricing-row\">Samedi<\/div>\n                    <div class=\"pricing-row\">Mercredi\/Samedi<\/div>\n                    <div class=\"pricing-row\">Samedi \/ Dimanche<\/div>\n                    <div class=\"pricing-row\">Samedi \/ Dimanche<\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"pricing-column col-hours\">\n                <div class=\"pricing-column-header\">HORAIRES<\/div>\n                <div class=\"pricing-column-body\">\n                    <div class=\"pricing-row\">9H00-10H15<\/div>\n                    <div class=\"pricing-row\">16H30-17H45 (mercredi) \/ 10H00-11H15 (samedi)<\/div>\n                    <div class=\"pricing-row\">Samedi 16H00-17H00 \/ Dimanche 10H00-11H00<\/div>\n                    <div class=\"pricing-row\">Samedi 17H00-18H00 \/ Dimanche 11H00-12H00<\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"pricing-column col-room\">\n                <div class=\"pricing-column-header\">LIEU<\/div>\n                <div class=\"pricing-column-body\">\n                    <div class=\"pricing-row\">Terrain de foot La Marsa<\/div>\n                    <div class=\"pricing-row\">Terrain de foot La Marsa<\/div>\n                    <div class=\"pricing-row\">CIPPH<\/div>\n                    <div class=\"pricing-row\">CIPPH<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Tab 6: NATATION -->\n    <div class=\"pricing-tab-content\" id=\"natation\">\n        <div class=\"pricing-grid-container\">\n            <div class=\"section-header\">\ud83c\udfca 6) NATATION<\/div>\n            \n            <div class=\"pricing-column col-activity\">\n                <div class=\"pricing-column-header\">ACTIVIT\u00c9<\/div>\n                <div class=\"pricing-column-body\">\n                    <div class=\"pricing-row highlight\">Natation<\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"pricing-column col-ages\">\n                <div class=\"pricing-column-header\">\u00c2GES<\/div>\n                <div class=\"pricing-column-body\">\n                    <div class=\"pricing-row\">1-14 ans<\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"pricing-column col-days\">\n                <div class=\"pricing-column-header\">JOURS<\/div>\n                <div class=\"pricing-column-body\">\n                    <div class=\"pricing-row\">Mercredi \/ Vendredi \/ Samedi \/ Dimanche<\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"pricing-column col-hours\">\n                <div class=\"pricing-column-header\">HORAIRES<\/div>\n                <div class=\"pricing-column-body\">\n                    <div class=\"pricing-row\">Mercredi 17H00-19H00 \/ Vendredi 17H00-19H00 \/ Samedi 10H00-12H00 \/ Dimanche 10H00-12H00<\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"pricing-column col-room\">\n                <div class=\"pricing-column-header\">LIEU<\/div>\n                <div class=\"pricing-column-body\">\n                    <div class=\"pricing-row\">CIPPH<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n<!-- Google Fonts -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<script>\n\/\/ Switch between tabs\nfunction switchTab(tabId) {\n    \/\/ Hide all tabs\n    const allTabs = document.querySelectorAll('.pricing-tab-content');\n    allTabs.forEach(tab => tab.classList.remove('active'));\n    \n    \/\/ Remove active class from all buttons\n    const allButtons = document.querySelectorAll('.pricing-tab-btn');\n    allButtons.forEach(btn => btn.classList.remove('active'));\n    \n    \/\/ Show selected tab\n    document.getElementById(tabId).classList.add('active');\n    \n    \/\/ Add active class to clicked button\n    event.target.classList.add('active');\n}\n\n\/\/ Animation au scroll\n(function() {\n    const cards = document.querySelectorAll('.pricing-column');\n    \n    const observerOptions = {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px'\n    };\n    \n    const observer = new IntersectionObserver(function(entries) {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.style.opacity = '1';\n                entry.target.style.transform = 'translateY(0)';\n            }\n        });\n    }, observerOptions);\n    \n    cards.forEach(card => {\n        card.style.opacity = '0';\n        card.style.transform = 'translateY(20px)';\n        card.style.transition = 'all 0.6s ease-out';\n        observer.observe(card);\n    });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d1ea50e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d1ea50e\" data-element_type=\"section\" data-settings=\"{&quot;wdt_bg_image&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;wdt_bg_image_laptop&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;wdt_bg_image_tablet_extra&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;wdt_bg_image_tablet&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;wdt_bg_image_mobile_extra&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;wdt_bg_image_mobile&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;wdt_bg_position&quot;:&quot;center center&quot;,&quot;wdt_animation_effect&quot;:&quot;none&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-effe67f\" data-id=\"effe67f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-01cb02e elementor-widget elementor-widget-html\" data-id=\"01cb02e\" data-element_type=\"widget\" data-settings=\"{&quot;wdt_animation_effect&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Bloc \"Inscription en 3 \u00e9tapes\" pour ACRO GYM La Marsa -->\n<!-- Conforme \u00e0 la charte graphique kids-gym-activities-page.html -->\n\n<style>\n\/* Variables de la charte ACRO GYM *\/\n.acrogym-inscription-wrapper {\n    --primary-color: #e81f76;\n    --secondary-color: #3bd4ae;\n    --text-dark: #1f1646;\n    --text-light: #636569;\n    font-family: 'Poppins', 'Segoe UI', sans-serif;\n    padding: 0;\n    margin: 0;\n}\n\n.acrogym-inscription-wrapper * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n\/* Section Title *\/\n.acrogym-inscription-title {\n    font-size: clamp(24px, 4vw, 36px);\n    font-weight: 800;\n    color: var(--text-dark);\n    margin-bottom: 30px;\n    line-height: 1.3;\n    text-align: center;\n}\n\n.acrogym-inscription-title .highlight {\n    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}\n\n\/* Steps Container *\/\n.acrogym-steps-container {\n    display: flex;\n    flex-direction: column;\n    gap: 25px;\n    margin-bottom: 35px;\n}\n\n\/* Step Item *\/\n.acrogym-step {\n    display: flex;\n    align-items: flex-start;\n    gap: 20px;\n    padding: 25px;\n    background: white;\n    border-radius: 20px;\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n.acrogym-step::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 5px;\n    height: 100%;\n    background: linear-gradient(180deg, var(--primary-color), var(--secondary-color));\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n.acrogym-step:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);\n}\n\n.acrogym-step:hover::before {\n    opacity: 1;\n}\n\n\/* Step Number *\/\n.acrogym-step-number {\n    flex-shrink: 0;\n    width: 50px;\n    height: 50px;\n    border-radius: 15px;\n    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n    color: white;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 24px;\n    font-weight: 700;\n    box-shadow: 0 4px 15px rgba(232, 31, 118, 0.3);\n}\n\n\/* Step Content *\/\n.acrogym-step-content {\n    flex: 1;\n}\n\n.acrogym-step-text {\n    font-size: 16px;\n    color: var(--text-dark);\n    line-height: 1.7;\n    font-weight: 600;\n    margin-bottom: 0;\n}\n\n.acrogym-step-note {\n    font-size: 14px;\n    color: var(--text-light);\n    line-height: 1.6;\n    margin-top: 8px;\n    font-style: italic;\n}\n\n\/* Documents List *\/\n.acrogym-documents-list {\n    list-style: none;\n    margin-top: 15px;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.acrogym-documents-list li {\n    font-size: 15px;\n    color: var(--text-light);\n    padding-left: 30px;\n    position: relative;\n    line-height: 1.6;\n}\n\n.acrogym-documents-list li::before {\n    content: '\u2713';\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 20px;\n    height: 20px;\n    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n    color: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 11px;\n    font-weight: bold;\n}\n\n\/* CTA Section *\/\n.acrogym-cta {\n    text-align: center;\n    padding: 30px;\n    background: linear-gradient(135deg, rgba(232, 31, 118, 0.05), rgba(59, 212, 174, 0.05));\n    border-radius: 20px;\n    border: 2px solid transparent;\n    background-clip: padding-box;\n    position: relative;\n}\n\n.acrogym-cta::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: 20px;\n    padding: 2px;\n    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: xor;\n    mask-composite: exclude;\n    pointer-events: none;\n}\n\n.acrogym-cta-text {\n    font-size: 18px;\n    font-weight: 700;\n    color: var(--text-dark);\n    margin-bottom: 0;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n    .acrogym-inscription-title {\n        font-size: 22px;\n        margin-bottom: 25px;\n    }\n    \n    .acrogym-steps-container {\n        gap: 20px;\n    }\n    \n    .acrogym-step {\n        padding: 20px;\n        gap: 15px;\n    }\n    \n    .acrogym-step-number {\n        width: 45px;\n        height: 45px;\n        font-size: 22px;\n    }\n    \n    .acrogym-step-text {\n        font-size: 15px;\n    }\n    \n    .acrogym-step-note,\n    .acrogym-documents-list li {\n        font-size: 14px;\n    }\n    \n    .acrogym-cta {\n        padding: 25px 20px;\n    }\n    \n    .acrogym-cta-text {\n        font-size: 16px;\n    }\n}\n\n@media (max-width: 480px) {\n    .acrogym-inscription-title {\n        font-size: 20px;\n    }\n    \n    .acrogym-step {\n        flex-direction: column;\n        align-items: center;\n        text-align: center;\n        padding: 18px;\n    }\n    \n    .acrogym-step-number {\n        width: 40px;\n        height: 40px;\n        font-size: 20px;\n    }\n    \n    .acrogym-step-text {\n        font-size: 14px;\n    }\n    \n    .acrogym-documents-list li {\n        font-size: 13px;\n        padding-left: 28px;\n    }\n}\n<\/style>\n\n<!-- HTML Structure -->\n<div class=\"acrogym-inscription-wrapper\">\n    \n    <h2 class=\"acrogym-inscription-title\">\n        INSCRIPTION EN <span class=\"highlight\">3 \u00c9TAPES SIMPLES<\/span> :\n    <\/h2>\n    \n    <div class=\"acrogym-steps-container\">\n        \n        <!-- \u00c9tape 1 -->\n        <div class=\"acrogym-step\">\n            <div class=\"acrogym-step-number\">1\ufe0f\u20e3<\/div>\n            <div class=\"acrogym-step-content\">\n                <p class=\"acrogym-step-text\">\n                    Choisissez l'activit\u00e9 qui passionnera votre enfant\n                <\/p>\n            <\/div>\n        <\/div>\n        \n        <!-- \u00c9tape 2 -->\n        <div class=\"acrogym-step\">\n            <div class=\"acrogym-step-number\">2\ufe0f\u20e3<\/div>\n            <div class=\"acrogym-step-content\">\n                <p class=\"acrogym-step-text\">\n                    R\u00e9servez une s\u00e9ance d'essai \u00e0 25 TND\n                <\/p>\n                <p class=\"acrogym-step-note\">\n                    (une fois l'inscription faite, le montant sera d\u00e9duit des frais de l'abonnement)\n                <\/p>\n            <\/div>\n        <\/div>\n        \n        <!-- \u00c9tape 3 -->\n        <div class=\"acrogym-step\">\n            <div class=\"acrogym-step-number\">3\ufe0f\u20e3<\/div>\n            <div class=\"acrogym-step-content\">\n                <p class=\"acrogym-step-text\">\n                    Finalisez l'inscription avec les documents :\n                <\/p>\n                <ul class=\"acrogym-documents-list\">\n                    <li>Certificat m\u00e9dical<\/li>\n                    <li>Photo d'identit\u00e9<\/li>\n                    <li>Fiche d'inscription sign\u00e9e<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n        \n    <\/div>\n    \n    <!-- CTA -->\n    <div class=\"acrogym-cta\">\n        <p class=\"acrogym-cta-text\">\n          <a href=\"https:\/\/acrogym.tn\/?page_id=20947\">  R\u00e9servez maintenant et obtenez une confirmation imm\u00e9diate\n      <\/a>  <\/p>\n    <\/div>\n    \n<\/div>\n\n<!-- Google Fonts -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83e\udd38 \u26bd Tarifs 2026-2027 Grille Tarifaire ACRO GYM LA MARSA \ud83e\udd38 GYMNASTIQUE ACTIVIT\u00c9 PAR MOIS PAR TRIMESTRE \ud83e\udd38\u200d\u2640\ufe0f Gym de base 100 TND 300 TND \ud83e\udd38\u200d\u2640\ufe0f Gym artistique 125 TND [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","footnotes":""},"class_list":["post-20965","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/acrogym.tn\/index.php?rest_route=\/wp\/v2\/pages\/20965","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/acrogym.tn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/acrogym.tn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/acrogym.tn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/acrogym.tn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20965"}],"version-history":[{"count":67,"href":"https:\/\/acrogym.tn\/index.php?rest_route=\/wp\/v2\/pages\/20965\/revisions"}],"predecessor-version":[{"id":24039,"href":"https:\/\/acrogym.tn\/index.php?rest_route=\/wp\/v2\/pages\/20965\/revisions\/24039"}],"wp:attachment":[{"href":"https:\/\/acrogym.tn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20965"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}