Post Facebook – Adh\u00e9sion ATTI 2025\/2026<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n }\n \n body {\n background: #f0f2f5;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n padding: 20px;\n }\n \n .facebook-post {\n width: 100%;\n max-width: 500px;\n background: white;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n }\n \n \/* Header du post *\/\n .post-header {\n padding: 12px 16px;\n display: flex;\n align-items: center;\n gap: 8px;\n border-bottom: 1px solid #e4e6eb;\n }\n \n .page-avatar {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: bold;\n }\n \n .page-info {\n flex: 1;\n }\n \n .page-name {\n font-weight: 600;\n color: #050505;\n }\n \n .post-time {\n font-size: 13px;\n color: #65676b;\n display: flex;\n align-items: center;\n gap: 4px;\n }\n \n .post-time i {\n font-size: 12px;\n }\n \n \/* Contenu du post *\/\n .post-content {\n padding: 12px 16px;\n }\n \n .post-text {\n color: #050505;\n line-height: 1.4;\n margin-bottom: 12px;\n font-size: 15px;\n }\n \n .hashtags {\n color: #1b74e4;\n font-weight: 600;\n margin-bottom: 12px;\n }\n \n \/* Image\/Media du post *\/\n .post-media {\n position: relative;\n margin: 0 -16px;\n }\n \n .media-container {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n padding: 40px 20px;\n text-align: center;\n color: white;\n }\n \n .logo-container {\n width: 80px;\n height: 80px;\n margin: 0 auto 20px;\n background: rgba(255, 255, 255, 0.2);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n backdrop-filter: blur(10px);\n border: 2px solid rgba(255, 255, 255, 0.3);\n }\n \n .logo-container img {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n }\n \n .media-title {\n font-size: 24px;\n font-weight: 800;\n margin-bottom: 8px;\n }\n \n .media-subtitle {\n font-size: 16px;\n opacity: 0.9;\n margin-bottom: 5px;\n }\n \n .accent-text {\n background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-weight: 700;\n }\n \n \/* Call to Action *\/\n .cta-section {\n padding: 20px;\n background: #f0f2f5;\n margin: 0 -16px;\n text-align: center;\n }\n \n .cta-title {\n font-size: 18px;\n font-weight: 700;\n color: #050505;\n margin-bottom: 12px;\n }\n \n .benefits-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n margin-bottom: 20px;\n }\n \n .benefit-item {\n background: white;\n padding: 12px;\n border-radius: 8px;\n text-align: center;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n }\n \n .benefit-icon {\n width: 30px;\n height: 30px;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 14px;\n margin: 0 auto 8px;\n }\n \n .benefit-text {\n font-size: 12px;\n font-weight: 600;\n color: #050505;\n }\n \n .cta-button {\n display: inline-block;\n background: linear-gradient(135deg, #1877f2 0%, #0d66d0 100%);\n color: white;\n padding: 12px 30px;\n border-radius: 6px;\n text-decoration: none;\n font-weight: 600;\n font-size: 15px;\n transition: all 0.3s ease;\n }\n \n .cta-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(24, 119, 242, 0.3);\n }\n \n \/* Footer du post *\/\n .post-footer {\n padding: 10px 16px;\n border-top: 1px solid #e4e6eb;\n display: flex;\n justify-content: space-between;\n color: #65676b;\n font-size: 15px;\n }\n \n .engagement-stats {\n display: flex;\n align-items: center;\n gap: 8px;\n }\n \n .reactions {\n display: flex;\n }\n \n .reaction {\n width: 18px;\n height: 18px;\n border-radius: 50%;\n border: 2px solid white;\n background: #1877f2;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 10px;\n margin-left: -4px;\n }\n \n .reaction:first-child {\n margin-left: 0;\n }\n \n .reaction:nth-child(2) {\n background: #f02849;\n }\n \n .reaction:nth-child(3) {\n background: #f7b928;\n }\n \n .comments-shares {\n display: flex;\n gap: 15px;\n }\n \n \/* Actions du post *\/\n .post-actions {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n border-top: 1px solid #e4e6eb;\n }\n \n .action-button {\n padding: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n color: #65676b;\n font-weight: 600;\n font-size: 14px;\n cursor: pointer;\n transition: background 0.2s;\n border: none;\n background: none;\n }\n \n .action-button:hover {\n background: #f0f2f5;\n }\n \n .action-button i {\n font-size: 18px;\n }\n \n \/* Animation *\/\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n .facebook-post {\n animation: fadeIn 0.6s ease-out;\n }\n \n \/* Responsive *\/\n @media (max-width: 480px) {\n .benefits-grid {\n grid-template-columns: 1fr;\n }\n \n .media-title {\n font-size: 20px;\n }\n \n .media-subtitle {\n font-size: 14px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"facebook-post\">\n \n <div class=\"post-header\">\n <div class=\"page-avatar\">\n ATTI\n <\/div>\n <div class=\"page-info\">\n <div class=\"page-name\">Association Tunisienne des Techniques Intelligentes<\/div>\n <div class=\"post-time\">\n <i class=\"fas fa-globe\"><\/i>\n Maintenant \u00b7 \n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"post-content\">\n <div class=\"post-text\">\n \ud83d\ude80 <strong>L’aventure ATTI continue !<\/strong> \u2728\n <br><br>\n L’ann\u00e9e universitaire 2025-2026 s’annonce incroyable et nous voulons VOUS avoir \u00e0 nos c\u00f4t\u00e9s ! \n Rejoignez la famille ATTI et participez \u00e0 une ann\u00e9e riche en innovations, projets passionnants \n et opportunit\u00e9s uniques.\n <\/div>\n \n <div class=\"hashtags\">\n #ATTI2026 #Innovation #Robotique #IA #Adh\u00e9sion\u00c9tudiante #TechCommunity\n <\/div>\n <\/div>\n \n \n <div class=\"post-media\">\n <div class=\"media-container\">\n <div class=\"logo-container\">\n <img decoding=\"async\" src=\"https:\/\/atti.tn\/wp-content\/uploads\/2025\/02\/LOGO-ATTI.jpg\" alt=\"Logo ATTI\">\n <\/div>\n <div class=\"media-title\">ADH\u00c9SION 2025-2026<\/div>\n <div class=\"media-subtitle\">Rejoignez l’Association Tunisienne<\/div>\n <div class=\"media-subtitle\"><span class=\"accent-text\">des Techniques Intelligentes<\/span><\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"cta-section\">\n <div class=\"cta-title\">\ud83c\udfaf Ce qui vous attend cette ann\u00e9e :<\/div>\n \n <div class=\"benefits-grid\">\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fas fa-robot\"><\/i>\n <\/div>\n <div class=\"benefit-text\">Projets Robotique<\/div>\n <\/div>\n \n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fas fa-brain\"><\/i>\n <\/div>\n <div class=\"benefit-text\">Formations IA<\/div>\n <\/div>\n \n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fas fa-users\"><\/i>\n <\/div>\n <div class=\"benefit-text\">Workshops<\/div>\n <\/div>\n \n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fas fa-trophy\"><\/i>\n <\/div>\n <div class=\"benefit-text\">Conf\u00e9rences<\/div>\n <\/div>\n <\/div>\n \n <a href=\"https:\/\/atti.tn\/index.php\/comment-adherer\/\" class=\"cta-button\">\n <i class=\"fas fa-user-plus\"><\/i> Devenir Membre\n <\/a>\n <\/div>\n \n \n <div class=\"post-footer\">\n <div class=\"engagement-stats\">\n <div class=\"reactions\">\n <div class=\"reaction\">\ud83d\udc4d<\/div>\n <div class=\"reaction\">\u2764\ufe0f<\/div>\n <div class=\"reaction\">\ud83d\ude2e<\/div>\n <\/div>\n <span>1.2K<\/span>\n <\/div>\n \n <div class=\"comments-shares\">\n <span>248 commentaires<\/span>\n <span>89 partages<\/span>\n <\/div>\n <\/div>\n \n \n <div class=\"post-actions\">\n <button class=\"action-button\">\n <i class=\"far fa-thumbs-up\"><\/i> J’aime\n <\/button>\n <button class=\"action-button\">\n <i class=\"far fa-comment\"><\/i> Commenter\n <\/button>\n <button class=\"action-button\">\n <i class=\"fas fa-share\"><\/i> Partager\n <\/button>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Animation des statistiques d'engagement\n document.addEventListener('DOMContentLoaded', function() {\n const stats = {\n likes: 0,\n targetLikes: 1200,\n comments: 0,\n targetComments: 248,\n shares: 0,\n targetShares: 89\n };\n \n function animateStats() {\n const increment = Math.ceil(stats.targetLikes \/ 50);\n \n const timer = setInterval(() => {\n stats.likes += increment;\n stats.comments += Math.ceil(stats.targetComments \/ 50);\n stats.shares += Math.ceil(stats.targetShares \/ 50);\n \n if (stats.likes >= stats.targetLikes) {\n stats.likes = stats.targetLikes;\n stats.comments = stats.targetComments;\n stats.shares = stats.targetShares;\n clearInterval(timer);\n }\n \n \/\/ Mettre \u00e0 jour l'affichage\n document.querySelector('.engagement-stats span').textContent = \n stats.likes.toLocaleString();\n document.querySelector('.comments-shares').innerHTML = \n `<span>${stats.comments} commentaires<\/span>\n <span>${stats.shares} partages<\/span>`;\n }, 50);\n }\n \n \/\/ D\u00e9marrer l'animation apr\u00e8s un d\u00e9lai\n setTimeout(animateStats, 1000);\n \n \/\/ Interaction des boutons\n const actionButtons = document.querySelectorAll('.action-button');\n actionButtons.forEach(button => {\n button.addEventListener('click', function() {\n if (this.querySelector('.fa-thumbs-up')) {\n this.innerHTML = '<i class=\"fas fa-thumbs-up\" style=\"color: #1877f2;\"><\/i> Aim\u00e9';\n this.style.color = '#1877f2';\n }\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\ude80 L\u2019aventure ATTI continue ! \u2728<\/p>\n<p>L\u2019ann\u00e9e universitaire 2025-2026 s\u2019annonce incroyable et nous voulons VOUS avoir \u00e0 nos c\u00f4t\u00e9s ! Rejoignez la famille ATTI et participez \u00e0 une ann\u00e9e riche en innovations, projets passionnants et opportunit\u00e9s uniques.<\/p>\n","protected":false},"author":1,"featured_media":1814,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"single-post-sidebar-on-left","format":"standard","meta":{"footnotes":""},"categories":[106,54],"tags":[],"class_list":["post-1811","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-adhesion","category-association"],"_links":{"self":[{"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/posts\/1811","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=1811"}],"version-history":[{"count":3,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/posts\/1811\/revisions"}],"predecessor-version":[{"id":1815,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/posts\/1811\/revisions\/1815"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/media\/1814"}],"wp:attachment":[{"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/media?parent=1811"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/categories?post=1811"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/tags?post=1811"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1811,"date":"2025-11-08T22:24:42","date_gmt":"2025-11-08T21:24:42","guid":{"rendered":"https:\/\/atti.tn\/?p=1811"},"modified":"2026-01-28T15:16:53","modified_gmt":"2026-01-28T14:16:53","slug":"adhesion-a-latti-pour-lannee-universitaire-2025-2026","status":"publish","type":"post","link":"https:\/\/atti.tn\/index.php\/2025\/11\/08\/adhesion-a-latti-pour-lannee-universitaire-2025-2026\/","title":{"rendered":"Adh\u00e9sion \u00e0 l’ATTI pour l’ann\u00e9e universitaire 2025 \/ 2026"},"content":{"rendered":"\n\n\n\n \n \n Post Facebook – Adh\u00e9sion ATTI 2025\/2026<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n }\n \n body {\n background: #f0f2f5;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n padding: 20px;\n }\n \n .facebook-post {\n width: 100%;\n max-width: 500px;\n background: white;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n }\n \n \/* Header du post *\/\n .post-header {\n padding: 12px 16px;\n display: flex;\n align-items: center;\n gap: 8px;\n border-bottom: 1px solid #e4e6eb;\n }\n \n .page-avatar {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: bold;\n }\n \n .page-info {\n flex: 1;\n }\n \n .page-name {\n font-weight: 600;\n color: #050505;\n }\n \n .post-time {\n font-size: 13px;\n color: #65676b;\n display: flex;\n align-items: center;\n gap: 4px;\n }\n \n .post-time i {\n font-size: 12px;\n }\n \n \/* Contenu du post *\/\n .post-content {\n padding: 12px 16px;\n }\n \n .post-text {\n color: #050505;\n line-height: 1.4;\n margin-bottom: 12px;\n font-size: 15px;\n }\n \n .hashtags {\n color: #1b74e4;\n font-weight: 600;\n margin-bottom: 12px;\n }\n \n \/* Image\/Media du post *\/\n .post-media {\n position: relative;\n margin: 0 -16px;\n }\n \n .media-container {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n padding: 40px 20px;\n text-align: center;\n color: white;\n }\n \n .logo-container {\n width: 80px;\n height: 80px;\n margin: 0 auto 20px;\n background: rgba(255, 255, 255, 0.2);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n backdrop-filter: blur(10px);\n border: 2px solid rgba(255, 255, 255, 0.3);\n }\n \n .logo-container img {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n }\n \n .media-title {\n font-size: 24px;\n font-weight: 800;\n margin-bottom: 8px;\n }\n \n .media-subtitle {\n font-size: 16px;\n opacity: 0.9;\n margin-bottom: 5px;\n }\n \n .accent-text {\n background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-weight: 700;\n }\n \n \/* Call to Action *\/\n .cta-section {\n padding: 20px;\n background: #f0f2f5;\n margin: 0 -16px;\n text-align: center;\n }\n \n .cta-title {\n font-size: 18px;\n font-weight: 700;\n color: #050505;\n margin-bottom: 12px;\n }\n \n .benefits-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n margin-bottom: 20px;\n }\n \n .benefit-item {\n background: white;\n padding: 12px;\n border-radius: 8px;\n text-align: center;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n }\n \n .benefit-icon {\n width: 30px;\n height: 30px;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 14px;\n margin: 0 auto 8px;\n }\n \n .benefit-text {\n font-size: 12px;\n font-weight: 600;\n color: #050505;\n }\n \n .cta-button {\n display: inline-block;\n background: linear-gradient(135deg, #1877f2 0%, #0d66d0 100%);\n color: white;\n padding: 12px 30px;\n border-radius: 6px;\n text-decoration: none;\n font-weight: 600;\n font-size: 15px;\n transition: all 0.3s ease;\n }\n \n .cta-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(24, 119, 242, 0.3);\n }\n \n \/* Footer du post *\/\n .post-footer {\n padding: 10px 16px;\n border-top: 1px solid #e4e6eb;\n display: flex;\n justify-content: space-between;\n color: #65676b;\n font-size: 15px;\n }\n \n .engagement-stats {\n display: flex;\n align-items: center;\n gap: 8px;\n }\n \n .reactions {\n display: flex;\n }\n \n .reaction {\n width: 18px;\n height: 18px;\n border-radius: 50%;\n border: 2px solid white;\n background: #1877f2;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 10px;\n margin-left: -4px;\n }\n \n .reaction:first-child {\n margin-left: 0;\n }\n \n .reaction:nth-child(2) {\n background: #f02849;\n }\n \n .reaction:nth-child(3) {\n background: #f7b928;\n }\n \n .comments-shares {\n display: flex;\n gap: 15px;\n }\n \n \/* Actions du post *\/\n .post-actions {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n border-top: 1px solid #e4e6eb;\n }\n \n .action-button {\n padding: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n color: #65676b;\n font-weight: 600;\n font-size: 14px;\n cursor: pointer;\n transition: background 0.2s;\n border: none;\n background: none;\n }\n \n .action-button:hover {\n background: #f0f2f5;\n }\n \n .action-button i {\n font-size: 18px;\n }\n \n \/* Animation *\/\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n .facebook-post {\n animation: fadeIn 0.6s ease-out;\n }\n \n \/* Responsive *\/\n @media (max-width: 480px) {\n .benefits-grid {\n grid-template-columns: 1fr;\n }\n \n .media-title {\n font-size: 20px;\n }\n \n .media-subtitle {\n font-size: 14px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"facebook-post\">\n \n <div class=\"post-header\">\n <div class=\"page-avatar\">\n ATTI\n <\/div>\n <div class=\"page-info\">\n <div class=\"page-name\">Association Tunisienne des Techniques Intelligentes<\/div>\n <div class=\"post-time\">\n <i class=\"fas fa-globe\"><\/i>\n Maintenant \u00b7 \n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"post-content\">\n <div class=\"post-text\">\n \ud83d\ude80 <strong>L’aventure ATTI continue !<\/strong> \u2728\n <br><br>\n L’ann\u00e9e universitaire 2025-2026 s’annonce incroyable et nous voulons VOUS avoir \u00e0 nos c\u00f4t\u00e9s ! \n Rejoignez la famille ATTI et participez \u00e0 une ann\u00e9e riche en innovations, projets passionnants \n et opportunit\u00e9s uniques.\n <\/div>\n \n <div class=\"hashtags\">\n #ATTI2026 #Innovation #Robotique #IA #Adh\u00e9sion\u00c9tudiante #TechCommunity\n <\/div>\n <\/div>\n \n \n <div class=\"post-media\">\n <div class=\"media-container\">\n <div class=\"logo-container\">\n <img decoding=\"async\" src=\"https:\/\/atti.tn\/wp-content\/uploads\/2025\/02\/LOGO-ATTI.jpg\" alt=\"Logo ATTI\">\n <\/div>\n <div class=\"media-title\">ADH\u00c9SION 2025-2026<\/div>\n <div class=\"media-subtitle\">Rejoignez l’Association Tunisienne<\/div>\n <div class=\"media-subtitle\"><span class=\"accent-text\">des Techniques Intelligentes<\/span><\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"cta-section\">\n <div class=\"cta-title\">\ud83c\udfaf Ce qui vous attend cette ann\u00e9e :<\/div>\n \n <div class=\"benefits-grid\">\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fas fa-robot\"><\/i>\n <\/div>\n <div class=\"benefit-text\">Projets Robotique<\/div>\n <\/div>\n \n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fas fa-brain\"><\/i>\n <\/div>\n <div class=\"benefit-text\">Formations IA<\/div>\n <\/div>\n \n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fas fa-users\"><\/i>\n <\/div>\n <div class=\"benefit-text\">Workshops<\/div>\n <\/div>\n \n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fas fa-trophy\"><\/i>\n <\/div>\n <div class=\"benefit-text\">Conf\u00e9rences<\/div>\n <\/div>\n <\/div>\n \n <a href=\"https:\/\/atti.tn\/index.php\/comment-adherer\/\" class=\"cta-button\">\n <i class=\"fas fa-user-plus\"><\/i> Devenir Membre\n <\/a>\n <\/div>\n \n \n <div class=\"post-footer\">\n <div class=\"engagement-stats\">\n <div class=\"reactions\">\n <div class=\"reaction\">\ud83d\udc4d<\/div>\n <div class=\"reaction\">\u2764\ufe0f<\/div>\n <div class=\"reaction\">\ud83d\ude2e<\/div>\n <\/div>\n <span>1.2K<\/span>\n <\/div>\n \n <div class=\"comments-shares\">\n <span>248 commentaires<\/span>\n <span>89 partages<\/span>\n <\/div>\n <\/div>\n \n \n <div class=\"post-actions\">\n <button class=\"action-button\">\n <i class=\"far fa-thumbs-up\"><\/i> J’aime\n <\/button>\n <button class=\"action-button\">\n <i class=\"far fa-comment\"><\/i> Commenter\n <\/button>\n <button class=\"action-button\">\n <i class=\"fas fa-share\"><\/i> Partager\n <\/button>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Animation des statistiques d'engagement\n document.addEventListener('DOMContentLoaded', function() {\n const stats = {\n likes: 0,\n targetLikes: 1200,\n comments: 0,\n targetComments: 248,\n shares: 0,\n targetShares: 89\n };\n \n function animateStats() {\n const increment = Math.ceil(stats.targetLikes \/ 50);\n \n const timer = setInterval(() => {\n stats.likes += increment;\n stats.comments += Math.ceil(stats.targetComments \/ 50);\n stats.shares += Math.ceil(stats.targetShares \/ 50);\n \n if (stats.likes >= stats.targetLikes) {\n stats.likes = stats.targetLikes;\n stats.comments = stats.targetComments;\n stats.shares = stats.targetShares;\n clearInterval(timer);\n }\n \n \/\/ Mettre \u00e0 jour l'affichage\n document.querySelector('.engagement-stats span').textContent = \n stats.likes.toLocaleString();\n document.querySelector('.comments-shares').innerHTML = \n `<span>${stats.comments} commentaires<\/span>\n <span>${stats.shares} partages<\/span>`;\n }, 50);\n }\n \n \/\/ D\u00e9marrer l'animation apr\u00e8s un d\u00e9lai\n setTimeout(animateStats, 1000);\n \n \/\/ Interaction des boutons\n const actionButtons = document.querySelectorAll('.action-button');\n actionButtons.forEach(button => {\n button.addEventListener('click', function() {\n if (this.querySelector('.fa-thumbs-up')) {\n this.innerHTML = '<i class=\"fas fa-thumbs-up\" style=\"color: #1877f2;\"><\/i> Aim\u00e9';\n this.style.color = '#1877f2';\n }\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\ude80 L\u2019aventure ATTI continue ! \u2728<\/p>\n<p>L\u2019ann\u00e9e universitaire 2025-2026 s\u2019annonce incroyable et nous voulons VOUS avoir \u00e0 nos c\u00f4t\u00e9s ! Rejoignez la famille ATTI et participez \u00e0 une ann\u00e9e riche en innovations, projets passionnants et opportunit\u00e9s uniques.<\/p>\n","protected":false},"author":1,"featured_media":1814,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"single-post-sidebar-on-left","format":"standard","meta":{"footnotes":""},"categories":[106,54],"tags":[],"class_list":["post-1811","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-adhesion","category-association"],"_links":{"self":[{"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/posts\/1811","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=1811"}],"version-history":[{"count":3,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/posts\/1811\/revisions"}],"predecessor-version":[{"id":1815,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/posts\/1811\/revisions\/1815"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/media\/1814"}],"wp:attachment":[{"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/media?parent=1811"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/categories?post=1811"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/tags?post=1811"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}