{"id":2164,"date":"2026-02-22T02:37:19","date_gmt":"2026-02-22T01:37:19","guid":{"rendered":"https:\/\/atti.tn\/?p=2164"},"modified":"2026-02-22T02:41:33","modified_gmt":"2026-02-22T01:41:33","slug":"2164","status":"publish","type":"post","link":"https:\/\/atti.tn\/index.php\/2026\/02\/22\/2164\/","title":{"rendered":"Convocation \u00e0 la deuxi\u00e8me Assembl\u00e9e G\u00e9n\u00e9rale Ordinaire (AGO) &#8211; Mercredi 25 f\u00e9vrier 2026"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>2\u00e8me AGO &#8211; Association ATTI &#8211; 25 F\u00e9vrier 2026<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        }\n        \n        body {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            min-height: 100vh;\n            padding: 40px 20px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n        \n        .convocation-card {\n            max-width: 900px;\n            width: 100%;\n            background: white;\n            border-radius: 20px;\n            overflow: hidden;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n            animation: slideIn 0.5s ease-out;\n        }\n        \n        @keyframes slideIn {\n            from {\n                opacity: 0;\n                transform: translateY(-30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        \/* Header avec alerte *\/\n        .alert-header {\n            background: linear-gradient(135deg, #ff6b6b 0%, #c92a2a 100%);\n            color: white;\n            padding: 20px 30px;\n            text-align: center;\n            font-size: 24px;\n            font-weight: bold;\n            letter-spacing: 2px;\n            border-bottom: 4px solid #ffd43b;\n            animation: pulse 2s infinite;\n        }\n        \n        @keyframes pulse {\n            0% { opacity: 1; }\n            50% { opacity: 0.9; }\n            100% { opacity: 1; }\n        }\n        \n        .alert-header i {\n            margin-right: 10px;\n            animation: bellShake 1s infinite;\n        }\n        \n        @keyframes bellShake {\n            0%, 100% { transform: rotate(0); }\n            10% { transform: rotate(15deg); }\n            20% { transform: rotate(-15deg); }\n            30% { transform: rotate(10deg); }\n            40% { transform: rotate(-10deg); }\n            50% { transform: rotate(5deg); }\n            60% { transform: rotate(-5deg); }\n        }\n        \n        \/* En-t\u00eate principal *\/\n        .main-header {\n            background: linear-gradient(135deg, #1a3a5f 0%, #2c5c8a 100%);\n            color: white;\n            padding: 40px;\n            text-align: center;\n        }\n        \n        .association-name {\n            font-size: 32px;\n            font-weight: bold;\n            margin-bottom: 15px;\n            letter-spacing: 2px;\n        }\n        \n        .assembly-title {\n            font-size: 42px;\n            font-weight: 800;\n            margin: 20px 0;\n            text-transform: uppercase;\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);\n            line-height: 1.2;\n        }\n        \n        .assembly-subtitle {\n            font-size: 24px;\n            opacity: 0.95;\n            background: rgba(255, 255, 255, 0.1);\n            display: inline-block;\n            padding: 10px 30px;\n            border-radius: 50px;\n            margin-top: 20px;\n        }\n        \n        \/* Badge de rappel statutaire *\/\n        .statut-badge {\n            background: #ffd43b;\n            color: #1a3a5f;\n            padding: 15px 30px;\n            font-size: 22px;\n            font-weight: bold;\n            text-align: center;\n            border-bottom: 3px solid #fab005;\n        }\n        \n        .statut-badge i {\n            color: #c92a2a;\n            margin-right: 10px;\n        }\n        \n        \/* Contenu principal *\/\n        .content {\n            padding: 40px;\n        }\n        \n        \/* Informations cl\u00e9s *\/\n        .key-info {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 20px;\n            margin-bottom: 40px;\n        }\n        \n        .info-card {\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            padding: 25px;\n            border-radius: 15px;\n            text-align: center;\n            border-left: 5px solid #ff6b6b;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n        }\n        \n        .info-icon {\n            font-size: 36px;\n            color: #ff6b6b;\n            margin-bottom: 15px;\n        }\n        \n        .info-label {\n            font-size: 16px;\n            color: #666;\n            margin-bottom: 8px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n        \n        .info-value {\n            font-size: 28px;\n            font-weight: bold;\n            color: #1a3a5f;\n        }\n        \n        .info-value small {\n            font-size: 16px;\n            font-weight: normal;\n            color: #666;\n        }\n        \n        \/* Section ordre du jour *\/\n        .agenda-section {\n            background: #f8f9fa;\n            border-radius: 15px;\n            padding: 30px;\n            margin-bottom: 40px;\n            border: 2px solid #dee2e6;\n        }\n        \n        .section-title {\n            font-size: 28px;\n            color: #1a3a5f;\n            margin-bottom: 25px;\n            padding-bottom: 15px;\n            border-bottom: 3px solid #ff6b6b;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n        \n        .agenda-list {\n            list-style: none;\n        }\n        \n        .agenda-item {\n            padding: 15px 20px;\n            margin-bottom: 10px;\n            background: white;\n            border-radius: 10px;\n            border-left: 5px solid #2c5c8a;\n            font-size: 18px;\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);\n        }\n        \n        .agenda-number {\n            display: inline-block;\n            background: #2c5c8a;\n            color: white;\n            width: 30px;\n            height: 30px;\n            text-align: center;\n            line-height: 30px;\n            border-radius: 50%;\n            margin-right: 15px;\n            font-weight: bold;\n        }\n        \n        \/* Rappel statutaire important *\/\n        .legal-reminder {\n            background: linear-gradient(135deg, #fff3cd 0%, #ffe69b 100%);\n            border: 3px solid #ffc107;\n            border-radius: 15px;\n            padding: 30px;\n            margin-bottom: 40px;\n        }\n        \n        .legal-reminder h3 {\n            color: #856404;\n            font-size: 26px;\n            margin-bottom: 20px;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n        \n        .legal-points {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 20px;\n            margin-top: 20px;\n        }\n        \n        .legal-point {\n            background: rgba(255, 255, 255, 0.7);\n            padding: 20px;\n            border-radius: 10px;\n            border-left: 4px solid #dc3545;\n            font-size: 18px;\n            font-weight: 500;\n        }\n        \n        .legal-point i {\n            color: #dc3545;\n            margin-right: 10px;\n            font-size: 24px;\n            vertical-align: middle;\n        }\n        \n        \/* Documents section *\/\n        .documents-section {\n            background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);\n            border-radius: 15px;\n            padding: 30px;\n            margin-bottom: 40px;\n        }\n        \n        .documents-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 20px;\n            margin-top: 20px;\n        }\n        \n        .doc-card {\n            background: white;\n            padding: 20px;\n            border-radius: 10px;\n            text-align: center;\n            text-decoration: none;\n            color: #1a3a5f;\n            font-weight: bold;\n            transition: all 0.3s ease;\n            border: 2px solid transparent;\n        }\n        \n        .doc-card:hover {\n            transform: translateY(-5px);\n            border-color: #2c5c8a;\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n        }\n        \n        .doc-icon {\n            font-size: 36px;\n            color: #2c5c8a;\n            margin-bottom: 10px;\n        }\n        \n        \/* Bouton de confirmation *\/\n        .confirmation-section {\n            text-align: center;\n            margin: 40px 0;\n        }\n        \n        .confirm-button {\n            display: inline-block;\n            background: linear-gradient(135deg, #28a745 0%, #20c997 100%);\n            color: white;\n            padding: 20px 50px;\n            border-radius: 50px;\n            font-size: 24px;\n            font-weight: bold;\n            text-decoration: none;\n            box-shadow: 0 10px 20px rgba(40, 167, 69, 0.3);\n            transition: all 0.3s ease;\n            border: none;\n            cursor: pointer;\n        }\n        \n        .confirm-button:hover {\n            transform: translateY(-3px) scale(1.05);\n            box-shadow: 0 15px 30px rgba(40, 167, 69, 0.4);\n        }\n        \n        \/* Pouvoir section *\/\n        .proxy-section {\n            background: #f8f9fa;\n            border-radius: 15px;\n            padding: 30px;\n            margin: 40px 0;\n            border: 2px dashed #2c5c8a;\n        }\n        \n        .proxy-form {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 20px;\n            margin-top: 20px;\n        }\n        \n        .proxy-input {\n            padding: 15px;\n            border: 2px solid #dee2e6;\n            border-radius: 8px;\n            font-size: 16px;\n        }\n        \n        .proxy-button {\n            background: #2c5c8a;\n            color: white;\n            padding: 15px;\n            border: none;\n            border-radius: 8px;\n            font-weight: bold;\n            cursor: pointer;\n            transition: background 0.3s ease;\n        }\n        \n        .proxy-button:hover {\n            background: #1a3a5f;\n        }\n        \n        \/* Footer *\/\n        .footer {\n            background: #1a3a5f;\n            color: white;\n            padding: 30px;\n            text-align: center;\n        }\n        \n        .contact-info {\n            display: flex;\n            justify-content: center;\n            gap: 30px;\n            flex-wrap: wrap;\n            margin: 20px 0;\n        }\n        \n        .contact-item {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n        \n        .contact-item i {\n            color: #ffd43b;\n        }\n        \n        .urgent-note {\n            background: rgba(255, 255, 255, 0.1);\n            padding: 15px;\n            border-radius: 8px;\n            margin-top: 20px;\n            font-size: 18px;\n            border-left: 4px solid #ffd43b;\n        }\n        \n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            .assembly-title {\n                font-size: 32px;\n            }\n            \n            .content {\n                padding: 25px;\n            }\n            \n            .info-value {\n                font-size: 22px;\n            }\n            \n            .confirm-button {\n                font-size: 20px;\n                padding: 15px 30px;\n            }\n        }\n    <\/style>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<\/head>\n<body>\n    <div class=\"convocation-card\">\n        <!-- Bandeau d'alerte -->\n        <div class=\"alert-header\">\n            <i class=\"fas fa-exclamation-triangle\"><\/i>\n            QUORUM NON ATTEINT LORS DE LA PREMI\u00c8RE ASSEMBL\u00c9E DU 11 F\u00c9VRIER\n            <i class=\"fas fa-exclamation-triangle\"><\/i>\n        <\/div>\n        \n        <!-- En-t\u00eate principal -->\n        <div class=\"main-header\">\n            <div class=\"association-name\">\n                <i class=\"fas fa-users\"><\/i> ASSOCIATION ATTI\n            <\/div>\n            <div class=\"assembly-title\">\n                DEUXI\u00c8ME ASSEMBL\u00c9E G\u00c9N\u00c9RALE ORDINAIRE\n            <\/div>\n            <div class=\"assembly-subtitle\">\n                <i class=\"fas fa-gavel\"><\/i> CONVOCATION OFFICIELLE\n            <\/div>\n        <\/div>\n        \n        <!-- Rappel statutaire -->\n        <div class=\"statut-badge\">\n            <i class=\"fas fa-balance-scale\"><\/i>\n            CONFORM\u00c9MENT \u00c0 L&#8217;ARTICLE 28 DE NOS STATUTS\n        <\/div>\n        \n        <!-- Contenu principal -->\n        <div class=\"content\">\n            <!-- Informations cl\u00e9s -->\n            <div class=\"key-info\">\n                <div class=\"info-card\">\n                    <div class=\"info-icon\"><i class=\"fas fa-calendar-alt\"><\/i><\/div>\n                    <div class=\"info-label\">Date<\/div>\n                    <div class=\"info-value\">MERCREDI 25 F\u00c9VRIER 2026<\/div>\n                <\/div>\n                \n                <div class=\"info-card\">\n                    <div class=\"info-icon\"><i class=\"fas fa-clock\"><\/i><\/div>\n                    <div class=\"info-label\">Heure<\/div>\n                    <div class=\"info-value\">12h00 <small>(accueil d\u00e8s 11h45)<\/small><\/div>\n                <\/div>\n                \n                <div class=\"info-card\">\n                    <div class=\"info-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\n                    <div class=\"info-label\">Lieu<\/div>\n                    <div class=\"info-value\">5 Avenue Taha Hussein Montfleury &#8211; Tunis<\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Ordre du jour -->\n            <div class=\"agenda-section\">\n                <h2 class=\"section-title\">\n                    <i class=\"fas fa-list\"><\/i> ORDRE DU JOUR (IDENTIQUE \u00c0 LA PREMI\u00c8RE AGO)\n                <\/h2>\n                <ul class=\"agenda-list\">\n                    <li class=\"agenda-item\">\n                        <span class=\"agenda-number\">1<\/span>\n                        Discussion et approbation des \u00e9tats financiers de l&#8217;exercice 2023\n                    <\/li>\n                    <li class=\"agenda-item\">\n                        <span class=\"agenda-number\">2<\/span>\n                        Discussion et approbation des \u00e9tats financiers de l&#8217;exercice 2024\n                    <\/li>\n                    <li class=\"agenda-item\">\n                        <span class=\"agenda-number\">3<\/span>\n                        Questions diverses\n                    <\/li>\n                <\/ul>\n            <\/div>\n            \n            <!-- Rappel l\u00e9gal crucial -->\n            <div class=\"legal-reminder\">\n                <h3>\n                    <i class=\"fas fa-exclamation-circle\"><\/i>\n                    POINT CRUCIAL &#8211; 2\u00c8ME ASSEMBL\u00c9E\n                <\/h3>\n                <p style=\"font-size: 18px; margin-bottom: 20px;\">\n                    <strong>Conform\u00e9ment \u00e0 nos statuts, pour cette DEUXI\u00c8ME Assembl\u00e9e G\u00e9n\u00e9rale :<\/strong>\n                <\/p>\n                <div class=\"legal-points\">\n                    <div class=\"legal-point\">\n                        <i class=\"fas fa-check-circle\"><\/i>\n                        <strong>AUCUN QUORUM MINIMUM<\/strong> n&#8217;est requis\n                    <\/div>\n                    <div class=\"legal-point\">\n                        <i class=\"fas fa-check-circle\"><\/i>\n                        Les d\u00e9lib\u00e9rations sont <strong>VALABLES quel que soit le nombre de pr\u00e9sents<\/strong>\n                    <\/div>\n                    <div class=\"legal-point\">\n                        <i class=\"fas fa-check-circle\"><\/i>\n                        D\u00e9cisions prises \u00e0 la <strong>MAJORIT\u00c9 des voix des membres pr\u00e9sents<\/strong>\n                    <\/div>\n                    <div class=\"legal-point\">\n                        <i class=\"fas fa-check-circle\"><\/i>\n                        <strong>POSSIBILIT\u00c9 DE DONNER POUVOIR<\/strong> \u00e0 un autre membre\n                    <\/div>\n                <\/div>\n                <p style=\"margin-top: 25px; font-size: 20px; font-weight: bold; color: #c92a2a; text-align: center;\">\n                    \u26a1 VOTRE PR\u00c9SENCE EST ESSENTIELLE POUR VALIDER NOS COMPTES \u26a1\n                <\/p>\n            <\/div>\n            \n            <!-- Documents \u00e0 consulter -->\n            <div class=\"documents-section\">\n                <h2 class=\"section-title\" style=\"border-bottom-color: #2c5c8a;\">\n                    <i class=\"fas fa-file-pdf\"><\/i> DOCUMENTS POUR PR\u00c9PARER L&#8217;ASSEMBL\u00c9E\n                <\/h2>\n                <div class=\"documents-grid\">\n                    <a href=\"https:\/\/atti.tn\/wp-content\/uploads\/2026\/02\/EF_ATTI_2023.pdf\" class=\"doc-card\">\n                        <div class=\"doc-icon\"><i class=\"fas fa-file-excel\"><\/i><\/div>\n                        <div>\u00c9tats financiers 2023<\/div>\n                    <\/a>\n                    <a href=\"https:\/\/atti.tn\/wp-content\/uploads\/2026\/02\/EF_ATTI_2024.pdf\" class=\"doc-card\">\n                        <div class=\"doc-icon\"><i class=\"fas fa-file-excel\"><\/i><\/div>\n                        <div>\u00c9tats financiers 2024<\/div>\n                    <\/a>\n                    <a href=\"https:\/\/atti.tn\/index.php\/statut-de-lassociation-tunisienne-des-techniques-intelligentes\/\" class=\"doc-card\">\n                        <div class=\"doc-icon\"><i class=\"fas fa-file-pdf\"><\/i><\/div>\n                        <div>Statuts de l&#8217;association<\/div>\n                    <\/a>\n                    <!-- <a href=\"\" class=\"doc-card\">\n                        <div class=\"doc-icon\"><i class=\"fas fa-file-signature\"><\/i><\/div>\n                        <div>Formulaire de pouvoir<\/div>\n                    <\/a> -->\n                <\/div>\n            <\/div>\n            \n            <!-- Section pouvoir\n            <div class=\"proxy-section\">\n                <h3 style=\"color: #1a3a5f; margin-bottom: 15px;\">\n                    <i class=\"fas fa-file-signature\"><\/i> DONNER POUVOIR (SI ABSENCE)\n                <\/h3>\n                <p style=\"margin-bottom: 20px;\">\n                    Si vous ne pouvez pas assister \u00e0 cette assembl\u00e9e cruciale, vous pouvez donner pouvoir \u00e0 un autre membre. \n                    Chaque membre pr\u00e9sent ne peut d\u00e9tenir qu'un seul pouvoir.\n                <\/p>\n                <div class=\"proxy-form\">\n                    <input type=\"text\" class=\"proxy-input\" placeholder=\"Nom du membre qui vous repr\u00e9sentera\" id=\"proxyName\">\n                    <input type=\"email\" class=\"proxy-input\" placeholder=\"Votre email\" id=\"proxyEmail\">\n                    <button class=\"proxy-button\" onclick=\"sendProxyRequest()\">\n                        <i class=\"fas fa-paper-plane\"><\/i> Envoyer la demande de pouvoir\n                    <\/button>\n                <\/div>\n                <p style=\"font-size: 14px; color: #666; margin-top: 15px;\">\n                    Vous recevrez un email avec le formulaire de pouvoir \u00e0 signer.\n                <\/p>\n            <\/div>\n           -->  \n            <!-- Bouton de confirmation\n            <div class=\"confirmation-section\">\n                <button class=\"confirm-button\" onclick=\"confirmPresence()\">\n                    <i class=\"fas fa-check-circle\"><\/i> JE CONFIRME MA PR\u00c9SENCE\n                <\/button>\n                <p style=\"margin-top: 20px; font-size: 18px; color: #666;\">\n                    <i class=\"fas fa-clock\"><\/i> Merci de confirmer avant le lundi 23 f\u00e9vrier 18h00\n                <\/p>\n            <\/div>\n           -->  \n\t\t   \n\t\t\t<!-- Lien vers un doodle ou framadate -->\n\t\t\t<div class=\"confirmation-section\">\n\t\t\t\t<a href=\"https:\/\/beta.framadate.org\/polls\/594251b8a8e3f31367d1\" class=\"confirm-button\" style=\"display: inline-block; text-decoration: none;\">\n\t\t\t\t\t<i class=\"fas fa-check-circle\"><\/i> JE CONFIRME MA PR\u00c9SENCE\n\t\t\t\t<\/a>\n\t\t\t\t<p style=\"margin-top: 20px;\">\n\t\t\t\t\t\ud83d\udc49 Cliquez pour confirmer sur Framadate (vous pourrez aussi voir qui participe)\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n            <!-- Note importante -->\n            <div style=\"background: #f8d7da; border: 2px solid #f5c6cb; border-radius: 10px; padding: 20px; margin: 30px 0;\">\n                <p style=\"color: #721c24; font-size: 18px; text-align: center;\">\n                    <i class=\"fas fa-info-circle\"><\/i> \n                    <strong>Cette deuxi\u00e8me assembl\u00e9e est D\u00c9CISIVE<\/strong> pour la validation des comptes 2023-2024 \n                    et la continuit\u00e9 administrative de l&#8217;association.\n                <\/p>\n            <\/div>\n        <\/div>\n        \n        <!-- Footer -->\n        <div class=\"footer\">\n            <h3 style=\"color: #ffd43b; margin-bottom: 20px;\">ENSEMBLE, ASSURONS LA CONTINUIT\u00c9 DE L&#8217;ATTI<\/h3>\n            \n            <div class=\"contact-info\">\n                <div class=\"contact-item\">\n                    <i class=\"fas fa-envelope\"><\/i>\n                    <span>atti.tunisie@gmail.com<\/span>\n                <\/div>\n                <div class=\"contact-item\">\n                    <i class=\"fas fa-phone\"><\/i>\n                    <span>31 185 123<\/span>\n                <\/div>\n                <div class=\"contact-item\">\n                    <i class=\"fas fa-globe\"><\/i>\n                    <span>www.atti.org<\/span>\n                <\/div>\n            <\/div>\n            \n            <div class=\"urgent-note\">\n                <i class=\"fas fa-bell\"><\/i>\n                RAPPEL : La premi\u00e8re assembl\u00e9e du 11 f\u00e9vrier n&#8217;a pas pu d\u00e9lib\u00e9rer faute de quorum. \n                Votre pr\u00e9sence le 25 f\u00e9vrier est essentielle.\n            <\/div>\n            \n            <p style=\"margin-top: 20px; font-size: 14px; opacity: 0.8;\">\n                \u00a9 2026 Association ATTI &#8211; Convocation envoy\u00e9e conform\u00e9ment \u00e0 l&#8217;article 28 des statuts\n            <\/p>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ Fonction de confirmation de pr\u00e9sence\n        function confirmPresence() {\n            const button = event.target.closest('.confirm-button');\n            \n            \/\/ Animation de confirmation\n            button.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Confirmation en cours...';\n            \n            \/\/ Simulation d'envoi\n            setTimeout(() => {\n                button.innerHTML = '<i class=\"fas fa-check-circle\"><\/i> PR\u00c9SENCE CONFIRM\u00c9E !';\n                button.style.background = 'linear-gradient(135deg, #28a745, #20c997)';\n                \n                \/\/ Afficher une notification\n                const notification = document.createElement('div');\n                notification.style.position = 'fixed';\n                notification.style.top = '20px';\n                notification.style.right = '20px';\n                notification.style.background = '#28a745';\n                notification.style.color = 'white';\n                notification.style.padding = '20px 30px';\n                notification.style.borderRadius = '10px';\n                notification.style.boxShadow = '0 5px 15px rgba(0,0,0,0.2)';\n                notification.style.zIndex = '9999';\n                notification.style.fontWeight = 'bold';\n                notification.style.animation = 'slideIn 0.3s ease';\n                notification.innerHTML = '<i class=\"fas fa-check-circle\"><\/i> Merci ! Votre pr\u00e9sence a \u00e9t\u00e9 enregistr\u00e9e.';\n                \n                document.body.appendChild(notification);\n                \n                setTimeout(() => {\n                    notification.style.animation = 'fadeOut 0.3s ease';\n                    setTimeout(() => {\n                        document.body.removeChild(notification);\n                    }, 300);\n                }, 3000);\n                \n                \/\/ Remettre le bouton \u00e0 son \u00e9tat normal apr\u00e8s 5 secondes\n                setTimeout(() => {\n                    button.innerHTML = '<i class=\"fas fa-check-circle\"><\/i> JE CONFIRME MA PR\u00c9SENCE';\n                    button.style.background = 'linear-gradient(135deg, #28a745 0%, #20c997 100%)';\n                }, 5000);\n            }, 1500);\n        }\n        \n        \/\/ Fonction pour la demande de pouvoir\n        function sendProxyRequest() {\n            const proxyName = document.getElementById('proxyName').value;\n            const proxyEmail = document.getElementById('proxyEmail').value;\n            \n            if (!proxyName || !proxyEmail) {\n                alert('Veuillez remplir tous les champs pour la demande de pouvoir.');\n                return;\n            }\n            \n            alert(`Demande de pouvoir envoy\u00e9e !\\n\\nVous recevrez un email \u00e0 ${proxyEmail} avec le formulaire \u00e0 signer pour donner pouvoir \u00e0 ${proxyName}.`);\n            \n            \/\/ R\u00e9initialiser les champs\n            document.getElementById('proxyName').value = '';\n            document.getElementById('proxyEmail').value = '';\n        }\n        \n        \/\/ Ajouter l'animation de fadeOut\n        const style = document.createElement('style');\n        style.textContent = `\n            @keyframes fadeOut {\n                from { opacity: 1; transform: translateX(0); }\n                to { opacity: 0; transform: translateX(100px); }\n            }\n        `;\n        document.head.appendChild(style);\n        \n        \/\/ Scroll en douceur pour les ancres\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    target.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>2\u00e8me AGO &#8211; Association ATTI &#8211; 25 F\u00e9vrier 2026 QUORUM NON ATTEINT LORS DE LA PREMI\u00c8RE ASSEMBL\u00c9E DU 11 F\u00c9VRIER ASSOCIATION ATTI DEUXI\u00c8ME ASSEMBL\u00c9E G\u00c9N\u00c9RALE ORDINAIRE CONVOCATION OFFICIELLE CONFORM\u00c9MENT \u00c0 L&#8217;ARTICLE 28 DE NOS STATUTS Date MERCREDI 25 F\u00c9VRIER 2026 Heure 12h00 (accueil d\u00e8s 11h45) Lieu 5 Avenue Taha Hussein Montfleury &#8211; Tunis ORDRE DU [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2166,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"post-no-header-image","format":"standard","meta":{"footnotes":""},"categories":[54],"tags":[],"class_list":["post-2164","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-association"],"_links":{"self":[{"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/posts\/2164","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/comments?post=2164"}],"version-history":[{"count":2,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/posts\/2164\/revisions"}],"predecessor-version":[{"id":2167,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/posts\/2164\/revisions\/2167"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/media\/2166"}],"wp:attachment":[{"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/media?parent=2164"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/categories?post=2164"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/tags?post=2164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}