{"id":2,"date":"2026-08-25T20:20:46","date_gmt":"2026-08-25T20:20:46","guid":{"rendered":"https:\/\/defenseursyndical.com\/?page_id=2"},"modified":"2026-08-25T20:34:35","modified_gmt":"2026-08-25T20:34:35","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/defenseursyndical.com\/","title":{"rendered":"Sample Page"},"content":{"rendered":"<div class=\"unpnc-plugin-scope\" data-unpnc-app-root=\"task-board\">    <script>window.unpncFirebaseConfig = {\"apiKey\":\"AIzaSyAhHzFhxll7NY0MRbtAbwAgw-PVZPPxFMo\",\"authDomain\":\"carnet-to.firebaseapp.com\",\"projectId\":\"carnet-to\",\"storageBucket\":\"carnet-to.firebasestorage.app\",\"messagingSenderId\":\"238213298210\",\"appId\":\"1:238213298210:web:5ff8ec314738192b70327b\",\"measurementId\":\"G-971H25F0H5\"};<\/script>\n    <script src=\"https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-app-compat.js\"><\/script>\n    <script src=\"https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-auth-compat.js\"><\/script>\n    <script src=\"https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-firestore-compat.js\"><\/script>\n    <script src=\"https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-storage-compat.js\"><\/script>\n    \n<script type=\"module\" id=\"unpnc-firebase-loader\">\n    import { initializeApp } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-app.js';\n    import { getAuth, onAuthStateChanged, signOut } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-auth.js';\n    import { getFirestore, collection, addDoc, getDocs, getDoc, setDoc, query, where, orderBy, updateDoc, doc, deleteDoc, Timestamp } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-firestore.js';\n\n    const firebaseConfig = window.unpncFirebaseConfig;\n    \n    console.log('\ud83d\udd25 Initialisation Firebase avec config:', firebaseConfig);\n    \n    if (!firebaseConfig || !firebaseConfig.apiKey) {\n        console.error('\u274c Configuration Firebase invalide');\n        console.error('Config re\u00e7ue:', firebaseConfig);\n    } else {\n        try {\n            const app = initializeApp(firebaseConfig);\n            const db = getFirestore(app);\n            const auth = getAuth(app);\n            \n            console.log('\u2705 Firebase initialis\u00e9 avec succ\u00e8s');\n            console.log('\ud83d\udce6 App:', app);\n            console.log('\ud83d\uddc4\ufe0f Firestore DB:', db);\n            console.log('\ud83d\udd10 Auth:', auth);\n            \n            window.unpncFirestore = {\n                db: db,\n                auth: auth,\n                collection: collection,\n                addDoc: addDoc,\n                getDocs: getDocs,\n                getDoc: getDoc,\n                setDoc: setDoc,\n                query: query,\n                where: where,\n                orderBy: orderBy,\n                updateDoc: updateDoc,\n                doc: doc,\n                deleteDoc: deleteDoc,\n                Timestamp: Timestamp,\n                onAuthStateChanged: onAuthStateChanged,\n                signOut: signOut\n            };\n            \n            console.log('\ud83d\udc42 \u00c9coute de l\\'\u00e9tat d\\'authentification...');\n            \n            onAuthStateChanged(auth, (user) => {\n                if (user) {\n                    console.log('\u2705 Utilisateur connect\u00e9:', user.email);\n                    window.unpncCurrentUser = {\n                        uid: user.uid,\n                        email: user.email,\n                        displayName: user.displayName || user.email.split('@')[0]\n                    };\n                    console.log('\ud83c\udf89 D\u00e9clenchement de l\\'\u00e9v\u00e9nement unpnc-firebase-ready');\n                    window.dispatchEvent(new Event('unpnc-firebase-ready'));\n                } else {\n                    console.warn('\u26a0\ufe0f Aucun utilisateur connect\u00e9');\n                    const loginUrl = \"\";\n                    if (loginUrl) {\n                        try {\n                            const target = new URL(loginUrl, window.location.href);\n                            const isCurrent = target.pathname === window.location.pathname && target.search === window.location.search;\n                            if (!isCurrent && !window.location.pathname.includes('\/wp-admin')) {\n                                console.log('\u21aa\ufe0f Redirection vers la page de connexion publi\u00e9e');\n                                window.location.replace(target.href);\n                            }\n                        } catch (e) {\n                            console.error('\u274c URL de connexion invalide :', loginUrl);\n                        }\n                    } else {\n                        console.error('\u274c Page de connexion UNPNC introuvable : aucune redirection effectu\u00e9e.');\n                    }\n                }\n            });\n        } catch (error) {\n            console.error('\u274c Erreur lors de l\\'initialisation Firebase:', error);\n            console.error('Stack:', error.stack);\n        }\n    }\n<\/script>\n\n<script>\n    \/\/ Initialisation Firebase compat pour documents-manager\n    if (window.unpncFirebaseConfig && typeof firebase !== 'undefined') {\n        if (!firebase.apps.length) {\n            firebase.initializeApp(window.unpncFirebaseConfig);\n            console.log('\u2705 Firebase compat initialis\u00e9 pour Storage');\n        }\n    }\n<\/script>\n\n\n\n<div class=\"unpnc-modern-taskboard\"><div id=\"unpnc-task-manager\" class=\"unpnc-tm-container unpnc-dashboard-enabled\">\n\n    <!-- Tableau de bord principal -->\n    <div class=\"unpnc-tm-header unpnc-dashboard-header\">\n        <div class=\"unpnc-tm-title\">\n            <div class=\"unpnc-dashboard-eyebrow\">POSTE DE PILOTAGE D\u00c9L\u00c9GU\u00c9<\/div>\n            <h2>\u2696\ufe0f Tableau de bord juridique<\/h2>\n            <p class=\"unpnc-tm-subtitle\">UD CFDT 93 \u00b7 Suivi op\u00e9rationnel des adh\u00e9rents, contentieux et d\u00e9fenseurs syndicaux<\/p>\n        <\/div>\n        <div class=\"unpnc-dashboard-header-meta\">\n            <div class=\"unpnc-dashboard-date\" id=\"unpnc-dashboard-date\">\u2014<\/div>\n            <div class=\"unpnc-tm-user-info\">\n                <span class=\"unpnc-tm-current-user\" id=\"unpnc-current-user\" style=\"display:none;\">\ud83d\udc64 Chargement...<\/span>\n                <button class=\"unpnc-tm-logout-btn\" id=\"unpnc-logout-btn\" style=\"display:none;\" title=\"Se d\u00e9connecter\">\ud83d\udeaa<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Actions quotidiennes -->\n    <section class=\"unpnc-dashboard-hero\" aria-label=\"Actions quotidiennes\">\n        <div class=\"unpnc-dashboard-hero-copy\">\n            <span class=\"unpnc-dashboard-section-kicker\">AUJOURD'HUI<\/span>\n            <h3>Les actions essentielles, imm\u00e9diatement accessibles<\/h3>\n            <p>La r\u00e9ception d'une personne utilise le module Rendez-vous existant : date et heure sont obligatoires et pr\u00e9remplies au moment de l'ouverture.<\/p>\n        <\/div>\n        <div class=\"unpnc-dashboard-quick-actions\">\n            <button id=\"unpnc-tm-reception-btn\" type=\"button\" class=\"unpnc-dashboard-action unpnc-dashboard-action-featured\">\n                <span class=\"unpnc-dashboard-action-icon\">\ud83d\udd50<\/span>\n                <span><strong>Je re\u00e7ois quelqu'un<\/strong><small>Date & heure obligatoires<\/small><\/span>\n            <\/button>\n            <button id=\"unpnc-tm-new-task-btn\" type=\"button\" class=\"unpnc-dashboard-action\">\n                <span class=\"unpnc-dashboard-action-icon\">\uff0b<\/span>\n                <span><strong>Nouvelle t\u00e2che<\/strong><small>Adh\u00e9rent ou Section<\/small><\/span>\n            <\/button>\n            <button id=\"unpnc-tm-new-adherent-btn\" type=\"button\" class=\"unpnc-dashboard-action\">\n                <span class=\"unpnc-dashboard-action-icon\">\ud83d\udc64<\/span>\n                <span><strong>Cr\u00e9er adh\u00e9rent<\/strong><small>Nouvelle fiche<\/small><\/span>\n            <\/button>\n        <\/div>\n    <\/section>\n\n    <!-- Indicateurs du tableau de bord -->\n    <section class=\"unpnc-dashboard-kpis\" aria-label=\"Indicateurs du jour\">\n        <button type=\"button\" class=\"unpnc-dashboard-kpi\" data-dashboard-scroll=\"tasks\">\n            <span class=\"unpnc-dashboard-kpi-icon\">\u2713<\/span>\n            <span class=\"unpnc-dashboard-kpi-value\" id=\"unpnc-dash-open-tasks\">\u2014<\/span>\n            <span class=\"unpnc-dashboard-kpi-label\">T\u00e2ches ouvertes<\/span>\n        <\/button>\n        <button type=\"button\" class=\"unpnc-dashboard-kpi\" data-dashboard-open=\"#unpnc-tm-rendez-vous-btn\">\n            <span class=\"unpnc-dashboard-kpi-icon\">\u25f7<\/span>\n            <span class=\"unpnc-dashboard-kpi-value\" id=\"unpnc-dash-rdv-today\">\u2014<\/span>\n            <span class=\"unpnc-dashboard-kpi-label\">RDV \/ r\u00e9ceptions aujourd'hui<\/span>\n        <\/button>\n        <button type=\"button\" class=\"unpnc-dashboard-kpi\" data-dashboard-open=\"#unpnc-tm-calendrier-btn\">\n            <span class=\"unpnc-dashboard-kpi-icon\">\u231b<\/span>\n            <span class=\"unpnc-dashboard-kpi-value\" id=\"unpnc-dash-deadlines\">\u2014<\/span>\n            <span class=\"unpnc-dashboard-kpi-label\">\u00c9ch\u00e9ances \u00e0 7 jours<\/span>\n        <\/button>\n        <button type=\"button\" class=\"unpnc-dashboard-kpi\" data-dashboard-open=\"#unpnc-tm-calendrier-btn\">\n            <span class=\"unpnc-dashboard-kpi-icon\">\u2696<\/span>\n            <span class=\"unpnc-dashboard-kpi-value\" id=\"unpnc-dash-hearings\">\u2014<\/span>\n            <span class=\"unpnc-dashboard-kpi-label\">Audiences \u00e0 30 jours<\/span>\n        <\/button>\n        <button type=\"button\" class=\"unpnc-dashboard-kpi\" data-dashboard-open=\"#unpnc-tm-defenseurs-btn\">\n            <span class=\"unpnc-dashboard-kpi-icon\">\ud83d\udee1<\/span>\n            <span class=\"unpnc-dashboard-kpi-value\" id=\"unpnc-dash-defenseurs\">\u2014<\/span>\n            <span class=\"unpnc-dashboard-kpi-label\">D\u00e9fenseurs suivis<\/span>\n        <\/button>\n    <\/section>\n\n    <!-- Pilotage op\u00e9rationnel -->\n    <section class=\"unpnc-dashboard-grid\" aria-label=\"Pilotage op\u00e9rationnel\">\n        <article class=\"unpnc-dashboard-panel unpnc-dashboard-panel-priority\">\n            <div class=\"unpnc-dashboard-panel-head\">\n                <div>\n                    <span class=\"unpnc-dashboard-panel-kicker\">ACTION<\/span>\n                    <h3>Priorit\u00e9s du jour<\/h3>\n                <\/div>\n                <button type=\"button\" class=\"unpnc-dashboard-text-btn\" data-dashboard-scroll=\"tasks\">Voir les t\u00e2ches<\/button>\n            <\/div>\n            <div id=\"unpnc-dashboard-priorities\" class=\"unpnc-dashboard-panel-body\">\n                <div class=\"unpnc-dashboard-loading\">Chargement des priorit\u00e9s\u2026<\/div>\n            <\/div>\n        <\/article>\n\n        <article class=\"unpnc-dashboard-panel\">\n            <div class=\"unpnc-dashboard-panel-head\">\n                <div>\n                    <span class=\"unpnc-dashboard-panel-kicker\">JOURN\u00c9E<\/span>\n                    <h3>Agenda aujourd'hui<\/h3>\n                <\/div>\n                <button type=\"button\" class=\"unpnc-dashboard-text-btn\" data-dashboard-open=\"#unpnc-tm-rendez-vous-btn\">Agenda complet<\/button>\n            <\/div>\n            <div id=\"unpnc-dashboard-agenda\" class=\"unpnc-dashboard-panel-body\">\n                <div class=\"unpnc-dashboard-loading\">Chargement de l'agenda\u2026<\/div>\n            <\/div>\n        <\/article>\n\n        <article class=\"unpnc-dashboard-panel\">\n            <div class=\"unpnc-dashboard-panel-head\">\n                <div>\n                    <span class=\"unpnc-dashboard-panel-kicker\">DOSSIERS<\/span>\n                    <h3>Contentieux \u00e0 surveiller<\/h3>\n                <\/div>\n                <button type=\"button\" class=\"unpnc-dashboard-text-btn\" data-dashboard-open=\"#unpnc-tm-contentieux-liste-btn\">Liste Contentieux<\/button>\n            <\/div>\n            <div id=\"unpnc-dashboard-contentieux\" class=\"unpnc-dashboard-panel-body\">\n                <div class=\"unpnc-dashboard-loading\">Analyse des prochaines \u00e9ch\u00e9ances\u2026<\/div>\n            <\/div>\n        <\/article>\n\n        <article class=\"unpnc-dashboard-panel unpnc-dashboard-panel-defenseurs\">\n            <div class=\"unpnc-dashboard-panel-head\">\n                <div>\n                    <span class=\"unpnc-dashboard-panel-kicker\">D\u00c9FENSE SYNDICALE<\/span>\n                    <h3>D\u00e9fenseurs syndicaux<\/h3>\n                <\/div>\n                <button type=\"button\" class=\"unpnc-dashboard-text-btn\" data-dashboard-open=\"#unpnc-tm-defenseurs-btn\">Ouvrir le suivi<\/button>\n            <\/div>\n            <div id=\"unpnc-dashboard-defenseurs\" class=\"unpnc-dashboard-panel-body\">\n                <div class=\"unpnc-dashboard-loading\">Chargement du suivi\u2026<\/div>\n            <\/div>\n        <\/article>\n\n        <article class=\"unpnc-dashboard-panel unpnc-dashboard-panel-wide\">\n            <div class=\"unpnc-dashboard-panel-head\">\n                <div>\n                    <span class=\"unpnc-dashboard-panel-kicker\">TRACE<\/span>\n                    <h3>Activit\u00e9 r\u00e9cente<\/h3>\n                <\/div>\n            <\/div>\n            <div id=\"unpnc-dashboard-activity\" class=\"unpnc-dashboard-panel-body unpnc-dashboard-activity\">\n                <div class=\"unpnc-dashboard-loading\">Chargement de l'activit\u00e9\u2026<\/div>\n            <\/div>\n        <\/article>\n    <\/section>\n\n    <!-- Navigation m\u00e9tier : toutes les fonctions existantes sont conserv\u00e9es -->\n    <section class=\"unpnc-dashboard-navigation\" aria-label=\"Navigation m\u00e9tier\">\n        <div class=\"unpnc-dashboard-section-title\">\n            <div>\n                <span class=\"unpnc-dashboard-section-kicker\">ESPACES M\u00c9TIER<\/span>\n                <h3>Toutes les fonctions, organis\u00e9es par usage<\/h3>\n            <\/div>\n            <p>Aucune fonction n'est supprim\u00e9e : chaque bouton existant conserve son action d'origine.<\/p>\n        <\/div>\n\n        <div class=\"unpnc-dashboard-nav-grid\">\n            <div class=\"unpnc-dashboard-nav-group\">\n                <div class=\"unpnc-dashboard-nav-title\"><span>\ud83d\udc65<\/span><div><strong>Adh\u00e9rents & Justiciables<\/strong><small>Personnes, fiches et suivi individuel<\/small><\/div><\/div>\n                <div class=\"unpnc-dashboard-nav-actions\">\n                    <button id=\"unpnc-tm-annuaire-btn\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary\">\ud83d\udcc7 Annuaire<\/button>\n                    <button id=\"unpnc-tm-justiciables-btn\" class=\"unpnc-tm-btn unpnc-tm-btn-primary is-primary\">\ud83d\udc65 Justiciables<\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"unpnc-dashboard-nav-group\">\n                <div class=\"unpnc-dashboard-nav-title\"><span>\u2696\ufe0f<\/span><div><strong>Contentieux & Affaires<\/strong><small>Dossiers, audiences et \u00e9critures<\/small><\/div><\/div>\n                <div class=\"unpnc-dashboard-nav-actions\">\n                    <button id=\"unpnc-tm-affaires-btn\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary\">\ud83d\udcbc Affaires<\/button>\n                    <button id=\"unpnc-tm-contentieux-liste-btn\" class=\"unpnc-tm-btn unpnc-tm-btn-primary is-primary\" title=\"Ouvrir la liste Contentieux (BCO \/ BJ \/ conclusions)\">\ud83d\udcd1 Liste Contentieux<\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"unpnc-dashboard-nav-group\">\n                <div class=\"unpnc-dashboard-nav-title\"><span>\ud83d\udee1\ufe0f<\/span><div><strong>D\u00e9fenseurs syndicaux<\/strong><small>Synth\u00e8se, mandat, validation et attribution<\/small><\/div><\/div>\n                <div class=\"unpnc-dashboard-nav-actions\">\n                    <button id=\"unpnc-tm-defenseurs-btn\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary unpnc-open-defenseurs\">\ud83d\udee1\ufe0f D\u00e9fenseurs<\/button>\n                    <button id=\"unpnc-tm-attribution-btn\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary unpnc-open-attribution\">\ud83d\udd17 Attribution<\/button>\n                                    <\/div>\n            <\/div>\n\n            <div class=\"unpnc-dashboard-nav-group\">\n                <div class=\"unpnc-dashboard-nav-title\"><span>\ud83d\udcc6<\/span><div><strong>Agenda & Suivi<\/strong><small>R\u00e9ceptions, \u00e9ch\u00e9ances et pr\u00e9visions<\/small><\/div><\/div>\n                <div class=\"unpnc-dashboard-nav-actions\">\n                    <button id=\"unpnc-tm-rendez-vous-btn\" class=\"unpnc-tm-btn unpnc-tm-btn-primary is-violet\">\ud83d\udcc5 Rendez-vous<\/button>\n                    <button id=\"unpnc-tm-calendrier-btn\" class=\"unpnc-tm-btn unpnc-tm-btn-primary is-primary\">\ud83d\udcc6 Calendrier<\/button>\n                    <button id=\"unpnc-tm-previsions-btn\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary is-violet\">\ud83d\udcca Pr\u00e9visions<\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"unpnc-dashboard-nav-group\">\n                <div class=\"unpnc-dashboard-nav-title\"><span>\ud83d\udcda<\/span><div><strong>Ressources & Pilotage<\/strong><small>Biblioth\u00e8que et historiques<\/small><\/div><\/div>\n                <div class=\"unpnc-dashboard-nav-actions\">\n                    <button id=\"unpnc-tm-bibliotheque-btn\" type=\"button\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary\" title=\"Ouvrir la Biblioth\u00e8que PDF dans le Task Manager\">\ud83d\udcda Biblioth\u00e8que<\/button>\n                    <span id=\"unpnc-tm-biblio-poss-badge\" class=\"unpnc-tm-badge\" style=\"display:none;\"><\/span>\n                    <button id=\"unpnc-tm-archives-btn\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary is-primary\">\ud83d\udcc1 Archives<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Carnet de t\u00e2ches : fonction existante int\u00e9gralement conserv\u00e9e -->\n    <section class=\"unpnc-dashboard-task-workbench\" id=\"unpnc-dashboard-task-workbench\">\n        <div class=\"unpnc-dashboard-section-title unpnc-dashboard-task-head\">\n            <div>\n                <span class=\"unpnc-dashboard-section-kicker\">CARNET DE T\u00c2CHES<\/span>\n                <h3>Suivi int\u00e9gral des t\u00e2ches<\/h3>\n                <p>Le tableau de bord n'enl\u00e8ve aucune t\u00e2che : la liste, les statuts, les filtres et les actions existantes restent ci-dessous.<\/p>\n            <\/div>\n            <div class=\"unpnc-dashboard-task-controls\">\n                <button id=\"unpnc-tm-section-tasks-btn\" class=\"unpnc-tm-btn is-danger\">\ud83d\udd34 T\u00e2ches Section<\/button>\n                <select id=\"unpnc-tm-priority-filter\" class=\"unpnc-tm-priority-select\">\n                    <option value=\"\">\u26a1 Toutes priorit\u00e9s<\/option>\n                    <option value=\"low\">\ud83d\udfe2 Basse<\/option>\n                    <option value=\"medium\">\ud83d\udfe1 Normale<\/option>\n                    <option value=\"high\">\ud83d\udd34 Urgente<\/option>\n                    <option value=\"extreme\">\ud83d\udea8 Extr\u00eame (5+ jours)<\/option>\n                <\/select>\n            <\/div>\n        <\/div>\n\n        <!-- Statistiques historiques du carnet : identifiants conserv\u00e9s -->\n        <div class=\"unpnc-tm-stats\">\n            <div class=\"unpnc-tm-stat-card\">\n                <div class=\"unpnc-tm-stat-icon\">\ud83d\udccb<\/div>\n                <div class=\"unpnc-tm-stat-info\"><div class=\"unpnc-tm-stat-value\" id=\"stat-total\">0<\/div><div class=\"unpnc-tm-stat-label\">Total t\u00e2ches<\/div><\/div>\n            <\/div>\n            <div class=\"unpnc-tm-stat-card\">\n                <div class=\"unpnc-tm-stat-icon\">\u26a0\ufe0f<\/div>\n                <div class=\"unpnc-tm-stat-info\"><div class=\"unpnc-tm-stat-value\" id=\"stat-overdue\">0<\/div><div class=\"unpnc-tm-stat-label\">Report\u00e9es<\/div><\/div>\n            <\/div>\n            <div class=\"unpnc-tm-stat-card\">\n                <div class=\"unpnc-tm-stat-icon\">\u2705<\/div>\n                <div class=\"unpnc-tm-stat-info\"><div class=\"unpnc-tm-stat-value\" id=\"stat-completed\">0<\/div><div class=\"unpnc-tm-stat-label\">Compl\u00e9t\u00e9es<\/div><\/div>\n            <\/div>\n            <div class=\"unpnc-tm-stat-card\">\n                <div class=\"unpnc-tm-stat-icon\">\ud83d\udcc6<\/div>\n                <div class=\"unpnc-tm-stat-info\"><div class=\"unpnc-tm-stat-value\" id=\"stat-week\">0<\/div><div class=\"unpnc-tm-stat-label\">Cette semaine<\/div><\/div>\n            <\/div>\n            <div class=\"unpnc-tm-stat-card\">\n                <div class=\"unpnc-tm-stat-icon\">\ud83d\udcc5<\/div>\n                <div class=\"unpnc-tm-stat-info\"><div class=\"unpnc-tm-stat-value\" id=\"stat-today\">0<\/div><div class=\"unpnc-tm-stat-label\">Aujourd'hui<\/div><\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Liste des t\u00e2ches -->\n    <div id=\"unpnc-tm-tasks-container\" class=\"unpnc-tm-tasks-list\">\n        <div class=\"unpnc-tm-loading\">\n            <div class=\"unpnc-tm-spinner\"><\/div>\n            <p>Chargement des t\u00e2ches...<\/p>\n        <\/div>\n    <\/div>\n\n    <!-- Modal de cr\u00e9ation\/\u00e9dition de t\u00e2che -->\n    <div id=\"unpnc-tm-modal\" class=\"unpnc-tm-modal\">\n        <div class=\"unpnc-tm-modal-content\" style=\"max-width: 800px;\">\n            <div class=\"unpnc-tm-modal-header\">\n                <h3>\u2795 Nouvelle t\u00e2che<\/h3>\n                <button class=\"unpnc-tm-modal-close\">&times;<\/button>\n            <\/div>\n            \n            <form id=\"unpnc-tm-task-form\" style=\"padding: 40px;\">\n                <!-- Titre -->\n                <div class=\"unpnc-tm-form-group\">\n                    <label for=\"task-title\">\ud83d\udcdd Titre de la t\u00e2che *<\/label>\n                    <input type=\"text\" id=\"task-title\" name=\"title\" required placeholder=\"Ex: Appeler Jean Dupont pour renouvellement\">\n                <\/div>\n                \n                <!-- Toggle Adh\u00e9rent \/ Section -->\n                <div class=\"unpnc-tm-form-group\">\n                    <label>Type de t\u00e2che<\/label>\n                    <div class=\"unpnc-tm-toggle-group\">\n                        <button type=\"button\" class=\"unpnc-tm-toggle-btn active\" data-type=\"adherent\">\n                            \ud83d\udc64 Adh\u00e9rent\n                        <\/button>\n                        <button type=\"button\" class=\"unpnc-tm-toggle-btn\" data-type=\"section\">\n                            \ud83d\udd34 Section\n                        <\/button>\n                    <\/div>\n                    <input type=\"hidden\" id=\"task-type\" name=\"task_type\" value=\"adherent\">\n                <\/div>\n                \n                <!-- Description -->\n                <div class=\"unpnc-tm-form-group\">\n                    <label for=\"task-description\">\ud83d\udcc4 Description<\/label>\n                    <textarea id=\"task-description\" name=\"description\" rows=\"3\" placeholder=\"D\u00e9tails de la t\u00e2che...\"><\/textarea>\n                <\/div>\n                \n                <!-- Adh\u00e9rent (visible si type=\"adherent\") -->\n                <div class=\"unpnc-tm-form-group\" id=\"adherent-group\">\n                    <label for=\"task-adherent-name\">\ud83d\udc64 Adh\u00e9rent concern\u00e9<\/label>\n                    <input type=\"text\" id=\"task-adherent-name\" name=\"adherent_name\" placeholder=\"Nom et pr\u00e9nom\">\n                    <input type=\"hidden\" id=\"task-adherent-id\" name=\"adherent_id\" value=\"\">\n                    <div style=\"display:flex;gap:10px;margin-top:10px;\">\n                        <button type=\"button\" id=\"search-adherent-btn\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary\" style=\"flex:1;\">\n                            \ud83d\udd0d Rechercher dans l'annuaire\n                        <\/button>\n                        <button type=\"button\" id=\"create-adherent-btn\" class=\"unpnc-tm-btn unpnc-tm-btn-primary\" style=\"flex:1;\">\n                            \u2795 Cr\u00e9er nouvel adh\u00e9rent\n                        <\/button>\n                    <\/div>\n                <\/div>\n                \n                <!-- Section (masqu\u00e9 par d\u00e9faut) -->\n                <div class=\"unpnc-tm-form-group\" id=\"section-group\" style=\"display:none;\">\n                    <label for=\"task-section-category\">\ud83d\udd34 Cat\u00e9gorie Section *<\/label>\n                    <select id=\"task-section-category\" name=\"section_category\">\n                        <option value=\"\">S\u00e9lectionner...<\/option>\n                        <option value=\"assemblee_generale\">\ud83d\udce2 Assembl\u00e9e G\u00e9n\u00e9rale<\/option>\n                        <option value=\"reunion_bureau\">\ud83d\udc54 R\u00e9union Bureau<\/option>\n                        <option value=\"action_collective\">\u270a Action Collective<\/option>\n                        <option value=\"communication\">\ud83d\udce3 Communication<\/option>\n                        <option value=\"juridique\">\u2696\ufe0f Juridique<\/option>\n                        <option value=\"formation\">\ud83d\udcda Formation<\/option>\n                        <option value=\"negociation\">\ud83e\udd1d N\u00e9gociation<\/option>\n                        <option value=\"autre\">\ud83d\udccc Autre<\/option>\n                    <\/select>\n                <\/div>\n                \n                <!-- Nature et Priorit\u00e9 -->\n                <div class=\"unpnc-tm-form-row\">\n                    <div class=\"unpnc-tm-form-group\">\n                        <label for=\"task-nature\">\ud83c\udff7\ufe0f Nature de la t\u00e2che *<\/label>\n                        <select id=\"task-nature\" name=\"task_nature\" required>\n                            <option value=\"\">S\u00e9lectionner...<\/option>\n                            <option value=\"telephone\">\ud83d\udcde T\u00e9l\u00e9phone<\/option>\n                            <option value=\"email\">\ud83d\udce7 Email<\/option>\n                            <option value=\"contact_direct\">\ud83e\udd1d Contact direct<\/option>\n                            <option value=\"reunion\">\ud83d\udc65 R\u00e9union<\/option>\n                            <option value=\"courrier\">\ud83d\udcec Courrier<\/option>\n                            <option value=\"administratif\">\ud83d\udcc4 Administratif<\/option>\n                            <option value=\"suivi\">\ud83d\udcca Suivi dossier<\/option>\n                            <option value=\"autre\">\ud83d\udccc Autre<\/option>\n                        <\/select>\n                    <\/div>\n                    \n                    <div class=\"unpnc-tm-form-group\">\n                        <label for=\"task-priority\">\u26a1 Priorit\u00e9<\/label>\n                        <select id=\"task-priority\" name=\"priority\">\n                            <option value=\"low\">\ud83d\udfe2 Basse<\/option>\n                            <option value=\"medium\" selected>\ud83d\udfe1 Normale<\/option>\n                            <option value=\"high\">\ud83d\udd34 Urgente<\/option>\n                        <\/select>\n                    <\/div>\n                <\/div>\n                \n                <!-- Date d'\u00e9ch\u00e9ance -->\n                <div class=\"unpnc-tm-form-group\">\n                    <label for=\"task-due-date\">\ud83d\udcc5 Date d'\u00e9ch\u00e9ance *<\/label>\n                    <input type=\"date\" id=\"task-due-date\" name=\"due_date\" required>\n                <\/div>\n                \n                <!-- Boutons -->\n                <div class=\"unpnc-tm-form-actions\">\n                    <button type=\"button\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary unpnc-tm-modal-close\">\n                        \u274c Annuler\n                    <\/button>\n                    <button type=\"submit\" class=\"unpnc-tm-btn unpnc-tm-btn-primary\">\n                        \u2705 Enregistrer la t\u00e2che\n                    <\/button>\n                <\/div>\n            <\/form>\n        <\/div>\n    <\/div>\n\n    <!-- Modal Annuaire -->\n    <div id=\"unpnc-annuaire-modal\" class=\"unpnc-tm-modal\" style=\"display:none;\">\n        <div class=\"unpnc-tm-modal-content\" style=\"max-width: 900px;\">\n            <div class=\"unpnc-tm-modal-header\">\n                <h3>\ud83d\udcc7 Annuaire des Adh\u00e9rents<\/h3>\n                <button class=\"unpnc-tm-modal-close annuaire-close\">&times;<\/button>\n            <\/div>\n            <div class=\"unpnc-tm-modal-body\">\n                <div class=\"unpnc-annuaire-search\" style=\"margin-bottom: 20px;\">\n                    <input type=\"text\" id=\"annuaire-search-input\" placeholder=\"\ud83d\udd0d Rechercher un adh\u00e9rent (min 2 caract\u00e8res)...\" style=\"width: 100%; padding: 12px; font-size: 16px; border: 2px solid #ddd; border-radius: 6px;\">\n                <\/div>\n                <div id=\"annuaire-results\" style=\"max-height: 400px; overflow-y: auto;\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Modal Fiche Adh\u00e9rent -->\n    <div id=\"unpnc-fiche-adherent-modal\" class=\"unpnc-tm-modal\" style=\"display:none;\">\n        <div class=\"unpnc-tm-modal-content\" style=\"max-width: 1100px; max-height: 90vh; display: flex; flex-direction: column;\">\n            <div class=\"unpnc-tm-modal-header\" style=\"flex-shrink: 0;\">\n                <h3>\ud83d\udc64 Fiche Adh\u00e9rent<\/h3>\n                <button class=\"unpnc-tm-modal-close fiche-adherent-close\">&times;<\/button>\n            <\/div>\n            <div class=\"unpnc-tm-modal-body\" style=\"flex: 1; overflow-y: auto; overflow-x: hidden;\">\n                <div id=\"fiche-adherent-content\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Modal Justice \/ Contentieux -->\n    <div id=\"unpnc-contentieux-modal\" class=\"unpnc-tm-modal\" style=\"display:none;\">\n        <div class=\"unpnc-tm-modal-content\" style=\"max-width: 900px; max-height: 90vh; display:flex; flex-direction:column;\">\n            <div class=\"unpnc-tm-modal-header\" style=\"flex-shrink:0;\">\n                <h3>\u2696\ufe0f Contentieux<\/h3>\n                <button class=\"unpnc-tm-modal-close contentieux-close\">&times;<\/button>\n            <\/div>\n            <div class=\"unpnc-tm-modal-body\" style=\"flex:1; overflow:auto;\">\n                <form id=\"unpnc-contentieux-form\" style=\"padding:20px;\">\n                    <input type=\"hidden\" id=\"contentieux-adherent-id\">\n                    <div style=\"display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:16px;\">\n                        <div>\n                            <div style=\"font-weight:700;font-size:16px;\" id=\"contentieux-adherent-name\">Adh\u00e9rent<\/div>\n                            <div style=\"font-size:12px;color:#666;\" id=\"contentieux-next-deadline\">Prochain d\u00e9lai : \u2014<\/div>\n                        <\/div>\n                        <div style=\"display:flex;gap:10px;\">\n                            <button type=\"button\" id=\"contentieux-export-pdf\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary\">\ud83d\udcc4 Export PDF<\/button>\n                            <button type=\"submit\" class=\"unpnc-tm-btn unpnc-tm-btn-primary\">\ud83d\udcbe Enregistrer<\/button>\n                        <\/div>\n                    <\/div>\n\n                    <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:14px;\">\n                        <div style=\"background:#f8f9fa;border:1px solid #e5e7eb;border-radius:10px;padding:14px;\">\n                            <div style=\"display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;\">\n                                <h4 style=\"margin:0;\">\ud83c\udfe2 Entreprise en cause<\/h4>\n                                <button type=\"button\" id=\"contentieux-open-entreprise-identite\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary\" style=\"padding:8px 10px;min-width:auto;\">\ud83e\udeaa Identit\u00e9<\/button>\n                            <\/div>\n                            <div class=\"unpnc-tm-form-group\">\n                                <label>Raison sociale *<\/label>\n                                <input type=\"text\" id=\"contentieux-entreprise-nom\" required placeholder=\"Nom de l'entreprise\">\n                            <\/div>\n                            <div class=\"unpnc-tm-form-group\">\n                                <label>Num\u00e9ro (SIRET \/ dossier)<\/label>\n                                <input type=\"text\" id=\"contentieux-entreprise-numero\" placeholder=\"Num\u00e9ro\">\n                            <\/div>\n                            <div class=\"unpnc-tm-form-group\">\n                                <label>Date BCO<\/label>\n                                <input type=\"date\" id=\"contentieux-date-bco\">\n                            <\/div>\n                            <div class=\"unpnc-tm-form-group\">\n                                <label>BCO \u2014 Moment<\/label>\n                                <select id=\"contentieux-moment-bco\">\n                                    <option value=\"\">\u2014<\/option>\n                                    <option value=\"matin\">Matin<\/option>\n                                    <option value=\"soir\">Soir<\/option>\n                                <\/select>\n                            <\/div>\n                        <\/div>\n\n                        <div style=\"background:#f8f9fa;border:1px solid #e5e7eb;border-radius:10px;padding:14px;\">\n                            <div style=\"display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;\">\n                                <h4 style=\"margin:0;\">\u2696\ufe0f Avocat adverse<\/h4>\n<\/div>\n                            <div class=\"unpnc-tm-form-group\">\n                                <label>Nom \/ Cabinet<\/label>\n                                <input type=\"text\" id=\"contentieux-avocat-nom\" placeholder=\"Nom de l'avocat\">\n                            <\/div>\n                            <div class=\"unpnc-tm-form-row\">\n                                <div class=\"unpnc-tm-form-group\" style=\"flex:1;\">\n                                    <label>T\u00e9l\u00e9phone<\/label>\n                                    <input type=\"tel\" id=\"contentieux-avocat-phone\" placeholder=\"06...\">\n                                <\/div>\n                                <div class=\"unpnc-tm-form-group\" style=\"flex:1;\">\n                                    <label>Email<\/label>\n                                    <input type=\"email\" id=\"contentieux-avocat-email\" placeholder=\"email@...\">\n                                <\/div>\n                            <\/div>\n\n                            <!-- Boutons CERFA \/ questions d'usage -->\n                            <div style=\"display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;\">\n                                <button type=\"button\" id=\"contentieux-open-demandes\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary\" style=\"flex:1;min-width:200px;\">\ud83d\udcd1 Les demandes<\/button>\n                                <button type=\"button\" id=\"contentieux-open-questions\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary\" style=\"flex:1;min-width:200px;\">\ud83d\udcdd Questions d\u2019usage<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;\">\n                        <div style=\"background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px;\">\n                            <div style=\"display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;\">\n                                <h4 style=\"margin:0;\">\ud83e\uddd1\u200d\u2696\ufe0f D\u00e9fenseurs syndicaux<\/h4>\n<\/div>\n                            <div class=\"unpnc-tm-form-group\">\n                                <label>BCO \u2014 Nom<\/label>\n                                <select id=\"contentieux-ds-bco-nom\">\n                                    <option value=\"\">\u2014 S\u00e9lectionner \u2014<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"unpnc-tm-form-group\">\n                                <label>BCO \u2014 T\u00e9l\u00e9phone<\/label>\n                                <input type=\"tel\" id=\"contentieux-ds-bco-phone\" placeholder=\"06...\">\n                            <\/div>\n                            <hr style=\"border:none;border-top:1px solid #eee;margin:12px 0;\">\n                            <div class=\"unpnc-tm-form-group\">\n                                <label>BJ\/REF \u2014 Nom<\/label>\n                                <select id=\"contentieux-ds-bj-nom\">\n                                    <option value=\"\">\u2014 S\u00e9lectionner \u2014<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"unpnc-tm-form-group\">\n                                <label>BJ\/REF \u2014 T\u00e9l\u00e9phone<\/label>\n                                <input type=\"tel\" id=\"contentieux-ds-bj-phone\" placeholder=\"06...\">\n                            <\/div>\n                        <\/div>\n\n                        <div style=\"background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px;\">\n                            <h4 style=\"margin:0 0 12px 0;\">\ud83d\udcc5 Conclusions & r\u00e9f\u00e9rences<\/h4>\n                            <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:10px;\">\n                                <div>\n                                    <label style=\"font-weight:600;font-size:12px;color:#444;\">Nos conclusions<\/label>\n                                    <input type=\"date\" id=\"contentieux-date-notre\" style=\"width:100%;\">\n                                    <input type=\"text\" id=\"contentieux-ref-notre\" placeholder=\"R\u00e9f\u00e9rence\" style=\"width:100%;margin-top:6px;\">\n                                <\/div>\n                                <div>\n                                    <label style=\"font-weight:600;font-size:12px;color:#444;\">Conclusions avocat<\/label>\n                                    <input type=\"date\" id=\"contentieux-date-avocat\" style=\"width:100%;\">\n                                    <input type=\"text\" id=\"contentieux-ref-avocat\" placeholder=\"R\u00e9f\u00e9rence\" style=\"width:100%;margin-top:6px;\">\n                                <\/div>\n                                <div>\n                                    <label style=\"font-weight:600;font-size:12px;color:#444;\">R\u00e9plique<\/label>\n                                    <input type=\"date\" id=\"contentieux-date-replique\" style=\"width:100%;\">\n                                    <input type=\"text\" id=\"contentieux-ref-replique\" placeholder=\"R\u00e9f\u00e9rence\" style=\"width:100%;margin-top:6px;\">\n                                <\/div>\n                                <div>\n                                    <label style=\"font-weight:600;font-size:12px;color:#444;\">Duplique<\/label>\n                                    <input type=\"date\" id=\"contentieux-date-duplique\" style=\"width:100%;\">\n                                    <input type=\"text\" id=\"contentieux-ref-duplique\" placeholder=\"R\u00e9f\u00e9rence\" style=\"width:100%;margin-top:6px;\">\n                                <\/div>\n                            <\/div>\n                            <div style=\"margin-top:10px;font-size:12px;color:#666;\">\n                                <label style=\"display:flex;gap:8px;align-items:center;\">\n                                    <input type=\"checkbox\" id=\"contentieux-create-reminders\" checked>\n                                    Cr\u00e9er\/mettre \u00e0 jour des rappels (t\u00e2ches) sur ces dates\n                                <\/label>\n                            <\/div>\n\n                            <div style=\"margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px;\">\n                                <div>\n                                    <label style=\"font-weight:600;font-size:12px;color:#444;\">BJ\/REF<\/label>\n                                    <input type=\"date\" id=\"contentieux-date-bjref\" style=\"width:100%;\">\n                                    <select id=\"contentieux-moment-bjref\" style=\"width:100%;margin-top:6px;\">\n                                        <option value=\"\">\u2014 Moment \u2014<\/option>\n                                        <option value=\"matin\">Matin<\/option>\n                                        <option value=\"soir\">Soir<\/option>\n                                    <\/select>\n                                <\/div>\n                                <div>\n                                    <label style=\"font-weight:600;font-size:12px;color:#444;\">R\u00e9f\u00e9rence BJ\/REF<\/label>\n                                    <input type=\"text\" id=\"contentieux-ref-bjref\" placeholder=\"R\u00e9f\u00e9rence\" style=\"width:100%;margin-top:0;\">\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div style=\"background:#fffbf0;border:1px solid #f1e2b6;border-radius:10px;padding:14px;margin-top:14px;\">\n                        <div style=\"display:flex;justify-content:space-between;align-items:center;gap:10px;\">\n                            <h4 style=\"margin:0;\">\ud83d\udcda Articles de loi \/ argumentaire<\/h4>\n                            <div style=\"display:flex;gap:8px;flex-wrap:wrap;\">\n                                <button type=\"button\" id=\"unpnc-open-model-library\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary\">\u2795 Ins\u00e9rer un mod\u00e8le<\/button>\n                            <\/div>\n                        <\/div>\n                        <textarea id=\"contentieux-articles\" style=\"width:100%;min-height:140px;padding:12px;border:1px solid #e5e7eb;border-radius:8px;margin-top:10px;resize:vertical;\" placeholder=\"Articles, moyens, demandes, pi\u00e8ces...\\n\\nAstuce: ouvre la biblioth\u00e8que de mod\u00e8les pour ins\u00e9rer des blocs pr\u00eats \u00e0 l'emploi.\"><\/textarea>\n                    <\/div>\n\n                    <div style=\"background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:14px;margin-top:14px;\">\n                        <h4 style=\"margin:0 0 10px 0;\">\u2705 Checklist proc\u00e9dure<\/h4>\n                        <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:10px;\">\n                            <label><input type=\"checkbox\" id=\"ck-saisine\"> Saisine d\u00e9pos\u00e9e<\/label>\n                            <label><input type=\"checkbox\" id=\"ck-pieces\"> Pi\u00e8ces pr\u00eates<\/label>\n                            <label><input type=\"checkbox\" id=\"ck-nos-concl\"> Nos conclusions d\u00e9pos\u00e9es<\/label>\n                            <label><input type=\"checkbox\" id=\"ck-concl-adverse\"> Conclusions adverse re\u00e7ues<\/label>\n                            <label><input type=\"checkbox\" id=\"ck-audience\"> Audience planifi\u00e9e<\/label>\n                            <label><input type=\"checkbox\" id=\"ck-communication\"> Communication envoy\u00e9e<\/label>\n                        <\/div>\n                    <\/div>\n\n                <\/form>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Modal : Identit\u00e9 entreprise (Contentieux) -->\n    <div id=\"unpnc-entreprise-identite-modal\" class=\"unpnc-tm-modal\" style=\"display:none;\">\n        <div class=\"unpnc-tm-modal-content\" style=\"max-width: 980px;\">\n            <div class=\"unpnc-tm-modal-header\">\n                <h3>\ud83c\udfe2 Identit\u00e9 de l\u2019entreprise<\/h3>\n                <button class=\"unpnc-tm-modal-close unpnc-entreprise-identite-close\">&times;<\/button>\n            <\/div>\n            <div class=\"unpnc-tm-modal-body\" style=\"padding:18px;\">\n                <div style=\"display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-bottom:12px;\">\n                    <button type=\"button\" id=\"contentieux-entreprise-identite-save\" class=\"unpnc-tm-btn unpnc-tm-btn-primary\">\ud83d\udcbe Enregistrer<\/button>\n                <\/div>\n\n                <div class=\"unpnc-ent-identite-grid\" style=\"display:grid;grid-template-columns:1fr 1fr;gap:14px;\">\n                    <div style=\"background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;\">\n                        <h4 style=\"margin:0 0 10px 0;\">Identit\u00e9 g\u00e9n\u00e9rale<\/h4>\n\n                        <div class=\"unpnc-tm-form-row\">\n                            <div class=\"unpnc-tm-form-group\" style=\"flex:1;\">\n                                <label>Code IDCC<\/label>\n                                <input type=\"text\" id=\"contentieux-ent-idcc\" placeholder=\"IDCC (ex: 1979)\">\n                            <\/div>\n                            <div class=\"unpnc-tm-form-group\" style=\"flex:1;\">\n                                <label>Code APE<\/label>\n                                <input type=\"text\" id=\"contentieux-ent-ape\" placeholder=\"APE (ex: 5610A)\">\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"unpnc-tm-form-group\">\n                            <label>Convention \/ accord collectif<\/label>\n                            <input type=\"text\" id=\"contentieux-ent-convention\" placeholder=\"Convention collective\">\n                        <\/div>\n\n                        <div class=\"unpnc-tm-form-group\">\n                            <label>Activit\u00e9 principale<\/label>\n                            <input type=\"text\" id=\"contentieux-ent-activite\" placeholder=\"Activit\u00e9 principale\">\n                        <\/div>\n\n                        <div class=\"unpnc-tm-form-row\">\n                            <div class=\"unpnc-tm-form-group\" style=\"flex:1;\">\n                                <label>Email<\/label>\n                                <input type=\"email\" id=\"contentieux-ent-email\" placeholder=\"email@...\">\n                            <\/div>\n                            <div class=\"unpnc-tm-form-group\" style=\"flex:1;\">\n                                <label>T\u00e9l\u00e9phone<\/label>\n                                <input type=\"tel\" id=\"contentieux-ent-telephone\" placeholder=\"01... \/ 06...\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div style=\"background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;\">\n                        <h4 style=\"margin:0 0 10px 0;\">Personne morale<\/h4>\n\n                        <div class=\"unpnc-tm-form-row\">\n                            <div class=\"unpnc-tm-form-group\" style=\"flex:1;\">\n                                <label>Forme juridique<\/label>\n                                <input type=\"text\" id=\"contentieux-ent-forme\" placeholder=\"SA, SARL, SAS...\">\n                            <\/div>\n                            <div class=\"unpnc-tm-form-group\" style=\"flex:1;\">\n                                <label>D\u00e9nomination<\/label>\n                                <input type=\"text\" id=\"contentieux-ent-denomination\" placeholder=\"D\u00e9nomination\">\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"unpnc-tm-form-group\">\n                            <label>Adresse du si\u00e8ge social<\/label>\n                            <input type=\"text\" id=\"contentieux-ent-siege-adresse\" placeholder=\"Adresse\">\n                        <\/div>\n\n                        <div class=\"unpnc-tm-form-row\">\n                            <div class=\"unpnc-tm-form-group\" style=\"flex:1;\">\n                                <label>Code postal<\/label>\n                                <input type=\"text\" id=\"contentieux-ent-siege-cp\" placeholder=\"CP\">\n                            <\/div>\n                            <div class=\"unpnc-tm-form-group\" style=\"flex:1;\">\n                                <label>Commune<\/label>\n                                <input type=\"text\" id=\"contentieux-ent-siege-commune\" placeholder=\"Ville\">\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"unpnc-tm-form-group\">\n                            <label>Pays<\/label>\n                            <input type=\"text\" id=\"contentieux-ent-siege-pays\" placeholder=\"Pays\">\n                        <\/div>\n\n                        <div class=\"unpnc-tm-form-group\">\n                            <label>Repr\u00e9sentant l\u00e9gal<\/label>\n                            <input type=\"text\" id=\"contentieux-ent-representant\" placeholder=\"Nom, pr\u00e9nom\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div style=\"margin-top:14px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;\">\n                    <h4 style=\"margin:0 0 10px 0;\">\u00c9tablissement o\u00f9 est accompli le travail<\/h4>\n\n                    <div class=\"unpnc-tm-form-group\">\n                        <label>Adresse<\/label>\n                        <input type=\"text\" id=\"contentieux-ent-travail-adresse\" placeholder=\"Adresse\">\n                    <\/div>\n\n                    <div class=\"unpnc-tm-form-group\">\n                        <label>Compl\u00e9ment d\u2019adresse<\/label>\n                        <input type=\"text\" id=\"contentieux-ent-travail-complement\" placeholder=\"Compl\u00e9ment\">\n                    <\/div>\n\n                    <div class=\"unpnc-tm-form-row\">\n                        <div class=\"unpnc-tm-form-group\" style=\"flex:1;\">\n                            <label>Code postal<\/label>\n                            <input type=\"text\" id=\"contentieux-ent-travail-cp\" placeholder=\"CP\">\n                        <\/div>\n                        <div class=\"unpnc-tm-form-group\" style=\"flex:1;\">\n                            <label>Commune<\/label>\n                            <input type=\"text\" id=\"contentieux-ent-travail-commune\" placeholder=\"Ville\">\n                        <\/div>\n                        <div class=\"unpnc-tm-form-group\" style=\"flex:1;\">\n                            <label>Pays<\/label>\n                            <input type=\"text\" id=\"contentieux-ent-travail-pays\" placeholder=\"Pays\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Modal : Les demandes (CERFA CPH salari\u00e9) -->\n    <div id=\"unpnc-demandes-modal\" class=\"unpnc-tm-modal\" style=\"display:none;\">\n        <div class=\"unpnc-tm-modal-content\" style=\"max-width: 980px;\">\n            <div class=\"unpnc-tm-modal-header\">\n                <h3>\ud83d\udcd1 Les demandes (CERFA)<\/h3>\n                <button class=\"unpnc-tm-modal-close unpnc-demandes-close\">&times;<\/button>\n            <\/div>\n            <div class=\"unpnc-tm-modal-body\" style=\"padding:18px;\">\n                <div style=\"display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-bottom:12px;\">\n                    <button type=\"button\" id=\"demandes-export-pdf\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary\">\ud83d\udcc4 Export PDF<\/button>\n                    <button type=\"button\" id=\"demandes-save\" class=\"unpnc-tm-btn unpnc-tm-btn-primary\">\ud83d\udcbe Enregistrer<\/button>\n                <\/div>\n\n                <div style=\"background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;\">\n                    <div style=\"font-size:12px;color:#6b7280;margin-bottom:10px;\">\n                        Coche les demandes du CERFA, ajoute un texte de pr\u00e9cision et un montant si n\u00e9cessaire. Le total se calcule automatiquement.\n                    <\/div>\n\n                    <div style=\"display:grid;gap:14px;\">\n                        <div>\n                            <h4 style=\"margin:0 0 8px 0;\">Demandes li\u00e9es \u00e0 la proc\u00e9dure<\/h4>\n                            <div id=\"demandes-procedure\" class=\"unpnc-cerfa-grid\"><\/div>\n                        <\/div>\n\n                        <div>\n                            <h4 style=\"margin:0 0 8px 0;\">\u00c9v\u00e9nements \/ demandes li\u00e9s au litige<\/h4>\n                            <div id=\"demandes-litige\" class=\"unpnc-cerfa-grid\"><\/div>\n                        <\/div>\n\n                        <div>\n                            <h4 style=\"margin:0 0 8px 0;\">Demandes chiffr\u00e9es<\/h4>\n                            <div id=\"demandes-chiffrees\" class=\"unpnc-cerfa-grid\"><\/div>\n                        <\/div>\n\n                        <div>\n                            <h4 style=\"margin:0 0 8px 0;\">Remise de documents (astreinte)<\/h4>\n                            <div id=\"demandes-documents\" class=\"unpnc-cerfa-grid\"><\/div>\n                        <\/div>\n\n                        <div>\n                            <h4 style=\"margin:0 0 8px 0;\">Expos\u00e9 sommaire des motifs<\/h4>\n                            <textarea id=\"demandes-motifs\" style=\"width:100%;min-height:120px;padding:12px;border:1px solid #e5e7eb;border-radius:10px;resize:vertical;\" placeholder=\"R\u00e9sum\u00e9 des faits, dates cl\u00e9s, ce qui est demand\u00e9, etc.\"><\/textarea>\n                        <\/div>\n\n                        <div style=\"display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap;\">\n                            <div style=\"font-weight:700;\">Total :<\/div>\n                            <input type=\"text\" id=\"demandes-total\" readonly style=\"width:160px;text-align:right;font-weight:700;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#f8fafc;\" value=\"0,00 \u20ac\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Modal : Questions d'usage -->\n    <div id=\"unpnc-questions-usage-modal\" class=\"unpnc-tm-modal\" style=\"display:none;\">\n        <div class=\"unpnc-tm-modal-content\" style=\"max-width: 980px;\">\n            <div class=\"unpnc-tm-modal-header\">\n                <h3>\ud83d\udcdd Questions d\u2019usage<\/h3>\n                <button class=\"unpnc-tm-modal-close unpnc-questions-close\">&times;<\/button>\n            <\/div>\n            <div class=\"unpnc-tm-modal-body\" style=\"padding:18px;\">\n                <div style=\"display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-bottom:12px;\">\n                    <button type=\"button\" id=\"questions-export-pdf\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary\">\ud83d\udcc4 Export PDF<\/button>\n                    <button type=\"button\" id=\"questions-save\" class=\"unpnc-tm-btn unpnc-tm-btn-primary\">\ud83d\udcbe Enregistrer<\/button>\n                <\/div>\n\n                <div style=\"background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;\">\n                    <div class=\"unpnc-tm-form-row\" style=\"gap:12px;flex-wrap:wrap;\">\n                        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n                            <label>Date d\u2019entr\u00e9e du salari\u00e9 dans la soci\u00e9t\u00e9<\/label>\n                            <input type=\"date\" id=\"usage-date-entree\">\n                        <\/div>\n                        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n                            <label>Poste \u00e0 l\u2019entr\u00e9e<\/label>\n                            <input type=\"text\" id=\"usage-poste-entree\" placeholder=\"Ex: PNC, agent, ...\">\n                        <\/div>\n                        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n                            <label>Poste actuel<\/label>\n                            <input type=\"text\" id=\"usage-poste-actuel\" placeholder=\"Ex: ...\">\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"unpnc-tm-form-row\" style=\"gap:12px;flex-wrap:wrap;\">\n                        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n                            <label>Contrat<\/label>\n                            <select id=\"usage-contrat\">\n                                <option value=\"\">\u2014<\/option>\n                                <option value=\"ecrit\">\u00c9crit<\/option>\n                                <option value=\"oral\">Oral<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n                            <label>Moyenne des salaires<\/label>\n                            <select id=\"usage-moyenne\">\n                                <option value=\"\">\u2014<\/option>\n                                <option value=\"12\">12 mois<\/option>\n                                <option value=\"3\">3 mois<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n                            <label>Convention collective<\/label>\n                            <input type=\"text\" id=\"usage-convention\" placeholder=\"Nom de la convention\">\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"unpnc-tm-form-row\" style=\"gap:12px;flex-wrap:wrap;\">\n                        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n                            <label>Entreprise (effectif)<\/label>\n                            <select id=\"usage-effectif\">\n                                <option value=\"\">\u2014<\/option>\n                                <option value=\"moins11\">Moins de 11 salari\u00e9s<\/option>\n                                <option value=\"plus11\">11 salari\u00e9s ou plus<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n                            <label>Licenciement<\/label>\n                            <select id=\"usage-licenciement\">\n                                <option value=\"\">\u2014<\/option>\n                                <option value=\"oui\">Oui<\/option>\n                                <option value=\"non\">Non<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"unpnc-tm-form-group\" style=\"flex:2;min-width:240px;\">\n                            <label>Nature du licenciement<\/label>\n                            <input type=\"text\" id=\"usage-nature-licenciement\" placeholder=\"Ex: disciplinaire, \u00e9conomique, ...\">\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"unpnc-tm-form-row\" style=\"gap:12px;flex-wrap:wrap;\">\n                        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n                            <label>Date du dernier jour travaill\u00e9<\/label>\n                            <input type=\"date\" id=\"usage-dernier-jour\">\n                        <\/div>\n                        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n                            <label>Date convocation entretien pr\u00e9alable<\/label>\n                            <input type=\"date\" id=\"usage-date-convocation\">\n                        <\/div>\n                        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n                            <label>Date du licenciement<\/label>\n                            <input type=\"date\" id=\"usage-date-licenciement\">\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"unpnc-tm-form-row\" style=\"gap:12px;flex-wrap:wrap;\">\n                        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n                            <label>Pr\u00e9avis<\/label>\n                            <select id=\"usage-preavis\">\n                                <option value=\"\">\u2014<\/option>\n                                <option value=\"1\">1 mois<\/option>\n                                <option value=\"2\">2 mois<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n                            <label>Le salari\u00e9 a-t-il trouv\u00e9 du travail ?<\/label>\n                            <select id=\"usage-retrouve-travail\">\n                                <option value=\"\">\u2014<\/option>\n                                <option value=\"oui\">Oui<\/option>\n                                <option value=\"non\">Non<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Modal Cr\u00e9ation Adh\u00e9rent -->\n    <div id=\"unpnc-create-adherent-modal\" class=\"unpnc-tm-modal\" style=\"display:none;\">\n        <div class=\"unpnc-tm-modal-content\" style=\"max-width: 700px;\">\n            <div class=\"unpnc-tm-modal-header\">\n                <h3>\u2795 Cr\u00e9er un nouvel adh\u00e9rent<\/h3>\n                <button class=\"unpnc-tm-modal-close create-adherent-close\">&times;<\/button>\n            <\/div>\n            <div class=\"unpnc-tm-modal-body\">\n                <form id=\"unpnc-create-adherent-form\" style=\"padding:20px;\">\n                    <div class=\"unpnc-tm-form-row\">\n                        <div class=\"unpnc-tm-form-group\">\n                            <label for=\"new-adherent-nom\">\ud83d\udc64 Nom *<\/label>\n                            <input type=\"text\" id=\"new-adherent-nom\" required placeholder=\"Nom de famille\">\n                        <\/div>\n                        <div class=\"unpnc-tm-form-group\">\n                            <label for=\"new-adherent-prenom\">\ud83d\udc64 Pr\u00e9nom *<\/label>\n                            <input type=\"text\" id=\"new-adherent-prenom\" required placeholder=\"Pr\u00e9nom\">\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"unpnc-tm-form-group\">\n                        <label for=\"new-adherent-npa\">\ud83d\udd22 NPA (Num\u00e9ro Personnel Agent)<\/label>\n                        <input type=\"text\" id=\"new-adherent-npa\" placeholder=\"Ex: 12345\">\n                    <\/div>\n\n                    <div class=\"unpnc-tm-form-group\">\n                        <label for=\"new-adherent-email\">\ud83d\udce7 Email<\/label>\n                        <input type=\"email\" id=\"new-adherent-email\" placeholder=\"email@example.com\">\n                    <\/div>\n\n                    <div class=\"unpnc-tm-form-group\">\n                        <label for=\"new-adherent-telephone\">\ud83d\udcde T\u00e9l\u00e9phone<\/label>\n                        <input type=\"tel\" id=\"new-adherent-telephone\" placeholder=\"Ex: 06 12 34 56 78\">\n                    <\/div>\n\n                    <div class=\"unpnc-tm-form-group\">\n                        <label for=\"new-adherent-service\">\ud83d\udccd Adresse<\/label>\n                        <input type=\"text\" id=\"new-adherent-service\" placeholder=\"Adresse compl\u00e8te\">\n                    <\/div>\n<div class=\"unpnc-tm-form-row\" style=\"gap:12px;flex-wrap:wrap;\">\n    <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n        <label for=\"new-adherent-nom-naissance\">\ud83e\udeaa Nom de naissance<\/label>\n        <input type=\"text\" id=\"new-adherent-nom-naissance\" placeholder=\"Nom de naissance\">\n    <\/div>\n    <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n        <label for=\"new-adherent-nom-usage\">\ud83e\udeaa Nom d\u2019usage<\/label>\n        <input type=\"text\" id=\"new-adherent-nom-usage\" placeholder=\"Nom d\u2019usage\">\n    <\/div>\n<\/div>\n\n<div class=\"unpnc-tm-form-row\" style=\"gap:12px;flex-wrap:wrap;\">\n    <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n        <label for=\"new-adherent-date-naissance\">\ud83c\udf82 Date de naissance<\/label>\n        <input type=\"date\" id=\"new-adherent-date-naissance\">\n    <\/div>\n    <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n        <label for=\"new-adherent-lieu-naissance\">\ud83c\udf0d Lieu de naissance<\/label>\n        <input type=\"text\" id=\"new-adherent-lieu-naissance\" placeholder=\"Ville \/ Pays\">\n    <\/div>\n<\/div>\n\n<div class=\"unpnc-tm-form-row\" style=\"gap:12px;flex-wrap:wrap;\">\n    <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n        <label for=\"new-adherent-nationalite\">\ud83c\udff3\ufe0f Nationalit\u00e9<\/label>\n        <input type=\"text\" id=\"new-adherent-nationalite\" placeholder=\"Nationalit\u00e9\">\n    <\/div>\n    <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n        <label for=\"new-adherent-profession-litige\">\u2696\ufe0f Profession lors du litige<\/label>\n        <input type=\"text\" id=\"new-adherent-profession-litige\" placeholder=\"Profession lors du litige\">\n    <\/div>\n<\/div>\n\n<div class=\"unpnc-tm-form-group\">\n    <label for=\"new-adherent-statut-pro\">\ud83e\uddfe Statut<\/label>\n    <select id=\"new-adherent-statut-pro\">\n        <option value=\"\">\u2014<\/option>\n        <option value=\"cadre_vrp\">Cadre \/ VRP<\/option>\n        <option value=\"non_cadre\">Non cadre<\/option>\n        <option value=\"apprenti\">Apprenti<\/option>\n    <\/select>\n<\/div>\n\n<div class=\"unpnc-tm-form-row\" style=\"gap:12px;flex-wrap:wrap;\">\n    <div class=\"unpnc-tm-form-group\" style=\"flex:2;min-width:240px;\">\n        <label for=\"new-adherent-adresse-ligne1\">\ud83d\udccd Adresse (ligne 1)<\/label>\n        <input type=\"text\" id=\"new-adherent-adresse-ligne1\" placeholder=\"Ex: 72 Boulevard Ney\">\n    <\/div>\n    <div class=\"unpnc-tm-form-group\" style=\"flex:2;min-width:240px;\">\n        <label for=\"new-adherent-adresse-ligne2\">\ud83d\udccd Compl\u00e9ment d\u2019adresse<\/label>\n        <input type=\"text\" id=\"new-adherent-adresse-ligne2\" placeholder=\"Ex: Centre d\u2019h\u00e9bergement ...\">\n    <\/div>\n<\/div>\n\n<div class=\"unpnc-tm-form-row\" style=\"gap:12px;flex-wrap:wrap;\">\n    <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:160px;\">\n        <label for=\"new-adherent-code-postal\">\ud83c\udff7\ufe0f Code postal<\/label>\n        <input type=\"text\" id=\"new-adherent-code-postal\" placeholder=\"75018\">\n    <\/div>\n    <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:200px;\">\n        <label for=\"new-adherent-commune\">\ud83c\udfd9\ufe0f Commune<\/label>\n        <input type=\"text\" id=\"new-adherent-commune\" placeholder=\"Paris\">\n    <\/div>\n    <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:200px;\">\n        <label for=\"new-adherent-pays\">\ud83c\udf10 Pays<\/label>\n        <input type=\"text\" id=\"new-adherent-pays\" placeholder=\"France\">\n    <\/div>\n<\/div>\n\n\n                    <div class=\"unpnc-tm-form-group\">\n                        <label for=\"new-adherent-profession\">\ud83d\udcbc Profession<\/label>\n                        <input type=\"text\" id=\"new-adherent-profession\" placeholder=\"Profession\">\n                    <\/div>\n\n<div style=\"margin-top:18px;padding:16px;border:2px solid #e5e7eb;border-radius:12px;background:#fafafa;\">\n    <div style=\"font-weight:800;color:#111827;margin-bottom:12px;display:flex;align-items:center;gap:8px;\">\n        \ud83e\uddfe Fiche de salaire\n    <\/div>\n\n    <div class=\"unpnc-tm-form-row\" style=\"gap:12px;flex-wrap:wrap;\">\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:220px;\">\n            <label for=\"new-adherent-matricule\">\ud83d\udd22 Matricule<\/label>\n            <input type=\"text\" id=\"new-adherent-matricule\" placeholder=\"Matricule\">\n        <\/div>\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:220px;\">\n            <label for=\"new-adherent-salaire-anciennete\">\ud83d\udd52 Anciennet\u00e9<\/label>\n            <input type=\"text\" id=\"new-adherent-salaire-anciennete\" placeholder=\"Ex: 5 ans\">\n        <\/div>\n    <\/div>\n\n    <div class=\"unpnc-tm-form-row\" style=\"gap:12px;flex-wrap:wrap;\">\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:220px;\">\n            <label for=\"new-adherent-salaire-qualification\">\ud83c\udf93 Qualification<\/label>\n            <input type=\"text\" id=\"new-adherent-salaire-qualification\" placeholder=\"Qualification\">\n        <\/div>\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:220px;\">\n            <label for=\"new-adherent-salaire-departement\">\ud83c\udfe2 D\u00e9partement<\/label>\n            <input type=\"text\" id=\"new-adherent-salaire-departement\" placeholder=\"D\u00e9partement\">\n        <\/div>\n    <\/div>\n\n    <div class=\"unpnc-tm-form-row\" style=\"gap:12px;flex-wrap:wrap;\">\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:220px;\">\n            <label for=\"new-adherent-salaire-categorie\">\ud83d\uddc2\ufe0f Cat\u00e9gorie<\/label>\n            <input type=\"text\" id=\"new-adherent-salaire-categorie\" placeholder=\"Cat\u00e9gorie\">\n        <\/div>\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:220px;\">\n            <label for=\"new-adherent-salaire-indice\">\ud83d\udccc Indice<\/label>\n            <input type=\"text\" id=\"new-adherent-salaire-indice\" placeholder=\"Indice\">\n        <\/div>\n    <\/div>\n\n    <div class=\"unpnc-tm-form-row\" style=\"gap:12px;flex-wrap:wrap;\">\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:220px;\">\n            <label for=\"new-adherent-salaire-niveau\">\ud83d\udcf6 Niveau<\/label>\n            <input type=\"text\" id=\"new-adherent-salaire-niveau\" placeholder=\"Niveau\">\n        <\/div>\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:220px;\">\n            <label for=\"new-adherent-salaire-coefficient\">\ud83e\uddee Coefficient<\/label>\n            <input type=\"text\" id=\"new-adherent-salaire-coefficient\" placeholder=\"Coefficient\">\n        <\/div>\n    <\/div>\n\n    <div class=\"unpnc-tm-form-row\" style=\"gap:12px;flex-wrap:wrap;\">\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:220px;\">\n            <label for=\"new-adherent-salaire-heures-mensuelles\">\u23f1\ufe0f Heures mensuelles<\/label>\n            <input type=\"text\" id=\"new-adherent-salaire-heures-mensuelles\" placeholder=\"Ex: 151,67\">\n        <\/div>\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:220px;\">\n            <label for=\"new-adherent-salaire-brut\">\ud83d\udcb6 Salaire brut<\/label>\n            <input type=\"text\" id=\"new-adherent-salaire-brut\" placeholder=\"Ex: 2 100,00\">\n        <\/div>\n    <\/div>\n\n    <div class=\"unpnc-tm-form-group\">\n        <label for=\"new-adherent-salaire-conges-restants\">\ud83c\udfd6\ufe0f Cong\u00e9s restants \/ non pay\u00e9s \/ non pris<\/label>\n        <input type=\"text\" id=\"new-adherent-salaire-conges-restants\" placeholder=\"D\u00e9tail \/ quantit\u00e9 \/ montant\">\n    <\/div>\n\n    <div class=\"unpnc-tm-form-row\" style=\"gap:12px;flex-wrap:wrap;\">\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n            <label for=\"new-adherent-salaire-heures-sup-non-payees\">\u2795 Heures sup non pay\u00e9es<\/label>\n            <input type=\"text\" id=\"new-adherent-salaire-heures-sup-non-payees\" placeholder=\"Montant \/ heures\">\n        <\/div>\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n            <label for=\"new-adherent-salaire-heures-sup-date\">\ud83d\udcc5 \u00c0 la date du<\/label>\n            <input type=\"date\" id=\"new-adherent-salaire-heures-sup-date\">\n        <\/div>\n    <\/div>\n\n    <div class=\"unpnc-tm-form-row\" style=\"gap:12px;flex-wrap:wrap;\">\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n            <label for=\"new-adherent-salaire-restant-non-paye\">\ud83d\udcb8 Salaire restant non pay\u00e9<\/label>\n            <input type=\"text\" id=\"new-adherent-salaire-restant-non-paye\" placeholder=\"Montant\">\n        <\/div>\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n            <label for=\"new-adherent-salaire-restant-date\">\ud83d\udcc5 \u00c0 la date du<\/label>\n            <input type=\"date\" id=\"new-adherent-salaire-restant-date\">\n        <\/div>\n    <\/div>\n\n    <div class=\"unpnc-tm-form-row\" style=\"gap:12px;flex-wrap:wrap;\">\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n            <label for=\"new-adherent-salaire-solde-non-paye\">\ud83e\uddfe Solde de tout compte non pay\u00e9<\/label>\n            <input type=\"text\" id=\"new-adherent-salaire-solde-non-paye\" placeholder=\"Montant\">\n        <\/div>\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n            <label for=\"new-adherent-salaire-solde-date\">\ud83d\udcc5 \u00c0 la date du<\/label>\n            <input type=\"date\" id=\"new-adherent-salaire-solde-date\">\n        <\/div>\n    <\/div>\n<\/div>\n\n<div style=\"display:flex;gap:10px;margin-top:30px;padding-top:20px;border-top:2px solid #f0f0f0;\">\n                        <button type=\"button\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary create-adherent-close\" style=\"flex:1;\">\n                            \u274c Annuler\n                        <\/button>\n                        <button type=\"submit\" class=\"unpnc-tm-btn unpnc-tm-btn-primary\" style=\"flex:1;\">\n                            \u2705 Cr\u00e9er l'adh\u00e9rent\n                        <\/button>\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Modal \u00c9dition Adh\u00e9rent -->\n    <div id=\"unpnc-edit-adherent-modal\" class=\"unpnc-tm-modal\" style=\"display:none;\">\n        <div class=\"unpnc-tm-modal-content\" style=\"max-width: 700px;\">\n            <div class=\"unpnc-tm-modal-header\">\n                <h3>\u270f\ufe0f Modifier l'adh\u00e9rent<\/h3>\n                <button class=\"unpnc-tm-modal-close edit-adherent-close\">&times;<\/button>\n            <\/div>\n            <div class=\"unpnc-tm-modal-body\">\n                <form id=\"unpnc-edit-adherent-form\" style=\"padding:20px;\">\n                    <input type=\"hidden\" id=\"edit-adherent-id\">\n                    \n                    <div class=\"unpnc-tm-form-row\">\n                        <div class=\"unpnc-tm-form-group\">\n                            <label for=\"edit-adherent-nom\">\ud83d\udc64 Nom *<\/label>\n                            <input type=\"text\" id=\"edit-adherent-nom\" required placeholder=\"Nom de famille\">\n                        <\/div>\n                        <div class=\"unpnc-tm-form-group\">\n                            <label for=\"edit-adherent-prenom\">\ud83d\udc64 Pr\u00e9nom *<\/label>\n                            <input type=\"text\" id=\"edit-adherent-prenom\" required placeholder=\"Pr\u00e9nom\">\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"unpnc-tm-form-group\">\n                        <label for=\"edit-adherent-npa\">\ud83d\udd22 NPA (Num\u00e9ro Personnel Agent)<\/label>\n                        <input type=\"text\" id=\"edit-adherent-npa\" placeholder=\"Ex: 12345\">\n                    <\/div>\n\n                    <div class=\"unpnc-tm-form-group\">\n                        <label for=\"edit-adherent-email\">\ud83d\udce7 Email<\/label>\n                        <input type=\"email\" id=\"edit-adherent-email\" placeholder=\"email@example.com\">\n                    <\/div>\n\n                    <div class=\"unpnc-tm-form-group\">\n                        <label for=\"edit-adherent-telephone\">\ud83d\udcde T\u00e9l\u00e9phone<\/label>\n                        <input type=\"tel\" id=\"edit-adherent-telephone\" placeholder=\"Ex: 06 12 34 56 78\">\n                    <\/div>\n\n                    <div class=\"unpnc-tm-form-group\">\n                        <label for=\"edit-adherent-service\">\ud83d\udccd Adresse<\/label>\n                        <input type=\"text\" id=\"edit-adherent-service\" placeholder=\"Adresse compl\u00e8te\">\n                    <\/div>\n<div class=\"unpnc-tm-form-row\" style=\"gap:12px;flex-wrap:wrap;\">\n    <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n        <label for=\"edit-adherent-nom-naissance\">\ud83e\udeaa Nom de naissance<\/label>\n        <input type=\"text\" id=\"edit-adherent-nom-naissance\" placeholder=\"Nom de naissance\">\n    <\/div>\n    <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n        <label for=\"edit-adherent-nom-usage\">\ud83e\udeaa Nom d\u2019usage<\/label>\n        <input type=\"text\" id=\"edit-adherent-nom-usage\" placeholder=\"Nom d\u2019usage\">\n    <\/div>\n<\/div>\n\n<div class=\"unpnc-tm-form-row\" style=\"gap:12px;flex-wrap:wrap;\">\n    <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n        <label for=\"edit-adherent-date-naissance\">\ud83c\udf82 Date de naissance<\/label>\n        <input type=\"date\" id=\"edit-adherent-date-naissance\">\n    <\/div>\n    <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n        <label for=\"edit-adherent-lieu-naissance\">\ud83c\udf0d Lieu de naissance<\/label>\n        <input type=\"text\" id=\"edit-adherent-lieu-naissance\" placeholder=\"Ville \/ Pays\">\n    <\/div>\n<\/div>\n\n<div class=\"unpnc-tm-form-row\" style=\"gap:12px;flex-wrap:wrap;\">\n    <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n        <label for=\"edit-adherent-nationalite\">\ud83c\udff3\ufe0f Nationalit\u00e9<\/label>\n        <input type=\"text\" id=\"edit-adherent-nationalite\" placeholder=\"Nationalit\u00e9\">\n    <\/div>\n    <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n        <label for=\"edit-adherent-profession-litige\">\u2696\ufe0f Profession lors du litige<\/label>\n        <input type=\"text\" id=\"edit-adherent-profession-litige\" placeholder=\"Profession lors du litige\">\n    <\/div>\n<\/div>\n\n<div class=\"unpnc-tm-form-group\">\n    <label for=\"edit-adherent-statut-pro\">\ud83e\uddfe Statut<\/label>\n    <select id=\"edit-adherent-statut-pro\">\n        <option value=\"\">\u2014<\/option>\n        <option value=\"cadre_vrp\">Cadre \/ VRP<\/option>\n        <option value=\"non_cadre\">Non cadre<\/option>\n        <option value=\"apprenti\">Apprenti<\/option>\n    <\/select>\n<\/div>\n\n<div class=\"unpnc-tm-form-row\" style=\"gap:12px;flex-wrap:wrap;\">\n    <div class=\"unpnc-tm-form-group\" style=\"flex:2;min-width:240px;\">\n        <label for=\"edit-adherent-adresse-ligne1\">\ud83d\udccd Adresse (ligne 1)<\/label>\n        <input type=\"text\" id=\"edit-adherent-adresse-ligne1\" placeholder=\"Ex: 72 Boulevard Ney\">\n    <\/div>\n    <div class=\"unpnc-tm-form-group\" style=\"flex:2;min-width:240px;\">\n        <label for=\"edit-adherent-adresse-ligne2\">\ud83d\udccd Compl\u00e9ment d\u2019adresse<\/label>\n        <input type=\"text\" id=\"edit-adherent-adresse-ligne2\" placeholder=\"Ex: Centre d\u2019h\u00e9bergement ...\">\n    <\/div>\n<\/div>\n\n<div class=\"unpnc-tm-form-row\" style=\"gap:12px;flex-wrap:wrap;\">\n    <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:160px;\">\n        <label for=\"edit-adherent-code-postal\">\ud83c\udff7\ufe0f Code postal<\/label>\n        <input type=\"text\" id=\"edit-adherent-code-postal\" placeholder=\"75018\">\n    <\/div>\n    <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:200px;\">\n        <label for=\"edit-adherent-commune\">\ud83c\udfd9\ufe0f Commune<\/label>\n        <input type=\"text\" id=\"edit-adherent-commune\" placeholder=\"Paris\">\n    <\/div>\n    <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:200px;\">\n        <label for=\"edit-adherent-pays\">\ud83c\udf10 Pays<\/label>\n        <input type=\"text\" id=\"edit-adherent-pays\" placeholder=\"France\">\n    <\/div>\n<\/div>\n\n\n                    <div class=\"unpnc-tm-form-group\">\n                        <label for=\"edit-adherent-profession\">\ud83d\udcbc Profession<\/label>\n                        <input type=\"text\" id=\"edit-adherent-profession\" placeholder=\"Profession\">\n                    <\/div>\n\n<div style=\"margin-top:18px;padding:16px;border:2px solid #e5e7eb;border-radius:12px;background:#fafafa;\">\n    <div style=\"font-weight:800;color:#111827;margin-bottom:12px;display:flex;align-items:center;gap:8px;\">\n        \ud83e\uddfe Fiche de salaire\n    <\/div>\n\n    <div class=\"unpnc-tm-form-row\" style=\"gap:12px;flex-wrap:wrap;\">\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:220px;\">\n            <label for=\"edit-adherent-matricule\">\ud83d\udd22 Matricule<\/label>\n            <input type=\"text\" id=\"edit-adherent-matricule\" placeholder=\"Matricule\">\n        <\/div>\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:220px;\">\n            <label for=\"edit-adherent-salaire-anciennete\">\ud83d\udd52 Anciennet\u00e9<\/label>\n            <input type=\"text\" id=\"edit-adherent-salaire-anciennete\" placeholder=\"Ex: 5 ans\">\n        <\/div>\n    <\/div>\n\n    <div class=\"unpnc-tm-form-row\" style=\"gap:12px;flex-wrap:wrap;\">\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:220px;\">\n            <label for=\"edit-adherent-salaire-qualification\">\ud83c\udf93 Qualification<\/label>\n            <input type=\"text\" id=\"edit-adherent-salaire-qualification\" placeholder=\"Qualification\">\n        <\/div>\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:220px;\">\n            <label for=\"edit-adherent-salaire-departement\">\ud83c\udfe2 D\u00e9partement<\/label>\n            <input type=\"text\" id=\"edit-adherent-salaire-departement\" placeholder=\"D\u00e9partement\">\n        <\/div>\n    <\/div>\n\n    <div class=\"unpnc-tm-form-row\" style=\"gap:12px;flex-wrap:wrap;\">\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:220px;\">\n            <label for=\"edit-adherent-salaire-categorie\">\ud83d\uddc2\ufe0f Cat\u00e9gorie<\/label>\n            <input type=\"text\" id=\"edit-adherent-salaire-categorie\" placeholder=\"Cat\u00e9gorie\">\n        <\/div>\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:220px;\">\n            <label for=\"edit-adherent-salaire-indice\">\ud83d\udccc Indice<\/label>\n            <input type=\"text\" id=\"edit-adherent-salaire-indice\" placeholder=\"Indice\">\n        <\/div>\n    <\/div>\n\n    <div class=\"unpnc-tm-form-row\" style=\"gap:12px;flex-wrap:wrap;\">\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:220px;\">\n            <label for=\"edit-adherent-salaire-niveau\">\ud83d\udcf6 Niveau<\/label>\n            <input type=\"text\" id=\"edit-adherent-salaire-niveau\" placeholder=\"Niveau\">\n        <\/div>\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:220px;\">\n            <label for=\"edit-adherent-salaire-coefficient\">\ud83e\uddee Coefficient<\/label>\n            <input type=\"text\" id=\"edit-adherent-salaire-coefficient\" placeholder=\"Coefficient\">\n        <\/div>\n    <\/div>\n\n    <div class=\"unpnc-tm-form-row\" style=\"gap:12px;flex-wrap:wrap;\">\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:220px;\">\n            <label for=\"edit-adherent-salaire-heures-mensuelles\">\u23f1\ufe0f Heures mensuelles<\/label>\n            <input type=\"text\" id=\"edit-adherent-salaire-heures-mensuelles\" placeholder=\"Ex: 151,67\">\n        <\/div>\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:220px;\">\n            <label for=\"edit-adherent-salaire-brut\">\ud83d\udcb6 Salaire brut<\/label>\n            <input type=\"text\" id=\"edit-adherent-salaire-brut\" placeholder=\"Ex: 2 100,00\">\n        <\/div>\n    <\/div>\n\n    <div class=\"unpnc-tm-form-group\">\n        <label for=\"edit-adherent-salaire-conges-restants\">\ud83c\udfd6\ufe0f Cong\u00e9s restants \/ non pay\u00e9s \/ non pris<\/label>\n        <input type=\"text\" id=\"edit-adherent-salaire-conges-restants\" placeholder=\"D\u00e9tail \/ quantit\u00e9 \/ montant\">\n    <\/div>\n\n    <div class=\"unpnc-tm-form-row\" style=\"gap:12px;flex-wrap:wrap;\">\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n            <label for=\"edit-adherent-salaire-heures-sup-non-payees\">\u2795 Heures sup non pay\u00e9es<\/label>\n            <input type=\"text\" id=\"edit-adherent-salaire-heures-sup-non-payees\" placeholder=\"Montant \/ heures\">\n        <\/div>\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n            <label for=\"edit-adherent-salaire-heures-sup-date\">\ud83d\udcc5 \u00c0 la date du<\/label>\n            <input type=\"date\" id=\"edit-adherent-salaire-heures-sup-date\">\n        <\/div>\n    <\/div>\n\n    <div class=\"unpnc-tm-form-row\" style=\"gap:12px;flex-wrap:wrap;\">\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n            <label for=\"edit-adherent-salaire-restant-non-paye\">\ud83d\udcb8 Salaire restant non pay\u00e9<\/label>\n            <input type=\"text\" id=\"edit-adherent-salaire-restant-non-paye\" placeholder=\"Montant\">\n        <\/div>\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n            <label for=\"edit-adherent-salaire-restant-date\">\ud83d\udcc5 \u00c0 la date du<\/label>\n            <input type=\"date\" id=\"edit-adherent-salaire-restant-date\">\n        <\/div>\n    <\/div>\n\n    <div class=\"unpnc-tm-form-row\" style=\"gap:12px;flex-wrap:wrap;\">\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n            <label for=\"edit-adherent-salaire-solde-non-paye\">\ud83e\uddfe Solde de tout compte non pay\u00e9<\/label>\n            <input type=\"text\" id=\"edit-adherent-salaire-solde-non-paye\" placeholder=\"Montant\">\n        <\/div>\n        <div class=\"unpnc-tm-form-group\" style=\"flex:1;min-width:240px;\">\n            <label for=\"edit-adherent-salaire-solde-date\">\ud83d\udcc5 \u00c0 la date du<\/label>\n            <input type=\"date\" id=\"edit-adherent-salaire-solde-date\">\n        <\/div>\n    <\/div>\n<\/div>\n\n<div style=\"display:flex;gap:10px;margin-top:30px;padding-top:20px;border-top:2px solid #f0f0f0;\">\n                        <button type=\"button\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary edit-adherent-close\" style=\"flex:1;\">\n                            \u274c Annuler\n                        <\/button>\n                        <button type=\"submit\" class=\"unpnc-tm-btn unpnc-tm-btn-primary\" style=\"flex:1;\">\n                            \u2705 Enregistrer les modifications\n                        <\/button>\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Modal Pr\u00e9visions -->\n    \n<!-- Modal Pr\u00e9visions -->\n<div id=\"unpnc-previsions-modal\" class=\"unpnc-tm-modal\">\n    <div class=\"unpnc-previsions-modal-content\">\n        \n        <!-- En-t\u00eate du modal -->\n        <div class=\"unpnc-previsions-modal-header\">\n            <h3>\ud83d\udcca Pr\u00e9visions 30 Jours<\/h3>\n            <button class=\"unpnc-previsions-modal-close unpnc-tm-modal-close\">&times;<\/button>\n        <\/div>\n        \n        <!-- Corps du modal -->\n        <div class=\"unpnc-previsions-modal-body\">\n            \n            <div class=\"unpnc-previsions-container\">\n                \n                <!-- Section Calendrier -->\n                <div class=\"unpnc-previsions-calendar\">\n                    \n                    <!-- Navigation du calendrier -->\n                    <div class=\"unpnc-previsions-calendar-nav\">\n                        <div class=\"unpnc-previsions-calendar-nav-buttons\">\n                            <button class=\"unpnc-previsions-nav-prev\">\u25c0 Pr\u00e9c\u00e9dent<\/button>\n                            <button class=\"unpnc-previsions-nav-today\">\ud83d\udcc5 Aujourd'hui<\/button>\n                            <button class=\"unpnc-previsions-nav-next\">Suivant \u25b6<\/button>\n                        <\/div>\n                        <h4>D\u00e9cembre 2025<\/h4>\n                    <\/div>\n                    \n                    <!-- Grille du calendrier -->\n                    <div class=\"unpnc-previsions-calendar-grid\">\n                        <!-- Le calendrier sera g\u00e9n\u00e9r\u00e9 dynamiquement par JavaScript -->\n                    <\/div>\n                    \n                    <!-- L\u00e9gende -->\n                    <div style=\"margin-top: 20px; padding: 16px; background: #f0f9ff; border-radius: 8px;\">\n                        <p style=\"margin: 0 0 8px 0; font-weight: 600; font-size: 14px; color: #1e3a8a;\">\n                            \ud83d\udcd6 L\u00e9gende :\n                        <\/p>\n                        <div style=\"display: flex; gap: 16px; flex-wrap: wrap; font-size: 13px;\">\n                            <div style=\"display: flex; align-items: center; gap: 6px;\">\n                                <div style=\"width: 24px; height: 24px; background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); border-radius: 4px; position: relative;\">\n                                    <span style=\"position: absolute; top: -2px; right: -2px; background: #ef4444; color: white; font-size: 9px; font-weight: bold; border-radius: 50%; width: 14px; height: 14px; display: flex; align-items: center; justify-content: center;\">3<\/span>\n                                <\/div>\n                                <span style=\"color: #475569;\">T\u00e2ches pr\u00e9vues<\/span>\n                            <\/div>\n                            <div style=\"display: flex; align-items: center; gap: 6px;\">\n                                <div style=\"width: 24px; height: 24px; background: #fbbf24; border-radius: 4px;\"><\/div>\n                                <span style=\"color: #475569;\">S\u00e9lectionn\u00e9<\/span>\n                            <\/div>\n                            <div style=\"display: flex; align-items: center; gap: 6px;\">\n                                <div style=\"width: 24px; height: 24px; border: 2px solid #3b82f6; border-radius: 4px;\"><\/div>\n                                <span style=\"color: #475569;\">Aujourd'hui<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                <\/div>\n                \n                <!-- Section Affichage des t\u00e2ches -->\n                <div class=\"unpnc-previsions-display\">\n                    \n                    <!-- \u00c9tat vide par d\u00e9faut -->\n                    <div class=\"unpnc-previsions-display-empty\">\n                        <div class=\"unpnc-previsions-display-empty-icon\">\n                            \ud83d\udcc5\n                        <\/div>\n                        <p>S\u00e9lectionnez une date dans le calendrier<\/p>\n                        <p style=\"font-size: 14px; color: #9ca3af; margin-top: 8px;\">\n                            Les dates en bleu contiennent des t\u00e2ches pr\u00e9vues\n                        <\/p>\n                    <\/div>\n                    \n                    <!-- Le contenu des t\u00e2ches sera charg\u00e9 ici dynamiquement -->\n                    \n                <\/div>\n                \n            <\/div>\n            \n        <\/div>\n        \n    <\/div>\n<\/div>\n\n<!-- Styles sp\u00e9cifiques pr\u00e9visions -->\n<style>\n\/* Modal Pr\u00e9visions *\/\n#unpnc-previsions-modal {\n    display: none;\n    position: fixed;\n    z-index: 10000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.7);\n    backdrop-filter: blur(8px);\n    animation: unpnc-tm-fadeIn 0.3s ease;\n}\n\n#unpnc-previsions-modal.active {\n    display: flex !important;\n    align-items: center;\n    justify-content: center;\n}\n\n.unpnc-previsions-modal-content {\n    background: white;\n    border-radius: 20px;\n    width: 95%;\n    max-width: 1400px;\n    max-height: 90vh;\n    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n    animation: unpnc-tm-slideUp 0.3s ease;\n    display: flex;\n    flex-direction: column;\n}\n\n.unpnc-previsions-modal-header {\n    padding: 24px 32px;\n    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n    color: white;\n    border-radius: 20px 20px 0 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.unpnc-previsions-modal-header h3 {\n    margin: 0;\n    font-size: 24px;\n    font-weight: 700;\n}\n\n.unpnc-previsions-modal-close {\n    background: rgba(255, 255, 255, 0.2);\n    border: none;\n    color: white;\n    font-size: 32px;\n    cursor: pointer;\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s;\n}\n\n.unpnc-previsions-modal-close:hover {\n    background: rgba(255, 255, 255, 0.3);\n    transform: rotate(90deg);\n}\n\n.unpnc-previsions-modal-body {\n    padding: 32px;\n    overflow-y: auto;\n    flex: 1;\n}\n\n.unpnc-previsions-container {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 32px;\n}\n\n\/* Calendrier *\/\n.unpnc-previsions-calendar-nav {\n    margin-bottom: 24px;\n}\n\n.unpnc-previsions-calendar-nav h4 {\n    text-align: center;\n    margin: 16px 0;\n    font-size: 20px;\n    color: #1e3a8a;\n    font-weight: 700;\n}\n\n.unpnc-previsions-calendar-nav-buttons {\n    display: flex;\n    gap: 8px;\n    justify-content: center;\n    margin-bottom: 8px;\n}\n\n.unpnc-previsions-calendar-nav-buttons button {\n    padding: 8px 16px;\n    background: #eff6ff;\n    border: 1px solid #bfdbfe;\n    border-radius: 8px;\n    cursor: pointer;\n    font-size: 14px;\n    color: #1e3a8a;\n    font-weight: 600;\n    transition: all 0.2s;\n}\n\n.unpnc-previsions-calendar-nav-buttons button:hover {\n    background: #dbeafe;\n    border-color: #93c5fd;\n}\n\n.unpnc-previsions-calendar-grid {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    gap: 8px;\n}\n\n.unpnc-previsions-calendar-day-header {\n    text-align: center;\n    padding: 8px;\n    font-weight: 700;\n    font-size: 12px;\n    color: #64748b;\n    text-transform: uppercase;\n}\n\n.unpnc-previsions-calendar-day {\n    aspect-ratio: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 600;\n    cursor: default;\n    position: relative;\n    transition: all 0.2s;\n}\n\n.unpnc-previsions-calendar-day.other-month {\n    color: #cbd5e1;\n}\n\n.unpnc-previsions-calendar-day.today {\n    border: 2px solid #3b82f6;\n    background: #eff6ff;\n}\n\n.unpnc-previsions-calendar-day.has-tasks {\n    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n    color: white;\n    cursor: pointer;\n}\n\n.unpnc-previsions-calendar-day.has-tasks:hover {\n    transform: scale(1.05);\n    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);\n}\n\n.unpnc-previsions-calendar-day.selected {\n    background: #fbbf24;\n    color: white;\n}\n\n.unpnc-previsions-calendar-day .task-badge {\n    position: absolute;\n    top: 2px;\n    right: 2px;\n    background: #ef4444;\n    color: white;\n    font-size: 9px;\n    font-weight: bold;\n    border-radius: 50%;\n    width: 16px;\n    height: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n\/* Affichage t\u00e2ches *\/\n.unpnc-previsions-display {\n    background: #f8fafc;\n    border-radius: 12px;\n    padding: 24px;\n    min-height: 400px;\n}\n\n.unpnc-previsions-display-empty {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    color: #94a3b8;\n}\n\n.unpnc-previsions-display-empty-icon {\n    font-size: 64px;\n    margin-bottom: 16px;\n}\n\n\/* Responsive *\/\n@media (max-width: 1024px) {\n    .unpnc-previsions-container {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n\n    <!-- Modal Archives -->\n    \n<!-- Modal Archives -->\n<div id=\"unpnc-archive-modal\" class=\"unpnc-tm-modal\">\n    <div class=\"unpnc-archive-modal-content\">\n        \n        <!-- En-t\u00eate du modal -->\n        <div class=\"unpnc-archive-modal-header\">\n            <h3>\ud83d\udcc1 Archives des T\u00e2ches<\/h3>\n            <button class=\"unpnc-archive-modal-close unpnc-tm-modal-close\">&times;<\/button>\n        <\/div>\n        \n        <!-- Corps du modal -->\n        <div class=\"unpnc-archive-modal-body\">\n            \n            <div class=\"unpnc-archive-calendar-container\">\n                \n                <!-- Section Calendrier -->\n                <div class=\"unpnc-archive-calendar\">\n                    \n                    <!-- Navigation du calendrier -->\n                    <div class=\"unpnc-archive-calendar-nav\">\n                        <div class=\"unpnc-archive-calendar-nav-buttons\">\n                            <button class=\"unpnc-archive-nav-prev\">\u25c0 Pr\u00e9c\u00e9dent<\/button>\n                            <button class=\"unpnc-archive-nav-today\">\ud83d\udcc5 Aujourd'hui<\/button>\n                            <button class=\"unpnc-archive-nav-next\">Suivant \u25b6<\/button>\n                        <\/div>\n                        <h4>D\u00e9cembre 2024<\/h4>\n                    <\/div>\n                    \n                    <!-- Grille du calendrier -->\n                    <div class=\"unpnc-archive-calendar-grid\">\n                        <!-- Le calendrier sera g\u00e9n\u00e9r\u00e9 dynamiquement par JavaScript -->\n                    <\/div>\n                    \n                    <!-- L\u00e9gende -->\n                    <div style=\"margin-top: 20px; padding: 16px; background: #f9fafb; border-radius: 8px;\">\n                        <p style=\"margin: 0 0 8px 0; font-weight: 600; font-size: 14px; color: #374151;\">\n                            \ud83d\udcd6 L\u00e9gende :\n                        <\/p>\n                        <div style=\"display: flex; gap: 16px; flex-wrap: wrap; font-size: 13px;\">\n                            <div style=\"display: flex; align-items: center; gap: 6px;\">\n                                <div style=\"width: 24px; height: 24px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 4px;\"><\/div>\n                                <span style=\"color: #6b7280;\">Archive disponible<\/span>\n                            <\/div>\n                            <div style=\"display: flex; align-items: center; gap: 6px;\">\n                                <div style=\"width: 24px; height: 24px; background: #fbbf24; border-radius: 4px;\"><\/div>\n                                <span style=\"color: #6b7280;\">S\u00e9lectionn\u00e9<\/span>\n                            <\/div>\n                            <div style=\"display: flex; align-items: center; gap: 6px;\">\n                                <div style=\"width: 24px; height: 24px; border: 2px solid #3b82f6; border-radius: 4px;\"><\/div>\n                                <span style=\"color: #6b7280;\">Aujourd'hui<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Bouton Archiver la journ\u00e9e actuelle -->\n                    <button id=\"unpnc-archive-today-btn\" \n                            class=\"unpnc-archive-today-btn\"\n                            style=\"\n                                width: 100%;\n                                margin-top: 20px;\n                                padding: 16px;\n                                background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n                                color: white;\n                                border: none;\n                                border-radius: 12px;\n                                font-size: 16px;\n                                font-weight: 600;\n                                cursor: pointer;\n                                box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);\n                                transition: all 0.3s;\n                                display: flex;\n                                align-items: center;\n                                justify-content: center;\n                                gap: 8px;\n                            \"\n                            onmouseover=\"this.style.transform='translateY(-2px)'; this.style.boxShadow='0 6px 16px rgba(16, 185, 129, 0.4)';\"\n                            onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 12px rgba(16, 185, 129, 0.3)';\">\n                        <span style=\"font-size: 20px;\">\ud83d\uddc4\ufe0f<\/span>\n                        <span>Archiver la journ\u00e9e actuelle<\/span>\n                    <\/button>\n                    \n                <\/div>\n                \n                <!-- Section Affichage de l'archive -->\n                <div class=\"unpnc-archive-display\">\n                    \n                    <!-- \u00c9tat vide par d\u00e9faut -->\n                    <div class=\"unpnc-archive-display-empty\">\n                        <div class=\"unpnc-archive-display-empty-icon\">\n                            \ud83d\udcc5\n                        <\/div>\n                        <p>S\u00e9lectionnez une date avec archive dans le calendrier<\/p>\n                        <p style=\"font-size: 14px; color: #9ca3af; margin-top: 8px;\">\n                            Les dates en violet contiennent des archives\n                        <\/p>\n                    <\/div>\n                    \n                    <!-- Le contenu de l'archive sera charg\u00e9 ici dynamiquement -->\n                    \n                <\/div>\n                \n            <\/div>\n            \n        <\/div>\n        \n    <\/div>\n<\/div>\n\n<!-- Script d'initialisation des donn\u00e9es pour le JavaScript -->\n<script type=\"text\/javascript\">\n    \/\/ Passer des donn\u00e9es PHP vers JavaScript si n\u00e9cessaire\n    window.unpncArchiveConfig = {\n        ajaxUrl: 'https:\/\/defenseursyndical.com\/wp-admin\/admin-ajax.php',\n        nonce: '60a3d24c45',\n        currentDate: '2026-08-25',\n        locale: 'fr-FR'\n    };\n<\/script>\n\n    <!-- Modal Affaires -->\n    \n<div id=\"unpnc-affaires-modal\" class=\"unpnc-affaires-modal\" style=\"display:none;\">\n    <div class=\"unpnc-affaires-modal-content\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"unpnc-affaires-title\">\n        <div class=\"unpnc-affaires-modal-header\">\n            <h3 id=\"unpnc-affaires-title\">\ud83d\udcbc Affaires<\/h3>\n            <button type=\"button\" class=\"unpnc-affaires-close\" aria-label=\"Fermer\">\u00d7<\/button>\n        <\/div>\n\n        <div class=\"unpnc-affaires-toolbar\">\n            <div class=\"unpnc-affaires-toolbar-left\">\n                <button type=\"button\" id=\"unpnc-affaires-add-row\" class=\"unpnc-tm-btn unpnc-tm-btn-primary\">\n                    \u2795 Ajouter une ligne\n                <\/button>\n\n                <button type=\"button\" id=\"unpnc-affaires-export-pdf\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary\" style=\"margin-left:10px;\">\n                    \ud83d\udcc4 Export PDF\n                <\/button>\n            <\/div>\n            <div class=\"unpnc-affaires-toolbar-right\">\n                <label class=\"unpnc-affaires-sort-label\" for=\"unpnc-affaires-sort\">Trier :<\/label>\n                <select id=\"unpnc-affaires-sort\" class=\"unpnc-affaires-sort\">\n                    <option value=\"justiciable_az\" selected>Justiciable (A\u2192Z)<\/option>\n                    <option value=\"date_min\">Date (la plus proche)<\/option>\n                    <option value=\"defenseur_az\">D\u00e9fenseur (A\u2192Z)<\/option>\n                    <option value=\"cph_az\">CPH (A\u2192Z)<\/option>\n                    <option value=\"date_instance\">Date Instance<\/option>\n                <\/select>\n            <\/div>\n        <\/div>\n\n        <div class=\"unpnc-affaires-body\">\n            <div id=\"unpnc-affaires-loading\" class=\"unpnc-affaires-loading\" style=\"display:none;\">Chargement\u2026<\/div>\n\n            <div class=\"unpnc-affaires-table-wrap\">\n                <table class=\"unpnc-affaires-table\" id=\"unpnc-affaires-table\">\n                    <thead>\n                        <tr>\n                            <th>Nom<\/th>\n                            <th>N\u00b0RG<\/th>\n                            <th>CPH<\/th>\n                            <th>Instance<\/th>\n                            <th>Date<\/th>\n                            <th class=\"unpnc-affaires-th-defenseur\">D\u00e9fenseur<\/th>\n                            <th>D<\/th>\n                            <th>C<\/th>\n                            <th>A<\/th>\n                            <th>P<\/th>\n                            <th>U<\/th>\n                            <th class=\"unpnc-affaires-th-actions\">Actions<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody id=\"unpnc-affaires-tbody\">\n                        <!-- rows injected by JS -->\n                    <\/tbody>\n                <\/table>\n            <\/div>\n\n            <div id=\"unpnc-affaires-empty\" class=\"unpnc-affaires-empty\" style=\"display:none;\">\n                Aucune affaire pour le moment.\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n    <!-- Modal D\u00e9fenseurs (annuaire) -->\n    \n<div id=\"unpnc-defenseurs-modal\" class=\"unpnc-defenseurs-modal\" style=\"display:none;\">\n    <div class=\"unpnc-defenseurs-modal-content\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"unpnc-defenseurs-title\">\n        <div class=\"unpnc-defenseurs-modal-header\">\n            <h3 id=\"unpnc-defenseurs-title\">\ud83d\udee1\ufe0f D\u00e9fenseurs<\/h3>\n            <button type=\"button\" class=\"unpnc-defenseurs-close\" aria-label=\"Fermer\">\u00d7<\/button>\n        <\/div>\n\n        <div class=\"unpnc-defenseurs-toolbar\">\n            <div class=\"unpnc-defenseurs-toolbar-left\">\n                <button type=\"button\" id=\"unpnc-defenseurs-add-row\" class=\"unpnc-tm-btn unpnc-tm-btn-primary\">\n                    \u2795 Ajouter une ligne\n                <\/button>\n\n                <button type=\"button\" id=\"unpnc-defenseurs-create-fiche\" class=\"unpnc-tm-btn unpnc-tm-btn-primary\" style=\"background:#10b981;\">\n                    \ud83e\uddfe Cr\u00e9er Fiche\n                <\/button>\n\n                <button type=\"button\" id=\"unpnc-defenseurs-open-liste\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary\">\n                    \ud83d\udccb Liste d\u00e9fenseurs\n                <\/button>\n\n                <button type=\"button\" id=\"unpnc-defenseurs-open-synthese\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary\">\n                    \ud83d\udcca Synth\u00e8se\n                <\/button>\n\n                <!-- bouton Import CFDT supprim\u00e9 (non demand\u00e9) -->\n            <\/div>\n            <div class=\"unpnc-defenseurs-toolbar-right\">\n                <div class=\"unpnc-defenseurs-filter\">\n                    <label for=\"unpnc-defenseurs-filter-year\">Ann\u00e9e<\/label>\n                    <select id=\"unpnc-defenseurs-filter-year\">\n                        <option value=\"\">Toutes<\/option>\n                        <option value=\"2026\">2026<\/option>\n                        <option value=\"2027\">2027<\/option>\n                        <option value=\"2028\">2028<\/option>\n                        <option value=\"2029\">2029<\/option>\n                    <\/select>\n                <\/div>\n\n                <div class=\"unpnc-defenseurs-filter\">\n                    <label for=\"unpnc-defenseurs-filter-justiciable\">Justiciable<\/label>\n                    <select id=\"unpnc-defenseurs-filter-justiciable\">\n                        <option value=\"\">Tous<\/option>\n                    <\/select>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"unpnc-defenseurs-body\">\n            <div id=\"unpnc-defenseurs-loading\" class=\"unpnc-defenseurs-loading\" style=\"display:none;\">Chargement\u2026<\/div>\n\n            <div class=\"unpnc-defenseurs-table-wrap\">\n                <table class=\"unpnc-defenseurs-table\" id=\"unpnc-defenseurs-table\">\n                    <thead>\n                        <tr>\n\t                            <th class=\"col-nomprenom\">Nom \/ Pr\u00e9nom<\/th>\n\t                            <th class=\"col-justiciable\">Justiciable<\/th>\n\t                            <th class=\"col-rg\" style=\"width:130px;\">N\u00b0 RG<\/th>\n\t                            <th style=\"width:90px;\">Mode<\/th>\n\t                            <th>Mobile<\/th>\n\t                            <th class=\"col-email\">Email<\/th>\n                            <th class=\"col-year\" style=\"width:170px;\">2026<\/th>\n                            <th class=\"col-year\" style=\"width:170px;\">2027<\/th>\n                            <th class=\"col-year\" style=\"width:170px;\">2028<\/th>\n                            <th class=\"col-year\" style=\"width:170px;\">2029<\/th>\n                            <th style=\"width:170px;\">Actions<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody id=\"unpnc-defenseurs-tbody\">\n                        <!-- rows injected by JS -->\n                    <\/tbody>\n                <\/table>\n            <\/div>\n\n            <div id=\"unpnc-defenseurs-empty\" class=\"unpnc-defenseurs-empty\" style=\"display:none;\">\n                Aucun d\u00e9fenseur pour le moment.\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n    <!-- Modal Attribution (d\u00e9fenseur -> fiches) -->\n    \n<div id=\"unpnc-attribution-modal\" class=\"unpnc-attribution-modal\" style=\"display:none;\">\n    <div class=\"unpnc-attribution-content\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"unpnc-attribution-title\">\n        <div class=\"unpnc-attribution-header\">\n            <h3 id=\"unpnc-attribution-title\">\ud83d\udfe8 Attribution<\/h3>\n            <button type=\"button\" class=\"unpnc-attribution-close\" aria-label=\"Fermer\">\u00d7<\/button>\n        <\/div>\n\n        <div class=\"unpnc-attribution-body\">\n            <div id=\"unpnc-attribution-notice\" class=\"unpnc-attribution-notice\" style=\"display:none;\"><\/div>\n\n            <div class=\"unpnc-attribution-grid\">\n                <div class=\"unpnc-attribution-panel\">\n                    <div class=\"unpnc-attribution-panel-title\">1) D\u00e9fenseur<\/div>\n\n                    <div class=\"unpnc-attribution-field\">\n                        <label for=\"unpnc-attribution-defenseur\">Choisir un d\u00e9fenseur<\/label>\n                        <select id=\"unpnc-attribution-defenseur\" class=\"unpnc-attribution-select\">\n                            <option value=\"\">\u2014 S\u00e9lectionner \u2014<\/option>\n                        <\/select>\n                        <div class=\"unpnc-attribution-help\">Les d\u00e9fenseurs proviennent du tableau \u00ab D\u00e9fenseurs \u00bb.<\/div>\n                    <\/div>\n\n                    <div id=\"unpnc-attribution-auth-box\" class=\"unpnc-attribution-auth-box\" style=\"display:none;\">\n                        <div class=\"unpnc-attribution-panel-title\" style=\"margin-top:10px;\">Compte de connexion<\/div>\n                        <div class=\"unpnc-attribution-help\" style=\"margin-bottom:10px;\">Login = email du d\u00e9fenseur. Mot de passe cr\u00e9\u00e9 ici (ou r\u00e9initialisation par email).<\/div>\n\n                        <div class=\"unpnc-attribution-field\">\n                            <label>Email<\/label>\n                            <input type=\"email\" id=\"unpnc-attribution-auth-email\" class=\"unpnc-attribution-input\" readonly>\n                        <\/div>\n\n                        <div class=\"unpnc-attribution-field\">\n                            <label>Mot de passe (cr\u00e9ation \/ nouveau)<\/label>\n                            <input type=\"password\" id=\"unpnc-attribution-auth-password\" class=\"unpnc-attribution-input\" placeholder=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\">\n                        <\/div>\n\n                        <div class=\"unpnc-attribution-actions\">\n                            <button type=\"button\" id=\"unpnc-attribution-create-account\" class=\"unpnc-tm-btn unpnc-tm-btn-primary\">\u2705 Cr\u00e9er compte<\/button>\n                            <button type=\"button\" id=\"unpnc-attribution-send-reset\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary\">\u2709\ufe0f R\u00e9initialiser mot de passe<\/button>\n                        <\/div>\n\n                        <div id=\"unpnc-attribution-auth-status\" class=\"unpnc-attribution-help\" style=\"margin-top:8px;\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"unpnc-attribution-panel\">\n                    <div class=\"unpnc-attribution-panel-title\">2) Fiches autoris\u00e9es<\/div>\n\n                    <div class=\"unpnc-attribution-field\">\n                        <label for=\"unpnc-attribution-adherent\">Ajouter une fiche<\/label>\n                        <select id=\"unpnc-attribution-adherent\" class=\"unpnc-attribution-select\">\n                            <option value=\"\">\u2014 S\u00e9lectionner un adh\u00e9rent \u2014<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <div class=\"unpnc-attribution-actions\">\n                        <button type=\"button\" id=\"unpnc-attribution-add\" class=\"unpnc-tm-btn unpnc-tm-btn-primary\">\u2795 Ajouter<\/button>\n                        <button type=\"button\" id=\"unpnc-attribution-save\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary\">\ud83d\udcbe Enregistrer<\/button>\n                    <\/div>\n\n                    <div class=\"unpnc-attribution-panel-title\" style=\"margin-top:14px;\">Acc\u00e8s actuels<\/div>\n                    <div id=\"unpnc-attribution-list\" class=\"unpnc-attribution-list\">\n                        <div class=\"unpnc-attribution-empty\">S\u00e9lectionnez un d\u00e9fenseur.<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n    <!-- Modal Fiche D\u00e9fenseur -->\n    \n<div id=\"unpnc-defenseur-fiche-modal\" class=\"unpnc-defenseurs-modal\" style=\"display:none;\">\n    <div class=\"unpnc-defenseurs-modal-content\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"unpnc-defenseur-fiche-title\">\n        <div class=\"unpnc-defenseurs-modal-header\">\n            <h3 id=\"unpnc-defenseur-fiche-title\">\ud83e\uddfe Fiche D\u00e9fenseur<\/h3>\n            <div style=\"display:flex; gap:10px; align-items:center;\">\n                <button type=\"button\" id=\"unpnc-defenseur-fiche-back-synthese\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary\" style=\"padding:8px 12px;\">\n                    \ud83d\udcca Synth\u00e8se\n                <\/button>\n                <button type=\"button\" class=\"unpnc-defenseur-fiche-close\" aria-label=\"Fermer\">\u00d7<\/button>\n            <\/div>\n        <\/div>\n\n        <div class=\"unpnc-defenseurs-body\">\n            <div id=\"unpnc-defenseur-fiche-loading\" class=\"unpnc-defenseurs-loading\" style=\"display:none;\">Chargement\u2026<\/div>\n\n            <form id=\"unpnc-defenseur-fiche-form\" class=\"unpnc-defenseur-fiche-form\">\n                <input type=\"hidden\" id=\"unpnc-defenseur-fiche-id\" value=\"\">\n\n                <div class=\"unpnc-defenseur-fiche-grid\">\n                    <div>\n                        <label>Nom<\/label>\n                        <input type=\"text\" id=\"unpnc-defenseur-fiche-nom\" class=\"unpnc-defenseurs-input\" required>\n                    <\/div>\n                    <div>\n                        <label>Pr\u00e9nom<\/label>\n                        <input type=\"text\" id=\"unpnc-defenseur-fiche-prenom\" class=\"unpnc-defenseurs-input\" required>\n                    <\/div>\n\n                    <div>\n                        <label>T\u00e9l\u00e9phone<\/label>\n                        <input type=\"tel\" id=\"unpnc-defenseur-fiche-telephone\" class=\"unpnc-defenseurs-input\">\n                    <\/div>\n                    <div>\n                        <label>Email<\/label>\n                        <input type=\"email\" id=\"unpnc-defenseur-fiche-email\" class=\"unpnc-defenseurs-input\">\n                    <\/div>\n\n                    <div>\n                        <label>Cie<\/label>\n                        <input type=\"text\" id=\"unpnc-defenseur-fiche-cie\" class=\"unpnc-defenseurs-input\" placeholder=\"AF \/ TO \/ EZY\u2026\">\n                    <\/div>\n\n                    <div>\n                        <label>Valid\u00e9<\/label>\n                        <select id=\"unpnc-defenseur-fiche-cfdt-valide\" class=\"unpnc-defenseurs-select\">\n                            <option value=\"\">\u2014<\/option>\n                            <option value=\"Oui\">Oui<\/option>\n                            <option value=\"Non\">Non<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <div>\n                        <label>Date Transmission DRIETTS<\/label>\n                        <input type=\"date\" id=\"unpnc-defenseur-fiche-cfdt-date\" class=\"unpnc-defenseurs-input\">\n                    <\/div>\n                    <div>\n                        <label>Syndicat<\/label>\n                        <input type=\"text\" id=\"unpnc-defenseur-fiche-syndicat\" class=\"unpnc-defenseurs-input\">\n                    <\/div>\n\n                    <div>\n                        <label>Anciennet\u00e9 (ann\u00e9es)<\/label>\n                        <input type=\"number\" min=\"0\" step=\"1\" id=\"unpnc-defenseur-fiche-anciennete\" class=\"unpnc-defenseurs-input\" placeholder=\"0\">\n                    <\/div>\n\n                    <div>\n                        <label>Mandat<\/label>\n                        <select id=\"unpnc-defenseur-fiche-mandat\" class=\"unpnc-defenseurs-select\">\n                            <option value=\"\">\u2014<\/option>\n                            <option value=\"1\">Premier mandat<\/option>\n                            <option value=\"2\">2e mandat<\/option>\n                            <option value=\"3\">3e mandat<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <div class=\"unpnc-defenseur-fiche-full\">\n                        <label>Remarque<\/label>\n                        <textarea id=\"unpnc-defenseur-fiche-remarque\" class=\"unpnc-defenseurs-input\" rows=\"3\"><\/textarea>\n                    <\/div>\n\n                    <div class=\"unpnc-defenseur-fiche-full\">\n                        <label>Type d'affaire (0 \u2192 20)<\/label>\n                        <div class=\"unpnc-defenseur-fiche-types\">\n                            <div>\n                                <span>BJ<\/span>\n                                <select id=\"unpnc-defenseur-fiche-bj\" class=\"unpnc-defenseurs-select\"><\/select>\n                            <\/div>\n                            <div>\n                                <span>BCO<\/span>\n                                <select id=\"unpnc-defenseur-fiche-bco\" class=\"unpnc-defenseurs-select\"><\/select>\n                            <\/div>\n                            <div>\n                                <span>REF<\/span>\n                                <select id=\"unpnc-defenseur-fiche-ref\" class=\"unpnc-defenseurs-select\"><\/select>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"unpnc-defenseur-fiche-full\">\n                        <label>Nom du tuteur<\/label>\n                        <input type=\"text\" id=\"unpnc-defenseur-fiche-tuteur\" class=\"unpnc-defenseurs-input\">\n                    <\/div>\n\n                    <div class=\"unpnc-defenseur-fiche-full\">\n                        <label>Formations juridiques<\/label>\n                        <textarea id=\"unpnc-defenseur-fiche-formations\" class=\"unpnc-defenseurs-input\" rows=\"4\"><\/textarea>\n                    <\/div>\n                <\/div>\n\n                <div class=\"unpnc-defenseur-fiche-actions\">\n                    <button type=\"button\" id=\"unpnc-defenseur-fiche-export\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary\">\ud83d\udcc4 Exporter la fiche<\/button>\n                    <button type=\"button\" id=\"unpnc-defenseur-fiche-edit\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary\">\u270f\ufe0f Modifier<\/button>\n                    <button type=\"submit\" id=\"unpnc-defenseur-fiche-save\" class=\"unpnc-tm-btn unpnc-tm-btn-primary\">\u2705 Valider<\/button>\n                <\/div>\n            <\/form>\n        <\/div>\n    <\/div>\n<\/div>\n\n    <!-- Modal Liste D\u00e9fenseurs -->\n    \n<div id=\"unpnc-defenseurs-liste-modal\" class=\"unpnc-defenseurs-modal\" style=\"display:none;\">\n    <div class=\"unpnc-defenseurs-modal-content\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"unpnc-defenseurs-liste-title\">\n        <div class=\"unpnc-defenseurs-modal-header\">\n            <h3 id=\"unpnc-defenseurs-liste-title\">\ud83d\udccb Liste d\u00e9fenseurs<\/h3>\n            <div style=\"display:flex; gap:10px; align-items:center;\">\n                <button type=\"button\" id=\"unpnc-defenseurs-liste-back-synthese\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary\" style=\"padding:8px 12px;\">\n                    \ud83d\udcca Synth\u00e8se\n                <\/button>\n                <button type=\"button\" class=\"unpnc-defenseurs-liste-close\" aria-label=\"Fermer\">\u00d7<\/button>\n            <\/div>\n        <\/div>\n\n        <div class=\"unpnc-defenseurs-body\">\n            <div id=\"unpnc-defenseurs-liste-loading\" class=\"unpnc-defenseurs-loading\" style=\"display:none;\">Chargement\u2026<\/div>\n            <div id=\"unpnc-defenseurs-liste-empty\" class=\"unpnc-defenseurs-empty\" style=\"display:none;\">Aucun d\u00e9fenseur.<\/div>\n\n            <div class=\"unpnc-defenseurs-table-wrap\">\n                <table class=\"unpnc-defenseurs-table\" id=\"unpnc-defenseurs-liste-table\" style=\"min-width:1100px;\">\n                    <thead>\n                        <tr>\n                            <th rowspan=\"2\">Nom<\/th>\n                            <th rowspan=\"2\">Pr\u00e9nom<\/th>\n                            <th rowspan=\"2\" style=\"width:90px;\">Cie<\/th>\n                            <th rowspan=\"2\" style=\"width:150px;\">T\u00e9l\u00e9phone<\/th>\n                            <th rowspan=\"2\">Email<\/th>\n                            <th colspan=\"4\" style=\"text-align:center;\">Valid\u00e9 &amp; Transmission DRIETTS<\/th>\n                            <th rowspan=\"2\" style=\"width:120px;\">Action<\/th>\n                        <\/tr>\n                        <tr>\n                            <th style=\"width:70px; text-align:center;\">26<\/th>\n                            <th style=\"width:70px; text-align:center;\">27<\/th>\n                            <th style=\"width:70px; text-align:center;\">28<\/th>\n                            <th style=\"width:70px; text-align:center;\">29<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody id=\"unpnc-defenseurs-liste\"><\/tbody>\n                <\/table>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n    <!-- Modal Rendez-vous -->\n    \n<!-- Modal Rendez-vous -->\n<div id=\"unpnc-rdv-modal\" class=\"unpnc-rdv-modal\">\n    <div class=\"unpnc-rdv-modal-content\">\n        \n        <!-- En-t\u00eate du modal -->\n        <div class=\"unpnc-rdv-modal-header\">\n            <h3>\ud83d\udcc5 Agenda Rendez-vous<\/h3>\n            <button class=\"unpnc-rdv-modal-close\">&times;<\/button>\n        <\/div>\n        \n        <!-- Barre d'outils -->\n        <div class=\"unpnc-rdv-toolbar\">\n            <button id=\"unpnc-rdv-new-btn\" class=\"unpnc-rdv-btn unpnc-rdv-btn-primary\">\n                \u2795 Nouveau rendez-vous\n            <\/button>\n            <button id=\"unpnc-rdv-liste-btn\" class=\"unpnc-rdv-btn unpnc-rdv-btn-secondary\" style=\"background: #3b82f6; color: white;\">\n                \ud83d\udccb Liste clients\n            <\/button>\n            <button id=\"unpnc-rdv-archive-btn\" class=\"unpnc-rdv-btn unpnc-rdv-btn-secondary\" style=\"background: #f59e0b; color: white;\">\n                \ud83d\udcc1 Archives par jour\n            <\/button>\n            <button id=\"unpnc-rdv-export-pdf-btn\" class=\"unpnc-rdv-btn unpnc-rdv-btn-secondary\" style=\"background: #dc2626; color: white;\">\n                \ud83d\udcc4 Exporter PDF\n            <\/button>\n            <button id=\"unpnc-rdv-export-csv-btn\" class=\"unpnc-rdv-btn unpnc-rdv-btn-secondary\">\n                \ud83d\udce5 Exporter CSV\n            <\/button>\n            <div class=\"unpnc-rdv-search-box\">\n                <input type=\"text\" id=\"unpnc-rdv-search\" class=\"unpnc-rdv-search-input\" placeholder=\"Rechercher par nom, pr\u00e9nom ou t\u00e9l\u00e9phone...\">\n            <\/div>\n            <div class=\"unpnc-rdv-count-badge\">\n                <span id=\"unpnc-rdv-total-count\">0<\/span> rendez-vous\n            <\/div>\n        <\/div>\n        \n        <!-- Filtres -->\n        <div class=\"unpnc-rdv-filters\">\n            <div class=\"unpnc-rdv-filter-group\">\n                <label class=\"unpnc-rdv-filter-label\">Date d\u00e9but<\/label>\n                <input type=\"date\" id=\"unpnc-rdv-filter-date-start\" class=\"unpnc-rdv-filter-input\">\n            <\/div>\n            <div class=\"unpnc-rdv-filter-group\">\n                <label class=\"unpnc-rdv-filter-label\">Date fin<\/label>\n                <input type=\"date\" id=\"unpnc-rdv-filter-date-end\" class=\"unpnc-rdv-filter-input\">\n            <\/div>\n            <div class=\"unpnc-rdv-filter-group\">\n                <label class=\"unpnc-rdv-filter-label\">Tri<\/label>\n                <select id=\"unpnc-rdv-sort\" class=\"unpnc-rdv-filter-select\">\n                    <option value=\"date-asc\">\ud83d\udcc5 Date croissante<\/option>\n                    <option value=\"date-desc\">\ud83d\udcc5 Date d\u00e9croissante<\/option>\n                    <option value=\"name-asc\">\ud83d\udd24 Nom A-Z<\/option>\n                    <option value=\"name-desc\">\ud83d\udd24 Nom Z-A<\/option>\n                <\/select>\n            <\/div>\n            <button id=\"unpnc-rdv-reset-filters\" class=\"unpnc-rdv-btn unpnc-rdv-btn-secondary\">\n                \ud83d\udd04 R\u00e9initialiser\n            <\/button>\n        <\/div>\n        \n        <!-- Corps du modal -->\n        <div class=\"unpnc-rdv-modal-body\">\n            \n            <!-- Formulaire ajout\/\u00e9dition (cach\u00e9 par d\u00e9faut) -->\n            <div id=\"unpnc-rdv-form-container\" class=\"unpnc-rdv-form unpnc-rdv-form-hidden\">\n                <h4 class=\"unpnc-rdv-form-title\">\n                    <span id=\"unpnc-rdv-form-title-text\">\u2795 Nouveau rendez-vous<\/span>\n                <\/h4>\n                \n                <form id=\"unpnc-rdv-form\">\n                    <input type=\"hidden\" id=\"unpnc-rdv-edit-id\">\n                    \n                    <div class=\"unpnc-rdv-form-grid\">\n                        <div class=\"unpnc-rdv-form-group\">\n                            <label class=\"unpnc-rdv-form-label\">\n                                \ud83d\udcc5 Date <span class=\"unpnc-rdv-form-required\">*<\/span>\n                            <\/label>\n                            <input type=\"date\" id=\"unpnc-rdv-date\" class=\"unpnc-rdv-form-input\" required>\n                        <\/div>\n                        \n                        <div class=\"unpnc-rdv-form-group\">\n                            <label class=\"unpnc-rdv-form-label\">\n                                \ud83d\udd50 Heure <span class=\"unpnc-rdv-form-required\">*<\/span>\n                            <\/label>\n                            <input type=\"time\" id=\"unpnc-rdv-heure\" class=\"unpnc-rdv-form-input\" required>\n                        <\/div>\n                        \n                        <div class=\"unpnc-rdv-form-group\">\n                            <label class=\"unpnc-rdv-form-label\">\n                                \ud83d\udc64 Nom <span class=\"unpnc-rdv-form-required\">*<\/span>\n                            <\/label>\n                            <input type=\"text\" id=\"unpnc-rdv-nom\" class=\"unpnc-rdv-form-input\" required placeholder=\"DUPONT\">\n                        <\/div>\n                        \n                        <div class=\"unpnc-rdv-form-group\">\n                            <label class=\"unpnc-rdv-form-label\">\n                                \ud83d\udc64 Pr\u00e9nom <span class=\"unpnc-rdv-form-required\">*<\/span>\n                            <\/label>\n                            <input type=\"text\" id=\"unpnc-rdv-prenom\" class=\"unpnc-rdv-form-input\" required placeholder=\"Jean\">\n                        <\/div>\n                        \n                        <div class=\"unpnc-rdv-form-group\">\n                            <label class=\"unpnc-rdv-form-label\">\n                                \ud83d\udcde T\u00e9l\u00e9phone <span class=\"unpnc-rdv-form-required\">*<\/span>\n                            <\/label>\n                            <input type=\"tel\" id=\"unpnc-rdv-telephone\" class=\"unpnc-rdv-form-input\" required placeholder=\"+33612345678 ou 0612345678\">\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"unpnc-rdv-form-group\">\n                        <label class=\"unpnc-rdv-form-label\">\n                            \ud83d\udcdd Notes compl\u00e9mentaires\n                        <\/label>\n                        <textarea id=\"unpnc-rdv-notes\" class=\"unpnc-rdv-form-textarea\" placeholder=\"Informations suppl\u00e9mentaires...\"><\/textarea>\n                    <\/div>\n                    \n                    <div class=\"unpnc-rdv-form-actions\">\n                        <button type=\"button\" id=\"unpnc-rdv-form-cancel\" class=\"unpnc-rdv-form-cancel\">\n                            \u274c Annuler\n                        <\/button>\n                        <button type=\"submit\" class=\"unpnc-rdv-form-submit\">\n                            \u2705 <span id=\"unpnc-rdv-form-submit-text\">Enregistrer<\/span>\n                        <\/button>\n                    <\/div>\n                <\/form>\n            <\/div>\n            \n            <!-- Liste des rendez-vous -->\n            <div id=\"unpnc-rdv-list-container\">\n                <!-- Loading state -->\n                <div id=\"unpnc-rdv-loading\" class=\"unpnc-rdv-loading\">\n                    <div class=\"unpnc-rdv-spinner\"><\/div>\n                    <p style=\"color: #6b7280; font-size: 15px;\">Chargement des rendez-vous...<\/p>\n                <\/div>\n                \n                <!-- Empty state -->\n                <div id=\"unpnc-rdv-empty\" class=\"unpnc-rdv-empty\" style=\"display: none;\">\n                    <div class=\"unpnc-rdv-empty-icon\">\ud83d\udcc5<\/div>\n                    <h4 class=\"unpnc-rdv-empty-title\">Aucun rendez-vous<\/h4>\n                    <p class=\"unpnc-rdv-empty-text\">Cliquez sur \"Nouveau rendez-vous\" pour commencer<\/p>\n                <\/div>\n                \n                <!-- Liste -->\n                <div id=\"unpnc-rdv-list\" class=\"unpnc-rdv-list\" style=\"display: none;\">\n                    <!-- Les rendez-vous seront charg\u00e9s ici dynamiquement -->\n                <\/div>\n            <\/div>\n            \n        <\/div>\n        \n    <\/div>\n<\/div>\n\n<!-- Modal Archives Journali\u00e8res Rendez-vous -->\n<div id=\"unpnc-rdv-archive-modal\" class=\"unpnc-rdv-modal\">\n    <div class=\"unpnc-rdv-modal-content\" style=\"max-width: 1000px;\">\n        \n        <!-- En-t\u00eate -->\n        <div class=\"unpnc-rdv-modal-header\" style=\"background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\">\n            <h3>\ud83d\udcc1 Archives Rendez-vous par Jour<\/h3>\n            <button class=\"unpnc-rdv-archive-modal-close unpnc-rdv-modal-close\">&times;<\/button>\n        <\/div>\n        \n        <!-- Toolbar archives -->\n        <div class=\"unpnc-rdv-toolbar\">\n            <div class=\"unpnc-rdv-filter-group\">\n                <label class=\"unpnc-rdv-filter-label\">S\u00e9lectionner un jour<\/label>\n                <input type=\"date\" id=\"unpnc-rdv-archive-date-select\" class=\"unpnc-rdv-filter-input\" style=\"min-width: 200px;\">\n            <\/div>\n            <button id=\"unpnc-rdv-archive-load-btn\" class=\"unpnc-rdv-btn unpnc-rdv-btn-primary\" style=\"background: #f59e0b;\">\n                \ud83d\udd0d Charger jour\n            <\/button>\n            <button id=\"unpnc-rdv-archive-export-pdf-btn\" class=\"unpnc-rdv-btn unpnc-rdv-btn-secondary\" style=\"background: #dc2626; color: white;\">\n                \ud83d\udcc4 Exporter PDF jour\n            <\/button>\n            <div style=\"flex: 1;\"><\/div>\n            <div class=\"unpnc-rdv-count-badge\" style=\"background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\">\n                <span id=\"unpnc-rdv-archive-count\">0<\/span> rendez-vous ce jour\n            <\/div>\n        <\/div>\n        \n        <!-- Body archives -->\n        <div class=\"unpnc-rdv-modal-body\">\n            \n            <!-- Info jour s\u00e9lectionn\u00e9 -->\n            <div id=\"unpnc-rdv-archive-date-info\" class=\"unpnc-rdv-archive-date-info\" style=\"display: none;\">\n                <div style=\"background: #fef3c7; padding: 16px; border-radius: 10px; margin-bottom: 20px; border-left: 4px solid #f59e0b;\">\n                    <div style=\"font-size: 14px; color: #92400e; font-weight: 600;\">\n                        \ud83d\udcc5 Rendez-vous du <span id=\"unpnc-rdv-archive-selected-date\"><\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Loading -->\n            <div id=\"unpnc-rdv-archive-loading\" class=\"unpnc-rdv-loading\" style=\"display: none;\">\n                <div class=\"unpnc-rdv-spinner\"><\/div>\n                <p style=\"color: #6b7280; font-size: 15px;\">Chargement des rendez-vous...<\/p>\n            <\/div>\n            \n            <!-- Empty state -->\n            <div id=\"unpnc-rdv-archive-empty\" class=\"unpnc-rdv-empty\">\n                <div class=\"unpnc-rdv-empty-icon\">\ud83d\udcc5<\/div>\n                <h4 class=\"unpnc-rdv-empty-title\">Aucun rendez-vous<\/h4>\n                <p class=\"unpnc-rdv-empty-text\">S\u00e9lectionnez une date pour voir les rendez-vous archiv\u00e9s<\/p>\n            <\/div>\n            \n            <!-- Liste rendez-vous du jour -->\n            <div id=\"unpnc-rdv-archive-list\" class=\"unpnc-rdv-list\" style=\"display: none;\">\n                <!-- Les rendez-vous du jour seront charg\u00e9s ici -->\n            <\/div>\n            \n        <\/div>\n        \n    <\/div>\n<\/div>\n\n<!-- Modal Liste Clients Permanente -->\n<div id=\"unpnc-rdv-liste-modal\" class=\"unpnc-rdv-modal\">\n    <div class=\"unpnc-rdv-modal-content\" style=\"max-width: 1000px;\">\n        \n        <!-- En-t\u00eate -->\n        <div class=\"unpnc-rdv-modal-header\" style=\"background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\">\n            <h3>\ud83d\udccb Liste Clients Permanente<\/h3>\n            <button class=\"unpnc-rdv-liste-modal-close unpnc-rdv-modal-close\">&times;<\/button>\n        <\/div>\n        \n        <!-- Toolbar liste -->\n        <div class=\"unpnc-rdv-toolbar\">\n            <div class=\"unpnc-rdv-search-box\" style=\"flex: 1; max-width: 400px;\">\n                <input type=\"text\" id=\"unpnc-rdv-liste-search\" class=\"unpnc-rdv-search-input\" placeholder=\"Rechercher client par nom, pr\u00e9nom ou t\u00e9l\u00e9phone...\">\n            <\/div>\n            <button id=\"unpnc-rdv-liste-export-pdf-btn\" class=\"unpnc-rdv-btn unpnc-rdv-btn-secondary\" style=\"background: #dc2626; color: white;\">\n                \ud83d\udcc4 Exporter PDF\n            <\/button>\n            <button id=\"unpnc-rdv-liste-export-csv-btn\" class=\"unpnc-rdv-btn unpnc-rdv-btn-secondary\">\n                \ud83d\udce5 Exporter CSV\n            <\/button>\n            <div style=\"flex: 1;\"><\/div>\n            <div class=\"unpnc-rdv-count-badge\" style=\"background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\">\n                <span id=\"unpnc-rdv-liste-count\">0<\/span> clients\n            <\/div>\n        <\/div>\n        \n        <!-- Body liste -->\n        <div class=\"unpnc-rdv-modal-body\">\n            \n            <!-- Info alphab\u00e9tique -->\n            <div style=\"background: #dbeafe; padding: 12px 16px; border-radius: 8px; margin-bottom: 20px; border-left: 4px solid #3b82f6;\">\n                <div style=\"font-size: 13px; color: #1e40af; font-weight: 600;\">\n                    \ud83d\udd24 Tri alphab\u00e9tique automatique par nom de famille\n                <\/div>\n            <\/div>\n            \n            <!-- Loading -->\n            <div id=\"unpnc-rdv-liste-loading\" class=\"unpnc-rdv-loading\" style=\"display: none;\">\n                <div class=\"unpnc-rdv-spinner\"><\/div>\n                <p style=\"color: #6b7280; font-size: 15px;\">Chargement de la liste clients...<\/p>\n            <\/div>\n            \n            <!-- Empty state -->\n            <div id=\"unpnc-rdv-liste-empty\" class=\"unpnc-rdv-empty\">\n                <div class=\"unpnc-rdv-empty-icon\">\ud83d\udccb<\/div>\n                <h4 class=\"unpnc-rdv-empty-title\">Aucun client<\/h4>\n                <p class=\"unpnc-rdv-empty-text\">Les clients seront automatiquement ajout\u00e9s lors de la cr\u00e9ation de rendez-vous<\/p>\n            <\/div>\n            \n            <!-- Liste clients -->\n            <div id=\"unpnc-rdv-liste-clients\" class=\"unpnc-rdv-liste-clients\" style=\"display: none;\">\n                <!-- Les clients seront charg\u00e9s ici -->\n            <\/div>\n            \n        <\/div>\n        \n    <\/div>\n<\/div>\n\n    <!-- Modal Calendrier -->\n    <!-- \n    UNPNC Calendrier Modal\n    Modal d'affichage du calendrier mensuel des rendez-vous\n    \n    @package UNPNC_Task_Manager\n    @version 1.0.0\n-->\n\n<div id=\"unpnc-calendrier-modal\" class=\"unpnc-calendrier-modal\">\n    <div class=\"unpnc-calendrier-content\">\n        \n        <!-- Header -->\n        <div class=\"unpnc-calendrier-header\">\n            <h2>\n                \u2696\ufe0f Calendrier Justice - Contentieux\n            <\/h2>\n            <div style=\"display:flex; gap:10px; align-items:center;\">\n            <button class=\"unpnc-calendrier-modal-close\" title=\"Fermer\">\n                \u00d7\n            <\/button>\n            <\/div>\n        <\/div>\n\n        <!-- Navigation -->\n        <div class=\"unpnc-calendrier-navigation\">\n            <div class=\"unpnc-calendrier-nav-controls\">\n                <button id=\"unpnc-calendrier-prev-btn\" class=\"unpnc-calendrier-nav-btn\">\n                    \u2190 Mois pr\u00e9c\u00e9dent\n                <\/button>\n                <span id=\"unpnc-calendrier-month-year\" class=\"unpnc-calendrier-month-year\">\n                    Janvier 2026\n                <\/span>\n                <button id=\"unpnc-calendrier-next-btn\" class=\"unpnc-calendrier-nav-btn\">\n                    Mois suivant \u2192\n                <\/button>\n            <\/div>\n            <button id=\"unpnc-calendrier-today-btn\" class=\"unpnc-calendrier-today-btn\">\n                \ud83d\udccd Aujourd'hui\n            <\/button>\n        <\/div>\n\n        <!-- Corps du calendrier -->\n        <div class=\"unpnc-calendrier-body\">\n            <!-- Grille du calendrier -->\n            <div class=\"unpnc-calendrier-grid\">\n                <!-- Jours de la semaine -->\n                <div class=\"unpnc-calendrier-weekday\">Lun<\/div>\n                <div class=\"unpnc-calendrier-weekday\">Mar<\/div>\n                <div class=\"unpnc-calendrier-weekday\">Mer<\/div>\n                <div class=\"unpnc-calendrier-weekday\">Jeu<\/div>\n                <div class=\"unpnc-calendrier-weekday\">Ven<\/div>\n                <div class=\"unpnc-calendrier-weekday\">Sam<\/div>\n                <div class=\"unpnc-calendrier-weekday\">Dim<\/div>\n                \n                <!-- Les jours seront g\u00e9n\u00e9r\u00e9s dynamiquement ici -->\n            <\/div>\n\n            <!-- \u00c9tat de chargement -->\n            <div id=\"unpnc-calendrier-loading\" class=\"unpnc-calendrier-loading\" style=\"display: none;\">\n                <div class=\"unpnc-calendrier-loading-spinner\"><\/div>\n                <p>Chargement du calendrier...<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- L\u00e9gende -->\n        <div class=\"unpnc-calendrier-legend\">\n            <div class=\"unpnc-calendrier-legend-item\">\n                <div class=\"unpnc-calendrier-legend-box today\"><\/div>\n                <span>Aujourd'hui<\/span>\n            <\/div>\n            <div class=\"unpnc-calendrier-legend-item\">\n                <div class=\"unpnc-calendrier-legend-box has-rdv\"><\/div>\n                <span>Jours avec contentieux<\/span>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<!-- Panneau d\u00e9tails du jour (s'ouvre sur le c\u00f4t\u00e9) -->\n<div id=\"unpnc-calendrier-details\" class=\"unpnc-calendrier-details\">\n    <div class=\"unpnc-calendrier-details-header\">\n        <button class=\"unpnc-calendrier-details-close\">\u00d7<\/button>\n        <h3 id=\"unpnc-calendrier-details-title\">\u00c9l\u00e9ments du jour<\/h3>\n        <div id=\"unpnc-calendrier-details-date\" class=\"unpnc-calendrier-details-date\"><\/div>\n    <\/div>\n    <div id=\"unpnc-calendrier-details-body\" class=\"unpnc-calendrier-details-body\">\n        <!-- Les rendez-vous et t\u00e2ches du jour seront affich\u00e9s ici -->\n    <\/div>\n<\/div>\n\n    <!-- Modal Liste Contentieux (synth\u00e8se BCO \/ BJ \/ conclusions) -->\n    \n<div id=\"unpnc-contentieux-liste-modal\" class=\"unpnc-tm-modal\" style=\"display:none;\">\n    <div class=\"unpnc-tm-modal-content\" style=\"max-width: 1100px; max-height: 90vh; display:flex; flex-direction:column;\">\n        <div class=\"unpnc-tm-modal-header\" style=\"flex-shrink:0;\">\n            <h3>\ud83d\udcd1 Liste Contentieux<\/h3>\n            <button class=\"unpnc-tm-modal-close unpnc-contentieux-liste-close\">&times;<\/button>\n        <\/div>\n\n        <div class=\"unpnc-tm-modal-body\" style=\"flex:1; overflow:auto; padding:16px;\">\n\n            <div style=\"display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-bottom:12px;\">\n                <input type=\"text\" id=\"unpnc-contentieux-liste-search\" placeholder=\"\ud83d\udd0d Rechercher (justiciable \/ d\u00e9fenseur)\" style=\"flex:1; min-width:260px; padding:10px 12px; border:1px solid #e5e7eb; border-radius:10px;\" \/>\n                <button type=\"button\" id=\"unpnc-contentieux-liste-refresh\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary\">\ud83d\udd04 Actualiser<\/button>\n            <\/div>\n\n            <div style=\"overflow:auto; border:1px solid #e5e7eb; border-radius:12px;\">\n                <table style=\"width:100%; border-collapse:collapse; min-width:980px;\">\n                    <thead>\n                        <tr style=\"background:#f8fafc;\">\n                            <th style=\"text-align:left; padding:10px 12px; border-bottom:1px solid #e5e7eb;\">Justiciable<\/th>\n                            <th style=\"text-align:left; padding:10px 12px; border-bottom:1px solid #e5e7eb;\">Audience<\/th>\n                            <th style=\"text-align:left; padding:10px 12px; border-bottom:1px solid #e5e7eb;\">D\u00e9fense<\/th>\n                            <th style=\"text-align:left; padding:10px 12px; border-bottom:1px solid #e5e7eb;\">Date Nous<\/th>\n                            <th style=\"text-align:left; padding:10px 12px; border-bottom:1px solid #e5e7eb;\">Avocat<\/th>\n                            <th style=\"text-align:left; padding:10px 12px; border-bottom:1px solid #e5e7eb;\">Duplique<\/th>\n                            <th style=\"text-align:left; padding:10px 12px; border-bottom:1px solid #e5e7eb;\">R\u00e9plique<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody id=\"unpnc-contentieux-liste-tbody\">\n                        <tr>\n                            <td colspan=\"7\" style=\"padding:14px 12px; color:#6b7280;\">Chargement\u2026<\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n\n            <div id=\"unpnc-contentieux-liste-empty\" style=\"display:none; padding:12px 2px; color:#6b7280;\">Aucun contentieux trouv\u00e9.<\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n    <!-- Modal Justiciables (liste compl\u00e8te adh\u00e9rents) -->\n    \n<div id=\"unpnc-justiciables-modal\" class=\"unpnc-tm-modal\" style=\"display:none;\">\n    <div class=\"unpnc-tm-modal-content\" style=\"max-width: 980px; max-height: 90vh; display:flex; flex-direction:column;\">\n        <div class=\"unpnc-tm-modal-header\" style=\"flex-shrink:0; display:flex; align-items:center; justify-content:space-between; gap:10px;\">\n            <h3 style=\"margin:0;\">\ud83d\udc65 Justiciables (Adh\u00e9rents)<\/h3>\n            <button class=\"unpnc-tm-modal-close justiciables-close\" aria-label=\"Fermer\">&times;<\/button>\n        <\/div>\n\n        <div class=\"unpnc-tm-modal-body\" style=\"flex:1; overflow:auto; padding:18px;\">\n            <div style=\"display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-bottom:14px;\">\n                <input\n                    type=\"text\"\n                    id=\"unpnc-justiciables-search\"\n                    placeholder=\"\ud83d\udd0d Rechercher (nom, email, t\u00e9l\u00e9phone)\"\n                    style=\"flex:1; min-width: 240px; padding: 12px; font-size: 15px; border: 2px solid #ddd; border-radius: 8px;\"\n                    autocomplete=\"off\"\n                \/>\n                <div id=\"unpnc-justiciables-count\" style=\"font-size:13px;color:#6b7280;\">\n                    \u2014\n                <\/div>\n            <\/div>\n\n            <div id=\"unpnc-justiciables-loading\" style=\"display:none; text-align:center; padding:24px; color:#6b7280;\">\n                Chargement des adh\u00e9rents...\n            <\/div>\n\n            <div style=\"overflow:auto; border:2px solid #e5e7eb; border-radius:12px; background:#fff;\">\n                <table id=\"unpnc-justiciables-table\" style=\"width:100%; border-collapse:collapse; min-width:680px;\">\n                    <thead>\n                        <tr style=\"background:#f9fafb;\">\n                            <th style=\"text-align:left; padding:12px 14px; border-bottom:2px solid #e5e7eb; font-size:13px; color:#374151;\">Nom<\/th>\n                            <th style=\"text-align:left; padding:12px 14px; border-bottom:2px solid #e5e7eb; font-size:13px; color:#374151;\">T\u00e9l\u00e9phone<\/th>\n                            <th style=\"text-align:left; padding:12px 14px; border-bottom:2px solid #e5e7eb; font-size:13px; color:#374151;\">Email<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody id=\"unpnc-justiciables-list\"><\/tbody>\n                <\/table>\n            <\/div>\n\n            <div id=\"unpnc-justiciables-empty\" style=\"display:none; text-align:center; padding:32px; color:#6b7280;\">\n                Aucun adh\u00e9rent.\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n    <!-- Modal Biblioth\u00e8que de mod\u00e8les (Contentieux) -->\n    \n<div id=\"unpnc-model-library-modal\" class=\"unpnc-tm-modal\" style=\"display:none;\">\n  <div class=\"unpnc-tm-modal-content unpnc-models-modal\" style=\"max-width: 980px;\">\n    <div class=\"unpnc-tm-modal-header\" style=\"display:flex;align-items:center;justify-content:space-between;gap:12px;\">\n      <div style=\"display:flex;align-items:center;gap:10px;flex-wrap:wrap;\">\n        <h3 style=\"margin:0;\">\ud83d\udcda Biblioth\u00e8que de mod\u00e8les<\/h3>\n        <span style=\"font-size:12px;color:#6b7280;\">(Contentieux \u2192 Articles \/ argumentaire)<\/span>\n      <\/div>\n\n      <div style=\"display:flex;align-items:center;gap:8px;flex-wrap:wrap;\">\n        <button type=\"button\" id=\"unpnc-models-export\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary\">\u2b07\ufe0f Export<\/button>\n        <button type=\"button\" id=\"unpnc-models-import\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary\">\u2b06\ufe0f Import<\/button>\n        <input type=\"file\" id=\"unpnc-models-import-file\" accept=\"application\/json\" style=\"display:none;\" \/>\n        <button class=\"unpnc-tm-modal-close\" id=\"unpnc-models-close\">&times;<\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"unpnc-tm-modal-body\" style=\"padding:16px 20px 20px;\">\n      <div class=\"unpnc-models-toolbar\" style=\"display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px;\">\n        <input type=\"text\" id=\"unpnc-models-search\" placeholder=\"Rechercher (titre, tags, contenu...)\" style=\"flex:1;min-width:260px;\" \/>\n        <button type=\"button\" id=\"unpnc-models-filter-favs\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary\">\u2b50 Favoris<\/button>\n        <button type=\"button\" id=\"unpnc-models-reset\" class=\"unpnc-tm-btn unpnc-tm-btn-secondary\">\u21a9\ufe0f R\u00e9initialiser<\/button>\n      <\/div>\n\n      <div class=\"unpnc-models-layout\">\n        <aside class=\"unpnc-models-categories\" aria-label=\"Cat\u00e9gories\"><\/aside>\n        <main class=\"unpnc-models-list\" aria-label=\"Mod\u00e8les\"><\/main>\n      <\/div>\n\n      <div style=\"margin-top:10px;font-size:12px;color:#6b7280;\">\n        Astuce : clic sur un mod\u00e8le = insertion dans le champ \"Articles\" du contentieux. \u2b50 pour ajouter aux favoris.\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n    <!-- Modal Biblioth\u00e8que PDF -->\n    \n<!-- Modal Biblioth\u00e8que PDF -->\n<div id=\"unpnc-bibpdf-modal\" class=\"unpnc-tm-modal\" aria-hidden=\"true\">\n    <div class=\"unpnc-tm-modal-content\" style=\"max-width: 1100px;\">\n        <div class=\"unpnc-tm-modal-header\">\n            <h3>\ud83d\udcda Biblioth\u00e8que<\/h3>\n            <!-- IMPORTANT: ne pas utiliser .unpnc-tm-modal-close ici (sinon conflit avec closeModal() du Task Manager) -->\n            <button class=\"unpnc-bibpdf-modal-close\" title=\"Fermer\" type=\"button\">&times;<\/button>\n        <\/div>\n\n        <div class=\"unpnc-tm-modal-body\">\n            <div class=\"bib-pdf-container\">\n    <div class=\"bib-pdf-header\">\n        <h2>\ud83d\udcda Biblioth\u00e8que PDF<\/h2>\n        <button class=\"bib-admin-toggle\" onclick=\"bibToggleAdmin()\">\n            <span id=\"bibAdminBtnText\">\ud83d\udd10 Mode Admin<\/span>\n        <\/button>\n    <\/div>\n\n    <!-- Panneau d'Administration -->\n    <div id=\"bibAdminPanel\" class=\"bib-admin-panel\">\n        <h2 style=\"margin-top: 0;\">\u2699\ufe0f Panneau d'Administration<\/h2>\n        \n        <!-- Gestion des Dossiers -->\n        <div class=\"bib-admin-section\">\n            <h3>\ud83d\udcc1 Gestion des Dossiers<\/h3>\n            <div class=\"bib-form-group\">\n                <label for=\"bibNewFolderName\">Nom du nouveau dossier :<\/label>\n                <input type=\"text\" id=\"bibNewFolderName\" placeholder=\"Ex: Droit du Travail\">\n            <\/div>\n            <button class=\"bib-btn bib-btn-success\" onclick=\"bibAddFolder()\">\u2795 Cr\u00e9er Dossier<\/button>\n            \n            <div class=\"bib-admin-list\" id=\"bibFoldersList\" style=\"margin-top: 15px;\">\n                <!-- Liste des dossiers -->\n            <\/div>\n        <\/div>\n\n        <!-- Gestion des Fichiers -->\n        <div class=\"bib-admin-section\">\n            <h3>\ud83d\udcc4 Gestion des Fichiers<\/h3>\n            <div class=\"bib-form-group\">\n                <label for=\"bibFileFolder\">Dossier :<\/label>\n                <select id=\"bibFileFolder\">\n                    <option value=\"\">Racine (sans dossier)<\/option>\n                <\/select>\n            <\/div>\n            <div class=\"bib-form-group\">\n                <label for=\"bibFileName\">Nom du fichier :<\/label>\n                <input type=\"text\" id=\"bibFileName\" placeholder=\"Ex: Contrats sp\u00e9ciaux\">\n            <\/div>\n            <div class=\"bib-form-group\">\n                <label for=\"bibFileUrl\">URL du fichier PDF :<\/label>\n                <input type=\"text\" id=\"bibFileUrl\" placeholder=\"https:\/\/example.com\/document.pdf\">\n            <\/div>\n            <button class=\"bib-btn bib-btn-success\" onclick=\"bibAddFile()\">\u2795 Ajouter Fichier<\/button>\n            \n            <div class=\"bib-admin-list\" id=\"bibFilesList\" style=\"margin-top: 15px;\">\n                <!-- Liste des fichiers -->\n            <\/div>\n        <\/div>\n\n        <!-- Actions -->\n        <div class=\"bib-admin-section\">\n            <h3>\ud83d\udcbe Donn\u00e9es<\/h3>\n            <button class=\"bib-btn bib-btn-warning\" onclick=\"bibExportData()\">\ud83d\udce5 Exporter Donn\u00e9es<\/button>\n            <button class=\"bib-btn bib-btn-warning\" onclick=\"bibImportData()\">\ud83d\udce4 Importer Donn\u00e9es<\/button>\n            <button class=\"bib-btn bib-btn-danger\" onclick=\"bibResetData()\">\ud83d\uddd1\ufe0f R\u00e9initialiser<\/button>\n        <\/div>\n    <\/div>\n\n    <!-- Interface Utilisateur -->\n    <div class=\"bib-user-interface\">\n        <!-- Navigation et Recherche -->\n        <div class=\"bib-navigation-section\">\n            <div class=\"bib-nav-group\">\n                <label for=\"bibFolderSelector\">\ud83d\udcc1 S\u00e9lectionner un dossier :<\/label>\n                <select id=\"bibFolderSelector\" onchange=\"bibSelectFolder()\">\n                    <option value=\"all\">\ud83d\udcc2 Tous les documents<\/option>\n                <\/select>\n            <\/div>\n            <div class=\"bib-nav-group\">\n                <label for=\"bibSearchInput\">\ud83d\udd0d Rechercher un document :<\/label>\n                <input type=\"text\" id=\"bibSearchInput\" placeholder=\"Tapez pour rechercher...\" oninput=\"bibSearchFiles()\">\n                <div class=\"bib-search-info\" id=\"bibSearchInfo\"><\/div>\n            <\/div>\n        <\/div>\n\n        <!-- S\u00e9lecteur de fichiers -->\n        <div class=\"bib-file-selector\">\n            <h3 id=\"bibCurrentFolderTitle\">\ud83d\udcc2 Tous les documents<\/h3>\n            <select id=\"bibPdfSelector\">\n                <option value=\"\" disabled selected>S\u00e9lectionnez un document<\/option>\n            <\/select>\n        <\/div>\n\n        <!-- Contr\u00f4les -->\n        <div class=\"bib-controls\">\n            <button class=\"bib-btn\" id=\"bibOpenButton\" disabled onclick=\"bibOpenPdf()\">\ud83d\udd17 Ouvrir<\/button>\n            <button class=\"bib-btn\" id=\"bibDownloadButton\" disabled onclick=\"bibDownloadPdf()\">\u2b07\ufe0f T\u00e9l\u00e9charger<\/button>\n            <button class=\"bib-btn\" id=\"bibZoomInButton\" disabled onclick=\"bibZoomIn()\">\ud83d\udd0d Agrandir<\/button>\n            <button class=\"bib-btn\" id=\"bibZoomOutButton\" disabled onclick=\"bibZoomOut()\">\ud83d\udd0e R\u00e9duire<\/button>\n            <button class=\"bib-btn bib-btn-success\" id=\"bibAddFavoriteButton\" disabled onclick=\"bibAddToFavorites()\">\u2b50 Favoris<\/button>\n        <\/div>\n\n        <!-- Visionneuse PDF -->\n        <div class=\"bib-iframe-container\">\n            <iframe id=\"bibPdfViewer\" src=\"\" title=\"Visionneuse PDF\"><\/iframe>\n        <\/div>\n\n        <!-- Favoris -->\n        <div class=\"bib-favorites-list\">\n            <h4>\u2b50 Mes Favoris<\/h4>\n            <ul id=\"bibFavorites\"><\/ul>\n        <\/div>\n    <\/div>\n<\/div>\n        <\/div>\n\n        <div class=\"unpnc-tm-modal-footer\" style=\"display:flex;justify-content:flex-end;gap:10px;padding:16px;border-top:1px solid #e5e7eb;background:#fff;\">\n            <button class=\"unpnc-tm-btn unpnc-tm-btn-secondary unpnc-bibpdf-modal-close-btn\" type=\"button\">Fermer<\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<\/div>\n\n<!-- Message de notification -->\n<div id=\"unpnc-tm-notification\" class=\"unpnc-tm-notification\"><\/div>\n<\/div>\n<\/div><script>if(window.UNPNCReleasePreloader){window.UNPNCReleasePreloader();}<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/defenseursyndical.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/defenseursyndical.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/defenseursyndical.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/defenseursyndical.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/defenseursyndical.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":2,"href":"https:\/\/defenseursyndical.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":9,"href":"https:\/\/defenseursyndical.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/9"}],"wp:attachment":[{"href":"https:\/\/defenseursyndical.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}