Secr\u00e9tariat G\u00e9n\u00e9ral - \u00c9cole Nationale Sup\u00e9rieure de Cybers\u00e9curit\u00e9<\/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 CLAIRE\/GRIS *\/\n :root {\n --primary-color: #2c3e50;\n --secondary-color: #7f8c8d;\n --light-bg: #f8f9fa;\n --card-bg: #ffffff;\n --border-color: #e0e0e0;\n --accent-blue: #5d9cec;\n --accent-blue-dark: #4a89dc;\n --accent-grey: #95a5a6;\n --accent-light-blue: #d6eaf8;\n --text-color: #333333;\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%, #f1f3f5 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 10px 30px rgba(0,0,0,0.05);\n margin-bottom: 40px;\n border: 1px solid var(--border-color);\n }\n\n \/* ===== TITRE PRINCIPAL ===== *\/\n .page-title {\n font-size: 2.2rem;\n color: var(--primary-color);\n margin-bottom: 40px;\n font-weight: 700;\n text-align: center;\n padding-bottom: 18px;\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: 180px;\n height: 3px;\n background-color: var(--accent-blue);\n }\n\n .page-subtitle {\n font-size: 1.1rem;\n color: var(--secondary-color);\n margin-bottom: 35px;\n text-align: center;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n }\n\n \/* ===== SECTION INTRODUCTION ===== *\/\n .intro-section {\n background: linear-gradient(135deg, #f0f8ff 0%, #e6f2ff 100%);\n border-radius: 12px;\n padding: 35px;\n margin-bottom: 45px;\n border-left: 4px solid var(--accent-blue);\n box-shadow: 0 5px 20px rgba(93, 156, 236, 0.1);\n }\n\n .intro-text {\n font-size: 1.05rem;\n line-height: 1.8;\n color: var(--text-color);\n text-align: justify;\n }\n\n .intro-text p {\n margin-bottom: 1.3em;\n }\n\n \/* ===== SECTIONS HI\u00c9RARCHIQUES ===== *\/\n .hierarchy-section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-size: 1.5rem;\n color: var(--primary-color);\n margin-bottom: 25px;\n padding-bottom: 15px;\n border-bottom: 2px solid var(--border-color);\n position: relative;\n font-weight: 700;\n }\n\n .section-title:after {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 0;\n width: 100px;\n height: 2px;\n background-color: var(--accent-blue);\n }\n\n \/* ===== CARTES DE RESPONSABILIT\u00c9 ===== *\/\n .responsability-card {\n background: var(--card-bg);\n padding: 30px;\n border-radius: 10px;\n margin-bottom: 30px;\n box-shadow: 0 5px 20px rgba(0,0,0,0.03);\n border: 1px solid var(--border-color);\n border-left: 4px solid var(--accent-blue);\n transition: all 0.3s ease;\n }\n\n .responsability-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(93, 156, 236, 0.15);\n }\n\n .card-header {\n display: flex;\n align-items: center;\n gap: 15px;\n margin-bottom: 20px;\n }\n\n .card-icon {\n color: var(--accent-blue);\n font-size: 1.5rem;\n min-width: 40px;\n }\n\n .card-title {\n font-size: 1.3rem;\n color: var(--primary-color);\n font-weight: 700;\n }\n\n .card-subtitle {\n font-size: 0.95rem;\n color: var(--secondary-color);\n font-style: italic;\n margin-bottom: 20px;\n padding-left: 55px;\n }\n\n \/* ===== LISTE DES MISSIONS ===== *\/\n .missions-list {\n list-style-type: none;\n padding-left: 0;\n }\n\n .missions-list li {\n margin-bottom: 12px;\n padding-left: 30px;\n position: relative;\n font-size: 0.95rem;\n line-height: 1.6;\n color: var(--text-color);\n }\n\n .missions-list li:before {\n content: \"\u2014\";\n position: absolute;\n left: 0;\n color: var(--accent-blue);\n font-weight: bold;\n }\n\n \/* ===== STRUCTURE D'ASSISTANCE ===== *\/\n .assistance-section {\n background: #f8fafc;\n padding: 25px;\n border-radius: 8px;\n margin-top: 25px;\n border-left: 3px solid var(--accent-grey);\n }\n\n .assistance-title {\n font-size: 1.1rem;\n color: var(--primary-color);\n margin-bottom: 15px;\n font-weight: 600;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .assistance-title i {\n color: var(--accent-grey);\n }\n\n .assistance-list {\n list-style-type: none;\n padding-left: 0;\n }\n\n .assistance-list li {\n margin-bottom: 8px;\n padding-left: 25px;\n position: relative;\n font-size: 0.9rem;\n line-height: 1.5;\n color: var(--secondary-color);\n }\n\n .assistance-list li:before {\n content: \"\u2022\";\n position: absolute;\n left: 10px;\n color: var(--accent-blue);\n font-weight: bold;\n }\n\n \/* ===== SECTIONS DES SERVICES ===== *\/\n .services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 25px;\n margin-top: 30px;\n }\n\n .service-card {\n background: var(--card-bg);\n padding: 25px;\n border-radius: 10px;\n box-shadow: 0 5px 20px rgba(0,0,0,0.03);\n border: 1px solid var(--border-color);\n border-top: 4px solid var(--accent-grey);\n transition: all 0.3s ease;\n }\n\n .service-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 25px rgba(149, 165, 166, 0.15);\n border-top-color: var(--accent-blue);\n }\n\n .service-title {\n font-size: 1.2rem;\n color: var(--primary-color);\n margin-bottom: 15px;\n font-weight: 600;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .service-title i {\n color: var(--accent-blue);\n }\n\n .service-content {\n font-size: 0.95rem;\n line-height: 1.6;\n color: var(--text-color);\n margin-bottom: 20px;\n }\n\n .service-sections {\n background: #f8fafc;\n padding: 15px;\n border-radius: 6px;\n font-size: 0.9rem;\n color: var(--secondary-color);\n border-left: 3px solid var(--accent-grey);\n }\n\n .service-sections strong {\n color: var(--primary-color);\n display: block;\n margin-bottom: 8px;\n }\n\n \/* ===== ARTICLE NUM\u00c9ROS ===== *\/\n .article-number {\n display: inline-block;\n background: var(--accent-light-blue);\n color: var(--accent-blue-dark);\n padding: 5px 15px;\n border-radius: 20px;\n font-size: 0.85rem;\n font-weight: 600;\n margin-bottom: 15px;\n border: 1px solid var(--accent-blue);\n }\n\n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 1200px) {\n .content-container {\n max-width: 95%;\n }\n \n .article-content {\n padding: 40px;\n }\n \n .services-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 992px) {\n .full-width-wrapper {\n padding: 80px 15px 50px 15px;\n }\n \n .content-container {\n padding: 0 15px;\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 .section-title {\n font-size: 1.4rem;\n }\n \n .card-title {\n font-size: 1.2rem;\n }\n }\n\n @media (max-width: 768px) {\n .full-width-wrapper {\n padding: 70px 10px 40px 10px;\n }\n \n .content-container {\n padding: 0 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 }\n \n .intro-section {\n padding: 25px;\n margin-bottom: 35px;\n }\n \n .responsability-card {\n padding: 25px;\n }\n \n .services-grid {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n \n .service-card {\n padding: 20px;\n }\n \n .card-header {\n flex-direction: column;\n align-items: flex-start;\n gap: 10px;\n }\n \n .card-subtitle {\n padding-left: 0;\n }\n }\n\n @media (max-width: 576px) {\n .full-width-wrapper {\n padding: 60px 10px 35px 10px;\n }\n \n .article-content {\n padding: 25px 18px;\n }\n \n .page-title {\n font-size: 1.5rem;\n margin-bottom: 25px;\n padding-bottom: 12px;\n }\n \n .page-title:after {\n width: 120px;\n }\n \n .section-title {\n font-size: 1.3rem;\n }\n \n .responsability-card {\n padding: 20px;\n }\n \n .card-title {\n font-size: 1.1rem;\n }\n \n .missions-list li {\n font-size: 0.9rem;\n padding-left: 25px;\n }\n \n .assistance-section {\n padding: 20px;\n }\n \n .service-title {\n font-size: 1.1rem;\n }\n \n .service-content {\n font-size: 0.9rem;\n }\n }\n\n \/* ANIMATIONS *\/\n @keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .article-content {\n animation: fadeIn 0.8s ease forwards;\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\">Secr\u00e9tariat G\u00e9n\u00e9ral<\/h1>\n <div class=\"page-subtitle\">\n Structure administrative et organisation de la gestion des services, des personnels et des moyens de l'ENSCS\n <\/div>\n\n \n <div class=\"intro-section\">\n <div class=\"intro-text\">\n <p>\n Le Secr\u00e9tariat G\u00e9n\u00e9ral constitue la structure administrative centrale de l'\u00c9cole. Dirig\u00e9 par le Secr\u00e9taire G\u00e9n\u00e9ral et int\u00e9grant le Bureau de S\u00fbret\u00e9 Interne, il assure la coordination, le suivi et la gestion optimale de l'ensemble des ressources et activit\u00e9s administratives, techniques, financi\u00e8res et logistiques de l'\u00e9tablissement.\n <\/p>\n <p>\n Cette structure joue un r\u00f4le cl\u00e9 dans l'accompagnement des projets strat\u00e9giques, l'optimisation des ressources et la garantie du bon fonctionnement de tous les services de l'\u00c9cole dans le respect des r\u00e9glementations en vigueur.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"hierarchy-section\">\n <h2 class=\"section-title\">Secr\u00e9taire G\u00e9n\u00e9ral<\/h2>\n \n <div class=\"responsability-card\">\n <div class=\"card-header\">\n <div class=\"card-icon\">\n <i class=\"fas fa-user-tie\"><\/i>\n <\/div>\n <div>\n <h3 class=\"card-title\">Missions du Secr\u00e9taire G\u00e9n\u00e9ral<\/h3>\n \n <\/div>\n <\/div>\n \n <div class=\"card-subtitle\">\n Le secr\u00e9taire g\u00e9n\u00e9ral, auquel est rattach\u00e9 le bureau de s\u00fbret\u00e9 interne, est charg\u00e9 :\n <\/div>\n \n <ul class=\"missions-list\">\n <li>de veiller au suivi de la gestion des carri\u00e8res des personnels de l'\u00e9cole ;<\/li>\n <li>de veiller au bon fonctionnement des services techniques ;<\/li>\n <li>d'assurer le suivi du financement des activit\u00e9s de recherche des unit\u00e9s et des laboratoires de recherche ;<\/li>\n <li>d'assurer le suivi du financement des activit\u00e9s d'innovation et de leur valorisation ;<\/li>\n <li>de proposer les programmes des activit\u00e9s culturelles et sportives et de les promouvoir ;<\/li>\n <li>d'assurer le suivi des programmes de r\u00e9alisation d'infrastructures et d'acquisition d'\u00e9quipements ;<\/li>\n <li>d'assurer le suivi du plan de s\u00fbret\u00e9 interne de l'\u00e9cole ;<\/li>\n <li>de veiller \u00e0 la dotation en moyens de fonctionnement des structures et des services techniques de l'\u00e9cole et \u00e0 la maintenance des biens meubles et immeubles ;<\/li>\n <li>de veiller \u00e0 la tenue des registres d'inventaire ;<\/li>\n <li>de pr\u00e9parer et de suivre l'ex\u00e9cution du projet de budget de l'\u00e9cole ;<\/li>\n <li>de suivre les affaires en litige devant les juridictions.<\/li>\n <\/ul>\n \n \n <div class=\"assistance-section\">\n <h4 class=\"assistance-title\"><i class=\"fas fa-users\"><\/i> Il est assist\u00e9 par :<\/h4>\n <ul class=\"assistance-list\">\n <li>un sous-directeur des personnels, de la formation et des activit\u00e9s culturelles et sportives ;<\/li>\n <li>un sous-directeur des finances et des moyens.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"hierarchy-section\">\n <h2 class=\"section-title\">Sous-Directeur des Personnels, de la Formation et des Activit\u00e9s Culturelles et Sportives<\/h2>\n \n <div class=\"responsability-card\">\n <div class=\"card-header\">\n <div class=\"card-icon\">\n <i class=\"fas fa-user-graduate\"><\/i>\n <\/div>\n <div>\n <h3 class=\"card-title\">Missions du Sous-Directeur<\/h3>\n \n <\/div>\n <\/div>\n \n <ul class=\"missions-list\">\n <li>d'assurer la gestion de la carri\u00e8re des personnels ;<\/li>\n <li>de mettre en \u0153uvre les programmes de formation, de perfectionnement et de recyclage des personnels administratifs, techniques et agents de service ;<\/li>\n <li>d'assurer la gestion des effectifs des personnels et de veiller \u00e0 leur r\u00e9partition harmonieuse entre les d\u00e9partements ;<\/li>\n <li>d'\u00e9laborer et de mettre en \u0153uvre le plan annuel de gestion des ressources humaines ;<\/li>\n <li>de mettre en \u0153uvre les programmes d'activit\u00e9s culturelles et sportives ;<\/li>\n <li>de suivre les dossiers juridiques ainsi que les contentieux.<\/li>\n <\/ul>\n \n \n <div class=\"assistance-section\">\n <h4 class=\"assistance-title\"><i class=\"fas fa-users\"><\/i> Il est assist\u00e9 par :<\/h4>\n <ul class=\"assistance-list\">\n <li>le chef de service des personnels enseignants ;<\/li>\n <li>le chef de service des personnels administratifs, techniques et agents de service ;<\/li>\n <li>le chef de service des activit\u00e9s culturelles et sportives ;<\/li>\n <li>le chef de service des affaires juridiques et du contentieux.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"hierarchy-section\">\n <h2 class=\"section-title\">Sous-Directeur des Finances et des Moyens<\/h2>\n \n <div class=\"responsability-card\">\n <div class=\"card-header\">\n <div class=\"card-icon\">\n <i class=\"fas fa-chart-line\"><\/i>\n <\/div>\n <div>\n <h3 class=\"card-title\">Missions du Sous-Directeur des Finances<\/h3>\n \n \n <\/div>\n <\/div>\n \n <ul class=\"missions-list\">\n <li>de collecter les \u00e9l\u00e9ments n\u00e9cessaires \u00e0 la pr\u00e9paration de l'avant-projet du budget ;<\/li>\n <li>d'assurer l'ex\u00e9cution du budget et de tenir \u00e0 jour la comptabilit\u00e9 de l'\u00e9cole ;<\/li>\n <li>de suivre le financement des activit\u00e9s de recherche des laboratoires et unit\u00e9s de recherche ;<\/li>\n <li>de tenir \u00e0 jour les registres d'inventaire et de prot\u00e9ger les archives ;<\/li>\n <li>d'assurer l'entretien et la maintenance des biens meubles et immeubles ;<\/li>\n <li>d'assurer l'ex\u00e9cution des programmes d'\u00e9quipement de l'\u00e9cole.<\/li>\n <\/ul>\n \n \n <div class=\"assistance-section\">\n <h4 class=\"assistance-title\"><i class=\"fas fa-users\"><\/i> Il est assist\u00e9 par :<\/h4>\n <ul class=\"assistance-list\">\n <li>le chef de service du budget et du financement des activit\u00e9s de la recherche et de l'innovation ;<\/li>\n <li>le chef de service des march\u00e9s et des \u00e9quipements ;<\/li>\n <li>le chef de service des moyens, de l'inventaire et des archives ;<\/li>\n <li>le chef de service de l'entretien et de la maintenance des biens.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n\n \n <div class=\"hierarchy-section\">\n <h2 class=\"section-title\">Services Techniques de l'\u00c9cole<\/h2>\n \n \n <p style=\"color: var(--text-color); margin-bottom: 30px; font-size: 1.05rem;\">\n L'\u00e9cole comprend les services techniques suivants :\n <\/p>\n \n <div class=\"services-grid\">\n \n <div class=\"service-card\">\n <h4 class=\"service-title\"><i class=\"fas fa-print\"><\/i> Centre d'Impression et d'Audiovisuel<\/h4>\n <div class=\"service-content\">\n Dirig\u00e9 par le responsable du centre, est charg\u00e9 de l'impression de tout document d'information sur l'\u00e9cole, \n de l'impression de tout document \u00e0 usage p\u00e9dagogique, didactique et scientifique, ainsi que de l'appui technique \n pour l'enregistrement de tout support audiovisuel, \u00e0 usage p\u00e9dagogique et didactique.\n <\/div>\n <div class=\"service-sections\">\n <strong>Il comporte les sections suivantes :<\/strong>\n \u2022 la section impression<br>\n \u2022 la section audiovisuelle\n <\/div>\n \n <\/div>\n\n \n <div class=\"service-card\">\n <h4 class=\"service-title\"><i class=\"fas fa-network-wired\"><\/i> Centre des Syst\u00e8mes et R\u00e9seaux<\/h4>\n <div class=\"service-content\">\n Dirig\u00e9 par le responsable du centre, est charg\u00e9 de l'exploitation, administration et gestion des r\u00e9seaux informatiques, \n du d\u00e9veloppement des applications informatiques de gestion de la p\u00e9dagogie, du suivi des projets d'enseignement \u00e0 distance, \n et de l'application des exigences de s\u00e9curit\u00e9.\n <\/div>\n <div class=\"service-sections\">\n <strong>Il comporte les sections suivantes :<\/strong>\n \u2022 la section syst\u00e8mes<br>\n \u2022 la section s\u00e9curit\u00e9 et r\u00e9seaux<br>\n \u2022 la section environnement technique<br>\n \u2022 la section d'enseignement \u00e0 distance\n <\/div>\n \n <\/div>\n\n \n <div class=\"service-card\">\n <h4 class=\"service-title\"><i class=\"fas fa-microchip\"><\/i> Hall de Technologie<\/h4>\n <div class=\"service-content\">\n Dirig\u00e9 par le responsable du hall, est charg\u00e9 de l'appui technique aux d\u00e9partements dans l'organisation des travaux dirig\u00e9s \n et pratiques, de l'appui technique des activit\u00e9s de recherche et d'innovation, et de la gestion et maintenance des \u00e9quipements.\n <\/div>\n \n <\/div>\n\n \n <div class=\"service-card\">\n <h4 class=\"service-title\"><i class=\"fas fa-language\"><\/i> Centre d'Enseignement Intensif des Langues (CEIL)<\/h4>\n <div class=\"service-content\">\n Dirig\u00e9 par le responsable du centre, est charg\u00e9 d'assurer l'appui technique des cours d'apprentissage, d'organiser des sessions de formation, \n d'am\u00e9liorer les m\u00e9thodes d'enseignement des langues \u00e9trang\u00e8res, et d'assurer le fonctionnement des \u00e9quipements d\u00e9di\u00e9s.\n <\/div>\n <div class=\"service-sections\">\n <strong>Il comprend les sections suivantes :<\/strong>\n \u2022 la section de la programmation et du suivi<br>\n \u2022 la section d'entretien et d'approvisionnement\n <\/div>\n \n <\/div>\n <\/div>\n <\/div>\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 \n \/\/ Animation des cartes\n const responsabilityCards = document.querySelectorAll('.responsability-card, .service-card');\n responsabilityCards.forEach((card, index) => {\n card.style.opacity = '0';\n card.style.transform = 'translateY(20px)';\n card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n card.style.transitionDelay = (index * 0.05) + 's';\n \n setTimeout(() => {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, 300 + (index * 50));\n });\n \n \/\/ Animation pour le titre et le sous-titre\n const pageTitle = document.querySelector('.page-title');\n const pageSubtitle = document.querySelector('.page-subtitle');\n \n if (pageTitle) {\n pageTitle.style.opacity = '0';\n pageTitle.style.transform = 'translateY(-20px)';\n pageTitle.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\n \n setTimeout(() => {\n pageTitle.style.opacity = '1';\n pageTitle.style.transform = 'translateY(0)';\n }, 200);\n }\n \n if (pageSubtitle) {\n pageSubtitle.style.opacity = '0';\n pageSubtitle.style.transform = 'translateY(20px)';\n pageSubtitle.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\n pageSubtitle.style.transitionDelay = '0.3s';\n \n setTimeout(() => {\n pageSubtitle.style.opacity = '1';\n pageSubtitle.style.transform = 'translateY(0)';\n }, 500);\n }\n \n \/\/ Animation pour la section intro\n const introSection = document.querySelector('.intro-section');\n if (introSection) {\n setTimeout(() => {\n introSection.style.opacity = '0';\n introSection.style.transform = 'scale(0.95)';\n introSection.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n introSection.style.transitionDelay = '0.6s';\n \n setTimeout(() => {\n introSection.style.opacity = '1';\n introSection.style.transform = 'scale(1)';\n }, 900);\n }, 300);\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":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12349","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/12349","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=12349"}],"version-history":[{"count":1,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/12349\/revisions"}],"predecessor-version":[{"id":12350,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/12349\/revisions\/12350"}],"wp:attachment":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12349"}],"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 Secr\u00e9tariat G\u00e9n\u00e9ral - \u00c9cole Nationale Sup\u00e9rieure de Cybers\u00e9curit\u00e9<\/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 CLAIRE\/GRIS *\/\n :root {\n --primary-color: #2c3e50;\n --secondary-color: #7f8c8d;\n --light-bg: #f8f9fa;\n --card-bg: #ffffff;\n --border-color: #e0e0e0;\n --accent-blue: #5d9cec;\n --accent-blue-dark: #4a89dc;\n --accent-grey: #95a5a6;\n --accent-light-blue: #d6eaf8;\n --text-color: #333333;\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%, #f1f3f5 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 10px 30px rgba(0,0,0,0.05);\n margin-bottom: 40px;\n border: 1px solid var(--border-color);\n }\n\n \/* ===== TITRE PRINCIPAL ===== *\/\n .page-title {\n font-size: 2.2rem;\n color: var(--primary-color);\n margin-bottom: 40px;\n font-weight: 700;\n text-align: center;\n padding-bottom: 18px;\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: 180px;\n height: 3px;\n background-color: var(--accent-blue);\n }\n\n .page-subtitle {\n font-size: 1.1rem;\n color: var(--secondary-color);\n margin-bottom: 35px;\n text-align: center;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n }\n\n \/* ===== SECTION INTRODUCTION ===== *\/\n .intro-section {\n background: linear-gradient(135deg, #f0f8ff 0%, #e6f2ff 100%);\n border-radius: 12px;\n padding: 35px;\n margin-bottom: 45px;\n border-left: 4px solid var(--accent-blue);\n box-shadow: 0 5px 20px rgba(93, 156, 236, 0.1);\n }\n\n .intro-text {\n font-size: 1.05rem;\n line-height: 1.8;\n color: var(--text-color);\n text-align: justify;\n }\n\n .intro-text p {\n margin-bottom: 1.3em;\n }\n\n \/* ===== SECTIONS HI\u00c9RARCHIQUES ===== *\/\n .hierarchy-section {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-size: 1.5rem;\n color: var(--primary-color);\n margin-bottom: 25px;\n padding-bottom: 15px;\n border-bottom: 2px solid var(--border-color);\n position: relative;\n font-weight: 700;\n }\n\n .section-title:after {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 0;\n width: 100px;\n height: 2px;\n background-color: var(--accent-blue);\n }\n\n \/* ===== CARTES DE RESPONSABILIT\u00c9 ===== *\/\n .responsability-card {\n background: var(--card-bg);\n padding: 30px;\n border-radius: 10px;\n margin-bottom: 30px;\n box-shadow: 0 5px 20px rgba(0,0,0,0.03);\n border: 1px solid var(--border-color);\n border-left: 4px solid var(--accent-blue);\n transition: all 0.3s ease;\n }\n\n .responsability-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(93, 156, 236, 0.15);\n }\n\n .card-header {\n display: flex;\n align-items: center;\n gap: 15px;\n margin-bottom: 20px;\n }\n\n .card-icon {\n color: var(--accent-blue);\n font-size: 1.5rem;\n min-width: 40px;\n }\n\n .card-title {\n font-size: 1.3rem;\n color: var(--primary-color);\n font-weight: 700;\n }\n\n .card-subtitle {\n font-size: 0.95rem;\n color: var(--secondary-color);\n font-style: italic;\n margin-bottom: 20px;\n padding-left: 55px;\n }\n\n \/* ===== LISTE DES MISSIONS ===== *\/\n .missions-list {\n list-style-type: none;\n padding-left: 0;\n }\n\n .missions-list li {\n margin-bottom: 12px;\n padding-left: 30px;\n position: relative;\n font-size: 0.95rem;\n line-height: 1.6;\n color: var(--text-color);\n }\n\n .missions-list li:before {\n content: \"\u2014\";\n position: absolute;\n left: 0;\n color: var(--accent-blue);\n font-weight: bold;\n }\n\n \/* ===== STRUCTURE D'ASSISTANCE ===== *\/\n .assistance-section {\n background: #f8fafc;\n padding: 25px;\n border-radius: 8px;\n margin-top: 25px;\n border-left: 3px solid var(--accent-grey);\n }\n\n .assistance-title {\n font-size: 1.1rem;\n color: var(--primary-color);\n margin-bottom: 15px;\n font-weight: 600;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .assistance-title i {\n color: var(--accent-grey);\n }\n\n .assistance-list {\n list-style-type: none;\n padding-left: 0;\n }\n\n .assistance-list li {\n margin-bottom: 8px;\n padding-left: 25px;\n position: relative;\n font-size: 0.9rem;\n line-height: 1.5;\n color: var(--secondary-color);\n }\n\n .assistance-list li:before {\n content: \"\u2022\";\n position: absolute;\n left: 10px;\n color: var(--accent-blue);\n font-weight: bold;\n }\n\n \/* ===== SECTIONS DES SERVICES ===== *\/\n .services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 25px;\n margin-top: 30px;\n }\n\n .service-card {\n background: var(--card-bg);\n padding: 25px;\n border-radius: 10px;\n box-shadow: 0 5px 20px rgba(0,0,0,0.03);\n border: 1px solid var(--border-color);\n border-top: 4px solid var(--accent-grey);\n transition: all 0.3s ease;\n }\n\n .service-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 25px rgba(149, 165, 166, 0.15);\n border-top-color: var(--accent-blue);\n }\n\n .service-title {\n font-size: 1.2rem;\n color: var(--primary-color);\n margin-bottom: 15px;\n font-weight: 600;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .service-title i {\n color: var(--accent-blue);\n }\n\n .service-content {\n font-size: 0.95rem;\n line-height: 1.6;\n color: var(--text-color);\n margin-bottom: 20px;\n }\n\n .service-sections {\n background: #f8fafc;\n padding: 15px;\n border-radius: 6px;\n font-size: 0.9rem;\n color: var(--secondary-color);\n border-left: 3px solid var(--accent-grey);\n }\n\n .service-sections strong {\n color: var(--primary-color);\n display: block;\n margin-bottom: 8px;\n }\n\n \/* ===== ARTICLE NUM\u00c9ROS ===== *\/\n .article-number {\n display: inline-block;\n background: var(--accent-light-blue);\n color: var(--accent-blue-dark);\n padding: 5px 15px;\n border-radius: 20px;\n font-size: 0.85rem;\n font-weight: 600;\n margin-bottom: 15px;\n border: 1px solid var(--accent-blue);\n }\n\n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 1200px) {\n .content-container {\n max-width: 95%;\n }\n \n .article-content {\n padding: 40px;\n }\n \n .services-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 992px) {\n .full-width-wrapper {\n padding: 80px 15px 50px 15px;\n }\n \n .content-container {\n padding: 0 15px;\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 .section-title {\n font-size: 1.4rem;\n }\n \n .card-title {\n font-size: 1.2rem;\n }\n }\n\n @media (max-width: 768px) {\n .full-width-wrapper {\n padding: 70px 10px 40px 10px;\n }\n \n .content-container {\n padding: 0 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 }\n \n .intro-section {\n padding: 25px;\n margin-bottom: 35px;\n }\n \n .responsability-card {\n padding: 25px;\n }\n \n .services-grid {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n \n .service-card {\n padding: 20px;\n }\n \n .card-header {\n flex-direction: column;\n align-items: flex-start;\n gap: 10px;\n }\n \n .card-subtitle {\n padding-left: 0;\n }\n }\n\n @media (max-width: 576px) {\n .full-width-wrapper {\n padding: 60px 10px 35px 10px;\n }\n \n .article-content {\n padding: 25px 18px;\n }\n \n .page-title {\n font-size: 1.5rem;\n margin-bottom: 25px;\n padding-bottom: 12px;\n }\n \n .page-title:after {\n width: 120px;\n }\n \n .section-title {\n font-size: 1.3rem;\n }\n \n .responsability-card {\n padding: 20px;\n }\n \n .card-title {\n font-size: 1.1rem;\n }\n \n .missions-list li {\n font-size: 0.9rem;\n padding-left: 25px;\n }\n \n .assistance-section {\n padding: 20px;\n }\n \n .service-title {\n font-size: 1.1rem;\n }\n \n .service-content {\n font-size: 0.9rem;\n }\n }\n\n \/* ANIMATIONS *\/\n @keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .article-content {\n animation: fadeIn 0.8s ease forwards;\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\">Secr\u00e9tariat G\u00e9n\u00e9ral<\/h1>\n <div class=\"page-subtitle\">\n Structure administrative et organisation de la gestion des services, des personnels et des moyens de l'ENSCS\n <\/div>\n\n \n <div class=\"intro-section\">\n <div class=\"intro-text\">\n <p>\n Le Secr\u00e9tariat G\u00e9n\u00e9ral constitue la structure administrative centrale de l'\u00c9cole. Dirig\u00e9 par le Secr\u00e9taire G\u00e9n\u00e9ral et int\u00e9grant le Bureau de S\u00fbret\u00e9 Interne, il assure la coordination, le suivi et la gestion optimale de l'ensemble des ressources et activit\u00e9s administratives, techniques, financi\u00e8res et logistiques de l'\u00e9tablissement.\n <\/p>\n <p>\n Cette structure joue un r\u00f4le cl\u00e9 dans l'accompagnement des projets strat\u00e9giques, l'optimisation des ressources et la garantie du bon fonctionnement de tous les services de l'\u00c9cole dans le respect des r\u00e9glementations en vigueur.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"hierarchy-section\">\n <h2 class=\"section-title\">Secr\u00e9taire G\u00e9n\u00e9ral<\/h2>\n \n <div class=\"responsability-card\">\n <div class=\"card-header\">\n <div class=\"card-icon\">\n <i class=\"fas fa-user-tie\"><\/i>\n <\/div>\n <div>\n <h3 class=\"card-title\">Missions du Secr\u00e9taire G\u00e9n\u00e9ral<\/h3>\n \n <\/div>\n <\/div>\n \n <div class=\"card-subtitle\">\n Le secr\u00e9taire g\u00e9n\u00e9ral, auquel est rattach\u00e9 le bureau de s\u00fbret\u00e9 interne, est charg\u00e9 :\n <\/div>\n \n <ul class=\"missions-list\">\n <li>de veiller au suivi de la gestion des carri\u00e8res des personnels de l'\u00e9cole ;<\/li>\n <li>de veiller au bon fonctionnement des services techniques ;<\/li>\n <li>d'assurer le suivi du financement des activit\u00e9s de recherche des unit\u00e9s et des laboratoires de recherche ;<\/li>\n <li>d'assurer le suivi du financement des activit\u00e9s d'innovation et de leur valorisation ;<\/li>\n <li>de proposer les programmes des activit\u00e9s culturelles et sportives et de les promouvoir ;<\/li>\n <li>d'assurer le suivi des programmes de r\u00e9alisation d'infrastructures et d'acquisition d'\u00e9quipements ;<\/li>\n <li>d'assurer le suivi du plan de s\u00fbret\u00e9 interne de l'\u00e9cole ;<\/li>\n <li>de veiller \u00e0 la dotation en moyens de fonctionnement des structures et des services techniques de l'\u00e9cole et \u00e0 la maintenance des biens meubles et immeubles ;<\/li>\n <li>de veiller \u00e0 la tenue des registres d'inventaire ;<\/li>\n <li>de pr\u00e9parer et de suivre l'ex\u00e9cution du projet de budget de l'\u00e9cole ;<\/li>\n <li>de suivre les affaires en litige devant les juridictions.<\/li>\n <\/ul>\n \n \n <div class=\"assistance-section\">\n <h4 class=\"assistance-title\"><i class=\"fas fa-users\"><\/i> Il est assist\u00e9 par :<\/h4>\n <ul class=\"assistance-list\">\n <li>un sous-directeur des personnels, de la formation et des activit\u00e9s culturelles et sportives ;<\/li>\n <li>un sous-directeur des finances et des moyens.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"hierarchy-section\">\n <h2 class=\"section-title\">Sous-Directeur des Personnels, de la Formation et des Activit\u00e9s Culturelles et Sportives<\/h2>\n \n <div class=\"responsability-card\">\n <div class=\"card-header\">\n <div class=\"card-icon\">\n <i class=\"fas fa-user-graduate\"><\/i>\n <\/div>\n <div>\n <h3 class=\"card-title\">Missions du Sous-Directeur<\/h3>\n \n <\/div>\n <\/div>\n \n <ul class=\"missions-list\">\n <li>d'assurer la gestion de la carri\u00e8re des personnels ;<\/li>\n <li>de mettre en \u0153uvre les programmes de formation, de perfectionnement et de recyclage des personnels administratifs, techniques et agents de service ;<\/li>\n <li>d'assurer la gestion des effectifs des personnels et de veiller \u00e0 leur r\u00e9partition harmonieuse entre les d\u00e9partements ;<\/li>\n <li>d'\u00e9laborer et de mettre en \u0153uvre le plan annuel de gestion des ressources humaines ;<\/li>\n <li>de mettre en \u0153uvre les programmes d'activit\u00e9s culturelles et sportives ;<\/li>\n <li>de suivre les dossiers juridiques ainsi que les contentieux.<\/li>\n <\/ul>\n \n \n <div class=\"assistance-section\">\n <h4 class=\"assistance-title\"><i class=\"fas fa-users\"><\/i> Il est assist\u00e9 par :<\/h4>\n <ul class=\"assistance-list\">\n <li>le chef de service des personnels enseignants ;<\/li>\n <li>le chef de service des personnels administratifs, techniques et agents de service ;<\/li>\n <li>le chef de service des activit\u00e9s culturelles et sportives ;<\/li>\n <li>le chef de service des affaires juridiques et du contentieux.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"hierarchy-section\">\n <h2 class=\"section-title\">Sous-Directeur des Finances et des Moyens<\/h2>\n \n <div class=\"responsability-card\">\n <div class=\"card-header\">\n <div class=\"card-icon\">\n <i class=\"fas fa-chart-line\"><\/i>\n <\/div>\n <div>\n <h3 class=\"card-title\">Missions du Sous-Directeur des Finances<\/h3>\n \n \n <\/div>\n <\/div>\n \n <ul class=\"missions-list\">\n <li>de collecter les \u00e9l\u00e9ments n\u00e9cessaires \u00e0 la pr\u00e9paration de l'avant-projet du budget ;<\/li>\n <li>d'assurer l'ex\u00e9cution du budget et de tenir \u00e0 jour la comptabilit\u00e9 de l'\u00e9cole ;<\/li>\n <li>de suivre le financement des activit\u00e9s de recherche des laboratoires et unit\u00e9s de recherche ;<\/li>\n <li>de tenir \u00e0 jour les registres d'inventaire et de prot\u00e9ger les archives ;<\/li>\n <li>d'assurer l'entretien et la maintenance des biens meubles et immeubles ;<\/li>\n <li>d'assurer l'ex\u00e9cution des programmes d'\u00e9quipement de l'\u00e9cole.<\/li>\n <\/ul>\n \n \n <div class=\"assistance-section\">\n <h4 class=\"assistance-title\"><i class=\"fas fa-users\"><\/i> Il est assist\u00e9 par :<\/h4>\n <ul class=\"assistance-list\">\n <li>le chef de service du budget et du financement des activit\u00e9s de la recherche et de l'innovation ;<\/li>\n <li>le chef de service des march\u00e9s et des \u00e9quipements ;<\/li>\n <li>le chef de service des moyens, de l'inventaire et des archives ;<\/li>\n <li>le chef de service de l'entretien et de la maintenance des biens.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n\n \n <div class=\"hierarchy-section\">\n <h2 class=\"section-title\">Services Techniques de l'\u00c9cole<\/h2>\n \n \n <p style=\"color: var(--text-color); margin-bottom: 30px; font-size: 1.05rem;\">\n L'\u00e9cole comprend les services techniques suivants :\n <\/p>\n \n <div class=\"services-grid\">\n \n <div class=\"service-card\">\n <h4 class=\"service-title\"><i class=\"fas fa-print\"><\/i> Centre d'Impression et d'Audiovisuel<\/h4>\n <div class=\"service-content\">\n Dirig\u00e9 par le responsable du centre, est charg\u00e9 de l'impression de tout document d'information sur l'\u00e9cole, \n de l'impression de tout document \u00e0 usage p\u00e9dagogique, didactique et scientifique, ainsi que de l'appui technique \n pour l'enregistrement de tout support audiovisuel, \u00e0 usage p\u00e9dagogique et didactique.\n <\/div>\n <div class=\"service-sections\">\n <strong>Il comporte les sections suivantes :<\/strong>\n \u2022 la section impression<br>\n \u2022 la section audiovisuelle\n <\/div>\n \n <\/div>\n\n \n <div class=\"service-card\">\n <h4 class=\"service-title\"><i class=\"fas fa-network-wired\"><\/i> Centre des Syst\u00e8mes et R\u00e9seaux<\/h4>\n <div class=\"service-content\">\n Dirig\u00e9 par le responsable du centre, est charg\u00e9 de l'exploitation, administration et gestion des r\u00e9seaux informatiques, \n du d\u00e9veloppement des applications informatiques de gestion de la p\u00e9dagogie, du suivi des projets d'enseignement \u00e0 distance, \n et de l'application des exigences de s\u00e9curit\u00e9.\n <\/div>\n <div class=\"service-sections\">\n <strong>Il comporte les sections suivantes :<\/strong>\n \u2022 la section syst\u00e8mes<br>\n \u2022 la section s\u00e9curit\u00e9 et r\u00e9seaux<br>\n \u2022 la section environnement technique<br>\n \u2022 la section d'enseignement \u00e0 distance\n <\/div>\n \n <\/div>\n\n \n <div class=\"service-card\">\n <h4 class=\"service-title\"><i class=\"fas fa-microchip\"><\/i> Hall de Technologie<\/h4>\n <div class=\"service-content\">\n Dirig\u00e9 par le responsable du hall, est charg\u00e9 de l'appui technique aux d\u00e9partements dans l'organisation des travaux dirig\u00e9s \n et pratiques, de l'appui technique des activit\u00e9s de recherche et d'innovation, et de la gestion et maintenance des \u00e9quipements.\n <\/div>\n \n <\/div>\n\n \n <div class=\"service-card\">\n <h4 class=\"service-title\"><i class=\"fas fa-language\"><\/i> Centre d'Enseignement Intensif des Langues (CEIL)<\/h4>\n <div class=\"service-content\">\n Dirig\u00e9 par le responsable du centre, est charg\u00e9 d'assurer l'appui technique des cours d'apprentissage, d'organiser des sessions de formation, \n d'am\u00e9liorer les m\u00e9thodes d'enseignement des langues \u00e9trang\u00e8res, et d'assurer le fonctionnement des \u00e9quipements d\u00e9di\u00e9s.\n <\/div>\n <div class=\"service-sections\">\n <strong>Il comprend les sections suivantes :<\/strong>\n \u2022 la section de la programmation et du suivi<br>\n \u2022 la section d'entretien et d'approvisionnement\n <\/div>\n \n <\/div>\n <\/div>\n <\/div>\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 \n \/\/ Animation des cartes\n const responsabilityCards = document.querySelectorAll('.responsability-card, .service-card');\n responsabilityCards.forEach((card, index) => {\n card.style.opacity = '0';\n card.style.transform = 'translateY(20px)';\n card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n card.style.transitionDelay = (index * 0.05) + 's';\n \n setTimeout(() => {\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n }, 300 + (index * 50));\n });\n \n \/\/ Animation pour le titre et le sous-titre\n const pageTitle = document.querySelector('.page-title');\n const pageSubtitle = document.querySelector('.page-subtitle');\n \n if (pageTitle) {\n pageTitle.style.opacity = '0';\n pageTitle.style.transform = 'translateY(-20px)';\n pageTitle.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\n \n setTimeout(() => {\n pageTitle.style.opacity = '1';\n pageTitle.style.transform = 'translateY(0)';\n }, 200);\n }\n \n if (pageSubtitle) {\n pageSubtitle.style.opacity = '0';\n pageSubtitle.style.transform = 'translateY(20px)';\n pageSubtitle.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\n pageSubtitle.style.transitionDelay = '0.3s';\n \n setTimeout(() => {\n pageSubtitle.style.opacity = '1';\n pageSubtitle.style.transform = 'translateY(0)';\n }, 500);\n }\n \n \/\/ Animation pour la section intro\n const introSection = document.querySelector('.intro-section');\n if (introSection) {\n setTimeout(() => {\n introSection.style.opacity = '0';\n introSection.style.transform = 'scale(0.95)';\n introSection.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n introSection.style.transitionDelay = '0.6s';\n \n setTimeout(() => {\n introSection.style.opacity = '1';\n introSection.style.transform = 'scale(1)';\n }, 900);\n }, 300);\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":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12349","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/12349","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=12349"}],"version-history":[{"count":1,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/12349\/revisions"}],"predecessor-version":[{"id":12350,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/12349\/revisions\/12350"}],"wp:attachment":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}