{"id":9576,"date":"2026-01-04T08:31:37","date_gmt":"2026-01-04T07:31:37","guid":{"rendered":"https:\/\/www.enscs.edu.dz\/?page_id=9576"},"modified":"2026-02-28T11:50:44","modified_gmt":"2026-02-28T10:50:44","slug":"directions-adjoints","status":"publish","type":"page","link":"https:\/\/www.enscs.edu.dz\/?page_id=9576","title":{"rendered":"Directions Adjointes"},"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 Directions Adjointes - \u00c9cole Nationale Sup\u00e9rieure de Cybers\u00e9curit\u00e9 (ENSCS)<\/title>\n\n\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 *\/\n :root {\n --primary-color: #1a202c;\n --secondary-color: #4a5568;\n --light-bg: #f8f9fa;\n --card-bg: #ffffff;\n --border-color: #e2e8f0;\n --accent-color: #2b6cb0;\n --text-color: #000000;\n --tab-1: #4299e1; \/* Bleu - Enseignements *\/\n --tab-2: #48bb78; \/* Vert - SI & Communication *\/\n --tab-3: #ed8936; \/* Orange - S\u00e9curit\u00e9 *\/\n --tab-4: #9f7aea; \/* Violet - Recherche *\/\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%, #e9ecef 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 40px rgba(0,0,0,0.1);\n margin-bottom: 40px;\n }\n\n \/* ===== TITRE PRINCIPAL ===== *\/\n .page-title {\n font-size: 2.5rem;\n color: var(--accent-color);\n margin-bottom: 50px;\n font-weight: 700;\n text-align: center;\n padding-bottom: 25px;\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: 4px;\n background: linear-gradient(90deg, var(--tab-1), var(--tab-2), var(--tab-3), var(--tab-4));\n border-radius: 2px;\n }\n\n \/* ===== INTRODUCTION ===== *\/\n .intro-text {\n font-size: 1.25rem;\n text-align: center;\n margin-bottom: 60px;\n color: var(--secondary-color);\n line-height: 1.8;\n max-width: 1000px;\n margin-left: auto;\n margin-right: auto;\n padding: 25px;\n background: linear-gradient(135deg, #f8fafc 0%, #edf2f7 100%);\n border-radius: 12px;\n border-left: 5px solid var(--accent-color);\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n }\n\n \/* ===== SYST\u00c8ME D'ONGlets ===== *\/\n .tabs-container {\n margin-top: 30px;\n }\n\n .tabs-header {\n display: flex;\n flex-wrap: nowrap;\n justify-content: space-between;\n gap: 10px;\n margin-bottom: 40px;\n border-bottom: 2px solid var(--border-color);\n padding-bottom: 0;\n }\n\n .tab-btn {\n flex: 1;\n min-width: 0;\n padding: 25px 15px;\n background: white;\n border: 2px solid var(--border-color);\n border-bottom: none;\n border-radius: 12px 12px 0 0;\n font-size: 1.1rem;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 12px;\n color: var(--secondary-color);\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .tab-btn:hover {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0,0,0,0.12);\n }\n\n .tab-btn.active {\n background: white;\n color: #000000;\n border-color: var(--border-color);\n border-bottom: 2px solid white;\n margin-bottom: -2px;\n z-index: 2;\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n }\n\n .tab-icon {\n font-size: 2.5rem;\n margin-bottom: 12px;\n transition: all 0.3s ease;\n }\n\n .tab-btn[data-tab=\"1\"] .tab-icon { color: var(--tab-1); }\n .tab-btn[data-tab=\"2\"] .tab-icon { color: var(--tab-2); }\n .tab-btn[data-tab=\"3\"] .tab-icon { color: var(--tab-3); }\n .tab-btn[data-tab=\"4\"] .tab-icon { color: var(--tab-4); }\n\n .tab-btn.active[data-tab=\"1\"] {\n border-top: 4px solid var(--tab-1);\n }\n .tab-btn.active[data-tab=\"2\"] {\n border-top: 4px solid var(--tab-2);\n }\n .tab-btn.active[data-tab=\"3\"] {\n border-top: 4px solid var(--tab-3);\n }\n .tab-btn.active[data-tab=\"4\"] {\n border-top: 4px solid var(--tab-4);\n }\n\n .tab-btn .tab-abbreviation {\n font-size: 0.9rem;\n font-weight: 600;\n color: #666;\n margin-top: 5px;\n }\n\n .tab-btn.active .tab-abbreviation {\n color: #000;\n }\n\n .tab-content {\n display: none;\n animation: fadeIn 0.5s ease;\n background: white;\n border-radius: 8px;\n padding: 50px;\n box-shadow: 0 8px 30px rgba(0,0,0,0.08);\n border: 1px solid var(--border-color);\n border-top: none;\n margin-top: -1px;\n }\n\n .tab-content.active {\n display: block;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* ===== CONTENU DES ONGLETS ===== *\/\n .direction-header {\n display: flex;\n align-items: center;\n gap: 30px;\n margin-bottom: 40px;\n padding-bottom: 30px;\n border-bottom: 2px solid var(--border-color);\n }\n\n .direction-header-icon {\n width: 90px;\n height: 90px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2.8rem;\n color: white;\n flex-shrink: 0;\n box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n }\n\n .direction-header-text h2 {\n font-size: 2.2rem;\n color: #000000;\n margin-bottom: 10px;\n font-weight: 700;\n line-height: 1.3;\n }\n\n .direction-header-text p {\n font-size: 1.4rem;\n color: #666666;\n font-weight: 600;\n }\n\n .direction-description {\n font-size: 1.25rem;\n line-height: 1.9;\n color: #000000;\n margin-bottom: 50px;\n padding: 30px;\n background: linear-gradient(135deg, #f8fafc 0%, #edf2f7 100%);\n border-radius: 12px;\n border-left: 5px solid;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n }\n\n .section-title {\n font-size: 1.8rem;\n color: #000000;\n margin-bottom: 35px;\n font-weight: 700;\n padding-bottom: 15px;\n border-bottom: 3px solid var(--border-color);\n display: flex;\n align-items: center;\n gap: 15px;\n }\n\n .section-title i {\n font-size: 1.7rem;\n }\n\n \/* ===== RESPONSABILIT\u00c9S ===== *\/\n .responsibilities-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n margin-bottom: 50px;\n }\n\n .responsibility-item {\n background: linear-gradient(135deg, white 0%, #f8fafc 100%);\n padding: 30px;\n border-radius: 10px;\n border: 1px solid var(--border-color);\n border-top: 5px solid;\n position: relative;\n transition: all 0.3s ease;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n }\n\n .responsibility-item:hover {\n transform: translateY(-8px);\n box-shadow: 0 12px 30px rgba(0,0,0,0.12);\n }\n\n .responsibility-number {\n position: absolute;\n top: -15px;\n left: 25px;\n background: white;\n border: 3px solid;\n width: 30px;\n height: 30px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 1rem;\n box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n }\n\n .responsibility-text {\n font-size: 1.15rem;\n line-height: 1.8;\n color: #000000;\n }\n\n \/* ===== ASSISTANTS ===== *\/\n .assistants-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n border-radius: 12px;\n padding: 40px;\n margin-top: 60px;\n border-left: 5px solid;\n box-shadow: 0 5px 20px rgba(0,0,0,0.08);\n }\n\n .assistants-title {\n font-size: 1.7rem;\n margin-bottom: 30px;\n font-weight: 700;\n color: #000000;\n display: flex;\n align-items: center;\n gap: 15px;\n }\n\n .assistants-list {\n list-style-type: none;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n }\n\n .assistant-item {\n padding: 20px 30px 20px 50px;\n background: white;\n border-radius: 8px;\n border: 1px solid var(--border-color);\n position: relative;\n font-size: 1.15rem;\n color: #000000;\n transition: all 0.3s ease;\n box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n }\n\n .assistant-item:hover {\n transform: translateX(8px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n }\n\n .assistant-item:before {\n content: \"\u25b8\";\n position: absolute;\n left: 25px;\n font-weight: bold;\n font-size: 1.5rem;\n color: inherit;\n }\n\n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 1400px) {\n .content-container {\n max-width: 95%;\n }\n \n .article-content {\n padding: 45px;\n }\n }\n\n @media (max-width: 1200px) {\n .responsibilities-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n }\n \n .tab-btn {\n padding: 20px 10px;\n font-size: 1rem;\n }\n \n .tab-icon {\n font-size: 2rem;\n }\n \n .direction-header {\n gap: 25px;\n }\n \n .direction-header-icon {\n width: 80px;\n height: 80px;\n font-size: 2.3rem;\n }\n \n .direction-header-text h2 {\n font-size: 1.9rem;\n }\n \n .direction-header-text p {\n font-size: 1.3rem;\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: 2.1rem;\n margin-bottom: 40px;\n padding-bottom: 20px;\n }\n \n .page-title:after {\n width: 150px;\n }\n \n .intro-text {\n font-size: 1.15rem;\n margin-bottom: 50px;\n padding: 20px;\n }\n \n .tabs-header {\n flex-wrap: wrap;\n }\n \n .tab-btn {\n flex: 0 0 calc(50% - 5px);\n margin-bottom: 10px;\n }\n \n .tab-content {\n padding: 35px;\n }\n \n .direction-header {\n flex-direction: column;\n text-align: center;\n gap: 20px;\n }\n \n .direction-header-icon {\n width: 85px;\n height: 85px;\n font-size: 2.5rem;\n }\n \n .direction-description {\n font-size: 1.15rem;\n padding: 25px;\n }\n \n .responsibilities-grid {\n gap: 20px;\n }\n \n .assistants-list {\n grid-template-columns: 1fr;\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.9rem;\n margin-bottom: 35px;\n }\n \n .tabs-header {\n flex-direction: column;\n gap: 5px;\n }\n \n .tab-btn {\n flex: 0 0 100%;\n flex-direction: row;\n justify-content: flex-start;\n text-align: left;\n padding: 20px;\n border-radius: 8px;\n margin-bottom: 5px;\n border: 1px solid var(--border-color);\n }\n \n .tab-btn.active {\n border-bottom: 1px solid var(--border-color);\n border-radius: 8px;\n margin-bottom: 5px;\n }\n \n .tab-icon {\n margin-bottom: 0;\n margin-right: 15px;\n font-size: 1.9rem;\n min-width: 45px;\n }\n \n .tab-content {\n padding: 30px;\n }\n \n .direction-header-text h2 {\n font-size: 1.7rem;\n }\n \n .direction-header-text p {\n font-size: 1.2rem;\n }\n \n .section-title {\n font-size: 1.5rem;\n }\n \n .responsibilities-grid {\n grid-template-columns: 1fr;\n gap: 15px;\n }\n \n .responsibility-item {\n padding: 25px;\n }\n \n .responsibility-text {\n font-size: 1.05rem;\n }\n \n .assistants-section {\n padding: 30px;\n }\n \n .assistant-item {\n padding: 18px 25px 18px 40px;\n font-size: 1.05rem;\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.7rem;\n margin-bottom: 30px;\n padding-bottom: 15px;\n }\n \n .page-title:after {\n width: 120px;\n }\n \n .intro-text {\n font-size: 1.05rem;\n margin-bottom: 40px;\n padding: 18px;\n }\n \n .tab-btn {\n padding: 18px;\n font-size: 0.95rem;\n }\n \n .tab-icon {\n font-size: 1.6rem;\n min-width: 40px;\n }\n \n .tab-content {\n padding: 25px;\n }\n \n .direction-header-icon {\n width: 70px;\n height: 70px;\n font-size: 2rem;\n }\n \n .direction-header-text h2 {\n font-size: 1.5rem;\n }\n \n .direction-header-text p {\n font-size: 1.1rem;\n }\n \n .direction-description {\n font-size: 1.05rem;\n padding: 20px;\n margin-bottom: 35px;\n }\n \n .section-title {\n font-size: 1.4rem;\n gap: 10px;\n }\n \n .responsibility-item {\n padding: 20px;\n }\n \n .responsibility-text {\n font-size: 1rem;\n }\n \n .assistants-section {\n padding: 25px;\n }\n \n .assistants-title {\n font-size: 1.4rem;\n }\n \n .assistant-item {\n font-size: 1rem;\n padding: 15px 20px 15px 35px;\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\">Directions Adjointes<\/h1>\n\n <!-- INTRODUCTION -->\n <div class=\"intro-text\">\n <p>Le Directeur de l'\u00e9cole est assist\u00e9 par quatre Directions Adjointes, chacune sp\u00e9cialis\u00e9e dans un domaine essentiel au fonctionnement et au d\u00e9veloppement de l'\u00e9tablissement. S\u00e9lectionnez une direction pour d\u00e9couvrir ses missions d\u00e9taill\u00e9es et son organisation.<\/p>\n <\/div>\n\n <!-- SYST\u00c8ME D'ONGlets -->\n <div class=\"tabs-container\">\n <!-- EN-T\u00caTE DES ONGLETS -->\n <div class=\"tabs-header\">\n <button class=\"tab-btn active\" data-tab=\"1\">\n <i class=\"fas fa-graduation-cap tab-icon\"><\/i>\n <span>DEDFC<\/span>\n \n <\/button>\n <button class=\"tab-btn\" data-tab=\"2\">\n <i class=\"fas fa-broadcast-tower tab-icon\"><\/i>\n <span>DSICRE<\/span>\n \n <\/button>\n <button class=\"tab-btn\" data-tab=\"3\">\n <i class=\"fas fa-shield-alt tab-icon\"><\/i>\n <span>DSSMS<\/span>\n \n <\/button>\n <button class=\"tab-btn\" data-tab=\"4\">\n <i class=\"fas fa-flask tab-icon\"><\/i>\n <span>DFDRS<\/span>\n <div class=\"tab-abbreviation\"><\/div>\n <\/button>\n <\/div>\n\n <!-- CONTENU DES ONGLETS -->\n \n <!-- ONGLET 1 - ENSEIGNEMENTS -->\n <div class=\"tab-content active\" data-tab=\"1\">\n <div class=\"direction-header\">\n <div class=\"direction-header-icon\" style=\"background-color: var(--tab-1);\">\n <i class=\"fas fa-graduation-cap\"><\/i>\n <\/div>\n <div class=\"direction-header-text\">\n <h2>Direction des Enseignements, des Dipl\u00f4mes et de la Formation Continue<\/h2>\n <p>Directeur adjoint<\/p>\n <\/div>\n <\/div>\n \n <div class=\"direction-description\" style=\"border-left-color: var(--tab-1);\">\n Responsable du suivi p\u00e9dagogique, de la qualit\u00e9 des enseignements, de la conformit\u00e9 des dipl\u00f4mes et du d\u00e9veloppement de la formation continue. Cette direction veille \u00e0 l'excellence acad\u00e9mique et \u00e0 l'ad\u00e9quation des formations aux besoins du march\u00e9.\n <\/div>\n \n <h3 class=\"section-title\">\n <i class=\"fas fa-tasks\" style=\"color: var(--tab-1);\"><\/i>\n Missions\n <\/h3>\n \n <div class=\"responsibilities-grid\">\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-1);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-1); color: var(--tab-1);\">1<\/div>\n <div class=\"responsibility-text\">Suivre et \u00e9valuer le d\u00e9roulement des enseignements<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-1);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-1); color: var(--tab-1);\">2<\/div>\n <div class=\"responsibility-text\">Suivre et \u00e9valuer le d\u00e9roulement des stages<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-1);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-1); color: var(--tab-1);\">3<\/div>\n <div class=\"responsibility-text\">Veiller \u00e0 la coh\u00e9rence des offres de formation pr\u00e9sent\u00e9es par les d\u00e9partements avec le plan de d\u00e9veloppement de l'\u00e9cole<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-1);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-1); color: var(--tab-1);\">4<\/div>\n <div class=\"responsibility-text\">Veiller au respect de la r\u00e9glementation en vigueur en mati\u00e8re d'inscription, de r\u00e9inscription, de contr\u00f4le des connaissances, d'orientation et de r\u00e9orientation des \u00e9tudiants<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-1);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-1); color: var(--tab-1);\">5<\/div>\n <div class=\"responsibility-text\">Veiller au respect de la r\u00e9glementation en vigueur et de la proc\u00e9dure de d\u00e9livrance des dipl\u00f4mes<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-1);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-1); color: var(--tab-1);\">6<\/div>\n <div class=\"responsibility-text\">Suivre le d\u00e9roulement de la formation au niveau de la classe pr\u00e9paratoire<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-1);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-1); color: var(--tab-1);\">7<\/div>\n <div class=\"responsibility-text\">Coordonner avec les comit\u00e9s p\u00e9dagogiques de l'\u00e9cole<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-1);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-1); color: var(--tab-1);\">8<\/div>\n <div class=\"responsibility-text\">Assurer la tenue et la mise \u00e0 jour du fichier nominatif des \u00e9tudiants<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-1);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-1); color: var(--tab-1);\">9<\/div>\n <div class=\"responsibility-text\">R\u00e9pertorier par mati\u00e8re les supports p\u00e9dagogiques, les sujets d'examens, etc.<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-1);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-1); color: var(--tab-1);\">10<\/div>\n <div class=\"responsibility-text\">Promouvoir les activit\u00e9s de formation continue et de perfectionnement en rapport avec les missions de l'\u00e9cole<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-1);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-1); color: var(--tab-1);\">11<\/div>\n <div class=\"responsibility-text\">Assurer une veille p\u00e9dagogique<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-1);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-1); color: var(--tab-1);\">12<\/div>\n <div class=\"responsibility-text\">Impl\u00e9menter les principes de l'assurance qualit\u00e9 ayant trait \u00e0 tous les aspects p\u00e9dagogiques<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-1);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-1); color: var(--tab-1);\">13<\/div>\n <div class=\"responsibility-text\">Veiller \u00e0 l'assiduit\u00e9 des \u00e9tudiants et au bon d\u00e9roulement des enseignements<\/div>\n <\/div>\n <\/div>\n \n <div class=\"assistants-section\" style=\"border-left-color: var(--tab-1);\">\n <h3 class=\"assistants-title\">\n <i class=\"fas fa-user-friends\" style=\"color: var(--tab-1);\"><\/i>\n \u00c9quipe de Direction\n <\/h3>\n <p>Le Directeur adjoint est assist\u00e9 par :<\/p>\n <ul class=\"assistants-list\">\n <li class=\"assistant-item\" style=\"border-left: 3px solid var(--tab-1);\">Le chef de service des enseignements, de l'\u00e9valuation et des dipl\u00f4mes<\/li>\n <li class=\"assistant-item\" style=\"border-left: 3px solid var(--tab-1);\">Le chef de service de la formation continue et des stages<\/li>\n <li class=\"assistant-item\" style=\"border-left: 3px solid var(--tab-1);\">Le chef de service du suivi des contenus et de la production p\u00e9dagogiques et de l'assurance qualit\u00e9<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <!-- ONGLET 2 - SYST\u00c8MES INFO -->\n <div class=\"tab-content\" data-tab=\"2\">\n <div class=\"direction-header\">\n <div class=\"direction-header-icon\" style=\"background-color: var(--tab-2);\">\n <i class=\"fas fa-broadcast-tower\"><\/i>\n <\/div>\n <div class=\"direction-header-text\">\n <h2>Direction charg\u00e9e des syst\u00e8mes d'information, de communication et des relations ext\u00e9rieures<\/h2>\n <p>Directeur adjoint<\/p>\n <\/div>\n <\/div>\n \n <div class=\"direction-description\" style=\"border-left-color: var(--tab-2);\">\n Gestion des syst\u00e8mes informatiques, communication digitale, relations ext\u00e9rieures et valorisation de l'image de l'\u00e9cole. Cette direction assure la transition num\u00e9rique et le rayonnement institutionnel.\n <\/div>\n \n <h3 class=\"section-title\">\n <i class=\"fas fa-tasks\" style=\"color: var(--tab-2);\"><\/i>\n Missions\n <\/h3>\n \n <div class=\"responsibilities-grid\">\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-2);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-2); color: var(--tab-2);\">1<\/div>\n <div class=\"responsibility-text\">Concevoir et r\u00e9aliser les supports de communication (bulletin de l'\u00e9cole et sites web)<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-2);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-2); color: var(--tab-2);\">2<\/div>\n <div class=\"responsibility-text\">Garantir l'int\u00e9gration et la gestion des structures de base de l'informatique et des r\u00e9seaux informatiques et de promouvoir le num\u00e9rique<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-2);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-2); color: var(--tab-2);\">3<\/div>\n <div class=\"responsibility-text\">Mettre en \u0153uvre les m\u00e9canismes et proc\u00e9dures permettant la collecte, le traitement et la diffusion de l'information, au sein de l'\u00e9cole<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-2);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-2); color: var(--tab-2);\">4<\/div>\n <div class=\"responsibility-text\">Publier toute information en relation avec l'\u00e9cole par les moyens des technologies de l'information et de la communication<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-2);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-2); color: var(--tab-2);\">5<\/div>\n <div class=\"responsibility-text\">Tenir le fichier statistique de l'\u00e9cole<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-2);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-2); color: var(--tab-2);\">6<\/div>\n <div class=\"responsibility-text\">Assurer le suivi des dipl\u00f4m\u00e9s de l'\u00e9cole<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-2);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-2); color: var(--tab-2);\">7<\/div>\n <div class=\"responsibility-text\">Initier les actions de promotion des \u00e9changes et de coop\u00e9ration avec les autres \u00e9tablissements d'enseignement sup\u00e9rieur<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-2);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-2); color: var(--tab-2);\">8<\/div>\n <div class=\"responsibility-text\">Promouvoir les relations de l'\u00e9cole avec son environnement socio-\u00e9conomique et d'initier des programmes de partenariat<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-2);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-2); color: var(--tab-2);\">9<\/div>\n <div class=\"responsibility-text\">G\u00e9rer toute action li\u00e9e \u00e0 la prestation de services<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-2);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-2); color: var(--tab-2);\">10<\/div>\n <div class=\"responsibility-text\">Assurer le suivi et l'organisation des manifestations scientifiques, notamment les colloques et les s\u00e9minaires<\/div>\n <\/div>\n <\/div>\n \n <div class=\"assistants-section\" style=\"border-left-color: var(--tab-2);\">\n <h3 class=\"assistants-title\">\n <i class=\"fas fa-user-friends\" style=\"color: var(--tab-2);\"><\/i>\n \u00c9quipe de Direction\n <\/h3>\n <p>Le Directeur adjoint est assist\u00e9 par :<\/p>\n <ul class=\"assistants-list\">\n <li class=\"assistant-item\" style=\"border-left: 3px solid var(--tab-2);\">Le chef de service des syst\u00e8mes d'information et des r\u00e9seaux<\/li>\n <li class=\"assistant-item\" style=\"border-left: 3px solid var(--tab-2);\">Le chef de service de la veille, des statistiques et de la prospective<\/li>\n <li class=\"assistant-item\" style=\"border-left: 3px solid var(--tab-2);\">Le chef de service de la communication et des relations ext\u00e9rieures<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <!-- ONGLET 3 - S\u00c9CURIT\u00c9 -->\n <div class=\"tab-content\" data-tab=\"3\">\n <div class=\"direction-header\">\n <div class=\"direction-header-icon\" style=\"background-color: var(--tab-3);\">\n <i class=\"fas fa-shield-alt\"><\/i>\n <\/div>\n <div class=\"direction-header-text\">\n <h2>Direction de la S\u00e9curit\u00e9 des Syst\u00e8mes et des Moyens Sp\u00e9cifiques<\/h2>\n <p>Directeur adjoint<\/p>\n <\/div>\n <\/div>\n \n \n \n <h3 class=\"section-title\">\n <i class=\"fas fa-tasks\" style=\"color: var(--tab-3);\"><\/i>\n Missions\n <\/h3>\n \n <div class=\"responsibilities-grid\">\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-3);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-3); color: var(--tab-3);\">1<\/div>\n <div class=\"responsibility-text\">Veiller \u00e0 la protection et \u00e0 la s\u00e9curit\u00e9 des syst\u00e8mes et des moyens sp\u00e9cifiques en dotation au sein de l'\u00e9cole<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-3);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-3); color: var(--tab-3);\">2<\/div>\n <div class=\"responsibility-text\">Assurer les missions de responsable de la s\u00e9curit\u00e9 des syst\u00e8mes d'information au niveau de l'\u00e9cole, contenues dans le r\u00e9f\u00e9rentiel national de s\u00e9curit\u00e9 de l'information<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-3);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-3); color: var(--tab-3);\">3<\/div>\n <div class=\"responsibility-text\">Assurer la coordination des activit\u00e9s de l'\u00e9cole avec l'agence de la s\u00e9curit\u00e9 des syst\u00e8mes d'information<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-3);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-3); color: var(--tab-3);\">4<\/div>\n <div class=\"responsibility-text\">Veiller sur les droits d'acc\u00e8s aux ressources en dotation au niveau de l'\u00e9cole, notamment celles jug\u00e9es sensibles<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-3);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-3); color: var(--tab-3);\">5<\/div>\n <div class=\"responsibility-text\">Suivre les activit\u00e9s p\u00e9dagogiques et de recherche d\u00e9veloppement dans le domaine de la s\u00e9curit\u00e9 des syst\u00e8mes d'information au niveau de l'\u00e9cole<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-3);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-3); color: var(--tab-3);\">6<\/div>\n <div class=\"responsibility-text\">Participer \u00e0 la pr\u00e9paration et \u00e0 l'organisation de toutes les manifestations scientifiques et les activit\u00e9s de communication au niveau de l'\u00e9cole<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-3);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-3); color: var(--tab-3);\">7<\/div>\n <div class=\"responsibility-text\">Veiller \u00e0 l'habilitation des personnels de l'\u00e9cole, notamment ceux exploitant les \u00e9quipements sensibles<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-3);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-3); color: var(--tab-3);\">8<\/div>\n <div class=\"responsibility-text\">Suivre les actions d'\u00e9change, de coop\u00e9ration et de partenariat \u00e9tablies par l'\u00e9cole<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-3);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-3); color: var(--tab-3);\">9<\/div>\n <div class=\"responsibility-text\">Coordonner les activit\u00e9s de prestation de services et d'expertise \u00e0 l'int\u00e9rieur et \u00e0 l'ext\u00e9rieur de l'\u00e9cole en mati\u00e8re de cybers\u00e9curit\u00e9, de concert avec l'agence de la s\u00e9curit\u00e9 des syst\u00e8mes d'information<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-3);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-3); color: var(--tab-3);\">10<\/div>\n <div class=\"responsibility-text\">Classifier les syst\u00e8mes et les moyens sp\u00e9cifiques de l'\u00e9cole<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-3);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-3); color: var(--tab-3);\">11<\/div>\n <div class=\"responsibility-text\">Participer \u00e0 l'\u00e9laboration et au suivi du plan de s\u00fbret\u00e9 interne de l'\u00e9cole<\/div>\n <\/div>\n <\/div>\n \n <div class=\"assistants-section\" style=\"border-left-color: var(--tab-3);\">\n <h3 class=\"assistants-title\">\n <i class=\"fas fa-user-friends\" style=\"color: var(--tab-3);\"><\/i>\n \u00c9quipe de Direction\n <\/h3>\n <p>Le Directeur adjoint est assist\u00e9 par :<\/p>\n <ul class=\"assistants-list\">\n <li class=\"assistant-item\" style=\"border-left: 3px solid var(--tab-3);\">Le chef de service des moyens sp\u00e9cifiques<\/li>\n <li class=\"assistant-item\" style=\"border-left: 3px solid var(--tab-3);\">Le chef de service de la s\u00e9curit\u00e9 des syst\u00e8mes d'information<\/li>\n <li class=\"assistant-item\" style=\"border-left: 3px solid var(--tab-3);\">Le chef de service de la coordination et du suivi des activit\u00e9s de s\u00e9curit\u00e9 de l'information<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <!-- ONGLET 4 - RECHERCHE -->\n <div class=\"tab-content\" data-tab=\"4\">\n <div class=\"direction-header\">\n <div class=\"direction-header-icon\" style=\"background-color: var(--tab-4);\">\n <i class=\"fas fa-flask\"><\/i>\n <\/div>\n <div class=\"direction-header-text\">\n <h2>Direction de la formation doctorale, de la recherche scientifique, du d\u00e9veloppement technologique, de l'innovation et de la promotion de l'entrepreneuriat<\/h2>\n <p>Directeur adjoint<\/p>\n <\/div>\n <\/div>\n \n <div class=\"direction-description\" style=\"border-left-color: var(--tab-4);\">\n Animation de la recherche scientifique, formation doctorale, innovation technologique et promotion de l'entrepreneuriat. Cette direction pilote l'excellence scientifique et l'innovation au sein de l'\u00e9tablissement.\n <\/div>\n \n <h3 class=\"section-title\">\n <i class=\"fas fa-tasks\" style=\"color: var(--tab-4);\"><\/i>\n Missions\n <\/h3>\n \n <div class=\"responsibilities-grid\">\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-4);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-4); color: var(--tab-4);\">1<\/div>\n <div class=\"responsibility-text\">Organiser et suivre le d\u00e9roulement des formations doctorales et de veiller \u00e0 l'application de la r\u00e9glementation en vigueur en la mati\u00e8re<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-4);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-4); color: var(--tab-4);\">2<\/div>\n <div class=\"responsibility-text\">Animer et d\u00e9velopper la politique de recherche de l'\u00e9cole<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-4);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-4); color: var(--tab-4);\">3<\/div>\n <div class=\"responsibility-text\">Suivre les activit\u00e9s de recherche des laboratoires et des unit\u00e9s de recherches avec les d\u00e9partements<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-4);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-4); color: var(--tab-4);\">4<\/div>\n <div class=\"responsibility-text\">Mener toute action de valorisation des r\u00e9sultats de la recherche<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-4);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-4); color: var(--tab-4);\">5<\/div>\n <div class=\"responsibility-text\">Collecter et diffuser les informations relatives aux activit\u00e9s de recherche men\u00e9es par l'\u00e9cole<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-4);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-4); color: var(--tab-4);\">6<\/div>\n <div class=\"responsibility-text\">Assurer le suivi du perfectionnement des enseignants-chercheurs<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-4);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-4); color: var(--tab-4);\">7<\/div>\n <div class=\"responsibility-text\">Assurer le suivi du fonctionnement du conseil scientifique de l'\u00e9cole et de coordonner l'action des comit\u00e9s scientifiques des d\u00e9partements<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-4);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-4); color: var(--tab-4);\">8<\/div>\n <div class=\"responsibility-text\">Assurer la promotion des \u00e9changes et de la coop\u00e9ration avec d'autres \u00e9tablissements d'enseignement sup\u00e9rieur, nationaux et internationaux, ainsi qu'avec des centres de recherche ou d'autres \u00e9tablissement du secteur en mati\u00e8re de formation, de recherche, d'innovation et du d\u00e9veloppement technologique<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-4);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-4); color: var(--tab-4);\">9<\/div>\n <div class=\"responsibility-text\">Valoriser la production scientifique en recherche et de mettre en place les m\u00e9canismes pour promouvoir l'excellence<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-4);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-4); color: var(--tab-4);\">10<\/div>\n <div class=\"responsibility-text\">Assurer le suivi des manifestations scientifiques, notamment les journ\u00e9es th\u00e9matiques, s\u00e9minaires hebdomadaires, colloques, colloquium, conf\u00e9rences et panels<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-4);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-4); color: var(--tab-4);\">11<\/div>\n <div class=\"responsibility-text\">Assurer le suivi des bilans d'activit\u00e9s des laboratoires de recherche<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-4);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-4); color: var(--tab-4);\">12<\/div>\n <div class=\"responsibility-text\">Valoriser les r\u00e9sultats de la recherche (rapports, dashboards)<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-4);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-4); color: var(--tab-4);\">13<\/div>\n <div class=\"responsibility-text\">Mener toute action de valorisation de l'innovation et de d\u00e9veloppement technologique<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-4);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-4); color: var(--tab-4);\">14<\/div>\n <div class=\"responsibility-text\">Collecter et diffuser les informations sur les activit\u00e9s de l'innovation et du d\u00e9veloppement technologique men\u00e9es par l'\u00e9cole<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-4);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-4); color: var(--tab-4);\">15<\/div>\n <div class=\"responsibility-text\">Initier et encourager le d\u00e9veloppement de l'innovation et de l'entrepreneuriat<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-4);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-4); color: var(--tab-4);\">16<\/div>\n <div class=\"responsibility-text\">Prot\u00e9ger toute production innovante<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-4);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-4); color: var(--tab-4);\">17<\/div>\n <div class=\"responsibility-text\">Assurer une veille technologique<\/div>\n <\/div>\n <\/div>\n \n <div class=\"assistants-section\" style=\"border-left-color: var(--tab-4);\">\n <h3 class=\"assistants-title\">\n <i class=\"fas fa-user-friends\" style=\"color: var(--tab-4);\"><\/i>\n \u00c9quipe de Direction\n <\/h3>\n <p>Le Directeur adjoint est assist\u00e9 par :<\/p>\n <ul class=\"assistants-list\">\n <li class=\"assistant-item\" style=\"border-left: 3px solid var(--tab-4);\">Le chef de service de la formation de troisi\u00e8me cycle et de la recherche scientifique<\/li>\n <li class=\"assistant-item\" style=\"border-left: 3px solid var(--tab-4);\">Le chef de service du suivi des activit\u00e9s de recherche et de la valorisation de ses r\u00e9sultats<\/li>\n <li class=\"assistant-item\" style=\"border-left: 3px solid var(--tab-4);\">Le chef de service de l'innovation et de la promotion de l'entrepreneuriat<\/li>\n <li class=\"assistant-item\" style=\"border-left: 3px solid var(--tab-4);\">Le chef de service du d\u00e9veloppement technologique<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n<\/div>\n\n<script>\n \/\/ Gestion des onglets et ajustement pour le menu WordPress\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 \/\/ Ajouter 20px de marge suppl\u00e9mentaire\n wrapper.style.paddingTop = (headerHeight + 20) + 'px';\n }\n } else {\n \/\/ Valeur par d\u00e9faut si aucun menu d\u00e9tect\u00e9\n const wrapper = document.querySelector('.full-width-wrapper');\n if (wrapper) {\n wrapper.style.paddingTop = '100px';\n }\n }\n }\n \n \/\/ Appeler au chargement\n adjustForWordPressMenu();\n \n \/\/ R\u00e9ajuster si la fen\u00eatre change de taille\n window.addEventListener('resize', adjustForWordPressMenu);\n \n \/\/ R\u00e9ajuster apr\u00e8s un d\u00e9lai pour les menus dynamiques\n setTimeout(adjustForWordPressMenu, 500);\n setTimeout(adjustForWordPressMenu, 1000);\n \n \/\/ Gestion des onglets\n const tabBtns = document.querySelectorAll('.tab-btn');\n const tabContents = document.querySelectorAll('.tab-content');\n \n tabBtns.forEach(btn => {\n btn.addEventListener('click', function() {\n const tabId = this.getAttribute('data-tab');\n \n \/\/ Retirer la classe active de tous les boutons\n tabBtns.forEach(b => b.classList.remove('active'));\n \n \/\/ Ajouter la classe active au bouton cliqu\u00e9\n this.classList.add('active');\n \n \/\/ Masquer tous les contenus\n tabContents.forEach(content => content.classList.remove('active'));\n \n \/\/ Afficher le contenu correspondant\n document.querySelector(`.tab-content[data-tab=\"${tabId}\"]`).classList.add('active');\n });\n });\n \n \/\/ Animation des \u00e9l\u00e9ments de responsabilit\u00e9\n const responsibilityItems = document.querySelectorAll('.responsibility-item');\n responsibilityItems.forEach((item, index) => {\n item.style.opacity = '0';\n item.style.transform = 'translateY(20px)';\n item.style.transition = 'opacity 0.5s ease, transform 0.5s ease, box-shadow 0.3s ease';\n \n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n setTimeout(() => {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }, index % 20 * 30);\n }\n });\n }, { threshold: 0.1 });\n \n observer.observe(item);\n });\n \n \/\/ Animation d'apparition progressive\n const elements = document.querySelectorAll('.direction-header, .direction-description, .section-title, .assistants-section');\n \n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n\n elements.forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(20px)';\n el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n observer.observe(el);\n });\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>Directions Adjointes – \u00c9cole Nationale Sup\u00e9rieure de Cybers\u00e9curit\u00e9 (ENSCS) Directions Adjointes Le Directeur de l’\u00e9cole est assist\u00e9 par quatre Directions Adjointes, chacune sp\u00e9cialis\u00e9e dans un domaine essentiel au fonctionnement et au d\u00e9veloppement de l’\u00e9tablissement. S\u00e9lectionnez une direction pour d\u00e9couvrir ses missions d\u00e9taill\u00e9es et son organisation. DEDFC DSICRE DSSMS DFDRS Direction des Enseignements, des Dipl\u00f4mes et […]<\/p>\n","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9576","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/9576","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\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9576"}],"version-history":[{"count":5,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/9576\/revisions"}],"predecessor-version":[{"id":12370,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/9576\/revisions\/12370"}],"wp:attachment":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9576"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}