{"id":10586,"date":"2026-01-23T00:49:47","date_gmt":"2026-01-22T23:49:47","guid":{"rendered":"https:\/\/www.enscs.edu.dz\/?page_id=10586"},"modified":"2026-02-27T23:26:11","modified_gmt":"2026-02-27T22:26:11","slug":"maison-de-lintelligence-artificielle-hai","status":"publish","type":"page","link":"https:\/\/www.enscs.edu.dz\/?page_id=10586","title":{"rendered":"Maison de l\u2019Intelligence Artificielle (MIA)"},"content":{"rendered":"\t\t
\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 Maison de l'Intelligence Artificielle (HAI) - ENSCS<\/title>\n\n <!-- Font Awesome pour les ic\u00f4nes -->\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<!-- Menu WordPress -->\n\n<div class=\"full-width-wrapper\">\n <div class=\"content-container\">\n\n <!-- CONTENU ARTICLE -->\n <div class=\"article-content\">\n \n <!-- TITRE PRINCIPAL -->\n <h1 class=\"page-title\">Maison de l'Intelligence Artificielle (<strong style=\"color: #005F70;\">MIA<\/strong>)<\/h1>\n\n <!-- SECTION INTRODUCTION -->\n <div class=\"intro-section\">\n <div class=\"intro-text\">\n <p>\n La Maison de l'Intelligence Artificielle est une structure universitaire d\u00e9di\u00e9e \u00e0 la promotion, \u00e0 la diffusion et \u00e0 l'int\u00e9gration des savoirs et des pratiques en Intelligence Artificielle (IA) au sein de la communaut\u00e9 acad\u00e9mique. Elle vise \u00e0 renforcer les comp\u00e9tences, favoriser la recherche multidisciplinaire et encourager les collaborations entre l'universit\u00e9, le monde socio-\u00e9conomique et les institutions publiques dans le domaine des technologies intelligentes.\n <\/p>\n <\/div>\n <\/div>\n\n <!-- SECTION MISSIONS ET OBJECTIFS (ACCORD\u00c9ON) -->\n <div class=\"accordion-section\">\n <div class=\"accordion-header\">\n <div class=\"accordion-title\">\n <i class=\"fas fa-bullseye\"><\/i>\n Missions et Objectifs\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=\"missions-objectives-container\">\n <!-- MISSIONS -->\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\">Missions<\/h3>\n <\/div>\n \n <div class=\"mo-content\">\n <ul class=\"mo-list\">\n <li class=\"mo-item\">Sensibiliser les \u00e9tudiants, les enseignants-chercheurs et les personnels aux enjeux scientifiques, \u00e9thiques et soci\u00e9taux de l'Intelligence Artificielle<\/li>\n <li class=\"mo-item\">D\u00e9velopper des actions de formation continue, d'ateliers pratiques et de perfectionnement pour accro\u00eetre les comp\u00e9tences en IA<\/li>\n <li class=\"mo-item\">Stimuler la recherche et l'innovation interdisciplinaire autour des probl\u00e9matiques de l'IA adapt\u00e9es au contexte national<\/li>\n <li class=\"mo-item\">Faciliter la mise en relation entre chercheurs, \u00e9tudiants, entreprises et partenaires institutionnels<\/li>\n <li class=\"mo-item\">Promouvoir une culture de l'usage responsable et conforme aux cadres r\u00e9glementaires et d\u00e9ontologiques<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <!-- OBJECTIFS -->\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\">Objectifs<\/h3>\n <\/div>\n \n <div class=\"mo-content\">\n <ul class=\"mo-list\">\n <li class=\"mo-item\">Renforcer les capacit\u00e9s p\u00e9dagogiques et scientifiques en IA au sein de l'\u00e9tablissement<\/li>\n <li class=\"mo-item\">Favoriser l'\u00e9mergence de projets de recherche appliqu\u00e9e et d'initiatives innovantes \u00e0 forte valeur ajout\u00e9e<\/li>\n <li class=\"mo-item\">Cr\u00e9er un espace d'\u00e9changes et d'essais technologiques permettant le prototypage et la validation de solutions<\/li>\n <li class=\"mo-item\">Contribuer \u00e0 l'insertion professionnelle des \u00e9tudiants par des formations adapt\u00e9es et des partenariats avec le secteur socio-\u00e9conomique<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- SECTION PUBLICS CONCERN\u00c9S (ACCORD\u00c9ON) -->\n <div class=\"accordion-section\">\n <div class=\"accordion-header\">\n <div class=\"accordion-title\">\n <i class=\"fas fa-users\"><\/i>\n Publics Concern\u00e9s\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>La Maison de l'Intelligence Artificielle s'adresse \u00e0 :<\/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\">\u00c9tudiants tous cycles (formation de base, approfondie, ing\u00e9nieur)<\/div>\n <\/div>\n \n <div class=\"audience-item\">\n <div class=\"audience-icon\">\n <i class=\"fas fa-user-graduate\"><\/i>\n <\/div>\n <div class=\"audience-text\">Doctorants et chercheurs<\/div>\n <\/div>\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\">Enseignants-chercheurs<\/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\">Professionnels souhaitant d\u00e9velopper des comp\u00e9tences en IA<\/div>\n <\/div>\n \n <div class=\"audience-item\">\n <div class=\"audience-icon\">\n <i class=\"fas fa-building\"><\/i>\n <\/div>\n <div class=\"audience-text\">Acteurs institutionnels et \u00e9conomiques<\/div>\n <\/div>\n \n <div class=\"audience-item\">\n <div class=\"audience-icon\">\n <i class=\"fas fa-handshake\"><\/i>\n <\/div>\n <div class=\"audience-text\">Partenaires acad\u00e9miques et industriels<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <p style=\"margin-top: 20px; font-style: italic;\">\n La HAI accueille \u00e9galement les acteurs institutionnels et \u00e9conomiques d\u00e9sireux d'engager des partenariats acad\u00e9miques dans le domaine de l'intelligence artificielle.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- SECTION ACTIVIT\u00c9S ET SERVICES (ACCORD\u00c9ON) -->\n <div class=\"accordion-section\">\n <div class=\"accordion-header\">\n <div class=\"accordion-title\">\n <i class=\"fas fa-concierge-bell\"><\/i>\n Activit\u00e9s et Services\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=\"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\">Programmes de formation<\/h3>\n <p class=\"activity-text\">Cours, modules courts, \u00e9coles d'\u00e9t\u00e9, ateliers pratiques adapt\u00e9s \u00e0 diff\u00e9rents niveaux de comp\u00e9tence en IA.<\/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\">\u00c9v\u00e9nements scientifiques<\/h3>\n <p class=\"activity-text\">S\u00e9minaires, colloques et journ\u00e9es th\u00e9matiques r\u00e9unissant sp\u00e9cialistes et parties prenantes de l'IA.<\/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\">Espaces collaboratifs<\/h3>\n <p class=\"activity-text\">Environnements d\u00e9di\u00e9s au travail interdisciplinaire, \u00e0 l'exp\u00e9rimentation et au prototypage de solutions IA.<\/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\">Accompagnement m\u00e9thodologique<\/h3>\n <p class=\"activity-text\">Soutien pour la conception de projets, pr\u00e9paration de candidatures et recherche de partenaires.<\/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\">Sensibilisation \u00e9thique<\/h3>\n <p class=\"activity-text\">Actions sur l'\u00e9thique, la s\u00e9curit\u00e9 et la gouvernance des syst\u00e8mes d'Intelligence Artificielle.<\/p>\n <\/div>\n \n <div class=\"activity-card\">\n <div class=\"activity-icon\">\n <i class=\"fas fa-network-wired\"><\/i>\n <\/div>\n <h3 class=\"activity-title\">Mise en r\u00e9seau<\/h3>\n <p class=\"activity-text\">Connexion avec l'\u00e9cosyst\u00e8me IA national et international pour collaborations et partenariats.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- SECTION GOUVERNANCE ET ACC\u00c8S (ACCORD\u00c9ON) -->\n <div class=\"accordion-section\">\n <div class=\"accordion-header\">\n <div class=\"accordion-title\">\n <i class=\"fas fa-landmark\"><\/i>\n Gouvernance, Partenariats et Acc\u00e8s\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 <!-- GOUVERNANCE -->\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\">Gouvernance et Partenariats<\/h3>\n <\/div>\n <div class=\"ga-content\">\n <p>La Maison de l'Intelligence Artificielle fonctionne sous l'autorit\u00e9 de l'\u00e9tablissement et s'articule avec :<\/p>\n <ul style=\"margin-top: 15px;\">\n <li>Les laboratoires de recherche<\/li>\n <li>Les d\u00e9partements et services de formation<\/li>\n <li>Les institutions publiques<\/li>\n <li>Les centres de recherche<\/li>\n <li>Les acteurs priv\u00e9s sp\u00e9cialis\u00e9s en IA<\/li>\n <\/ul>\n <p style=\"margin-top: 15px;\">\n Ces partenariats assurent la compl\u00e9mentarit\u00e9 des comp\u00e9tences et l'impact des activit\u00e9s.\n <\/p>\n <\/div>\n <\/div>\n \n <!-- ACC\u00c8S -->\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\">Acc\u00e8s et Modalit\u00e9s<\/h3>\n <\/div>\n <div class=\"ga-content\">\n <p>Les activit\u00e9s de la MIA sont accessibles via :<\/p>\n <ul style=\"margin-top: 15px;\">\n <li>Appels \u00e0 candidatures sp\u00e9cifiques<\/li>\n <li>Inscriptions ouvertes<\/li>\n <li>Invitations sur mesure<\/li>\n <\/ul>\n <p style=\"margin-top: 15px; font-weight: 600;\">\n Les modalit\u00e9s pratiques (calendrier, conditions de participation, contacts) sont communiqu\u00e9es par voie institutionnelle.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- NOTE IMPORTANTE -->\n<div class=\"important-note\">\n <h3 class=\"note-title\" style=\"color:#C0E34F;\">\n <i class=\"fas fa-robot\"><\/i>\n L'IA au Service de l'innovation et du D\u00e9veloppement\n <\/h3>\n <p class=\"note-text\">\n La Maison de l'Intelligence Artificielle repr\u00e9sente un p\u00f4le d'excellence d\u00e9di\u00e9 \u00e0 l'\u00e9mergence, \n au d\u00e9veloppement et \u00e0 la diffusion des connaissances en IA. Rejoignez-nous pour participer \n \u00e0 la transformation num\u00e9rique et contribuer \u00e0 l'essor des technologies intelligentes au service \n de notre soci\u00e9t\u00e9.\n <\/p>\n <p class=\"note-text\" style=\"margin-top: 20px; font-weight: 600;\">\n Explorez les possibilit\u00e9s infinies de l'IA avec la MIA !\n <\/p>\n <\/div>\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>Maison de l’Intelligence Artificielle (HAI) – ENSCS Maison de l’Intelligence Artificielle (MIA) La Maison de l’Intelligence Artificielle est une structure universitaire d\u00e9di\u00e9e \u00e0 la promotion, \u00e0 la diffusion et \u00e0 l’int\u00e9gration des savoirs et des pratiques en Intelligence Artificielle (IA) au sein de la communaut\u00e9 acad\u00e9mique. Elle vise \u00e0 renforcer les comp\u00e9tences, favoriser la recherche […]<\/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-10586","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/10586","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=10586"}],"version-history":[{"count":5,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/10586\/revisions"}],"predecessor-version":[{"id":12326,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/10586\/revisions\/12326"}],"wp:attachment":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10586"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}