{"id":12105,"date":"2026-02-23T03:38:27","date_gmt":"2026-02-23T02:38:27","guid":{"rendered":"https:\/\/www.enscs.edu.dz\/?page_id=12105"},"modified":"2026-02-26T21:36:35","modified_gmt":"2026-02-26T20:36:35","slug":"department-of-basic-training-in-cybersecurity-dfbcs-2","status":"publish","type":"page","link":"https:\/\/www.enscs.edu.dz\/?page_id=12105&lang=en","title":{"rendered":"Department of Basic Training in Cybersecurity (DFBCS)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12105\" class=\"elementor elementor-12105\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f01222e e-flex e-con-boxed e-con e-parent\" data-id=\"f01222e\" 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-df36883 elementor-widget elementor-widget-html\" data-id=\"df36883\" 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>Department of Basic Training in Cybersecurity (DFBCS) - NSCS<\/title>\n\n    <!-- Font Awesome pour les ic\u00f4nes -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\/>\n\n    <style>\n        \/* VARIABLES DE COULEURS - PALETTE BLEUE CLAIRE\/GRIS *\/\n        :root {\n            --primary-color: #2c3e50; \/* Gris fonc\u00e9 au lieu de #1a202c *\/\n            --secondary-color: #7f8c8d; \/* Gris moyen *\/\n            --light-bg: #f8f9fa;\n            --card-bg: #ffffff;\n            --border-color: #e0e0e0; \/* Gris clair *\/\n            --accent-blue: #5d9cec; \/* Bleu clair *\/\n            --accent-blue-dark: #4a89dc; \/* Bleu l\u00e9g\u00e8rement plus fonc\u00e9 *\/\n            --accent-grey: #95a5a6; \/* Gris bleut\u00e9 *\/\n            --accent-light-blue: #d6eaf8; \/* Bleu tr\u00e8s clair *\/\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%); \/* Gris plus clair *\/\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); \/* Ombre plus l\u00e9g\u00e8re *\/\n            margin-bottom: 40px;\n            border: 1px solid var(--border-color);\n        }\n\n        \/* ===== TITRE PRINCIPAL ===== *\/\n        .page-title {\n            font-size: 2.4rem;\n            color: var(--primary-color); \/* Gris fonc\u00e9 *\/\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); \/* Bleu clair *\/\n        }\n\n        .page-subtitle {\n            font-size: 1.2rem;\n            color: var(--secondary-color); \/* Gris moyen *\/\n            margin-bottom: 40px;\n            text-align: center;\n            max-width: 800px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        \/* ===== SECTION HERO ===== *\/\n        .hero-section {\n            background: linear-gradient(135deg, #f0f8ff 0%, #e6f2ff 100%); \/* Bleu tr\u00e8s clair *\/\n            border-radius: 12px;\n            padding: 40px;\n            margin-bottom: 50px;\n            border-left: 4px solid var(--accent-blue);\n            box-shadow: 0 5px 20px rgba(93, 156, 236, 0.1); \/* Ombre bleue l\u00e9g\u00e8re *\/\n        }\n\n        .hero-text {\n            font-size: 1.15rem;\n            line-height: 1.9;\n            color: var(--text-color);\n            text-align: justify;\n        }\n\n        .hero-text p {\n            margin-bottom: 1.5em;\n        }\n\n        \/* ===== SECTION ACCORD\u00c9ON ===== *\/\n        .accordion-section {\n            margin-bottom: 25px;\n            border-radius: 10px;\n            overflow: hidden;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.03); \/* Ombre plus l\u00e9g\u00e8re *\/\n            border: 1px solid var(--border-color);\n        }\n\n        .accordion-header {\n            background-color: #f8fafc; \/* Gris tr\u00e8s clair *\/\n            padding: 25px 30px;\n            cursor: pointer;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            transition: background-color 0.3s ease;\n        }\n\n        .accordion-header:hover {\n            background-color: #edf2f7; \/* Gris clair *\/\n        }\n\n        .accordion-header.active {\n            background-color: #e8f4fd; \/* Bleu tr\u00e8s clair *\/\n            border-bottom: 2px solid var(--accent-blue);\n        }\n\n        .accordion-title {\n            font-size: 1.4rem;\n            color: var(--primary-color); \/* Gris fonc\u00e9 *\/\n            font-weight: 700;\n            display: flex;\n            align-items: center;\n            gap: 15px;\n        }\n\n        .accordion-title i {\n            font-size: 1.5rem;\n            color: var(--accent-blue); \/* Bleu clair *\/\n        }\n\n        .accordion-icon {\n            transition: transform 0.3s ease;\n            font-size: 1.2rem;\n            color: var(--accent-blue);\n        }\n\n        .accordion-header.active .accordion-icon {\n            transform: rotate(180deg);\n        }\n\n        .accordion-content {\n            padding: 0;\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.5s ease, padding 0.3s ease;\n            background-color: white;\n        }\n\n        .accordion-content.active {\n            padding: 30px;\n            max-height: 2000px;\n        }\n\n        \/* ===== GRID DES OBJECTIFS ===== *\/\n        .objectifs-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 25px;\n            margin: 30px 0;\n        }\n\n        .objectif-card {\n            background: var(--card-bg);\n            padding: 30px;\n            border-radius: 10px;\n            text-align: center;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.03); \/* Ombre plus l\u00e9g\u00e8re *\/\n            border-top: 4px solid var(--accent-blue);\n            transition: all 0.3s ease;\n            position: relative;\n            overflow: hidden;\n            border: 1px solid var(--border-color);\n        }\n\n        .objectif-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 15px 30px rgba(93, 156, 236, 0.1); \/* Ombre bleue l\u00e9g\u00e8re *\/\n            background-color: #f8fafc; \/* Gris tr\u00e8s clair *\/\n        }\n\n        .objectif-icon {\n            color: var(--accent-blue);\n            font-size: 2.5rem;\n            margin-bottom: 20px;\n        }\n\n        .objectif-text {\n            font-size: 1.1rem;\n            line-height: 1.6;\n            color: var(--text-color);\n            font-weight: 500;\n        }\n\n        \/* ===== LISTE DES INFRASTRUCTURES ===== *\/\n        .infrastructure-list {\n            margin: 30px 0;\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 20px;\n        }\n\n        .infrastructure-item {\n            background-color: white;\n            padding: 15px 20px;\n            border-radius: 8px;\n            font-size: 1.1rem;\n            color: var(--text-color);\n            border: 1px solid var(--border-color);\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            transition: all 0.3s ease;\n        }\n\n        .infrastructure-item:hover {\n            background-color: var(--accent-light-blue);\n            transform: translateX(5px);\n            border-color: var(--accent-blue);\n        }\n\n        .infrastructure-item i {\n            color: var(--accent-blue);\n            font-size: 1.3rem;\n        }\n\n        \/* ===== SECTION \u00c9QUIPE P\u00c9DAGOGIQUE ===== *\/\n        .equipe-section {\n            background-color: #f8fafc;\n            padding: 40px;\n            border-radius: 12px;\n            border-left: 4px solid var(--accent-blue);\n            margin-top: 40px;\n        }\n\n        .equipe-text {\n            font-size: 1.15rem;\n            line-height: 1.9;\n            color: var(--text-color);\n            text-align: justify;\n        }\n\n        .equipe-text p {\n            margin-bottom: 1.5em;\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\n        @media (max-width: 992px) {\n            .full-width-wrapper {\n                padding: 90px 15px 50px 15px;\n            }\n            \n            .content-container {\n                padding: 0 15px;\n            }\n            \n            .article-content {\n                padding: 40px 30px;\n            }\n            \n            .page-title {\n                font-size: 2rem;\n                margin-bottom: 40px;\n                padding-bottom: 15px;\n            }\n            \n            .page-title:after {\n                width: 150px;\n            }\n            \n            .accordion-title {\n                font-size: 1.3rem;\n            }\n            \n            .hero-text {\n                font-size: 1.05rem;\n            }\n            \n            .infrastructure-list {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .full-width-wrapper {\n                padding: 80px 10px 40px 10px;\n            }\n            \n            .content-container {\n                padding: 0 10px;\n            }\n            \n            .article-content {\n                padding: 35px 25px;\n            }\n            \n            .page-title {\n                font-size: 1.8rem;\n                margin-bottom: 35px;\n            }\n            \n            .accordion-title {\n                font-size: 1.2rem;\n            }\n            \n            .accordion-header {\n                padding: 20px 25px;\n            }\n            \n            .accordion-content.active {\n                padding: 25px;\n            }\n            \n            .hero-section {\n                padding: 30px;\n            }\n            \n            .hero-text {\n                font-size: 1rem;\n            }\n            \n            .infrastructure-item {\n                font-size: 1rem;\n                padding: 12px 18px;\n            }\n            \n            .equipe-section {\n                padding: 30px;\n            }\n        }\n\n        @media (max-width: 576px) {\n            .full-width-wrapper {\n                padding: 70px 10px 35px 10px;\n            }\n            \n            .article-content {\n                padding: 30px 20px;\n            }\n            \n            .page-title {\n                font-size: 1.6rem;\n                margin-bottom: 30px;\n                padding-bottom: 12px;\n            }\n            \n            .page-title:after {\n                width: 120px;\n            }\n            \n            .accordion-title {\n                font-size: 1.1rem;\n            }\n            \n            .accordion-header {\n                padding: 18px 20px;\n            }\n            \n            .accordion-content.active {\n                padding: 20px;\n            }\n            \n            .hero-section {\n                padding: 25px;\n            }\n            \n            .hero-text {\n                font-size: 0.95rem;\n                text-align: left;\n            }\n            \n            .infrastructure-item {\n                font-size: 0.95rem;\n                padding: 10px 15px;\n            }\n            \n            .equipe-section {\n                padding: 25px;\n            }\n            \n            .equipe-text {\n                font-size: 1rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<!-- Menu WordPress -->\n\n<div class=\"full-width-wrapper\">\n    <div class=\"content-container\">\n\n        <!-- CONTENU ARTICLE -->\n        <div class=\"article-content\">\n            \n            <!-- TITRE PRINCIPAL -->\n            <h1 class=\"page-title\">Department of Basic Training in Cybersecurity (<strong style=\"color: #700013;\">DFBCS<\/strong>)<\/h1>\n            \n            <div class=\"page-subtitle\">\n                The Foundational Training Department in Cybersecurity was established in accordance with Article 40 of Presidential Decree No. 23-416 (dated November 26, 2023) and Executive Order No. 808 (dated August 31, 2025), which defines the departments within the National Higher School of Cybersecurity (NSCS).\n\n            <\/div>\n\n            <!-- SECTION HERO -->\n            <div class=\"hero-section\">\n                <div class=\"hero-text\">\n                    <p style=\"text-align: justify;\">\n                        The Department of Foundational Training in Cybersecurity is responsible for ensuring the acquisition of fundamental knowledge and cross-disciplinary skills necessary for the successful completion of academic programs.\n                    <\/p>\n                    <p style=\"text-align: justify;\">\n                        It designs foundational cybersecurity curricula and organizes and delivers core courses aimed at establishing solid theoretical and practical foundations in computer science, mathematics, fundamental electronics, and engineering sciences, forming the core academic framework.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- SECTION MISSION (ACCORD\u00c9ON) -->\n            <div class=\"accordion-section\">\n                <div class=\"accordion-header\">\n                    <div class=\"accordion-title\">\n                        <i class=\"fas fa-bullseye\"><\/i>\n                        Mission and Responsibilities\n                    <\/div>\n                    <div class=\"accordion-icon\">\n                        <i class=\"fas fa-chevron-down\"><\/i>\n                    <\/div>\n                <\/div>\n                <div class=\"accordion-content\">\n                    <div class=\"section-content\">\n                        <p style=\"text-align: justify;\">\n                            The department's primary mission is to ensure that students acquire the fundamental knowledge and transversal skills necessary for academic success. Its key responsibilities include:<\/p>\n                            \n                            \n                             <div class=\"section\">\n                              \n                <ul class=\"objectives-list\">\n                    <li>Curriculum Design: Developing foundational programs that establish solid theoretical and practical bases in computer science, mathematics, fundamental electronics, and engineering sciences.<\/li>\n\n                    <li>Quality & Adaptation: Ensuring program content remains coherent, high-quality, and aligned with the evolving strategic, ethical, and legal challenges of cybersecurity.<\/li>\n\n                    <li>Continuous Updates: Regularly updating pedagogical content to keep pace with shifting threats and emerging technologies.<\/li>\n\n                    <li>Career Support: Assisting learners in building their academic and professional projects while preparing them for advanced specializations.<\/li>\n\n                    <li>Extended Services: Beyond core training, the department provides continuing education, professional services, advanced training, and retraining programs.<\/li>\n\n                <\/ul>\n            <\/div>\n                        \n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- SECTION MISSION (ACCORD\u00c9ON) -->\n            <div class=\"accordion-section\">\n                <div class=\"accordion-header\">\n                    <div class=\"accordion-title\">\n                        <i class=\"fas fa-bullseye\"><\/i>\n                        Structure and Governance\n                    <\/div>\n                    <div class=\"accordion-icon\">\n                        <i class=\"fas fa-chevron-down\"><\/i>\n                    <\/div>\n                <\/div>\n                <div class=\"accordion-content\">\n                    <div class=\"section-content\">\n                        <p style=\"text-align: justify;\">\n                            The department is led by a Head of Department who oversees all pedagogical and administrative operations. The organizational structure includes:<\/p>\n                    <div class=\"section\">\n                \n                <ul class=\"objectives-list\">\n                    <li>A Scientific Committee.<\/li>\n\n                    <li>Research laboratories, units, or teams.<\/li>\n\n                    <li>Administrative assistance from service heads and research directors.<\/li>\n                <\/ul>\n\n                  <p style=\"text-align: justify;\">\n                    The Department Chair is responsible for the academic and administrative management of the department. They are assisted by Heads of Service and, where applicable, by Directors of laboratories or research units.<\/p>\n\n            <\/div>\n                      \n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- SECTION INFRASTRUCTURES (ACCORD\u00c9ON) -->\n            <div class=\"accordion-section\">\n                <div class=\"accordion-header\">\n                    <div class=\"accordion-title\">\n                        <i class=\"fas fa-building\"><\/i>\n                        Facilities and Infrastructure\n                    <\/div>\n                    <div class=\"accordion-icon\">\n                        <i class=\"fas fa-chevron-down\"><\/i>\n                    <\/div>\n                <\/div>\n                <div class=\"accordion-content\">\n                    <div class=\"section-content\">\n                        <p>The department is equipped with modern infrastructure to support learning:<\/p>\n                        \n                        <div class=\"infrastructure-list\">\n                            <div class=\"infrastructure-item\">\n                                <i class=\"fas fa-chalkboard-teacher\"><\/i>\n                                04 Lecture Halls (Amphitheaters)\n                            <\/div>\n                            <div class=\"infrastructure-item\">\n                                <i class=\"fas fa-users\"><\/i>\n                                12 Tutorial Rooms (TD)\n                            <\/div>\n                            <div class=\"infrastructure-item\">\n                                <i class=\"fas fa-flask\"><\/i>\n                                04 Practical Lab Rooms (TP)\n                            <\/div>\n                            <div class=\"infrastructure-item\">\n                                <i class=\"fas fa-print\"><\/i>\n                                01 Printing Room\n                            <\/div>\n                            <div class=\"infrastructure-item\">\n                                <i class=\"fas fa-book-reader\"><\/i>\n                                01 Reading Room\n                            <\/div>\n                            <div class=\"infrastructure-item\">\n                                <i class=\"fas fa-microscope\"><\/i>\n                                01 Research Laboratory\n                            <\/div>\n                            <div class=\"infrastructure-item\">\n                                <i class=\"fas fa-language\"><\/i>\n                                01 Intensive Language Teaching Center (CEIL)\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- SECTION \u00c9QUIPE P\u00c9DAGOGIQUE -->\n            <div class=\"accordion-section\">\n                <div class=\"accordion-header\">\n                    <div class=\"accordion-title\">\n                        <i class=\"fas fa-building\"><\/i>\n                        The Teaching Faculty\n                    <\/div>\n                    <div class=\"accordion-icon\">\n                        <i class=\"fas fa-chevron-down\"><\/i>\n                    <\/div>\n                <\/div>\n                <div class=\"accordion-content\">\n                    <div class=\"section-content\">\n                        <p style=\"text-align: justify;\">\n                        The pedagogical staff is composed of highly qualified teachers recognized for their academic expertise and professional experience. They provide rigorous supervision based on proven teaching methods tailored to the demands of the field.\n                    <\/p>\n                    <p style=\"text-align: justify;\">\n                       Driven by a commitment to quality and student success, the faculty demonstrates a high level of professionalism and responsibility. Their dedication ensures the department achieves academic excellence and effectively supports the institution's broader goals.\n                    <\/p>\n                    <div class=\"section\">\n            \n            <\/div>\n                      \n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Ajustement pour le menu WordPress\n        function adjustForWordPressMenu() {\n            const header = document.querySelector('header') || document.querySelector('.site-header') || document.querySelector('#masthead');\n            \n            if (header) {\n                const headerHeight = header.offsetHeight;\n                const wrapper = document.querySelector('.full-width-wrapper');\n                \n                if (wrapper) {\n                    wrapper.style.paddingTop = (headerHeight + 20) + 'px';\n                }\n            } else {\n                const wrapper = document.querySelector('.full-width-wrapper');\n                if (wrapper) {\n                    wrapper.style.paddingTop = '100px';\n                }\n            }\n        }\n        \n        adjustForWordPressMenu();\n        window.addEventListener('resize', adjustForWordPressMenu);\n        setTimeout(adjustForWordPressMenu, 500);\n        setTimeout(adjustForWordPressMenu, 1000);\n        \n        \/\/ Gestion des accord\u00e9ons\n        const accordionHeaders = document.querySelectorAll('.accordion-header');\n        \n        accordionHeaders.forEach(header => {\n            header.addEventListener('click', function() {\n                \/\/ Fermer tous les autres accord\u00e9ons\n                accordionHeaders.forEach(otherHeader => {\n                    if (otherHeader !== this) {\n                        otherHeader.classList.remove('active');\n                        const otherContent = otherHeader.nextElementSibling;\n                        otherContent.classList.remove('active');\n                    }\n                });\n                \n                \/\/ Basculer l'\u00e9tat de l'accord\u00e9on actuel\n                this.classList.toggle('active');\n                const content = this.nextElementSibling;\n                content.classList.toggle('active');\n                \n                \/\/ Animation d'apparition\n                if (content.classList.contains('active')) {\n                    content.style.opacity = '0';\n                    content.style.transform = 'translateY(-10px)';\n                    \n                    setTimeout(() => {\n                        content.style.opacity = '1';\n                        content.style.transform = 'translateY(0)';\n                        \n                        \/\/ Animation pour les items d'infrastructure\n                        const items = content.querySelectorAll('.infrastructure-item');\n                        items.forEach((item, index) => {\n                            item.style.opacity = '0';\n                            item.style.transform = 'translateX(-20px)';\n                            item.style.transition = 'opacity 0.4s ease, transform 0.4s ease';\n                            item.style.transitionDelay = (index * 0.05) + 's';\n                            \n                            setTimeout(() => {\n                                item.style.opacity = '1';\n                                item.style.transform = 'translateX(0)';\n                            }, 10);\n                        });\n                    }, 10);\n                }\n            });\n        });\n\n        \/\/ Ouvrir le premier accord\u00e9on par d\u00e9faut\n        if (accordionHeaders.length > 0) {\n            setTimeout(() => {\n                accordionHeaders[0].click();\n            }, 300);\n        }\n\n        \/\/ Animation d'apparition progressive pour les sections\n        const sections = document.querySelectorAll('.accordion-section, .hero-section, .equipe-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 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 hero\n        const heroSection = document.querySelector('.hero-section');\n        if (heroSection) {\n            setTimeout(() => {\n                heroSection.style.opacity = '0';\n                heroSection.style.transform = 'scale(0.95)';\n                heroSection.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n                heroSection.style.transitionDelay = '0.6s';\n                \n                setTimeout(() => {\n                    heroSection.style.opacity = '1';\n                    heroSection.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":"<p>Department of Basic Training in Cybersecurity (DFBCS) &#8211; NSCS Department of Basic Training in Cybersecurity (DFBCS) The Foundational Training Department in Cybersecurity was established in accordance with Article 40 of Presidential Decree No. 23-416 (dated November 26, 2023) and Executive Order No. 808 (dated August 31, 2025), which defines the departments within the National Higher [&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-12105","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/12105","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=12105"}],"version-history":[{"count":5,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/12105\/revisions"}],"predecessor-version":[{"id":12144,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/12105\/revisions\/12144"}],"wp:attachment":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}