Conseil de Direction - \u00c9cole Nationale Sup\u00e9rieure de Cybers\u00e9curit\u00e9 (ENSCS)<\/title>\n \n <style>\n \/* VARIABLES DE COULEURS - PALETTE BLEUE (M\u00caMES QUE FORMATION DOCTORAT) *\/\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: #3182ce;\n --accent-blue-dark: #2c5282;\n --accent-teal: #319795;\n --accent-indigo: #4c51bf;\n --accent-orange: #dd6b20;\n --text-color: #000000;\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 10px 30px rgba(0,0,0,0.08);\n margin-bottom: 40px;\n }\n\n \/* ===== TITRE PRINCIPAL ===== *\/\n .page-title {\n font-size: 2.4rem;\n color: var(--accent-blue-dark);\n margin-bottom: 50px;\n font-weight: 700;\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-color: var(--accent-blue-dark);\n }\n\n \/* ===== SECTIONS ===== *\/\n .section {\n margin-bottom: 60px;\n }\n\n .section:last-child {\n margin-bottom: 0;\n }\n\n .section-title {\n font-size: 1.8rem;\n color: var(--accent-blue);\n margin-bottom: 30px;\n font-weight: 700;\n display: flex;\n align-items: center;\n gap: 15px;\n }\n\n .section-title i {\n font-size: 1.8rem;\n color: var(--accent-blue);\n }\n\n .section-text {\n font-size: 1.15rem;\n line-height: 1.9;\n color: var(--text-color);\n text-align: justify;\n }\n\n .section-text p {\n margin-bottom: 1.5em;\n }\n\n \/* ===== COMPOSITION ===== *\/\n .composition-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin: 30px 0;\n }\n\n .composition-item {\n background-color: #f8fafc;\n border-left: 4px solid var(--accent-blue);\n padding: 20px 25px 20px 35px;\n border-radius: 0 8px 8px 0;\n position: relative;\n }\n\n .composition-item:before {\n content: \"*\";\n position: absolute;\n left: 20px;\n color: var(--accent-blue);\n font-weight: bold;\n font-size: 1.5rem;\n top: 20px;\n }\n\n .composition-text {\n font-size: 1.1rem;\n line-height: 1.7;\n color: var(--text-color);\n }\n\n \/* ===== ATTRIBUTIONS ===== *\/\n .attributions-section {\n background-color: #f0f7ff;\n border-left: 5px solid var(--accent-blue);\n padding: 30px;\n border-radius: 0 8px 8px 0;\n margin: 30px 0;\n }\n\n .attributions-title {\n font-size: 1.4rem;\n color: var(--accent-blue);\n margin-bottom: 20px;\n font-weight: 700;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .attributions-text {\n font-size: 1.1rem;\n line-height: 1.7;\n color: var(--text-color);\n margin-bottom: 20px;\n }\n\n .attributions-text p {\n margin-bottom: 1em;\n }\n\n \/* ===== FONCTIONNEMENT ===== *\/\n .functioning-container {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin: 30px 0;\n }\n\n .functioning-item {\n background-color: white;\n border: 1px solid var(--border-color);\n border-radius: 8px;\n padding: 25px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n }\n\n .functioning-icon {\n color: var(--accent-blue);\n font-size: 1.5rem;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .functioning-title {\n font-size: 1.2rem;\n color: var(--accent-blue);\n margin-bottom: 15px;\n font-weight: 600;\n text-align: center;\n }\n\n .functioning-text {\n font-size: 1.05rem;\n line-height: 1.6;\n color: var(--primary-color);\n text-align: center;\n }\n\n \/* ===== R\u00d4LES D\u00c9TAILL\u00c9S ===== *\/\n .roles-container {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n margin-top: 40px;\n }\n\n .role-card {\n background: #ffffff;\n border: 1px solid var(--border-color);\n border-radius: 8px;\n padding: 30px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n }\n\n .role-title {\n font-size: 1.4rem;\n color: var(--accent-blue);\n margin-bottom: 20px;\n font-weight: 700;\n text-align: center;\n padding-bottom: 10px;\n border-bottom: 2px solid var(--border-color);\n }\n\n .role-content {\n font-size: 1.05rem;\n line-height: 1.6;\n color: var(--primary-color);\n }\n\n .role-note {\n font-size: 0.95rem;\n color: var(--secondary-color);\n font-style: italic;\n margin-top: 15px;\n padding-top: 15px;\n border-top: 1px dashed var(--border-color);\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 .roles-container {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .functioning-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 .section-title {\n font-size: 1.6rem;\n margin-bottom: 25px;\n }\n \n .section-text {\n font-size: 1.05rem;\n }\n \n .composition-grid {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n \n .composition-item {\n padding: 18px 22px 18px 32px;\n }\n \n .composition-item:before {\n left: 18px;\n }\n \n .composition-text {\n font-size: 1.05rem;\n }\n \n .attributions-section {\n padding: 25px;\n }\n \n .attributions-title {\n font-size: 1.3rem;\n }\n \n .attributions-text {\n font-size: 1.05rem;\n }\n \n .roles-container {\n grid-template-columns: 1fr;\n gap: 25px;\n }\n \n .role-card {\n padding: 25px;\n }\n \n .role-title {\n font-size: 1.3rem;\n }\n \n .role-content {\n font-size: 1rem;\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 .section-title {\n font-size: 1.5rem;\n margin-bottom: 20px;\n }\n \n .section-text {\n font-size: 1rem;\n }\n \n .composition-grid {\n gap: 18px;\n }\n \n .composition-item {\n padding: 16px 20px 16px 30px;\n }\n \n .composition-text {\n font-size: 1rem;\n }\n \n .attributions-section {\n padding: 20px;\n }\n \n .attributions-title {\n font-size: 1.2rem;\n }\n \n .attributions-text {\n font-size: 1rem;\n }\n \n .functioning-item {\n padding: 20px;\n }\n \n .functioning-title {\n font-size: 1.1rem;\n }\n \n .functioning-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 .section-title {\n font-size: 1.4rem;\n flex-direction: column;\n align-items: flex-start;\n gap: 10px;\n }\n \n .section-text {\n font-size: 0.95rem;\n text-align: left;\n }\n \n .section-text p {\n margin-bottom: 1.5em;\n }\n \n .composition-item {\n padding: 14px 18px 14px 28px;\n }\n \n .composition-item:before {\n left: 15px;\n font-size: 1.1rem;\n top: 14px;\n }\n \n .composition-text {\n font-size: 0.95rem;\n }\n \n .attributions-section {\n padding: 18px;\n }\n \n .attributions-title {\n font-size: 1.1rem;\n }\n \n .attributions-text {\n font-size: 0.95rem;\n }\n \n .functioning-item {\n padding: 18px;\n }\n \n .functioning-title {\n font-size: 1rem;\n }\n \n .functioning-text {\n font-size: 0.95rem;\n }\n \n .role-card {\n padding: 20px;\n }\n \n .role-title {\n font-size: 1.2rem;\n }\n \n .role-content {\n font-size: 0.95rem;\n }\n \n .role-note {\n font-size: 0.9rem;\n }\n }\n <\/style>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\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\">Le Conseil de Direction<\/h1>\n\n \n <div class=\"section\">\n <div class=\"section-text\">\n <p>\n Dans le cadre de la gestion de l'\u00e9cole, le directeur est assist\u00e9 d'un conseil de direction.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h2 class=\"section-title\">\n <i class=\"fas fa-users\"><\/i>\n Composition du Conseil de Direction\n <\/h2>\n \n <div class=\"section-text\">\n <p>Le conseil de direction de l'\u00e9cole est compos\u00e9 :<\/p>\n <\/div>\n \n <div class=\"composition-grid\">\n <div class=\"composition-item\">\n <div class=\"composition-text\">Des directeurs adjoints<\/div>\n <\/div>\n \n <div class=\"composition-item\">\n <div class=\"composition-text\">Des chefs de d\u00e9partement<\/div>\n <\/div>\n \n <div class=\"composition-item\">\n <div class=\"composition-text\">Du secr\u00e9taire g\u00e9n\u00e9ral de l'\u00e9cole<\/div>\n <\/div>\n \n <div class=\"composition-item\">\n <div class=\"composition-text\">Du directeur de la biblioth\u00e8que<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h2 class=\"section-title\">\n <i class=\"fas fa-tasks\"><\/i>\n Attributions du Conseil de Direction\n <\/h2>\n \n <div class=\"attributions-section\">\n <h3 class=\"attributions-title\">\n <i class=\"fas fa-bullseye\"><\/i>\n Mission principale\n <\/h3>\n <div class=\"attributions-text\">\n <p>Le conseil de direction est charg\u00e9 de suivre, de coordonner et d'animer les activit\u00e9s de l'\u00e9cole.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h2 class=\"section-title\">\n <i class=\"fas fa-calendar-alt\"><\/i>\n Fonctionnement du Conseil\n <\/h2>\n \n <div class=\"functioning-container\">\n <div class=\"functioning-item\">\n <div class=\"functioning-icon\">\n <i class=\"fas fa-clock\"><\/i>\n <\/div>\n <div class=\"functioning-title\">Fr\u00e9quence des r\u00e9unions<\/div>\n <div class=\"functioning-text\">\n Le conseil de direction se r\u00e9unit, au moins, une fois par mois.\n <\/div>\n <\/div>\n \n <div class=\"functioning-item\">\n <div class=\"functioning-icon\">\n <i class=\"fas fa-file-alt\"><\/i>\n <\/div>\n <div class=\"functioning-title\">Secr\u00e9tariat<\/div>\n <div class=\"functioning-text\">\n Le secr\u00e9tariat du conseil est assur\u00e9 par le secr\u00e9taire g\u00e9n\u00e9ral de l'\u00e9cole.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n\n <\/div>\n\n <\/div>\n<\/div>\n\n<script>\n \/\/ Ajustement pour le menu WordPress\n document.addEventListener('DOMContentLoaded', function() {\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 \/\/ Animation d'apparition progressive\n const sections = document.querySelectorAll('.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 la composition\n const compositionItems = document.querySelectorAll('.composition-item');\n compositionItems.forEach((item, index) => {\n item.style.opacity = '0';\n item.style.transform = 'translateX(-20px)';\n item.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n item.style.transitionDelay = (index * 0.1) + 's';\n \n setTimeout(() => {\n item.style.opacity = '1';\n item.style.transform = 'translateX(0)';\n }, 300 + (index * 50));\n });\n \n \/\/ Animation pour les attributions\n const attributionsSection = document.querySelector('.attributions-section');\n if (attributionsSection) {\n attributionsSection.style.opacity = '0';\n attributionsSection.style.transform = 'scale(0.95)';\n attributionsSection.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n \n setTimeout(() => {\n attributionsSection.style.opacity = '1';\n attributionsSection.style.transform = 'scale(1)';\n }, 500);\n }\n \n \/\/ Animation pour le fonctionnement\n const functioningItems = document.querySelectorAll('.functioning-item');\n functioningItems.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';\n item.style.transitionDelay = (index * 0.1) + 's';\n \n setTimeout(() => {\n item.style.opacity = '1';\n item.style.transform = 'translateY(0)';\n }, 600 + (index * 100));\n });\n \n \/\/ Animation pour les r\u00f4les\n const roleCards = document.querySelectorAll('.role-card');\n roleCards.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';\n item.style.transitionDelay = (index * 0.1) + 's';\n \n setTimeout(() => {\n item.style.opacity = '1';\n item.style.transform = 'translateY(0)';\n }, 800 + (index * 100));\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>Conseil de Direction – \u00c9cole Nationale Sup\u00e9rieure de Cybers\u00e9curit\u00e9 (ENSCS) Le Conseil de Direction Dans le cadre de la gestion de l’\u00e9cole, le directeur est assist\u00e9 d’un conseil de direction. Composition du Conseil de Direction Le conseil de direction de l’\u00e9cole est compos\u00e9 : Des directeurs adjoints Des chefs de d\u00e9partement Du secr\u00e9taire g\u00e9n\u00e9ral de […]<\/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-9698","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/9698","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=9698"}],"version-history":[{"count":5,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/9698\/revisions"}],"predecessor-version":[{"id":12531,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/9698\/revisions\/12531"}],"wp:attachment":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9698"}],"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 Conseil de Direction - \u00c9cole Nationale Sup\u00e9rieure de Cybers\u00e9curit\u00e9 (ENSCS)<\/title>\n \n <style>\n \/* VARIABLES DE COULEURS - PALETTE BLEUE (M\u00caMES QUE FORMATION DOCTORAT) *\/\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: #3182ce;\n --accent-blue-dark: #2c5282;\n --accent-teal: #319795;\n --accent-indigo: #4c51bf;\n --accent-orange: #dd6b20;\n --text-color: #000000;\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 10px 30px rgba(0,0,0,0.08);\n margin-bottom: 40px;\n }\n\n \/* ===== TITRE PRINCIPAL ===== *\/\n .page-title {\n font-size: 2.4rem;\n color: var(--accent-blue-dark);\n margin-bottom: 50px;\n font-weight: 700;\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-color: var(--accent-blue-dark);\n }\n\n \/* ===== SECTIONS ===== *\/\n .section {\n margin-bottom: 60px;\n }\n\n .section:last-child {\n margin-bottom: 0;\n }\n\n .section-title {\n font-size: 1.8rem;\n color: var(--accent-blue);\n margin-bottom: 30px;\n font-weight: 700;\n display: flex;\n align-items: center;\n gap: 15px;\n }\n\n .section-title i {\n font-size: 1.8rem;\n color: var(--accent-blue);\n }\n\n .section-text {\n font-size: 1.15rem;\n line-height: 1.9;\n color: var(--text-color);\n text-align: justify;\n }\n\n .section-text p {\n margin-bottom: 1.5em;\n }\n\n \/* ===== COMPOSITION ===== *\/\n .composition-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin: 30px 0;\n }\n\n .composition-item {\n background-color: #f8fafc;\n border-left: 4px solid var(--accent-blue);\n padding: 20px 25px 20px 35px;\n border-radius: 0 8px 8px 0;\n position: relative;\n }\n\n .composition-item:before {\n content: \"*\";\n position: absolute;\n left: 20px;\n color: var(--accent-blue);\n font-weight: bold;\n font-size: 1.5rem;\n top: 20px;\n }\n\n .composition-text {\n font-size: 1.1rem;\n line-height: 1.7;\n color: var(--text-color);\n }\n\n \/* ===== ATTRIBUTIONS ===== *\/\n .attributions-section {\n background-color: #f0f7ff;\n border-left: 5px solid var(--accent-blue);\n padding: 30px;\n border-radius: 0 8px 8px 0;\n margin: 30px 0;\n }\n\n .attributions-title {\n font-size: 1.4rem;\n color: var(--accent-blue);\n margin-bottom: 20px;\n font-weight: 700;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .attributions-text {\n font-size: 1.1rem;\n line-height: 1.7;\n color: var(--text-color);\n margin-bottom: 20px;\n }\n\n .attributions-text p {\n margin-bottom: 1em;\n }\n\n \/* ===== FONCTIONNEMENT ===== *\/\n .functioning-container {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin: 30px 0;\n }\n\n .functioning-item {\n background-color: white;\n border: 1px solid var(--border-color);\n border-radius: 8px;\n padding: 25px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n }\n\n .functioning-icon {\n color: var(--accent-blue);\n font-size: 1.5rem;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .functioning-title {\n font-size: 1.2rem;\n color: var(--accent-blue);\n margin-bottom: 15px;\n font-weight: 600;\n text-align: center;\n }\n\n .functioning-text {\n font-size: 1.05rem;\n line-height: 1.6;\n color: var(--primary-color);\n text-align: center;\n }\n\n \/* ===== R\u00d4LES D\u00c9TAILL\u00c9S ===== *\/\n .roles-container {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n margin-top: 40px;\n }\n\n .role-card {\n background: #ffffff;\n border: 1px solid var(--border-color);\n border-radius: 8px;\n padding: 30px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n }\n\n .role-title {\n font-size: 1.4rem;\n color: var(--accent-blue);\n margin-bottom: 20px;\n font-weight: 700;\n text-align: center;\n padding-bottom: 10px;\n border-bottom: 2px solid var(--border-color);\n }\n\n .role-content {\n font-size: 1.05rem;\n line-height: 1.6;\n color: var(--primary-color);\n }\n\n .role-note {\n font-size: 0.95rem;\n color: var(--secondary-color);\n font-style: italic;\n margin-top: 15px;\n padding-top: 15px;\n border-top: 1px dashed var(--border-color);\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 .roles-container {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .functioning-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 .section-title {\n font-size: 1.6rem;\n margin-bottom: 25px;\n }\n \n .section-text {\n font-size: 1.05rem;\n }\n \n .composition-grid {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n \n .composition-item {\n padding: 18px 22px 18px 32px;\n }\n \n .composition-item:before {\n left: 18px;\n }\n \n .composition-text {\n font-size: 1.05rem;\n }\n \n .attributions-section {\n padding: 25px;\n }\n \n .attributions-title {\n font-size: 1.3rem;\n }\n \n .attributions-text {\n font-size: 1.05rem;\n }\n \n .roles-container {\n grid-template-columns: 1fr;\n gap: 25px;\n }\n \n .role-card {\n padding: 25px;\n }\n \n .role-title {\n font-size: 1.3rem;\n }\n \n .role-content {\n font-size: 1rem;\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 .section-title {\n font-size: 1.5rem;\n margin-bottom: 20px;\n }\n \n .section-text {\n font-size: 1rem;\n }\n \n .composition-grid {\n gap: 18px;\n }\n \n .composition-item {\n padding: 16px 20px 16px 30px;\n }\n \n .composition-text {\n font-size: 1rem;\n }\n \n .attributions-section {\n padding: 20px;\n }\n \n .attributions-title {\n font-size: 1.2rem;\n }\n \n .attributions-text {\n font-size: 1rem;\n }\n \n .functioning-item {\n padding: 20px;\n }\n \n .functioning-title {\n font-size: 1.1rem;\n }\n \n .functioning-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 .section-title {\n font-size: 1.4rem;\n flex-direction: column;\n align-items: flex-start;\n gap: 10px;\n }\n \n .section-text {\n font-size: 0.95rem;\n text-align: left;\n }\n \n .section-text p {\n margin-bottom: 1.5em;\n }\n \n .composition-item {\n padding: 14px 18px 14px 28px;\n }\n \n .composition-item:before {\n left: 15px;\n font-size: 1.1rem;\n top: 14px;\n }\n \n .composition-text {\n font-size: 0.95rem;\n }\n \n .attributions-section {\n padding: 18px;\n }\n \n .attributions-title {\n font-size: 1.1rem;\n }\n \n .attributions-text {\n font-size: 0.95rem;\n }\n \n .functioning-item {\n padding: 18px;\n }\n \n .functioning-title {\n font-size: 1rem;\n }\n \n .functioning-text {\n font-size: 0.95rem;\n }\n \n .role-card {\n padding: 20px;\n }\n \n .role-title {\n font-size: 1.2rem;\n }\n \n .role-content {\n font-size: 0.95rem;\n }\n \n .role-note {\n font-size: 0.9rem;\n }\n }\n <\/style>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\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\">Le Conseil de Direction<\/h1>\n\n \n <div class=\"section\">\n <div class=\"section-text\">\n <p>\n Dans le cadre de la gestion de l'\u00e9cole, le directeur est assist\u00e9 d'un conseil de direction.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h2 class=\"section-title\">\n <i class=\"fas fa-users\"><\/i>\n Composition du Conseil de Direction\n <\/h2>\n \n <div class=\"section-text\">\n <p>Le conseil de direction de l'\u00e9cole est compos\u00e9 :<\/p>\n <\/div>\n \n <div class=\"composition-grid\">\n <div class=\"composition-item\">\n <div class=\"composition-text\">Des directeurs adjoints<\/div>\n <\/div>\n \n <div class=\"composition-item\">\n <div class=\"composition-text\">Des chefs de d\u00e9partement<\/div>\n <\/div>\n \n <div class=\"composition-item\">\n <div class=\"composition-text\">Du secr\u00e9taire g\u00e9n\u00e9ral de l'\u00e9cole<\/div>\n <\/div>\n \n <div class=\"composition-item\">\n <div class=\"composition-text\">Du directeur de la biblioth\u00e8que<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h2 class=\"section-title\">\n <i class=\"fas fa-tasks\"><\/i>\n Attributions du Conseil de Direction\n <\/h2>\n \n <div class=\"attributions-section\">\n <h3 class=\"attributions-title\">\n <i class=\"fas fa-bullseye\"><\/i>\n Mission principale\n <\/h3>\n <div class=\"attributions-text\">\n <p>Le conseil de direction est charg\u00e9 de suivre, de coordonner et d'animer les activit\u00e9s de l'\u00e9cole.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h2 class=\"section-title\">\n <i class=\"fas fa-calendar-alt\"><\/i>\n Fonctionnement du Conseil\n <\/h2>\n \n <div class=\"functioning-container\">\n <div class=\"functioning-item\">\n <div class=\"functioning-icon\">\n <i class=\"fas fa-clock\"><\/i>\n <\/div>\n <div class=\"functioning-title\">Fr\u00e9quence des r\u00e9unions<\/div>\n <div class=\"functioning-text\">\n Le conseil de direction se r\u00e9unit, au moins, une fois par mois.\n <\/div>\n <\/div>\n \n <div class=\"functioning-item\">\n <div class=\"functioning-icon\">\n <i class=\"fas fa-file-alt\"><\/i>\n <\/div>\n <div class=\"functioning-title\">Secr\u00e9tariat<\/div>\n <div class=\"functioning-text\">\n Le secr\u00e9tariat du conseil est assur\u00e9 par le secr\u00e9taire g\u00e9n\u00e9ral de l'\u00e9cole.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n\n <\/div>\n\n <\/div>\n<\/div>\n\n<script>\n \/\/ Ajustement pour le menu WordPress\n document.addEventListener('DOMContentLoaded', function() {\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 \/\/ Animation d'apparition progressive\n const sections = document.querySelectorAll('.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 la composition\n const compositionItems = document.querySelectorAll('.composition-item');\n compositionItems.forEach((item, index) => {\n item.style.opacity = '0';\n item.style.transform = 'translateX(-20px)';\n item.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n item.style.transitionDelay = (index * 0.1) + 's';\n \n setTimeout(() => {\n item.style.opacity = '1';\n item.style.transform = 'translateX(0)';\n }, 300 + (index * 50));\n });\n \n \/\/ Animation pour les attributions\n const attributionsSection = document.querySelector('.attributions-section');\n if (attributionsSection) {\n attributionsSection.style.opacity = '0';\n attributionsSection.style.transform = 'scale(0.95)';\n attributionsSection.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n \n setTimeout(() => {\n attributionsSection.style.opacity = '1';\n attributionsSection.style.transform = 'scale(1)';\n }, 500);\n }\n \n \/\/ Animation pour le fonctionnement\n const functioningItems = document.querySelectorAll('.functioning-item');\n functioningItems.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';\n item.style.transitionDelay = (index * 0.1) + 's';\n \n setTimeout(() => {\n item.style.opacity = '1';\n item.style.transform = 'translateY(0)';\n }, 600 + (index * 100));\n });\n \n \/\/ Animation pour les r\u00f4les\n const roleCards = document.querySelectorAll('.role-card');\n roleCards.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';\n item.style.transitionDelay = (index * 0.1) + 's';\n \n setTimeout(() => {\n item.style.opacity = '1';\n item.style.transform = 'translateY(0)';\n }, 800 + (index * 100));\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>Conseil de Direction – \u00c9cole Nationale Sup\u00e9rieure de Cybers\u00e9curit\u00e9 (ENSCS) Le Conseil de Direction Dans le cadre de la gestion de l’\u00e9cole, le directeur est assist\u00e9 d’un conseil de direction. Composition du Conseil de Direction Le conseil de direction de l’\u00e9cole est compos\u00e9 : Des directeurs adjoints Des chefs de d\u00e9partement Du secr\u00e9taire g\u00e9n\u00e9ral de […]<\/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-9698","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/9698","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=9698"}],"version-history":[{"count":5,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/9698\/revisions"}],"predecessor-version":[{"id":12531,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/9698\/revisions\/12531"}],"wp:attachment":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}