{"id":8857,"date":"2025-12-13T02:44:13","date_gmt":"2025-12-13T01:44:13","guid":{"rendered":"https:\/\/www.enscs.edu.dz\/?page_id=8857"},"modified":"2026-02-07T14:19:35","modified_gmt":"2026-02-07T13:19:35","slug":"organigramme","status":"publish","type":"page","link":"https:\/\/www.enscs.edu.dz\/?page_id=8857","title":{"rendered":"Organigramme"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8857\" class=\"elementor elementor-8857\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac70705 e-flex e-con-boxed e-con e-parent\" data-id=\"ac70705\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0db92c elementor-widget elementor-widget-html\" data-id=\"b0db92c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Organigramme - \u00c9cole Nationale Sup\u00e9rieure de Cybers\u00e9curit\u00e9 (ENSCS)<\/title>\n\n    <!-- Font Awesome pour les ic\u00f4nes -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\/>\n\n    <style>\n        \/* VARIABLES DE COULEURS *\/\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            --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        \/* ===== INTRODUCTION ===== *\/\n        .intro-text {\n            font-size: 1.2rem;\n            text-align: center;\n            margin-bottom: 60px;\n            color: var(--secondary-color);\n            line-height: 1.7;\n            max-width: 1000px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        \/* ===== DIRECTION G\u00c9N\u00c9RALE ===== *\/\n        .direction-container {\n            text-align: center;\n            margin-bottom: 80px;\n            position: relative;\n        }\n\n        .direction-box {\n            background: white;\n            border: 3px solid var(--accent-blue-dark);\n            border-radius: 12px;\n            padding: 30px;\n            width: 400px;\n            margin: 0 auto;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n            position: relative;\n            z-index: 10;\n        }\n\n        .direction-icon {\n            font-size: 3rem;\n            color: var(--accent-blue-dark);\n            margin-bottom: 20px;\n        }\n\n        .direction-title {\n            font-size: 1.8rem;\n            color: var(--accent-blue-dark);\n            font-weight: 700;\n            margin-bottom: 10px;\n        }\n\n        .direction-subtitle {\n            font-size: 1.1rem;\n            color: var(--secondary-color);\n        }\n\n        \/* ===== ZONES AU-DESSOUS ===== *\/\n        .zones-container {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 30px;\n            margin-bottom: 40px;\n        }\n\n        .zone-card {\n            background: white;\n            border: 2px solid var(--border-color);\n            border-radius: 10px;\n            padding: 30px;\n            text-align: center;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            box-shadow: 0 5px 20px rgba(0,0,0,0.08);\n            position: relative;\n            min-height: 180px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .zone-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n        }\n\n        .zone-card.active {\n            border-color: var(--accent-blue);\n            background-color: #f0f9ff;\n        }\n\n        .zone-icon {\n            font-size: 2.5rem;\n            margin-bottom: 20px;\n            transition: all 0.3s ease;\n        }\n\n        .zone-card:hover .zone-icon {\n            transform: scale(1.1);\n        }\n\n        .zone-1 .zone-icon {\n            color: var(--accent-teal);\n        }\n\n        .zone-2 .zone-icon {\n            color: var(--accent-indigo);\n        }\n\n        .zone-3 .zone-icon {\n            color: var(--accent-blue);\n        }\n\n        .zone-4 .zone-icon {\n            color: var(--accent-blue-dark);\n        }\n\n        .zone-title {\n            font-size: 1.4rem;\n            color: var(--accent-blue-dark);\n            font-weight: 700;\n            margin-bottom: 10px;\n        }\n\n        .zone-count {\n            font-size: 1rem;\n            color: var(--secondary-color);\n            background: #ebf8ff;\n            padding: 5px 15px;\n            border-radius: 20px;\n            display: inline-block;\n            margin-top: 10px;\n            font-weight: 600;\n        }\n\n        \/* ===== CONTENU MASQU\u00c9 ===== *\/\n        .zone-content {\n            display: none;\n            margin-top: 30px;\n            padding-top: 30px;\n            border-top: 2px solid var(--border-color);\n            width: 100%;\n        }\n\n        .zone-card.active .zone-content {\n            display: block;\n        }\n\n        .zone-subtitle {\n            font-size: 1.2rem;\n            color: var(--accent-blue-dark);\n            margin-bottom: 20px;\n            font-weight: 600;\n            text-align: center;\n        }\n\n        \/* ===== GRID DES D\u00c9TAILS ===== *\/\n        .details-grid {\n            display: grid;\n            gap: 20px;\n        }\n\n        \/* MODIFICATION ICI : Les d\u00e9partements en colonne unique *\/\n        .zone-1 .details-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .zone-2 .details-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n\n        .zone-3 .details-grid,\n        .zone-4 .details-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .detail-item {\n            background: white;\n            border: 1px solid var(--border-color);\n            border-radius: 8px;\n            padding: 25px;\n            transition: all 0.3s ease;\n            text-align: center;\n        }\n\n        .detail-item:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n            border-color: var(--accent-blue);\n        }\n\n        .detail-icon {\n            font-size: 1.8rem;\n            color: var(--accent-blue);\n            margin-bottom: 15px;\n        }\n\n        .detail-title {\n            font-size: 1.1rem;\n            color: var(--accent-blue-dark);\n            font-weight: 700;\n            margin-bottom: 10px;\n            line-height: 1.3;\n        }\n\n        \/* ===== SERVICES (POUR ZONES 3 ET 4) ===== *\/\n        .zone-services {\n            display: flex;\n            flex-direction: column;\n            gap: 15px;\n            margin-top: 15px;\n        }\n\n        .zone-service-item {\n            background: #f8fafc;\n            border-left: 4px solid var(--accent-blue);\n            border-radius: 4px;\n            padding: 15px;\n            text-align: left;\n        }\n\n        .zone-service-title {\n            font-size: 1rem;\n            color: var(--accent-blue-dark);\n            font-weight: 600;\n            margin-bottom: 8px;\n        }\n\n        .zone-service-desc {\n            font-size: 0.9rem;\n            color: var(--secondary-color);\n            line-height: 1.5;\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            \/* MODIFICATION ICI : Sur tablette, les d\u00e9partements restent en colonne *\/\n            .zone-1 .details-grid {\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            }\n            \n            .direction-box {\n                width: 350px;\n                padding: 25px;\n            }\n            \n            .direction-title {\n                font-size: 1.6rem;\n            }\n            \n            .zones-container {\n                grid-template-columns: 1fr;\n                max-width: 500px;\n                margin-left: auto;\n                margin-right: auto;\n            }\n            \n            \/* MODIFICATION ICI : Tous les d\u00e9tails en colonne sur mobile *\/\n            .zone-1 .details-grid,\n            .zone-2 .details-grid {\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.8rem;\n            }\n            \n            .direction-box {\n                width: 100%;\n                max-width: 350px;\n            }\n            \n            \/* MODIFICATION ICI : Les directions adjointes en colonne sur mobile *\/\n            .zone-2 .details-grid {\n                grid-template-columns: 1fr;\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            }\n            \n            .direction-box {\n                padding: 20px;\n            }\n            \n            .direction-icon {\n                font-size: 2.5rem;\n            }\n            \n            .direction-title {\n                font-size: 1.4rem;\n            }\n            \n            .zone-card {\n                padding: 20px;\n            }\n            \n            .zone-icon {\n                font-size: 2rem;\n            }\n            \n            .zone-title {\n                font-size: 1.2rem;\n            }\n            \n            .detail-item {\n                padding: 20px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<!-- Menu WordPress -->\n\n<div class=\"full-width-wrapper\">\n    <div class=\"content-container\">\n\n        <!-- CONTENU ARTICLE -->\n        <div class=\"article-content\">\n            \n            <!-- TITRE PRINCIPAL -->\n            <h2 class=\"page-title\">Organigramme de l'\u00c9cole<\/h2>\n\n            <!-- INTRODUCTION -->\n            <div class=\"intro-text\">\n                <p>D\u00e9couvrez la structure organisationnelle de l'\u00c9cole Nationale Sup\u00e9rieure de Cybers\u00e9curit\u00e9 (ENSCS). Cliquez sur chaque zone pour afficher ses composantes.<\/p>\n            <\/div>\n\n            <!-- DIRECTION DE L'\u00c9COLE -->\n            <div class=\"direction-container\">\n                <div class=\"direction-box\">\n                    <div class=\"direction-icon\">\n                        <i class=\"fas fa-university\"><\/i>\n                    <\/div>\n                    <h3 class=\"direction-title\">Direction de l'\u00c9cole<\/h3>\n                    <div class=\"direction-subtitle\">\u00c9cole Nationale Sup\u00e9rieure de Cybers\u00e9curit\u00e9<\/div>\n                <\/div>\n            <\/div>\n\n            <!-- ZONES -->\n            <div class=\"zones-container\">\n                \n                <!-- ZONE 1 : D\u00c9PARTEMENTS -->\n                <div class=\"zone-card zone-1\">\n                    <div class=\"zone-icon\">\n                        <i class=\"fas fa-graduation-cap\"><\/i>\n                    <\/div>\n                    <h4 class=\"zone-title\">D\u00e9partements<\/h4>\n                    <div class=\"zone-count\">3 d\u00e9partements<\/div>\n                    \n                    <div class=\"zone-content\">\n                        <div class=\"zone-subtitle\">D\u00e9partements P\u00e9dagogiques<\/div>\n                        <div class=\"details-grid\">\n                            <div class=\"detail-item\">\n                                <div class=\"detail-icon\">\n                                    <i class=\"fas fa-shield-alt\"><\/i>\n                                <\/div>\n                                <h5 class=\"detail-title\">Formation de Base en Cybers\u00e9curit\u00e9<\/h5>\n                            <\/div>\n                            \n                            <div class=\"detail-item\">\n                                <div class=\"detail-icon\">\n                                    <i class=\"fas fa-code\"><\/i>\n                                <\/div>\n                                <h5 class=\"detail-title\">Ing\u00e9nierie de la Cybers\u00e9curit\u00e9 et D\u00e9veloppement Num\u00e9rique S\u00e9curis\u00e9 (ICDNS)<\/h5>\n                            <\/div>\n                            \n                            <div class=\"detail-item\">\n                                <div class=\"detail-icon\">\n                                    <i class=\"fas fa-server\"><\/i>\n                                <\/div>\n                                <h5 class=\"detail-title\">Ing\u00e9nierie des Infrastructures S\u00e9curis\u00e9es et de la Gouvernance (2ISG)<\/h5>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- ZONE 2 : DIRECTIONS ADJOINTES -->\n                <div class=\"zone-card zone-2\">\n                    <div class=\"zone-icon\">\n                        <i class=\"fas fa-sitemap\"><\/i>\n                    <\/div>\n                    <h4 class=\"zone-title\">Directions Adjointes<\/h4>\n                    <div class=\"zone-count\">4 directions<\/div>\n                    \n                    <div class=\"zone-content\">\n                     \n                        <div class=\"details-grid\">\n                            <!-- LIGNE 1 : 2 DIRECTIONS -->\n                            <div class=\"detail-item\">\n                                <div class=\"detail-icon\">\n                                    <i class=\"fas fa-book-open\"><\/i>\n                                <\/div>\n                                <h5 class=\"detail-title\">Enseignements, Dipl\u00f4mes et Formation Continue<\/h5>\n                            <\/div>\n                            \n                            <div class=\"detail-item\">\n                                <div class=\"detail-icon\">\n                                    <i class=\"fas fa-microscope\"><\/i>\n                                <\/div>\n                                <h5 class=\"detail-title\">Formation Doctorale, Recherche, Innovation et Entrepreneuriat<\/h5>\n                            <\/div>\n                            \n                            <!-- LIGNE 2 : 2 DIRECTIONS -->\n                            <div class=\"detail-item\">\n                                <div class=\"detail-icon\">\n                                    <i class=\"fas fa-network-wired\"><\/i>\n                                <\/div>\n                                <h5 class=\"detail-title\">Syst\u00e8mes d'Information, Communication et Relations Ext\u00e9rieures<\/h5>\n                            <\/div>\n                            \n                            <div class=\"detail-item\">\n                                <div class=\"detail-icon\">\n                                    <i class=\"fas fa-shield-alt\"><\/i>\n                                <\/div>\n                                <h5 class=\"detail-title\">S\u00e9curit\u00e9 des Syst\u00e8mes et Moyens Sp\u00e9cifiques<\/h5>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- ZONE 3 : SECR\u00c9TARIAT G\u00c9N\u00c9RAL -->\n                <div class=\"zone-card zone-3\">\n                    <div class=\"zone-icon\">\n                        <i class=\"fas fa-briefcase\"><\/i>\n                    <\/div>\n                    <h4 class=\"zone-title\">Secr\u00e9tariat G\u00e9n\u00e9ral<\/h4>\n                    <div class=\"zone-count\">Gestion administrative et financi\u00e8re<\/div>\n                    \n                    <div class=\"zone-content\">\n                       \n                        <div class=\"details-grid\">\n                            <div class=\"detail-item\">\n                                <div class=\"detail-icon\">\n                                    <i class=\"fas fa-users\"><\/i>\n                                <\/div>\n                                <h5 class=\"detail-title\">Secr\u00e9tariat G\u00e9n\u00e9ral<\/h5>\n                                <div class=\"zone-services\">\n                                    <div class=\"zone-service-item\">\n                                        <div class=\"zone-service-title\">Sous-direction \u2013 Personnels, Formation et Activit\u00e9s Culturelles et Sportives<\/div>\n                                        <div class=\"zone-service-desc\">Gestion des ressources humaines, formation et activit\u00e9s<\/div>\n                                    <\/div>\n                                    <div class=\"zone-service-item\">\n                                        <div class=\"zone-service-title\">Sous-direction \u2013 Finances et Moyens<\/div>\n                                        <div class=\"zone-service-desc\">Gestion budg\u00e9taire, march\u00e9s et maintenance<\/div>\n                                    <\/div>\n                                   \n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- ZONE 4 : BIBLIOTH\u00c8QUE -->\n                <div class=\"zone-card zone-4\">\n                    <div class=\"zone-icon\">\n                        <i class=\"fas fa-book-open\"><\/i>\n                    <\/div>\n                    <h4 class=\"zone-title\">Biblioth\u00e8que<\/h4>\n                    <div class=\"zone-count\">Centre de documentation<\/div>\n                    \n                    <div class=\"zone-content\">\n                      \n                        <div class=\"details-grid\">\n                            <div class=\"detail-item\">\n                                <div class=\"detail-icon\">\n                                    <i class=\"fas fa-book-reader\"><\/i>\n                                <\/div>\n                                <h5 class=\"detail-title\">Direction de la Biblioth\u00e8que<\/h5>\n                                <div class=\"zone-services\">\n                                    <div class=\"zone-service-item\">\n                                        <div class=\"zone-service-title\">Service de l'acquisition, de la recherche bibliographique et du traitement documentaire<\/div>\n                                        <div class=\"zone-service-desc\">Gestion des acquisitions et traitement des documents<\/div>\n                                    <\/div>\n                                    <div class=\"zone-service-item\">\n                                        <div class=\"zone-service-title\">Service de la m\u00e9diath\u00e8que<\/div>\n                                        <div class=\"zone-service-desc\">Gestion des ressources multim\u00e9dias<\/div>\n                                    <\/div>\n                                    <div class=\"zone-service-item\">\n                                        <div class=\"zone-service-title\">Service de l'accueil, de l'orientation et de l'assistance aux usagers<\/div>\n                                        <div class=\"zone-service-desc\">Accueil et support aux utilisateurs<\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ Gestion de l'organigramme interactif\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        \n        \/\/ Animation de la direction g\u00e9n\u00e9rale\n        setTimeout(() => {\n            const directionBox = document.querySelector('.direction-box');\n            directionBox.style.opacity = '0';\n            directionBox.style.transform = 'translateY(-30px)';\n            directionBox.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n            \n            setTimeout(() => {\n                directionBox.style.opacity = '1';\n                directionBox.style.transform = 'translateY(0)';\n            }, 300);\n            \n            \/\/ Animation des zones\n            const zoneCards = document.querySelectorAll('.zone-card');\n            zoneCards.forEach((card, index) => {\n                card.style.opacity = '0';\n                card.style.transform = 'translateY(20px)';\n                card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n                \n                setTimeout(() => {\n                    card.style.opacity = '1';\n                    card.style.transform = 'translateY(0)';\n                }, 500 + (index * 150));\n            });\n        }, 300);\n        \n        \/\/ Gestion des clics sur les zones\n        const zoneCards = document.querySelectorAll('.zone-card');\n        \n        zoneCards.forEach(card => {\n            card.addEventListener('click', function() {\n                \/\/ Fermer toutes les autres zones\n                zoneCards.forEach(otherCard => {\n                    if (otherCard !== this) {\n                        otherCard.classList.remove('active');\n                    }\n                });\n                \n                \/\/ Basculer l'\u00e9tat de la zone cliqu\u00e9e\n                this.classList.toggle('active');\n                \n                \/\/ Si on ouvre une zone, animer son contenu\n                if (this.classList.contains('active')) {\n                    const content = this.querySelector('.zone-content');\n                    content.style.opacity = '0';\n                    content.style.transform = 'translateY(10px)';\n                    \n                    setTimeout(() => {\n                        content.style.opacity = '1';\n                        content.style.transform = 'translateY(0)';\n                        \n                        \/\/ Animer les \u00e9l\u00e9ments de d\u00e9tail\n                        const detailItems = content.querySelectorAll('.detail-item');\n                        detailItems.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                            \n                            setTimeout(() => {\n                                item.style.opacity = '1';\n                                item.style.transform = 'translateY(0)';\n                            }, index * 100);\n                        });\n                    }, 50);\n                }\n            });\n        });\n        \n        \/\/ Animation des \u00e9l\u00e9ments de d\u00e9tail au scroll\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<\/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>Organigramme &#8211; \u00c9cole Nationale Sup\u00e9rieure de Cybers\u00e9curit\u00e9 (ENSCS) Organigramme de l&#8217;\u00c9cole D\u00e9couvrez la structure organisationnelle de l&#8217;\u00c9cole Nationale Sup\u00e9rieure de Cybers\u00e9curit\u00e9 (ENSCS). Cliquez sur chaque zone pour afficher ses composantes. Direction de l&#8217;\u00c9cole \u00c9cole Nationale Sup\u00e9rieure de Cybers\u00e9curit\u00e9 D\u00e9partements 3 d\u00e9partements D\u00e9partements P\u00e9dagogiques Formation de Base en Cybers\u00e9curit\u00e9 Ing\u00e9nierie de la Cybers\u00e9curit\u00e9 et D\u00e9veloppement Num\u00e9rique [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8857","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/8857","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=8857"}],"version-history":[{"count":5,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/8857\/revisions"}],"predecessor-version":[{"id":11385,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/8857\/revisions\/11385"}],"wp:attachment":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8857"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}