{"id":2208,"date":"2026-06-07T01:03:58","date_gmt":"2026-06-07T00:03:58","guid":{"rendered":"https:\/\/atti.tn\/?p=2208"},"modified":"2026-06-07T12:44:27","modified_gmt":"2026-06-07T11:44:27","slug":"2208","status":"publish","type":"post","link":"https:\/\/atti.tn\/index.php\/2026\/06\/07\/2208\/","title":{"rendered":"Assembl\u00e9e g\u00e9n\u00e9rale ordinaire -Mercredi 24 juin 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>Convocation Assembl\u00e9e G\u00e9n\u00e9rale Ordinaire &#8211; ATTI<\/title>\n    <style>\n        \/* Styles inspir\u00e9s de l'univers \"Machine Learning\" (tons techniques, bleus profonds, gris \u00e9l\u00e9gants) *\/\n        \/* Ces styles sont con\u00e7us pour coexister avec le th\u00e8me WordPress sans le d\u00e9grader *\/\n        .atti-convocation-wrapper {\n            max-width: 1140px;\n            margin: 40px auto;\n            padding: 0 20px;\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\n            color: #1e2a3e;\n            line-height: 1.5;\n        }\n\n        \/* Container principal style carte *\/\n        .atti-card {\n            background: #ffffff;\n            border-radius: 28px;\n            box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.1);\n            overflow: hidden;\n            transition: transform 0.2s ease;\n        }\n\n        \/* En-t\u00eate avec d\u00e9grad\u00e9 tech *\/\n        .atti-header {\n            background: linear-gradient(105deg, #0b2b3f 0%, #144d6b 100%);\n            padding: 2rem 2.5rem;\n            color: white;\n            text-align: center;\n            border-bottom: 4px solid #00b4aa;\n        }\n\n        .logo-atti {\n            max-width: 130px;\n            margin-bottom: 1rem;\n            display: inline-block;\n        }\n\n        .atti-header h1 {\n            font-size: 1.9rem;\n            font-weight: 700;\n            margin: 0.5rem 0 0.25rem;\n            letter-spacing: -0.3px;\n        }\n\n        .atti-header .sub {\n            font-size: 0.9rem;\n            opacity: 0.85;\n            font-weight: 400;\n        }\n\n        \/* Corps de la convocation *\/\n        .atti-body {\n            padding: 2.2rem 2.5rem;\n        }\n\n        \/* Personnalisation membre (fonction + nom) - zone interactive *\/\n        .atti-member-badge {\n            background: #f0f6fa;\n            border-left: 6px solid #00b4aa;\n            padding: 1rem 1.5rem;\n            border-radius: 24px;\n            margin-bottom: 2rem;\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: space-between;\n            align-items: baseline;\n            gap: 0.5rem;\n        }\n        .member-info {\n            font-size: 1.1rem;\n            font-weight: 500;\n        }\n        .member-name {\n            color: #0f5c7a;\n            font-weight: 700;\n        }\n        .member-role {\n            background: #e2edf2;\n            padding: 0.2rem 0.8rem;\n            border-radius: 40px;\n            font-size: 0.85rem;\n            font-weight: 600;\n            color: #004070;\n        }\n\n        \/* Carte date\/lieu *\/\n        .atti-event-card {\n            background: #f9fcff;\n            border-radius: 24px;\n            border: 1px solid #e2edf7;\n            padding: 1.5rem;\n            margin: 1.5rem 0;\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: space-between;\n            align-items: center;\n        }\n        .datetime {\n            display: flex;\n            gap: 1rem;\n            flex-wrap: wrap;\n        }\n        .datetime div {\n            background: white;\n            padding: 0.5rem 1.2rem;\n            border-radius: 60px;\n            box-shadow: 0 2px 6px rgba(0,0,0,0.03);\n            font-weight: 600;\n            font-size: 1rem;\n        }\n        .address {\n            color: #2c5a74;\n            font-size: 0.95rem;\n        }\n        .address i {\n            font-style: normal;\n            font-weight: 600;\n        }\n\n        .atti-agenda {\n            background: #ffffff;\n            margin: 2rem 0;\n        }\n        .atti-agenda h3 {\n            font-size: 1.5rem;\n            font-weight: 600;\n            color: #0b2b3f;\n            border-left: 5px solid #00b4aa;\n            padding-left: 1rem;\n            margin-bottom: 1.2rem;\n        }\n        .agenda-list {\n            list-style: none;\n            padding: 0;\n        }\n        .agenda-list li {\n            padding: 0.85rem 0 0.85rem 2rem;\n            border-bottom: 1px solid #eef3f8;\n            display: flex;\n            align-items: center;\n            gap: 0.75rem;\n            font-size: 1.05rem;\n        }\n        .agenda-list li:before {\n            content: \"\u26a1\";\n            color: #00b4aa;\n            font-weight: bold;\n            margin-left: -1.2rem;\n            margin-right: 0.5rem;\n        }\n\n        .atti-doc-info {\n            background: #fef6e0;\n            border-radius: 20px;\n            padding: 1rem 1.5rem;\n            margin: 1.8rem 0;\n            font-size: 0.95rem;\n            border-left: 4px solid #e6a017;\n        }\n\n        .atti-signature {\n            margin-top: 2.2rem;\n            padding-top: 1.2rem;\n            border-top: 2px dashed #cde1ec;\n            font-style: normal;\n        }\n\n        .atti-footer-page {\n            background: #f8fafd;\n            padding: 1rem 2.5rem;\n            text-align: center;\n            font-size: 0.8rem;\n            color: #5f7d95;\n            border-top: 1px solid #e2edf7;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 680px) {\n            .atti-body {\n                padding: 1.5rem;\n            }\n            .atti-header {\n                padding: 1.5rem;\n            }\n            .atti-header h1 {\n                font-size: 1.4rem;\n            }\n            .atti-event-card {\n                flex-direction: column;\n                align-items: flex-start;\n                gap: 0.8rem;\n            }\n            .member-info {\n                font-size: 1rem;\n            }\n        }\n\n        \/* Badge pour la fonction dynamique (utilisation CSS personnalis\u00e9e ou shortcode possible) *\/\n        .role-tag {\n            background: #144d6b10;\n            border-radius: 30px;\n        }\n    <\/style>\n<\/head>\n<body>\n<div class=\"atti-convocation-wrapper\">\n    <div class=\"atti-card\">\n        <div class=\"atti-header\">\n            <!-- Logo ATTI - Remplacer par l'URL r\u00e9elle du logo sur le site WordPress -->\n            <img decoding=\"async\" src=\"https:\/\/atti.tn\/wp-content\/uploads\/2025\/03\/LOGO-ATTI-NO-BACKGROUND-ORIGINALE.png\" \n                 alt=\"Association Tunisienne des Techniques Intelligentes\" \n                 class=\"logo-atti\"\n                 onerror=\"this.src='https:\/\/via.placeholder.com\/130x50?text=ATTI'\">\n            <h1>Assembl\u00e9e G\u00e9n\u00e9rale Ordinaire<\/h1>\n\t\t\t<h2>Mercredi 24 juin 2026<\/h2>\n            <div class=\"sub\">Association Tunisienne des Techniques Intelligentes (ATTI)<\/div>\n        <\/div>\n        \n        <div class=\"atti-body\">\n            <!-- Bloc personnalisable : Nom et fonction du membre connect\u00e9 (si utilisateur wp) \n                 Vous pouvez remplacer par du PHP \/ shortcode pour afficher le nom du membre -->\n           <!--  <div class=\"atti-member-badge\">\n                <div class=\"member-info\">\n                    \ud83e\uddd1\u200d\ud83d\udcbb <strong>Convocation pour :<\/strong> \n                    <span class=\"member-name\" id=\"dynamicMemberName\">Membre ATTI<\/span>\n                <\/div>\n                <div class=\"member-role\" id=\"dynamicMemberRole\">Fonction \u00b7 Membre actif<\/div>\n            <\/div> -->\n\n            <p>Conform\u00e9ment aux statuts, les membres de l\u2019ATTI sont invit\u00e9s \u00e0 participer \u00e0 l\u2019Assembl\u00e9e G\u00e9n\u00e9rale Ordinaire qui se tiendra :<\/p>\n\n            <div class=\"atti-event-card\">\n                <div class=\"datetime\">\n                    <div>\ud83d\udcc5 Mercredi 24 juin 2026<\/div>\n                    <div>\u23f0 9h30<\/div>\n                <\/div>\n                <div class=\"address\">\n                    \ud83d\udccd <i>Si\u00e8ge social :<\/i> 5 avenue Taha Hussein, Montfleury \u2013 1008 Tunis\n                <\/div>\n            <\/div>\n\n            <div class=\"atti-agenda\">\n                <h3>Ordre du jour<\/h3>\n                <ul class=\"agenda-list\">\n                    <li>Approbation de l&#8217;\u00e9tat financier de l&#8217;exercice 2025<\/li>\n                    <li>\u00c9lection du nouveau bureau ex\u00e9cutif pour le mandat 2026\u20132029<\/li>\n                <\/ul>\n            <\/div>\n\n            <div class=\"atti-doc-info\">\n                \ud83d\udcc4 <strong>Consultation des documents<\/strong> : L\u2019\u00e9tat financier 2025 est mis \u00e0 disposition au si\u00e8ge de l\u2019association. \n                Toute demande d\u2019information peut \u00eatre adress\u00e9e au secr\u00e9tariat : <a href=\"mailto:atti.tunisie@gmail.com\">atti.tunisie@gmail.com<\/a>\n            <\/div>\n\n            <div class=\"atti-signature\">\n                <p>Nous comptons sur votre pr\u00e9sence pour faire vivre la gouvernance de notre association et contribuer \u00e0 l\u2019avenir des techniques intelligentes en Tunisie.<\/p>\n                <p style=\"margin-top: 12px;\"><strong>Le Bureau ex\u00e9cutif de l\u2019ATTI<\/strong><br>\n                Pr\u00e9sident \u00b7 Secr\u00e9tariat g\u00e9n\u00e9ral<\/p>\n                <p style=\"font-size: 0.85rem; margin-top: 8px;\">\u2709\ufe0f atti.tunisie@gmail.com \u2013 www.atti.tn<\/p>\n            <\/div>\n        <\/div>\n        \n        <div class=\"atti-footer-page\">\n            Association Tunisienne des Techniques Intelligentes \u2013 Si\u00e8ge : 5 avenue Taha Hussein, Montfleury 1008 Tunis \u2013 R\u00e9publique Tunisienne\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- Petite personnalisation dynamique pour l'affichage sur WordPress (peut \u00eatre remplac\u00e9e par shortcode ou donn\u00e9es membre) -->\n<script>\n    \/\/ Ce script simule l'affichage du nom et de la fonction du membre connect\u00e9.\n    \/\/ Si vous utilisez un plugin comme \"MemberPress\" ou \"Ultimate Member\", vous pouvez extraire les donn\u00e9es depuis l'objet wp-current-user.\n    \/\/ En environnement WordPress, remplacez ces valeurs par du PHP : \n    \/\/ <?php echo esc_html( $current_user->display_name ); ?> etc.\n    (function() {\n        \/\/ Simulation de donn\u00e9es membre (pour l'exemple).\n        \/\/ Si vous int\u00e9grez cette page dans WordPress, vous pouvez d\u00e9commenter le bloc PHP ci-dessous (si la page est un template PHP).\n        let memberName = \"Membre ATTI\";\n        let memberRole = \"Fonction \u00b7 Membre actif\";\n        \n        \/* --- \u00c0 activer si vous \u00eates dans un template PHP WordPress --- \n        <?php if( is_user_logged_in() ) : \n            $current_user = wp_get_current_user(); \n            $memberName = $current_user->display_name; \n            \/\/ Si vous avez un champ personnalis\u00e9 \"fonction\"\n            $memberRole = get_user_meta( $current_user->ID, 'fonction_atti', true ) ?: 'Membre actif';\n        ?>\n        memberName = \"<?php echo esc_js($memberName); ?>\";\n        memberRole = \"<?php echo esc_js($memberRole); ?>\";\n        <?php endif; ?>\n        *\/\n        \n        document.getElementById('dynamicMemberName').innerText = memberName;\n        document.getElementById('dynamicMemberRole').innerText = memberRole;\n    })();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Convocation Assembl\u00e9e G\u00e9n\u00e9rale Ordinaire &#8211; ATTI Assembl\u00e9e G\u00e9n\u00e9rale Ordinaire Mercredi 24 juin 2026 Association Tunisienne des Techniques Intelligentes (ATTI) Conform\u00e9ment aux statuts, les membres de l\u2019ATTI sont invit\u00e9s \u00e0 participer \u00e0 l\u2019Assembl\u00e9e G\u00e9n\u00e9rale Ordinaire qui se tiendra : \ud83d\udcc5 Mercredi 24 juin 2026 \u23f0 9h30 \ud83d\udccd Si\u00e8ge social : 5 avenue Taha Hussein, Montfleury \u2013 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2213,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[54],"tags":[],"class_list":["post-2208","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\/2208","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=2208"}],"version-history":[{"count":4,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/posts\/2208\/revisions"}],"predecessor-version":[{"id":2216,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/posts\/2208\/revisions\/2216"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/media\/2213"}],"wp:attachment":[{"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/media?parent=2208"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/categories?post=2208"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/tags?post=2208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}