{"id":1456,"date":"2026-02-10T10:22:44","date_gmt":"2026-02-10T09:22:44","guid":{"rendered":"https:\/\/aass34.fr\/?page_id=1456"},"modified":"2026-02-11T11:17:58","modified_gmt":"2026-02-11T10:17:58","slug":"formation","status":"publish","type":"page","link":"https:\/\/aass34.fr\/index.php\/formation\/","title":{"rendered":"Formation"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1456\" class=\"elementor elementor-1456\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf6f458 e-flex e-con-boxed e-con e-parent\" data-id=\"bf6f458\" 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-e0afb32 elementor-widget elementor-widget-html\" data-id=\"e0afb32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Carte Formation - PSC1 - AASS34<\/title>\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n            background: #f3f4f6;\r\n            padding: 40px 20px;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Container pour la d\u00e9mo *\/\r\n        .demo-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .demo-header {\r\n            text-align: center;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .demo-header h1 {\r\n            color: #1f2937;\r\n            font-size: 32px;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .demo-header p {\r\n            color: #6b7280;\r\n            font-size: 16px;\r\n        }\r\n\r\n        \/* Grille de formations (2 colonnes) *\/\r\n        .formations-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));\r\n            gap: 30px;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        \/* ========================================\r\n           CARTE DE FORMATION - CODE PRINCIPAL\r\n           ======================================== *\/\r\n        .formation-card {\r\n            background: white;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.08);\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n        }\r\n\r\n        .formation-card:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 12px 35px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        \/* Image de la formation *\/\r\n        .formation-image {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 250px;\r\n            overflow: hidden;\r\n            background: #e5e7eb;\r\n        }\r\n\r\n        .formation-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.5s ease;\r\n        }\r\n\r\n        .formation-card:hover .formation-image img {\r\n            transform: scale(1.08);\r\n        }\r\n\r\n        \/* Badge niveau (D\u00e9butant\/Interm\u00e9diaire\/Recyclage) *\/\r\n        .formation-badge {\r\n            position: absolute;\r\n            top: 20px;\r\n            left: 20px;\r\n            background: #fbbf24;\r\n            color: #78350f;\r\n            padding: 8px 18px;\r\n            border-radius: 25px;\r\n            font-size: 13px;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            z-index: 10;\r\n            box-shadow: 0 2px 10px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        .formation-badge.intermediaire {\r\n            background: #60a5fa;\r\n            color: #1e3a8a;\r\n        }\r\n\r\n        .formation-badge.recyclage {\r\n            background: #34d399;\r\n            color: #065f46;\r\n        }\r\n\r\n        \/* Contenu de la carte *\/\r\n        .formation-content {\r\n            padding: 30px;\r\n        }\r\n\r\n        .formation-title {\r\n            font-size: 22px;\r\n            color: #1f2937;\r\n            font-weight: 600;\r\n            margin-bottom: 12px;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .formation-description {\r\n            color: #6b7280;\r\n            font-size: 15px;\r\n            line-height: 1.6;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        \/* M\u00e9tadonn\u00e9es (dur\u00e9e, prix, places, dates) *\/\r\n        .formation-meta {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 15px;\r\n            margin-bottom: 25px;\r\n            padding-bottom: 25px;\r\n            border-bottom: 1px solid #e5e7eb;\r\n        }\r\n\r\n        .meta-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            color: #4b5563;\r\n            font-size: 14px;\r\n        }\r\n\r\n        .meta-item svg {\r\n            width: 20px;\r\n            height: 20px;\r\n            color: #2563eb;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .meta-item .meta-label {\r\n            color: #6b7280;\r\n        }\r\n\r\n        .meta-item .meta-value {\r\n            color: #1f2937;\r\n            font-weight: 600;\r\n        }\r\n\r\n        \/* Accord\u00e9ons *\/\r\n        .formation-accordion {\r\n            margin-top: 20px;\r\n        }\r\n\r\n        .accordion-item {\r\n            border: 1px solid #e5e7eb;\r\n            border-radius: 8px;\r\n            margin-bottom: 12px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .accordion-header {\r\n            padding: 18px 20px;\r\n            background: #f9fafb;\r\n            cursor: pointer;\r\n            font-weight: 600;\r\n            font-size: 15px;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            transition: all 0.3s ease;\r\n            color: #1f2937;\r\n            user-select: none;\r\n        }\r\n\r\n        .accordion-header:hover {\r\n            background: #f3f4f6;\r\n        }\r\n\r\n        .accordion-header.active {\r\n            background: #2563eb;\r\n            color: white;\r\n        }\r\n\r\n        .accordion-icon {\r\n            width: 20px;\r\n            height: 20px;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .accordion-header.active .accordion-icon {\r\n            transform: rotate(180deg);\r\n        }\r\n\r\n        .accordion-content {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.3s ease;\r\n            background: white;\r\n        }\r\n\r\n        .accordion-content.active {\r\n            max-height: 600px;\r\n        }\r\n\r\n        .accordion-content-inner {\r\n            padding: 20px;\r\n        }\r\n\r\n        .accordion-content ul {\r\n            margin-left: 20px;\r\n            list-style: disc;\r\n        }\r\n\r\n        .accordion-content li {\r\n            margin-bottom: 8px;\r\n            color: #4b5563;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .accordion-content .date-item {\r\n            background: #eff6ff;\r\n            padding: 12px 15px;\r\n            border-radius: 6px;\r\n            margin-bottom: 10px;\r\n            border-left: 3px solid #2563eb;\r\n        }\r\n\r\n        .accordion-content .date-item strong {\r\n            color: #1f2937;\r\n            display: block;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .accordion-content .date-item span {\r\n            color: #6b7280;\r\n            font-size: 14px;\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 968px) {\r\n            .formations-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .formation-meta {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .formation-content {\r\n                padding: 20px;\r\n            }\r\n        }\r\n\r\n        \/* Section instructions *\/\r\n        .instructions {\r\n            background: white;\r\n            padding: 30px;\r\n            border-radius: 12px;\r\n            margin-top: 40px;\r\n            box-shadow: 0 2px 10px rgba(0,0,0,0.05);\r\n        }\r\n\r\n        .instructions h2 {\r\n            color: #2563eb;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .instructions pre {\r\n            background: #1e293b;\r\n            color: #e2e8f0;\r\n            padding: 20px;\r\n            border-radius: 8px;\r\n            overflow-x: auto;\r\n            font-size: 13px;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .instructions p {\r\n            color: #4b5563;\r\n            margin-bottom: 15px;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"demo-container\">\r\n        \r\n        <div class=\"demo-header\">\r\n            <h1>\ud83c\udf93 Nos Formations<\/h1>\r\n            \r\n        <\/div>\r\n\r\n        <!-- GRILLE DE FORMATIONS -->\r\n        <div class=\"formations-grid\">\r\n\r\n            <!-- ==========================================\r\n                 CARTE 1 : PSC1 (D\u00e9butant)\r\n                 ========================================== -->\r\n            <div class=\"formation-card\">\r\n                <!-- Image avec badge -->\r\n                <div class=\"formation-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1576091160399-112ba8d25d1d?w=800&h=500&fit=crop\" alt=\"Formation PSC1\">\r\n                    <div class=\"formation-badge\">D\u00e9butant<\/div>\r\n                <\/div>\r\n\r\n                <!-- Contenu -->\r\n                <div class=\"formation-content\">\r\n                    <h3 class=\"formation-title\">PSC - Premiers et Secours Citoyen<\/h3>\r\n                    <p class=\"formation-description\">Formation compl\u00e8te aux gestes qui sauvent. Certificat officiel reconnu.<\/p>\r\n\r\n                    <!-- M\u00e9tadonn\u00e9es -->\r\n                    <div class=\"formation-meta\">\r\n                        <div class=\"meta-item\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n                            <\/svg>\r\n                            <span><span class=\"meta-label\">Dur\u00e9e :<\/span> <span class=\"meta-value\">7 heures<\/span><\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"meta-item\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n                            <\/svg>\r\n                            <span><span class=\"meta-label\">Prix :<\/span> <span class=\"meta-value\">55\u20ac<\/span><\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"meta-item\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\" \/>\r\n                            <\/svg>\r\n                            <span><span class=\"meta-label\">Places :<\/span> <span class=\"meta-value\">Max 10 pers.<\/span><\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"meta-item\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\" \/>\r\n                            <\/svg>\r\n                            <span><span class=\"meta-label\">Dates :<\/span> <span class=\"meta-value\">8 dates<\/span><\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Accord\u00e9ons -->\r\n                    <div class=\"formation-accordion\">\r\n                        <!-- Programme -->\r\n                        <div class=\"accordion-item\">\r\n                            <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                                <span>Programme de la formation<\/span>\r\n                                <svg class=\"accordion-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"accordion-content\">\r\n                                <div class=\"accordion-content-inner\">\r\n                                    <ul>\r\n                                        <li>Protection et alerte des secours<\/li>\r\n                                        <li>Obstruction des voies a\u00e9riennes<\/li>\r\n                                        <li>H\u00e9morragies externes<\/li>\r\n                                        <li>Perte de connaissance<\/li>\r\n                                        <li>Arr\u00eat cardiaque (utilisation du d\u00e9fibrillateur)<\/li>\r\n                                        <li>Malaises et traumatismes<\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Dates disponibles -->\r\n                        <div class=\"accordion-item\">\r\n                            <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                                <span>Prochaines dates disponibles<\/span>\r\n                                <svg class=\"accordion-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"accordion-content\">\r\n                                <div class=\"accordion-content-inner\">\r\n                                    <div class=\"date-item\">\r\n                                        <strong>Samedi 15 f\u00e9vrier 2026<\/strong>\r\n                                        <span>9h00 - 17h00 | Stade Millet, Agde<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"date-item\">\r\n                                        <strong>Samedi 23 f\u00e9vrier 2026<\/strong>\r\n                                        <span>9h00 - 17h00 | Stade Millet, Agde<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"date-item\">\r\n                                        <strong>Samedi 21 mars 2026<\/strong>\r\n                                        <span>9h00 - 17h00 | Stade Millet, Agde<\/span>\r\n                                    <\/div>\r\n                                     <div class=\"date-item\">\r\n                                        <strong>Samedi 20 avril 2026<\/strong>\r\n                                        <span>9h00 - 17h00 | Stade Millet, Agde<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- ==========================================\r\n                 CARTE 2 : BNSSA (Interm\u00e9diaire)\r\n                 ========================================== -->\r\n            <div class=\"formation-card\">\r\n                <!-- Image avec badge -->\r\n                <div class=\"formation-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551524164-687a55dd1126?w=800&h=500&fit=crop\" alt=\"Formation BNSSA\">\r\n                    <div class=\"formation-badge intermediaire\">Interm\u00e9diaire<\/div>\r\n                <\/div>\r\n\r\n                <!-- Contenu -->\r\n                <div class=\"formation-content\">\r\n                    <h3 class=\"formation-title\">BNSSA - Brevet National de S\u00e9curit\u00e9 et Sauvetage Aquatique<\/h3>\r\n                    <p class=\"formation-description\">Formation professionnelle pour devenir sauveteur aquatique.<\/p>\r\n\r\n                    <!-- M\u00e9tadonn\u00e9es -->\r\n                    <div class=\"formation-meta\">\r\n                        <div class=\"meta-item\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n                            <\/svg>\r\n                            <span><span class=\"meta-label\">Dur\u00e9e :<\/span> <span class=\"meta-value\">8 mois<\/span><\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"meta-item\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n                            <\/svg>\r\n                            <span><span class=\"meta-label\">Prix :<\/span> <span class=\"meta-value\">490\u20ac\/790\u20ac\/990\u20ac<\/span><\/span>\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"meta-item\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\" \/>\r\n                            <\/svg>\r\n                            <span><span class=\"meta-label\">Dates :<\/span> <span class=\"meta-value\">2 dates<\/span><\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Accord\u00e9ons -->\r\n                    <div class=\"formation-accordion\">\r\n                        <!-- Programme -->\r\n                        <div class=\"accordion-item\">\r\n                            <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                                <span>Programme de la formation<\/span>\r\n                                <svg class=\"accordion-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"accordion-content\">\r\n                                <div class=\"accordion-content-inner\">\r\n                                    <ul>\r\n                                        <li>Sauvetage aquatique et surveillance des baignades<\/li>\r\n                                        <li>Secourisme (PSE1 requis)<\/li>\r\n                                        <li>R\u00e9glementation des \u00e9tablissements de baignade<\/li>\r\n                                        <li>Techniques de nage et d'apn\u00e9e<\/li>\r\n                                        <li>Utilisation du mat\u00e9riel de sauvetage<\/li>\r\n                                        <li>Gestion des situations d'urgence en milieu aquatique<\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Dates disponibles -->\r\n                        <div class=\"accordion-item\">\r\n                            <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                                <span>Prochaines dates disponibles<\/span>\r\n                                <svg class=\"accordion-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"accordion-content\">\r\n                                <div class=\"accordion-content-inner\">\r\n                                    <div class=\"date-item\">\r\n                                        <strong>Du 23 au 27 f\u00e9vrier 2026<\/strong>\r\n                                        <span>9h00 - 17h00 | Piscine Archipel + Stade Millet<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"date-item\">\r\n                                        <strong>Du 20 au 24 avril 2026<\/strong>\r\n                                        <span>9h00 - 17h00 | Piscine Archipel + Stade Millet<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n        \r\n\r\n\r\n    <!-- JavaScript pour les accord\u00e9ons -->\r\n    <script>\r\n        function toggleAccordion(header) {\r\n            const content = header.nextElementSibling;\r\n            const isActive = header.classList.contains('active');\r\n            \r\n            \/\/ Fermer tous les accord\u00e9ons de cette carte\r\n            const card = header.closest('.formation-card');\r\n            const allHeaders = card.querySelectorAll('.accordion-header');\r\n            const allContents = card.querySelectorAll('.accordion-content');\r\n            \r\n            allHeaders.forEach(h => h.classList.remove('active'));\r\n            allContents.forEach(c => c.classList.remove('active'));\r\n            \r\n            \/\/ Ouvrir celui cliqu\u00e9 (si il \u00e9tait ferm\u00e9)\r\n            if (!isActive) {\r\n                header.classList.add('active');\r\n                content.classList.add('active');\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<\/div>\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>Carte Formation &#8211; PSC1 &#8211; AASS34 \ud83c\udf93 Nos Formations D\u00e9butant PSC &#8211; Premiers et Secours Citoyen Formation compl\u00e8te aux gestes qui sauvent. Certificat officiel reconnu. Dur\u00e9e : 7 heures Prix : 55\u20ac Places : Max 10 pers. Dates : 8 dates Programme de la formation Protection et alerte des secours Obstruction des voies a\u00e9riennes H\u00e9morragies&hellip;&nbsp;<a href=\"https:\/\/aass34.fr\/index.php\/formation\/\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Formation<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-pagebuilder-full-width.php","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-1456","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Formation - AASS<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/aass34.fr\/index.php\/formation\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Formation - AASS\" \/>\n<meta property=\"og:description\" content=\"Carte Formation &#8211; PSC1 &#8211; AASS34 \ud83c\udf93 Nos Formations D\u00e9butant PSC &#8211; Premiers et Secours Citoyen Formation compl\u00e8te aux gestes qui sauvent. Certificat officiel reconnu. Dur\u00e9e : 7 heures Prix : 55\u20ac Places : Max 10 pers. Dates : 8 dates Programme de la formation Protection et alerte des secours Obstruction des voies a\u00e9riennes H\u00e9morragies&hellip;&nbsp;Read More &raquo;Formation\" \/>\n<meta property=\"og:url\" content=\"https:\/\/aass34.fr\/index.php\/formation\/\" \/>\n<meta property=\"og:site_name\" content=\"AASS\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-11T10:17:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/images.unsplash.com\/photo-1576091160399-112ba8d25d1d?w=800&h=500&fit=crop\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/aass34.fr\\\/index.php\\\/formation\\\/\",\"url\":\"https:\\\/\\\/aass34.fr\\\/index.php\\\/formation\\\/\",\"name\":\"Formation - AASS\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/aass34.fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/aass34.fr\\\/index.php\\\/formation\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/aass34.fr\\\/index.php\\\/formation\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1576091160399-112ba8d25d1d?w=800&h=500&fit=crop\",\"datePublished\":\"2026-02-10T09:22:44+00:00\",\"dateModified\":\"2026-02-11T10:17:58+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/aass34.fr\\\/index.php\\\/formation\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/aass34.fr\\\/index.php\\\/formation\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/aass34.fr\\\/index.php\\\/formation\\\/#primaryimage\",\"url\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1576091160399-112ba8d25d1d?w=800&h=500&fit=crop\",\"contentUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1576091160399-112ba8d25d1d?w=800&h=500&fit=crop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/aass34.fr\\\/index.php\\\/formation\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/aass34.fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Formation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/aass34.fr\\\/#website\",\"url\":\"https:\\\/\\\/aass34.fr\\\/\",\"name\":\"AASS\",\"description\":\"Association Agathoise Sauvetage Secourisme et Natation\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/aass34.fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Formation - AASS","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/aass34.fr\/index.php\/formation\/","og_locale":"en_US","og_type":"article","og_title":"Formation - AASS","og_description":"Carte Formation &#8211; PSC1 &#8211; AASS34 \ud83c\udf93 Nos Formations D\u00e9butant PSC &#8211; Premiers et Secours Citoyen Formation compl\u00e8te aux gestes qui sauvent. Certificat officiel reconnu. Dur\u00e9e : 7 heures Prix : 55\u20ac Places : Max 10 pers. Dates : 8 dates Programme de la formation Protection et alerte des secours Obstruction des voies a\u00e9riennes H\u00e9morragies&hellip;&nbsp;Read More &raquo;Formation","og_url":"https:\/\/aass34.fr\/index.php\/formation\/","og_site_name":"AASS","article_modified_time":"2026-02-11T10:17:58+00:00","og_image":[{"url":"https:\/\/images.unsplash.com\/photo-1576091160399-112ba8d25d1d?w=800&h=500&fit=crop","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/aass34.fr\/index.php\/formation\/","url":"https:\/\/aass34.fr\/index.php\/formation\/","name":"Formation - AASS","isPartOf":{"@id":"https:\/\/aass34.fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/aass34.fr\/index.php\/formation\/#primaryimage"},"image":{"@id":"https:\/\/aass34.fr\/index.php\/formation\/#primaryimage"},"thumbnailUrl":"https:\/\/images.unsplash.com\/photo-1576091160399-112ba8d25d1d?w=800&h=500&fit=crop","datePublished":"2026-02-10T09:22:44+00:00","dateModified":"2026-02-11T10:17:58+00:00","breadcrumb":{"@id":"https:\/\/aass34.fr\/index.php\/formation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/aass34.fr\/index.php\/formation\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/aass34.fr\/index.php\/formation\/#primaryimage","url":"https:\/\/images.unsplash.com\/photo-1576091160399-112ba8d25d1d?w=800&h=500&fit=crop","contentUrl":"https:\/\/images.unsplash.com\/photo-1576091160399-112ba8d25d1d?w=800&h=500&fit=crop"},{"@type":"BreadcrumbList","@id":"https:\/\/aass34.fr\/index.php\/formation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/aass34.fr\/"},{"@type":"ListItem","position":2,"name":"Formation"}]},{"@type":"WebSite","@id":"https:\/\/aass34.fr\/#website","url":"https:\/\/aass34.fr\/","name":"AASS","description":"Association Agathoise Sauvetage Secourisme et Natation","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/aass34.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/aass34.fr\/index.php\/wp-json\/wp\/v2\/pages\/1456","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aass34.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aass34.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aass34.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aass34.fr\/index.php\/wp-json\/wp\/v2\/comments?post=1456"}],"version-history":[{"count":29,"href":"https:\/\/aass34.fr\/index.php\/wp-json\/wp\/v2\/pages\/1456\/revisions"}],"predecessor-version":[{"id":1542,"href":"https:\/\/aass34.fr\/index.php\/wp-json\/wp\/v2\/pages\/1456\/revisions\/1542"}],"wp:attachment":[{"href":"https:\/\/aass34.fr\/index.php\/wp-json\/wp\/v2\/media?parent=1456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}