House of Artificial Intelligence (HAI) - NSCS<\/title>\n\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\/>\n\n <style>\n \/* VARIABLES DE COULEURS - PALETTE BLEUE IA\/TECHNO *\/\n :root {\n --primary-color: #1a202c;\n --secondary-color: #4a5568;\n --light-bg: #f8f9fa;\n --card-bg: #ffffff;\n --border-color: #e2e8f0;\n --accent-blue-dark: #2c5282;\n --accent-blue: #3182ce;\n --accent-blue-light: #4299e1;\n --accent-teal: #38b2ac;\n --accent-cyan: #0bc5ea;\n --text-color: #000000;\n --gradient-ai: linear-gradient(135deg, #3182ce 0%, #2c5282 100%);\n --gradient-tech: linear-gradient(135deg, #4299e1 0%, #3182ce 100%);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html, body {\n width: 100%;\n overflow-x: hidden;\n }\n\n body {\n font-family: \"Segoe UI\", Tahoma, Geneva, Verdana, sans-serif;\n color: var(--primary-color);\n line-height: 1.8;\n background: #ffffff;\n padding-top: 0;\n }\n\n \/* ===== FORCER PLEINE LARGEUR ===== *\/\n .full-width-wrapper {\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n padding: 100px 20px 60px 20px;\n background: linear-gradient(135deg, #f8f9fa 0%, #edf2f7 100%);\n margin-top: 0 !important;\n }\n\n \/* ===== CONTENEUR PRINCIPAL ===== *\/\n .content-container {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* ===== CONTENU ARTICLE ===== *\/\n .article-content {\n background: var(--card-bg);\n padding: 50px;\n border-radius: 12px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n margin-bottom: 40px;\n position: relative;\n overflow: hidden;\n }\n\n \/* Effet de d\u00e9coration IA bleue *\/\n .article-content:before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 200px;\n height: 200px;\n background: var(--gradient-tech);\n opacity: 0.05;\n border-radius: 50%;\n transform: translate(100px, -100px);\n }\n\n .article-content:after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 150px;\n height: 150px;\n background: var(--gradient-tech);\n opacity: 0.05;\n border-radius: 50%;\n transform: translate(-50px, 50px);\n }\n\n \/* ===== TITRE PRINCIPAL ===== *\/\n .page-title {\n font-size: 2.4rem;\n color: transparent;\n background: var(--gradient-ai);\n -webkit-background-clip: text;\n background-clip: text;\n margin-bottom: 50px;\n font-weight: 800;\n text-align: center;\n padding-bottom: 20px;\n border-bottom: 3px solid var(--border-color);\n position: relative;\n }\n\n .page-title:after {\n content: '';\n position: absolute;\n bottom: -3px;\n left: 50%;\n transform: translateX(-50%);\n width: 200px;\n height: 3px;\n background: var(--gradient-ai);\n }\n\n \/* ===== INTRODUCTION ===== *\/\n .intro-section {\n margin-bottom: 50px;\n }\n\n .intro-text {\n font-size: 1.15rem;\n line-height: 1.9;\n color: var(--text-color);\n text-align: justify;\n }\n\n .intro-text p {\n margin-bottom: 1.5em;\n }\n\n \/* ===== SECTIONS ACCORD\u00c9ON ===== *\/\n .accordion-section {\n margin-bottom: 25px;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0,0,0,0.08);\n border: 1px solid var(--border-color);\n position: relative;\n z-index: 1;\n }\n\n .accordion-header {\n background-color: #f8f9fa;\n padding: 25px 30px;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: all 0.3s ease;\n }\n\n .accordion-header:hover {\n background-color: #ebf8ff;\n }\n\n .accordion-header.active {\n background-color: #ebf8ff;\n border-bottom: 2px solid var(--accent-blue);\n }\n\n .accordion-title {\n font-size: 1.4rem;\n color: var(--accent-blue-dark);\n font-weight: 700;\n display: flex;\n align-items: center;\n gap: 15px;\n }\n\n .accordion-title i {\n font-size: 1.5rem;\n }\n\n .accordion-icon {\n transition: transform 0.3s ease;\n font-size: 1.2rem;\n color: var(--accent-blue);\n }\n\n .accordion-header.active .accordion-icon {\n transform: rotate(180deg);\n }\n\n .accordion-content {\n padding: 0;\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.5s ease, padding 0.3s ease;\n background-color: white;\n }\n\n .accordion-content.active {\n padding: 30px;\n max-height: 2000px;\n }\n\n \/* ===== CONTENU DES SECTIONS ===== *\/\n .section-content {\n font-size: 1.05rem;\n line-height: 1.8;\n color: var(--text-color);\n }\n\n .section-content ul {\n margin: 20px 0 20px 30px;\n }\n\n .section-content li {\n margin-bottom: 10px;\n position: relative;\n padding-left: 10px;\n }\n\n .section-content li:before {\n content: \"\u2022\";\n position: absolute;\n left: -15px;\n color: var(--accent-blue);\n font-weight: bold;\n font-size: 1.2rem;\n }\n\n \/* ===== MISSIONS ET OBJECTIFS ===== *\/\n .missions-objectives-container {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 30px;\n margin: 40px 0;\n }\n\n .mo-card {\n background: #ffffff;\n border: 2px solid var(--border-color);\n border-radius: 10px;\n padding: 30px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n position: relative;\n transition: transform 0.3s ease;\n }\n\n .mo-card:hover {\n transform: translateY(-5px);\n }\n\n .mo-header {\n display: flex;\n align-items: center;\n gap: 15px;\n margin-bottom: 20px;\n padding-bottom: 15px;\n border-bottom: 2px solid var(--border-color);\n }\n\n .mo-icon {\n width: 50px;\n height: 50px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n }\n\n .missions .mo-icon {\n background: linear-gradient(135deg, #3182ce 0%, #2c5282 100%);\n color: white;\n }\n\n .objectives .mo-icon {\n background: linear-gradient(135deg, #0bc5ea 0%, #00a3c4 100%);\n color: white;\n }\n\n .mo-title {\n font-size: 1.4rem;\n font-weight: 700;\n }\n\n .missions .mo-title {\n color: var(--accent-blue-dark);\n }\n\n .objectives .mo-title {\n color: var(--accent-cyan);\n }\n\n .mo-content {\n font-size: 1.05rem;\n line-height: 1.6;\n color: var(--text-color);\n }\n\n .mo-list {\n margin: 15px 0 0 20px;\n }\n\n .mo-item {\n margin-bottom: 10px;\n font-size: 1rem;\n line-height: 1.5;\n color: var(--text-color);\n position: relative;\n padding-left: 20px;\n }\n\n .missions .mo-item:before {\n content: \"\u25b8\";\n position: absolute;\n left: 0;\n color: var(--accent-blue);\n font-weight: bold;\n }\n\n .objectives .mo-item:before {\n content: \"\u2713\";\n position: absolute;\n left: 0;\n color: var(--accent-cyan);\n font-weight: bold;\n }\n\n \/* ===== ACTIVIT\u00c9S ET SERVICES ===== *\/\n .activities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 25px;\n margin: 30px 0;\n }\n\n .activity-card {\n background: #ffffff;\n border: 2px solid var(--border-color);\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n .activity-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(49, 130, 206, 0.15);\n border-color: var(--accent-blue-light);\n }\n\n .activity-icon {\n width: 60px;\n height: 60px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n margin-bottom: 20px;\n background: linear-gradient(135deg, #3182ce 0%, #2c5282 100%);\n color: white;\n }\n\n .activity-title {\n font-size: 1.3rem;\n color: var(--accent-blue-dark);\n margin-bottom: 15px;\n font-weight: 700;\n }\n\n .activity-text {\n font-size: 1.05rem;\n line-height: 1.6;\n color: var(--text-color);\n }\n\n \/* ===== PUBLICS CONCERN\u00c9S ===== *\/\n .audience-container {\n background: linear-gradient(135deg, #f8f9fa 0%, #ebf8ff 100%);\n border-radius: 10px;\n padding: 30px;\n margin: 30px 0;\n border-left: 5px solid var(--accent-blue);\n }\n\n .audience-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 20px;\n }\n\n .audience-item {\n background: white;\n padding: 20px;\n border-radius: 8px;\n box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n display: flex;\n align-items: center;\n gap: 15px;\n transition: transform 0.3s ease;\n }\n\n .audience-item:hover {\n transform: translateX(5px);\n }\n\n .audience-icon {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: linear-gradient(135deg, #3182ce 0%, #2c5282 100%);\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2rem;\n }\n\n .audience-text {\n font-size: 1.1rem;\n font-weight: 600;\n color: var(--primary-color);\n }\n\n \/* ===== GOUVERNANCE ET ACC\u00c8S ===== *\/\n .governance-access-container {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 30px;\n margin: 30px 0;\n }\n\n .ga-card {\n background: #ffffff;\n border: 2px solid var(--border-color);\n border-radius: 10px;\n padding: 30px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n transition: transform 0.3s ease;\n }\n\n .ga-card:hover {\n transform: translateY(-3px);\n }\n\n .ga-header {\n display: flex;\n align-items: center;\n gap: 15px;\n margin-bottom: 20px;\n padding-bottom: 15px;\n border-bottom: 2px solid var(--border-color);\n }\n\n .ga-icon {\n width: 50px;\n height: 50px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n background: linear-gradient(135deg, #3182ce 0%, #2c5282 100%);\n color: white;\n }\n\n .ga-title {\n font-size: 1.4rem;\n color: var(--accent-blue-dark);\n font-weight: 700;\n }\n\n .ga-content {\n font-size: 1.05rem;\n line-height: 1.6;\n color: var(--text-color);\n }\n\n \/* ===== NOTE IMPORTANTE ===== *\/\n .important-note {\n background: linear-gradient(135deg, #2c5282 0%, #3182ce 100%);\n color: white;\n padding: 40px;\n border-radius: 12px;\n margin-top: 50px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .important-note:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\n opacity: 0.1;\n }\n\n .note-title {\n font-size: 1.6rem;\n color: white;\n margin-bottom: 20px;\n font-weight: 700;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n position: relative;\n z-index: 1;\n }\n\n .note-text {\n font-size: 1.1rem;\n line-height: 1.6;\n color: white;\n position: relative;\n z-index: 1;\n }\n\n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 1200px) {\n .content-container {\n max-width: 95%;\n }\n \n .article-content {\n padding: 45px;\n }\n \n .missions-objectives-container,\n .governance-access-container {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 992px) {\n .full-width-wrapper {\n padding: 90px 15px 50px 15px;\n }\n \n .content-container {\n padding: 0 15px;\n }\n \n .article-content {\n padding: 40px 30px;\n }\n \n .page-title {\n font-size: 2rem;\n margin-bottom: 40px;\n padding-bottom: 15px;\n }\n \n .page-title:after {\n width: 150px;\n }\n \n .accordion-title {\n font-size: 1.3rem;\n }\n \n .intro-text {\n font-size: 1.05rem;\n }\n \n .mo-card {\n padding: 25px;\n }\n \n .mo-title {\n font-size: 1.3rem;\n }\n \n .activities-grid {\n grid-template-columns: 1fr;\n }\n \n .important-note {\n padding: 30px;\n }\n }\n\n @media (max-width: 768px) {\n .full-width-wrapper {\n padding: 80px 10px 40px 10px;\n }\n \n .content-container {\n padding: 0 10px;\n }\n \n .article-content {\n padding: 35px 25px;\n }\n \n .page-title {\n font-size: 1.8rem;\n margin-bottom: 35px;\n }\n \n .accordion-title {\n font-size: 1.2rem;\n }\n \n .accordion-header {\n padding: 20px 25px;\n }\n \n .accordion-content.active {\n padding: 25px;\n }\n \n .intro-text {\n font-size: 1rem;\n }\n \n .audience-list {\n grid-template-columns: 1fr;\n }\n \n .important-note {\n padding: 25px;\n }\n \n .note-title {\n font-size: 1.4rem;\n }\n \n .note-text {\n font-size: 1rem;\n }\n }\n\n @media (max-width: 576px) {\n .full-width-wrapper {\n padding: 70px 10px 35px 10px;\n }\n \n .article-content {\n padding: 30px 20px;\n }\n \n .page-title {\n font-size: 1.6rem;\n margin-bottom: 30px;\n padding-bottom: 12px;\n }\n \n .page-title:after {\n width: 120px;\n }\n \n .accordion-title {\n font-size: 1.1rem;\n flex-direction: column;\n align-items: flex-start;\n gap: 10px;\n }\n \n .accordion-header {\n padding: 18px 20px;\n }\n \n .accordion-content.active {\n padding: 20px;\n }\n \n .intro-text {\n font-size: 0.95rem;\n text-align: left;\n }\n \n .mo-card {\n padding: 20px;\n }\n \n .mo-title {\n font-size: 1.2rem;\n }\n \n .activity-card {\n padding: 20px;\n }\n \n .ga-card {\n padding: 20px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n\n\n<div class=\"full-width-wrapper\">\n <div class=\"content-container\">\n\n \n <div class=\"article-content\">\n \n \n <h1 class=\"page-title\">House of Artificial Intelligence (<strong style=\"color: #005F70;\">HAI<\/strong>)<\/h1>\n\n \n <div class=\"intro-section\">\n <div class=\"intro-text\">\n <p>\n The House of Artificial Intelligence (HAI) is a specialized university structure dedicated to promoting, disseminating, and integrating Artificial Intelligence (AI) knowledge and practices within the academic community. It serves as a bridge between high-level research and practical application, fostering collaboration between the university, the socio-economic world, and public institutions.\n\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"accordion-section\">\n <div class=\"accordion-header\">\n <div class=\"accordion-title\">\n <i class=\"fas fa-bullseye\"><\/i>\n Missions and Objectives\n <\/div>\n <div class=\"accordion-icon\">\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"section-content\">\n <p style=\"text-align: justify;\">\n The HAI is designed to be more than just a training center; it is an ecosystem for intelligent technologies.\n <\/p>\n <div class=\"missions-objectives-container\">\n \n\n \n <div class=\"mo-card missions\">\n <div class=\"mo-header\">\n <div class=\"mo-icon\">\n <i class=\"fas fa-tasks\"><\/i>\n <\/div>\n <h3 class=\"mo-title\">Key Missions<\/h3>\n <\/div>\n \n <div class=\"mo-content\">\n <ul class=\"mo-list\">\n <li class=\"mo-item\">Awareness: Educating the community on the scientific, ethical, and societal implications of AI.<\/li>\n <li class=\"mo-item\">Skill Development: Providing continuous training and hands-on workshops to enhance AI literacy.<\/li>\n <li class=\"mo-item\">SMultidisciplinary Research: Stimulating innovation tailored to the national context by combining AI with other fields.<\/li>\n <li class=\"mo-item\">Networking: Connecting researchers, students, and businesses to build joint projects.<\/li>\n <li class=\"mo-item\">Ethics & Responsibility: Promoting a culture of AI usage that is responsible and legally compliant.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n \n <div class=\"mo-card objectives\">\n <div class=\"mo-header\">\n <div class=\"mo-icon\">\n <i class=\"fas fa-flag-checkered\"><\/i>\n <\/div>\n <h3 class=\"mo-title\">Strategic Goals<\/h3>\n <\/div>\n\n <div class=\"mo-content\">\n <ul class=\"mo-list\">\n <li class=\"mo-item\">Strengthen Capacities: Bolstering the pedagogical and scientific AI resources of the institution.<\/li>\n <li class=\"mo-item\">FInnovation: Supporting the emergence of high-value applied research initiatives.<\/li>\n <li class=\"mo-item\">Prototyping: Creating physical and virtual spaces for testing and validating AI solutions.<\/li>\n <li class=\"mo-item\">Employability: Preparing students for the job market through industry partnerships.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"accordion-section\">\n <div class=\"accordion-header\">\n <div class=\"accordion-title\">\n <i class=\"fas fa-users\"><\/i>\n Target Audience\n <\/div>\n\n <div class=\"accordion-icon\">\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"section-content\">\n <p> The House of AI is inclusive and caters to:<\/p>\n \n <div class=\"audience-container\">\n <div class=\"audience-list\">\n <div class=\"audience-item\">\n <div class=\"audience-icon\">\n <i class=\"fas fa-graduation-cap\"><\/i>\n <\/div>\n <div class=\"audience-text\">Students: From undergraduate and engineering cycles to Ph.D. candidates.<\/div>\n <\/div>\n \n \n <div class=\"audience-item\">\n <div class=\"audience-icon\">\n <i class=\"fas fa-chalkboard-teacher\"><\/i>\n <\/div>\n <div class=\"audience-text\">Faculty: Teacher-researchers looking to integrate AI into their specific domains.<\/div>\n <\/div>\n \n <div class=\"audience-item\">\n <div class=\"audience-icon\">\n <i class=\"fas fa-user-tie\"><\/i>\n <\/div>\n <div class=\"audience-text\">Professionals: External actors from the public or private sectors seeking academic cooperation.<\/div>\n <\/div>\n \n \n <\/div>\n <\/div>\n \n <p style=\"margin-top: 20px; font-style: italic;\">\n The HAI also welcomes institutional and economic actors wishing to engage in academic partnerships in the field of artificial intelligence.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"accordion-section\">\n\n \n <div class=\"accordion-header\">\n\n <div class=\"accordion-title\">\n <i class=\"fas fa-concierge-bell\"><\/i>\n Activities and Services\n <\/div>\n\n <div class=\"accordion-icon\">\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <\/div>\n <div class=\"accordion-content\">\n <p style=\"text-align: justify;\"> The HAI operates through a variety of practical and academic service channels:<\/p>\n <div class=\"section-content\">\n <div class=\"activities-grid\">\n <div class=\"activity-card\">\n <div class=\"activity-icon\">\n <i class=\"fas fa-graduation-cap\"><\/i>\n <\/div>\n <h3 class=\"activity-title\">Learning<\/h3>\n <p class=\"activity-text\">Summer schools, short modules, and intensive practical workshops.<\/p>\n <\/div>\n \n <div class=\"activity-card\">\n <div class=\"activity-icon\">\n <i class=\"fas fa-users\"><\/i>\n <\/div>\n <h3 class=\"activity-title\">Events<\/h3>\n <p class=\"activity-text\">Seminars and colloquiums bringing together global specialists and local stakeholders.<\/p>\n <\/div>\n \n <div class=\"activity-card\">\n <div class=\"activity-icon\">\n <i class=\"fas fa-flask\"><\/i>\n <\/div>\n <h3 class=\"activity-title\">Infrastructure<\/h3>\n <p class=\"activity-text\">Providing collaborative spaces equipped for experimentation and prototyping.<\/p>\n <\/div>\n \n <div class=\"activity-card\">\n <div class=\"activity-icon\">\n <i class=\"fas fa-hands-helping\"><\/i>\n <\/div>\n <h3 class=\"activity-title\">Project Support<\/h3>\n <p class=\"activity-text\">Methodological guidance for project design and assistance in responding to national or international calls for projects.<\/p>\n <\/div>\n \n <div class=\"activity-card\">\n <div class=\"activity-icon\">\n <i class=\"fas fa-balance-scale\"><\/i>\n <\/div>\n <h3 class=\"activity-title\">Governance<\/h3>\n <p class=\"activity-text\">Specialized sessions on AI ethics, security, and systems governance.<\/p>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"accordion-section\">\n <div class=\"accordion-header\">\n <div class=\"accordion-title\">\n <i class=\"fas fa-landmark\"><\/i>\n Governance, Partnerships and Access\n <\/div>\n <div class=\"accordion-icon\">\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"section-content\">\n <div class=\"governance-access-container\">\n \n <div class=\"ga-card\">\n <div class=\"ga-header\">\n <div class=\"ga-icon\">\n <i class=\"fas fa-sitemap\"><\/i>\n <\/div>\n <h3 class=\"ga-title\">Governance and Partnerships<\/h3>\n <\/div>\n <div class=\"ga-content\">\n <p style=\"text-align: justify;\">\n The structure operates under the direct authority of the institution, working in synergy with research laboratories and academic departments. It relies heavily on partnerships with private companies and public research centers to ensure that the skills taught remain relevant to the industry.<\/p>\n\n <ul style=\"margin-top: 15px;\">\n <li>Research Laboratories<\/li>\n <li>Academic Departments and Training Services<\/li>\n <li>Public Institutions<\/li>\n <li>Research Centers<\/li>\n <li>Private Stakeholders specialized in AI<\/li>\n<\/ul>\n <p style=\"text-align: justify;\">\n These partnerships ensure that skills complement each other and that activities have an impact.\n <\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"ga-card\">\n <div class=\"ga-header\">\n <div class=\"ga-icon\">\n <i class=\"fas fa-door-open\"><\/i>\n <\/div>\n <h3 class=\"ga-title\">Access and Procedures<\/h3>\n <\/div>\n <div class=\"ga-content\">\n <p>HAI activities are accessible through:<\/p>\n <ul style=\"margin-top: 15px;\">\n <li>Specific calls for applications<\/li>\n <li>Open registrations<\/li>\n <li>Tailored invitations<\/li>\n <\/ul>\n <p style=\"text-align: justify;\">\n <strong>How to join : <\/strong>Activities are accessible via calls for applications, registration, or formal invitations. Calendars and participation details are typically shared through official institutional channels.\n\n <\/p>\n<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n<div class=\"important-note\">\n <h3 class=\"note-title\" style=\"color:#C0E34F;\">\n <i class=\"fas fa-robot\"><\/i>\n AI at the Service of Innovation and Development\n <\/h3>\n <p class=\"note-text\">\n The House of Artificial Intelligence represents a center of excellence dedicated to the emergence, \n development, and dissemination of knowledge in AI. Join us to take part in the digital transformation \n and contribute to the advancement of intelligent technologies serving our society.\n <\/p>\n <p class=\"note-text\" style=\"margin-top: 20px; font-weight: 600;\">\n Explore the endless possibilities of AI with HAI!\n <\/p>\n<\/div>\n\n\n\n\n <\/div>\n\n <\/div>\n<\/div>\n\n<script>\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Ajustement pour le menu WordPress\n function adjustForWordPressMenu() {\n const header = document.querySelector('header') || document.querySelector('.site-header') || document.querySelector('#masthead');\n \n if (header) {\n const headerHeight = header.offsetHeight;\n const wrapper = document.querySelector('.full-width-wrapper');\n \n if (wrapper) {\n wrapper.style.paddingTop = (headerHeight + 20) + 'px';\n }\n } else {\n const wrapper = document.querySelector('.full-width-wrapper');\n if (wrapper) {\n wrapper.style.paddingTop = '100px';\n }\n }\n }\n \n adjustForWordPressMenu();\n window.addEventListener('resize', adjustForWordPressMenu);\n setTimeout(adjustForWordPressMenu, 500);\n setTimeout(adjustForWordPressMenu, 1000);\n \n \/\/ Gestion des accord\u00e9ons\n const accordionHeaders = document.querySelectorAll('.accordion-header');\n \n accordionHeaders.forEach(header => {\n header.addEventListener('click', function() {\n \/\/ Fermer tous les autres accord\u00e9ons\n accordionHeaders.forEach(otherHeader => {\n if (otherHeader !== this) {\n otherHeader.classList.remove('active');\n const otherContent = otherHeader.nextElementSibling;\n otherContent.classList.remove('active');\n }\n });\n \n \/\/ Basculer l'\u00e9tat de l'accord\u00e9on actuel\n this.classList.toggle('active');\n const content = this.nextElementSibling;\n content.classList.toggle('active');\n \n \/\/ Animation d'apparition\n if (content.classList.contains('active')) {\n content.style.opacity = '0';\n content.style.transform = 'translateY(-10px)';\n \n setTimeout(() => {\n content.style.opacity = '1';\n content.style.transform = 'translateY(0)';\n }, 10);\n }\n });\n });\n\n \/\/ Ouvrir le premier accord\u00e9on par d\u00e9faut\n if (accordionHeaders.length > 0) {\n accordionHeaders[0].click();\n }\n\n \/\/ Animation d'apparition progressive pour les sections\n const sections = document.querySelectorAll('.accordion-section');\n \n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, index) => {\n if (entry.isIntersecting) {\n setTimeout(() => {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }, index * 100);\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n\n sections.forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(30px)';\n el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n observer.observe(el);\n });\n \n \/\/ Animation pour les cartes missions\/objectifs\n const moCards = document.querySelectorAll('.mo-card');\n moCards.forEach((card, index) => {\n card.style.opacity = '0';\n card.style.transform = 'translateY(20px)';\n card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n card.style.transitionDelay = (index * 0.2) + 's';\n \n setTimeout(() => {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, 300 + (index * 200));\n });\n \n \/\/ Animation pour les cartes d'activit\u00e9s\n const activityCards = document.querySelectorAll('.activity-card');\n activityCards.forEach((card, index) => {\n card.style.opacity = '0';\n card.style.transform = 'translateY(20px) scale(0.98)';\n card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n card.style.transitionDelay = (index * 0.1) + 's';\n \n setTimeout(() => {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0) scale(1)';\n }, 400 + (index * 100));\n });\n \n \/\/ Animation pour les items publics\n const audienceItems = document.querySelectorAll('.audience-item');\n audienceItems.forEach((item, index) => {\n item.style.opacity = '0';\n item.style.transform = 'translateX(-10px)';\n item.style.transition = 'opacity 0.4s ease, transform 0.4s ease';\n item.style.transitionDelay = (index * 0.05) + 's';\n \n setTimeout(() => {\n item.style.opacity = '1';\n item.style.transform = 'translateX(0)';\n }, 500 + (index * 50));\n });\n \n \/\/ Animation pour les cartes gouvernance\/acc\u00e8s\n const gaCards = document.querySelectorAll('.ga-card');\n gaCards.forEach((card, index) => {\n card.style.opacity = '0';\n card.style.transform = 'scale(0.95)';\n card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n card.style.transitionDelay = (index * 0.2) + 's';\n \n setTimeout(() => {\n card.style.opacity = '1';\n card.style.transform = 'scale(1)';\n }, 300 + (index * 200));\n });\n \n \/\/ Animation pour la note importante\n const importantNote = document.querySelector('.important-note');\n if (importantNote) {\n importantNote.style.opacity = '0';\n importantNote.style.transform = 'translateY(20px)';\n importantNote.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n \n setTimeout(() => {\n importantNote.style.opacity = '1';\n importantNote.style.transform = 'translateY(0)';\n }, 800);\n }\n \n \/\/ Effet de particules bleues pour le th\u00e8me IA\n function createParticles() {\n const note = document.querySelector('.important-note');\n if (!note) return;\n \n for (let i = 0; i < 15; i++) {\n const particle = document.createElement('div');\n particle.style.position = 'absolute';\n particle.style.width = Math.random() * 4 + 2 + 'px';\n particle.style.height = particle.style.width;\n particle.style.background = 'rgba(255, 255, 255, 0.4)';\n particle.style.borderRadius = '50%';\n particle.style.top = Math.random() * 100 + '%';\n particle.style.left = Math.random() * 100 + '%';\n particle.style.zIndex = '1';\n note.appendChild(particle);\n \n \/\/ Animation de flottement\n animateParticle(particle);\n }\n }\n \n function animateParticle(particle) {\n let x = parseFloat(particle.style.left);\n let y = parseFloat(particle.style.top);\n let dx = (Math.random() - 0.5) * 0.2;\n let dy = (Math.random() - 0.5) * 0.2;\n \n function move() {\n x += dx;\n y += dy;\n \n \/\/ Rebond sur les bords\n if (x <= 0 || x >= 100) dx = -dx;\n if (y <= 0 || y >= 100) dy = -dy;\n \n particle.style.left = x + '%';\n particle.style.top = y + '%';\n \n requestAnimationFrame(move);\n }\n \n move();\n }\n \n setTimeout(createParticles, 1000);\n });\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>House of Artificial Intelligence (HAI) – NSCS House of Artificial Intelligence (HAI) The House of Artificial Intelligence (HAI) is a specialized university structure dedicated to promoting, disseminating, and integrating Artificial Intelligence (AI) knowledge and practices within the academic community. It serves as a bridge between high-level research and practical application, fostering collaboration between the university, […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12311","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/12311","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12311"}],"version-history":[{"count":4,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/12311\/revisions"}],"predecessor-version":[{"id":12316,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/12311\/revisions\/12316"}],"wp:attachment":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n House of Artificial Intelligence (HAI) - NSCS<\/title>\n\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\/>\n\n <style>\n \/* VARIABLES DE COULEURS - PALETTE BLEUE IA\/TECHNO *\/\n :root {\n --primary-color: #1a202c;\n --secondary-color: #4a5568;\n --light-bg: #f8f9fa;\n --card-bg: #ffffff;\n --border-color: #e2e8f0;\n --accent-blue-dark: #2c5282;\n --accent-blue: #3182ce;\n --accent-blue-light: #4299e1;\n --accent-teal: #38b2ac;\n --accent-cyan: #0bc5ea;\n --text-color: #000000;\n --gradient-ai: linear-gradient(135deg, #3182ce 0%, #2c5282 100%);\n --gradient-tech: linear-gradient(135deg, #4299e1 0%, #3182ce 100%);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html, body {\n width: 100%;\n overflow-x: hidden;\n }\n\n body {\n font-family: \"Segoe UI\", Tahoma, Geneva, Verdana, sans-serif;\n color: var(--primary-color);\n line-height: 1.8;\n background: #ffffff;\n padding-top: 0;\n }\n\n \/* ===== FORCER PLEINE LARGEUR ===== *\/\n .full-width-wrapper {\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n padding: 100px 20px 60px 20px;\n background: linear-gradient(135deg, #f8f9fa 0%, #edf2f7 100%);\n margin-top: 0 !important;\n }\n\n \/* ===== CONTENEUR PRINCIPAL ===== *\/\n .content-container {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* ===== CONTENU ARTICLE ===== *\/\n .article-content {\n background: var(--card-bg);\n padding: 50px;\n border-radius: 12px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n margin-bottom: 40px;\n position: relative;\n overflow: hidden;\n }\n\n \/* Effet de d\u00e9coration IA bleue *\/\n .article-content:before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 200px;\n height: 200px;\n background: var(--gradient-tech);\n opacity: 0.05;\n border-radius: 50%;\n transform: translate(100px, -100px);\n }\n\n .article-content:after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 150px;\n height: 150px;\n background: var(--gradient-tech);\n opacity: 0.05;\n border-radius: 50%;\n transform: translate(-50px, 50px);\n }\n\n \/* ===== TITRE PRINCIPAL ===== *\/\n .page-title {\n font-size: 2.4rem;\n color: transparent;\n background: var(--gradient-ai);\n -webkit-background-clip: text;\n background-clip: text;\n margin-bottom: 50px;\n font-weight: 800;\n text-align: center;\n padding-bottom: 20px;\n border-bottom: 3px solid var(--border-color);\n position: relative;\n }\n\n .page-title:after {\n content: '';\n position: absolute;\n bottom: -3px;\n left: 50%;\n transform: translateX(-50%);\n width: 200px;\n height: 3px;\n background: var(--gradient-ai);\n }\n\n \/* ===== INTRODUCTION ===== *\/\n .intro-section {\n margin-bottom: 50px;\n }\n\n .intro-text {\n font-size: 1.15rem;\n line-height: 1.9;\n color: var(--text-color);\n text-align: justify;\n }\n\n .intro-text p {\n margin-bottom: 1.5em;\n }\n\n \/* ===== SECTIONS ACCORD\u00c9ON ===== *\/\n .accordion-section {\n margin-bottom: 25px;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0,0,0,0.08);\n border: 1px solid var(--border-color);\n position: relative;\n z-index: 1;\n }\n\n .accordion-header {\n background-color: #f8f9fa;\n padding: 25px 30px;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: all 0.3s ease;\n }\n\n .accordion-header:hover {\n background-color: #ebf8ff;\n }\n\n .accordion-header.active {\n background-color: #ebf8ff;\n border-bottom: 2px solid var(--accent-blue);\n }\n\n .accordion-title {\n font-size: 1.4rem;\n color: var(--accent-blue-dark);\n font-weight: 700;\n display: flex;\n align-items: center;\n gap: 15px;\n }\n\n .accordion-title i {\n font-size: 1.5rem;\n }\n\n .accordion-icon {\n transition: transform 0.3s ease;\n font-size: 1.2rem;\n color: var(--accent-blue);\n }\n\n .accordion-header.active .accordion-icon {\n transform: rotate(180deg);\n }\n\n .accordion-content {\n padding: 0;\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.5s ease, padding 0.3s ease;\n background-color: white;\n }\n\n .accordion-content.active {\n padding: 30px;\n max-height: 2000px;\n }\n\n \/* ===== CONTENU DES SECTIONS ===== *\/\n .section-content {\n font-size: 1.05rem;\n line-height: 1.8;\n color: var(--text-color);\n }\n\n .section-content ul {\n margin: 20px 0 20px 30px;\n }\n\n .section-content li {\n margin-bottom: 10px;\n position: relative;\n padding-left: 10px;\n }\n\n .section-content li:before {\n content: \"\u2022\";\n position: absolute;\n left: -15px;\n color: var(--accent-blue);\n font-weight: bold;\n font-size: 1.2rem;\n }\n\n \/* ===== MISSIONS ET OBJECTIFS ===== *\/\n .missions-objectives-container {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 30px;\n margin: 40px 0;\n }\n\n .mo-card {\n background: #ffffff;\n border: 2px solid var(--border-color);\n border-radius: 10px;\n padding: 30px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n position: relative;\n transition: transform 0.3s ease;\n }\n\n .mo-card:hover {\n transform: translateY(-5px);\n }\n\n .mo-header {\n display: flex;\n align-items: center;\n gap: 15px;\n margin-bottom: 20px;\n padding-bottom: 15px;\n border-bottom: 2px solid var(--border-color);\n }\n\n .mo-icon {\n width: 50px;\n height: 50px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n }\n\n .missions .mo-icon {\n background: linear-gradient(135deg, #3182ce 0%, #2c5282 100%);\n color: white;\n }\n\n .objectives .mo-icon {\n background: linear-gradient(135deg, #0bc5ea 0%, #00a3c4 100%);\n color: white;\n }\n\n .mo-title {\n font-size: 1.4rem;\n font-weight: 700;\n }\n\n .missions .mo-title {\n color: var(--accent-blue-dark);\n }\n\n .objectives .mo-title {\n color: var(--accent-cyan);\n }\n\n .mo-content {\n font-size: 1.05rem;\n line-height: 1.6;\n color: var(--text-color);\n }\n\n .mo-list {\n margin: 15px 0 0 20px;\n }\n\n .mo-item {\n margin-bottom: 10px;\n font-size: 1rem;\n line-height: 1.5;\n color: var(--text-color);\n position: relative;\n padding-left: 20px;\n }\n\n .missions .mo-item:before {\n content: \"\u25b8\";\n position: absolute;\n left: 0;\n color: var(--accent-blue);\n font-weight: bold;\n }\n\n .objectives .mo-item:before {\n content: \"\u2713\";\n position: absolute;\n left: 0;\n color: var(--accent-cyan);\n font-weight: bold;\n }\n\n \/* ===== ACTIVIT\u00c9S ET SERVICES ===== *\/\n .activities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 25px;\n margin: 30px 0;\n }\n\n .activity-card {\n background: #ffffff;\n border: 2px solid var(--border-color);\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n .activity-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(49, 130, 206, 0.15);\n border-color: var(--accent-blue-light);\n }\n\n .activity-icon {\n width: 60px;\n height: 60px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n margin-bottom: 20px;\n background: linear-gradient(135deg, #3182ce 0%, #2c5282 100%);\n color: white;\n }\n\n .activity-title {\n font-size: 1.3rem;\n color: var(--accent-blue-dark);\n margin-bottom: 15px;\n font-weight: 700;\n }\n\n .activity-text {\n font-size: 1.05rem;\n line-height: 1.6;\n color: var(--text-color);\n }\n\n \/* ===== PUBLICS CONCERN\u00c9S ===== *\/\n .audience-container {\n background: linear-gradient(135deg, #f8f9fa 0%, #ebf8ff 100%);\n border-radius: 10px;\n padding: 30px;\n margin: 30px 0;\n border-left: 5px solid var(--accent-blue);\n }\n\n .audience-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 20px;\n }\n\n .audience-item {\n background: white;\n padding: 20px;\n border-radius: 8px;\n box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n display: flex;\n align-items: center;\n gap: 15px;\n transition: transform 0.3s ease;\n }\n\n .audience-item:hover {\n transform: translateX(5px);\n }\n\n .audience-icon {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: linear-gradient(135deg, #3182ce 0%, #2c5282 100%);\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2rem;\n }\n\n .audience-text {\n font-size: 1.1rem;\n font-weight: 600;\n color: var(--primary-color);\n }\n\n \/* ===== GOUVERNANCE ET ACC\u00c8S ===== *\/\n .governance-access-container {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 30px;\n margin: 30px 0;\n }\n\n .ga-card {\n background: #ffffff;\n border: 2px solid var(--border-color);\n border-radius: 10px;\n padding: 30px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n transition: transform 0.3s ease;\n }\n\n .ga-card:hover {\n transform: translateY(-3px);\n }\n\n .ga-header {\n display: flex;\n align-items: center;\n gap: 15px;\n margin-bottom: 20px;\n padding-bottom: 15px;\n border-bottom: 2px solid var(--border-color);\n }\n\n .ga-icon {\n width: 50px;\n height: 50px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n background: linear-gradient(135deg, #3182ce 0%, #2c5282 100%);\n color: white;\n }\n\n .ga-title {\n font-size: 1.4rem;\n color: var(--accent-blue-dark);\n font-weight: 700;\n }\n\n .ga-content {\n font-size: 1.05rem;\n line-height: 1.6;\n color: var(--text-color);\n }\n\n \/* ===== NOTE IMPORTANTE ===== *\/\n .important-note {\n background: linear-gradient(135deg, #2c5282 0%, #3182ce 100%);\n color: white;\n padding: 40px;\n border-radius: 12px;\n margin-top: 50px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .important-note:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\n opacity: 0.1;\n }\n\n .note-title {\n font-size: 1.6rem;\n color: white;\n margin-bottom: 20px;\n font-weight: 700;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n position: relative;\n z-index: 1;\n }\n\n .note-text {\n font-size: 1.1rem;\n line-height: 1.6;\n color: white;\n position: relative;\n z-index: 1;\n }\n\n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 1200px) {\n .content-container {\n max-width: 95%;\n }\n \n .article-content {\n padding: 45px;\n }\n \n .missions-objectives-container,\n .governance-access-container {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 992px) {\n .full-width-wrapper {\n padding: 90px 15px 50px 15px;\n }\n \n .content-container {\n padding: 0 15px;\n }\n \n .article-content {\n padding: 40px 30px;\n }\n \n .page-title {\n font-size: 2rem;\n margin-bottom: 40px;\n padding-bottom: 15px;\n }\n \n .page-title:after {\n width: 150px;\n }\n \n .accordion-title {\n font-size: 1.3rem;\n }\n \n .intro-text {\n font-size: 1.05rem;\n }\n \n .mo-card {\n padding: 25px;\n }\n \n .mo-title {\n font-size: 1.3rem;\n }\n \n .activities-grid {\n grid-template-columns: 1fr;\n }\n \n .important-note {\n padding: 30px;\n }\n }\n\n @media (max-width: 768px) {\n .full-width-wrapper {\n padding: 80px 10px 40px 10px;\n }\n \n .content-container {\n padding: 0 10px;\n }\n \n .article-content {\n padding: 35px 25px;\n }\n \n .page-title {\n font-size: 1.8rem;\n margin-bottom: 35px;\n }\n \n .accordion-title {\n font-size: 1.2rem;\n }\n \n .accordion-header {\n padding: 20px 25px;\n }\n \n .accordion-content.active {\n padding: 25px;\n }\n \n .intro-text {\n font-size: 1rem;\n }\n \n .audience-list {\n grid-template-columns: 1fr;\n }\n \n .important-note {\n padding: 25px;\n }\n \n .note-title {\n font-size: 1.4rem;\n }\n \n .note-text {\n font-size: 1rem;\n }\n }\n\n @media (max-width: 576px) {\n .full-width-wrapper {\n padding: 70px 10px 35px 10px;\n }\n \n .article-content {\n padding: 30px 20px;\n }\n \n .page-title {\n font-size: 1.6rem;\n margin-bottom: 30px;\n padding-bottom: 12px;\n }\n \n .page-title:after {\n width: 120px;\n }\n \n .accordion-title {\n font-size: 1.1rem;\n flex-direction: column;\n align-items: flex-start;\n gap: 10px;\n }\n \n .accordion-header {\n padding: 18px 20px;\n }\n \n .accordion-content.active {\n padding: 20px;\n }\n \n .intro-text {\n font-size: 0.95rem;\n text-align: left;\n }\n \n .mo-card {\n padding: 20px;\n }\n \n .mo-title {\n font-size: 1.2rem;\n }\n \n .activity-card {\n padding: 20px;\n }\n \n .ga-card {\n padding: 20px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n\n\n<div class=\"full-width-wrapper\">\n <div class=\"content-container\">\n\n \n <div class=\"article-content\">\n \n \n <h1 class=\"page-title\">House of Artificial Intelligence (<strong style=\"color: #005F70;\">HAI<\/strong>)<\/h1>\n\n \n <div class=\"intro-section\">\n <div class=\"intro-text\">\n <p>\n The House of Artificial Intelligence (HAI) is a specialized university structure dedicated to promoting, disseminating, and integrating Artificial Intelligence (AI) knowledge and practices within the academic community. It serves as a bridge between high-level research and practical application, fostering collaboration between the university, the socio-economic world, and public institutions.\n\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"accordion-section\">\n <div class=\"accordion-header\">\n <div class=\"accordion-title\">\n <i class=\"fas fa-bullseye\"><\/i>\n Missions and Objectives\n <\/div>\n <div class=\"accordion-icon\">\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"section-content\">\n <p style=\"text-align: justify;\">\n The HAI is designed to be more than just a training center; it is an ecosystem for intelligent technologies.\n <\/p>\n <div class=\"missions-objectives-container\">\n \n\n \n <div class=\"mo-card missions\">\n <div class=\"mo-header\">\n <div class=\"mo-icon\">\n <i class=\"fas fa-tasks\"><\/i>\n <\/div>\n <h3 class=\"mo-title\">Key Missions<\/h3>\n <\/div>\n \n <div class=\"mo-content\">\n <ul class=\"mo-list\">\n <li class=\"mo-item\">Awareness: Educating the community on the scientific, ethical, and societal implications of AI.<\/li>\n <li class=\"mo-item\">Skill Development: Providing continuous training and hands-on workshops to enhance AI literacy.<\/li>\n <li class=\"mo-item\">SMultidisciplinary Research: Stimulating innovation tailored to the national context by combining AI with other fields.<\/li>\n <li class=\"mo-item\">Networking: Connecting researchers, students, and businesses to build joint projects.<\/li>\n <li class=\"mo-item\">Ethics & Responsibility: Promoting a culture of AI usage that is responsible and legally compliant.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n \n <div class=\"mo-card objectives\">\n <div class=\"mo-header\">\n <div class=\"mo-icon\">\n <i class=\"fas fa-flag-checkered\"><\/i>\n <\/div>\n <h3 class=\"mo-title\">Strategic Goals<\/h3>\n <\/div>\n\n <div class=\"mo-content\">\n <ul class=\"mo-list\">\n <li class=\"mo-item\">Strengthen Capacities: Bolstering the pedagogical and scientific AI resources of the institution.<\/li>\n <li class=\"mo-item\">FInnovation: Supporting the emergence of high-value applied research initiatives.<\/li>\n <li class=\"mo-item\">Prototyping: Creating physical and virtual spaces for testing and validating AI solutions.<\/li>\n <li class=\"mo-item\">Employability: Preparing students for the job market through industry partnerships.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"accordion-section\">\n <div class=\"accordion-header\">\n <div class=\"accordion-title\">\n <i class=\"fas fa-users\"><\/i>\n Target Audience\n <\/div>\n\n <div class=\"accordion-icon\">\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"section-content\">\n <p> The House of AI is inclusive and caters to:<\/p>\n \n <div class=\"audience-container\">\n <div class=\"audience-list\">\n <div class=\"audience-item\">\n <div class=\"audience-icon\">\n <i class=\"fas fa-graduation-cap\"><\/i>\n <\/div>\n <div class=\"audience-text\">Students: From undergraduate and engineering cycles to Ph.D. candidates.<\/div>\n <\/div>\n \n \n <div class=\"audience-item\">\n <div class=\"audience-icon\">\n <i class=\"fas fa-chalkboard-teacher\"><\/i>\n <\/div>\n <div class=\"audience-text\">Faculty: Teacher-researchers looking to integrate AI into their specific domains.<\/div>\n <\/div>\n \n <div class=\"audience-item\">\n <div class=\"audience-icon\">\n <i class=\"fas fa-user-tie\"><\/i>\n <\/div>\n <div class=\"audience-text\">Professionals: External actors from the public or private sectors seeking academic cooperation.<\/div>\n <\/div>\n \n \n <\/div>\n <\/div>\n \n <p style=\"margin-top: 20px; font-style: italic;\">\n The HAI also welcomes institutional and economic actors wishing to engage in academic partnerships in the field of artificial intelligence.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"accordion-section\">\n\n \n <div class=\"accordion-header\">\n\n <div class=\"accordion-title\">\n <i class=\"fas fa-concierge-bell\"><\/i>\n Activities and Services\n <\/div>\n\n <div class=\"accordion-icon\">\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <\/div>\n <div class=\"accordion-content\">\n <p style=\"text-align: justify;\"> The HAI operates through a variety of practical and academic service channels:<\/p>\n <div class=\"section-content\">\n <div class=\"activities-grid\">\n <div class=\"activity-card\">\n <div class=\"activity-icon\">\n <i class=\"fas fa-graduation-cap\"><\/i>\n <\/div>\n <h3 class=\"activity-title\">Learning<\/h3>\n <p class=\"activity-text\">Summer schools, short modules, and intensive practical workshops.<\/p>\n <\/div>\n \n <div class=\"activity-card\">\n <div class=\"activity-icon\">\n <i class=\"fas fa-users\"><\/i>\n <\/div>\n <h3 class=\"activity-title\">Events<\/h3>\n <p class=\"activity-text\">Seminars and colloquiums bringing together global specialists and local stakeholders.<\/p>\n <\/div>\n \n <div class=\"activity-card\">\n <div class=\"activity-icon\">\n <i class=\"fas fa-flask\"><\/i>\n <\/div>\n <h3 class=\"activity-title\">Infrastructure<\/h3>\n <p class=\"activity-text\">Providing collaborative spaces equipped for experimentation and prototyping.<\/p>\n <\/div>\n \n <div class=\"activity-card\">\n <div class=\"activity-icon\">\n <i class=\"fas fa-hands-helping\"><\/i>\n <\/div>\n <h3 class=\"activity-title\">Project Support<\/h3>\n <p class=\"activity-text\">Methodological guidance for project design and assistance in responding to national or international calls for projects.<\/p>\n <\/div>\n \n <div class=\"activity-card\">\n <div class=\"activity-icon\">\n <i class=\"fas fa-balance-scale\"><\/i>\n <\/div>\n <h3 class=\"activity-title\">Governance<\/h3>\n <p class=\"activity-text\">Specialized sessions on AI ethics, security, and systems governance.<\/p>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"accordion-section\">\n <div class=\"accordion-header\">\n <div class=\"accordion-title\">\n <i class=\"fas fa-landmark\"><\/i>\n Governance, Partnerships and Access\n <\/div>\n <div class=\"accordion-icon\">\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"section-content\">\n <div class=\"governance-access-container\">\n \n <div class=\"ga-card\">\n <div class=\"ga-header\">\n <div class=\"ga-icon\">\n <i class=\"fas fa-sitemap\"><\/i>\n <\/div>\n <h3 class=\"ga-title\">Governance and Partnerships<\/h3>\n <\/div>\n <div class=\"ga-content\">\n <p style=\"text-align: justify;\">\n The structure operates under the direct authority of the institution, working in synergy with research laboratories and academic departments. It relies heavily on partnerships with private companies and public research centers to ensure that the skills taught remain relevant to the industry.<\/p>\n\n <ul style=\"margin-top: 15px;\">\n <li>Research Laboratories<\/li>\n <li>Academic Departments and Training Services<\/li>\n <li>Public Institutions<\/li>\n <li>Research Centers<\/li>\n <li>Private Stakeholders specialized in AI<\/li>\n<\/ul>\n <p style=\"text-align: justify;\">\n These partnerships ensure that skills complement each other and that activities have an impact.\n <\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"ga-card\">\n <div class=\"ga-header\">\n <div class=\"ga-icon\">\n <i class=\"fas fa-door-open\"><\/i>\n <\/div>\n <h3 class=\"ga-title\">Access and Procedures<\/h3>\n <\/div>\n <div class=\"ga-content\">\n <p>HAI activities are accessible through:<\/p>\n <ul style=\"margin-top: 15px;\">\n <li>Specific calls for applications<\/li>\n <li>Open registrations<\/li>\n <li>Tailored invitations<\/li>\n <\/ul>\n <p style=\"text-align: justify;\">\n <strong>How to join : <\/strong>Activities are accessible via calls for applications, registration, or formal invitations. Calendars and participation details are typically shared through official institutional channels.\n\n <\/p>\n<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n<div class=\"important-note\">\n <h3 class=\"note-title\" style=\"color:#C0E34F;\">\n <i class=\"fas fa-robot\"><\/i>\n AI at the Service of Innovation and Development\n <\/h3>\n <p class=\"note-text\">\n The House of Artificial Intelligence represents a center of excellence dedicated to the emergence, \n development, and dissemination of knowledge in AI. Join us to take part in the digital transformation \n and contribute to the advancement of intelligent technologies serving our society.\n <\/p>\n <p class=\"note-text\" style=\"margin-top: 20px; font-weight: 600;\">\n Explore the endless possibilities of AI with HAI!\n <\/p>\n<\/div>\n\n\n\n\n <\/div>\n\n <\/div>\n<\/div>\n\n<script>\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Ajustement pour le menu WordPress\n function adjustForWordPressMenu() {\n const header = document.querySelector('header') || document.querySelector('.site-header') || document.querySelector('#masthead');\n \n if (header) {\n const headerHeight = header.offsetHeight;\n const wrapper = document.querySelector('.full-width-wrapper');\n \n if (wrapper) {\n wrapper.style.paddingTop = (headerHeight + 20) + 'px';\n }\n } else {\n const wrapper = document.querySelector('.full-width-wrapper');\n if (wrapper) {\n wrapper.style.paddingTop = '100px';\n }\n }\n }\n \n adjustForWordPressMenu();\n window.addEventListener('resize', adjustForWordPressMenu);\n setTimeout(adjustForWordPressMenu, 500);\n setTimeout(adjustForWordPressMenu, 1000);\n \n \/\/ Gestion des accord\u00e9ons\n const accordionHeaders = document.querySelectorAll('.accordion-header');\n \n accordionHeaders.forEach(header => {\n header.addEventListener('click', function() {\n \/\/ Fermer tous les autres accord\u00e9ons\n accordionHeaders.forEach(otherHeader => {\n if (otherHeader !== this) {\n otherHeader.classList.remove('active');\n const otherContent = otherHeader.nextElementSibling;\n otherContent.classList.remove('active');\n }\n });\n \n \/\/ Basculer l'\u00e9tat de l'accord\u00e9on actuel\n this.classList.toggle('active');\n const content = this.nextElementSibling;\n content.classList.toggle('active');\n \n \/\/ Animation d'apparition\n if (content.classList.contains('active')) {\n content.style.opacity = '0';\n content.style.transform = 'translateY(-10px)';\n \n setTimeout(() => {\n content.style.opacity = '1';\n content.style.transform = 'translateY(0)';\n }, 10);\n }\n });\n });\n\n \/\/ Ouvrir le premier accord\u00e9on par d\u00e9faut\n if (accordionHeaders.length > 0) {\n accordionHeaders[0].click();\n }\n\n \/\/ Animation d'apparition progressive pour les sections\n const sections = document.querySelectorAll('.accordion-section');\n \n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, index) => {\n if (entry.isIntersecting) {\n setTimeout(() => {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }, index * 100);\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n\n sections.forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(30px)';\n el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n observer.observe(el);\n });\n \n \/\/ Animation pour les cartes missions\/objectifs\n const moCards = document.querySelectorAll('.mo-card');\n moCards.forEach((card, index) => {\n card.style.opacity = '0';\n card.style.transform = 'translateY(20px)';\n card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n card.style.transitionDelay = (index * 0.2) + 's';\n \n setTimeout(() => {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, 300 + (index * 200));\n });\n \n \/\/ Animation pour les cartes d'activit\u00e9s\n const activityCards = document.querySelectorAll('.activity-card');\n activityCards.forEach((card, index) => {\n card.style.opacity = '0';\n card.style.transform = 'translateY(20px) scale(0.98)';\n card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n card.style.transitionDelay = (index * 0.1) + 's';\n \n setTimeout(() => {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0) scale(1)';\n }, 400 + (index * 100));\n });\n \n \/\/ Animation pour les items publics\n const audienceItems = document.querySelectorAll('.audience-item');\n audienceItems.forEach((item, index) => {\n item.style.opacity = '0';\n item.style.transform = 'translateX(-10px)';\n item.style.transition = 'opacity 0.4s ease, transform 0.4s ease';\n item.style.transitionDelay = (index * 0.05) + 's';\n \n setTimeout(() => {\n item.style.opacity = '1';\n item.style.transform = 'translateX(0)';\n }, 500 + (index * 50));\n });\n \n \/\/ Animation pour les cartes gouvernance\/acc\u00e8s\n const gaCards = document.querySelectorAll('.ga-card');\n gaCards.forEach((card, index) => {\n card.style.opacity = '0';\n card.style.transform = 'scale(0.95)';\n card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n card.style.transitionDelay = (index * 0.2) + 's';\n \n setTimeout(() => {\n card.style.opacity = '1';\n card.style.transform = 'scale(1)';\n }, 300 + (index * 200));\n });\n \n \/\/ Animation pour la note importante\n const importantNote = document.querySelector('.important-note');\n if (importantNote) {\n importantNote.style.opacity = '0';\n importantNote.style.transform = 'translateY(20px)';\n importantNote.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n \n setTimeout(() => {\n importantNote.style.opacity = '1';\n importantNote.style.transform = 'translateY(0)';\n }, 800);\n }\n \n \/\/ Effet de particules bleues pour le th\u00e8me IA\n function createParticles() {\n const note = document.querySelector('.important-note');\n if (!note) return;\n \n for (let i = 0; i < 15; i++) {\n const particle = document.createElement('div');\n particle.style.position = 'absolute';\n particle.style.width = Math.random() * 4 + 2 + 'px';\n particle.style.height = particle.style.width;\n particle.style.background = 'rgba(255, 255, 255, 0.4)';\n particle.style.borderRadius = '50%';\n particle.style.top = Math.random() * 100 + '%';\n particle.style.left = Math.random() * 100 + '%';\n particle.style.zIndex = '1';\n note.appendChild(particle);\n \n \/\/ Animation de flottement\n animateParticle(particle);\n }\n }\n \n function animateParticle(particle) {\n let x = parseFloat(particle.style.left);\n let y = parseFloat(particle.style.top);\n let dx = (Math.random() - 0.5) * 0.2;\n let dy = (Math.random() - 0.5) * 0.2;\n \n function move() {\n x += dx;\n y += dy;\n \n \/\/ Rebond sur les bords\n if (x <= 0 || x >= 100) dx = -dx;\n if (y <= 0 || y >= 100) dy = -dy;\n \n particle.style.left = x + '%';\n particle.style.top = y + '%';\n \n requestAnimationFrame(move);\n }\n \n move();\n }\n \n setTimeout(createParticles, 1000);\n });\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>House of Artificial Intelligence (HAI) – NSCS House of Artificial Intelligence (HAI) The House of Artificial Intelligence (HAI) is a specialized university structure dedicated to promoting, disseminating, and integrating Artificial Intelligence (AI) knowledge and practices within the academic community. It serves as a bridge between high-level research and practical application, fostering collaboration between the university, […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12311","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/12311","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12311"}],"version-history":[{"count":4,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/12311\/revisions"}],"predecessor-version":[{"id":12316,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/12311\/revisions\/12316"}],"wp:attachment":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}