{"id":11787,"date":"2026-02-12T17:36:30","date_gmt":"2026-02-12T16:36:30","guid":{"rendered":"https:\/\/www.enscs.edu.dz\/?page_id=11787"},"modified":"2026-03-05T12:39:10","modified_gmt":"2026-03-05T11:39:10","slug":"news-announcements","status":"publish","type":"page","link":"https:\/\/www.enscs.edu.dz\/?page_id=11787&lang=en","title":{"rendered":"Latest News &#038; Announcements"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11787\" class=\"elementor elementor-11787\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48ed53e e-flex e-con-boxed e-con e-parent\" data-id=\"48ed53e\" 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-4f3b550 elementor-widget elementor-widget-html\" data-id=\"4f3b550\" 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>News & Announcements - 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        :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            --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);\n        }\n\n        \/* ===== LISTE DES \u00c9V\u00c9NEMENTS ===== *\/\n        .events-list {\n            display: flex;\n            flex-direction: column;\n            gap: 60px;\n            margin-top: 30px;\n        }\n\n        .event-item {\n            padding-bottom: 60px;\n            border-bottom: 2px solid var(--border-color);\n            position: relative;\n        }\n\n        .event-item:last-child {\n            border-bottom: none;\n            padding-bottom: 0;\n        }\n\n        .event-header {\n            margin-bottom: 30px;\n            padding-bottom: 20px;\n            border-bottom: 1px solid var(--border-color);\n        }\n\n        .event-title {\n            color: var(--accent-blue-dark);\n            font-size: 1.9rem;\n            font-weight: 700;\n            margin-bottom: 15px;\n            line-height: 1.3;\n        }\n\n        .event-date {\n            color: var(--secondary-color);\n            font-size: 1.1rem;\n            font-style: italic;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            font-weight: 500;\n        }\n\n        .event-date i {\n            color: var(--accent-blue);\n        }\n\n        .event-content {\n            margin-bottom: 30px;\n        }\n\n        .event-text {\n            color: var(--text-color);\n            font-size: 1.2rem;\n            line-height: 1.9;\n            margin-bottom: 25px;\n            text-align: justify;\n        }\n\n        .event-text p {\n            margin-bottom: 1.5em;\n        }\n\n        \/* ===== BOUTON GALERIE ===== *\/\n        .gallery-btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            background: linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-blue-dark) 100%);\n            color: white;\n            padding: 15px 35px;\n            border-radius: 8px;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 1.1rem;\n            transition: all 0.3s ease;\n            border: none;\n            cursor: pointer;\n            margin-top: 20px;\n            box-shadow: 0 4px 12px rgba(49, 130, 206, 0.3);\n        }\n\n        .gallery-btn:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 6px 18px rgba(49, 130, 206, 0.4);\n        }\n\n        .gallery-btn i {\n            font-size: 1.2rem;\n        }\n\n        \/* ===== GALERIE MODALE ===== *\/\n        .gallery-modal {\n            display: none;\n            position: fixed;\n            z-index: 999999 !important;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.95);\n            overflow: hidden;\n        }\n\n        .modal-content {\n            position: relative;\n            max-width: 1400px;\n            margin: 40px auto;\n            background: var(--card-bg);\n            border-radius: 12px;\n            overflow: hidden;\n            max-height: 90vh;\n            display: flex;\n            flex-direction: column;\n        }\n\n        .modal-header {\n            padding: 30px;\n            background: linear-gradient(135deg, var(--accent-blue-dark) 0%, var(--accent-blue) 100%);\n            color: white;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        .modal-title {\n            font-size: 1.6rem;\n            font-weight: 600;\n        }\n\n        .close-modal {\n            background: none;\n            border: none;\n            color: white;\n            font-size: 28px;\n            cursor: pointer;\n            padding: 5px;\n            transition: opacity 0.3s ease;\n        }\n\n        .close-modal:hover {\n            opacity: 0.8;\n        }\n\n        .modal-gallery {\n            padding: 40px;\n            overflow-y: auto;\n            flex-grow: 1;\n        }\n\n        .modal-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 25px;\n        }\n\n        @media (max-width: 1200px) {\n            .modal-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 20px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .modal-grid {\n                grid-template-columns: 1fr;\n                gap: 15px;\n            }\n        }\n\n        .modal-image {\n            width: 100%;\n            height: 250px;\n            object-fit: cover;\n            border-radius: 8px;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n        }\n\n        .modal-image:hover {\n            transform: scale(1.05);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.2);\n        }\n\n        \/* ===== RESPONSIVE ===== *\/\n        @media (max-width: 1200px) {\n            .content-container {\n                max-width: 95%;\n            }\n            \n            .modal-content {\n                max-width: 95%;\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            .event-title {\n                font-size: 1.6rem;\n            }\n            \n            .event-text {\n                font-size: 1.1rem;\n            }\n            \n            .gallery-btn {\n                padding: 13px 25px;\n                font-size: 1rem;\n            }\n            \n            .modal-content {\n                margin: 30px auto;\n            }\n            \n            .modal-header {\n                padding: 25px;\n            }\n            \n            .modal-gallery {\n                padding: 30px;\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            .event-item {\n                padding-bottom: 50px;\n            }\n            \n            .events-list {\n                gap: 50px;\n            }\n            \n            .event-title {\n                font-size: 1.5rem;\n            }\n            \n            .event-text {\n                font-size: 1.05rem;\n                text-align: left;\n            }\n            \n            .modal-content {\n                margin: 20px;\n                max-height: 85vh;\n            }\n            \n            .modal-header {\n                padding: 20px;\n            }\n            \n            .modal-title {\n                font-size: 1.4rem;\n            }\n            \n            .modal-gallery {\n                padding: 20px;\n            }\n            \n            .modal-image {\n                height: 200px;\n            }\n            \n            .gallery-btn {\n                width: 100%;\n                justify-content: center;\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            .event-title {\n                font-size: 1.4rem;\n            }\n            \n            .event-text {\n                font-size: 1rem;\n            }\n            \n            .event-date {\n                font-size: 1rem;\n            }\n            \n            .gallery-btn {\n                padding: 12px 20px;\n                font-size: 0.95rem;\n            }\n            \n            .modal-content {\n                margin: 15px;\n                max-height: 80vh;\n            }\n            \n            .modal-header {\n                padding: 20px;\n            }\n            \n            .modal-title {\n                font-size: 1.2rem;\n            }\n            \n            .modal-gallery {\n                padding: 15px;\n            }\n            \n            .modal-image {\n                height: 180px;\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 PRINCIPAL -->\n        <div class=\"article-content\">\n   \n            \n            <!-- LISTE DES \u00c9V\u00c9NEMENTS -->\n            <div class=\"events-list\">\n                \n                <!-- \u00c9V\u00c9NEMENT 1 - Visite Minist\u00e9rielle -->\n                <div class=\"event-item\">\n                    <div class=\"event-header\">\n                        <h2 class=\"event-title\">The Minister of Higher Education and Scientific Research Visits the National Higher School of Cybersecurity<\/h2>\n                        <div class=\"event-date\">\n                            <i class=\"fas fa-calendar-alt\"><\/i> December 2025\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"event-content\">\n                        <div class=\"event-text\">\n                            <p>\n                                The Minister of Higher Education and Scientific Research, Professor Kamel BADDARI, paid an official visit to the National Higher School of Cybersecurity, accompanied by the Director General of the Information Systems Security Agency.\n                            <\/p>\n                            <p>\n                                As part of this visit, the Minister toured the School\u2019s incubator, where he reviewed several innovative projects developed by students. He met with the project leaders and attended detailed presentations on innovations and prototypes currently under development in the field of cybersecurity.\n                            <\/p>\n                            <p>\n                               The Minister praised the students\u2019 outstanding level and reaffirmed the sector\u2019s support for such initiatives, which foster innovation and contribute to the development of national technological solutions in line with the challenges of digital sovereignty.\n                            <\/p>\n                            <p>\n                               At the conclusion of the visit, the Minister signed the Golden Register of the National Higher School of Cybersecurity at the main entrance, in the presence of the school\u2019s senior staff, faculty members, and administrative and technical personnel, thus marking the significance of this official visit.\n                            <\/p>\n                        <\/div>\n                        \n                        <button class=\"gallery-btn\" onclick=\"openGallery('visite')\">\n                            <i class=\"fas fa-images\"><\/i> Photo Gallery\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- \u00c9V\u00c9NEMENT 2 - D\u00e9but des examens -->\n                <div class=\"event-item\">\n                    <div class=\"event-header\">\n                        <h2 class=\"event-title\">Launch of First-Semester Examinations at the National Higher School of Cybersecurity<\/h2>\n                        <div class=\"event-date\">\n                            <i class=\"fas fa-calendar-alt\"><\/i> 14 January 2026\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"event-content\">\n                        <div class=\"event-text\">\n                            <p>\n                               The National Higher School of Cybersecurity began the first-semester examinations for all its students on Tuesday, January 14, 2026, under well-organized conditions.\n                            <\/p>\n                            <p>\n                                The examinations are taking place in an atmosphere characterized by discipline, calm, and rigor, thanks to the mobilization of all necessary pedagogical and organizational resources, thus ensuring the smooth conduct of this important academic stage.\n                            <\/p>\n                            <p>\n                                On this occasion, the National Higher School of Cybersecurity extends its encouragement and best wishes for complete success to all its students, wishing them achievement and excellence throughout their university journey.\n                            <\/p>\n                        <\/div>\n                        \n                        <button class=\"gallery-btn\" onclick=\"openGallery('examens')\">\n                            <i class=\"fas fa-images\"><\/i> Photo Gallery\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- \u00c9V\u00c9NEMENT 3 - Formation Nationale -->\n                <div class=\"event-item\">\n                    <div class=\"event-header\">\n                        <h2 class=\"event-title\">First Training Session for State Officials Responsible for Information Systems Security <\/h2>\n                        <div class=\"event-date\">\n                            <i class=\"fas fa-calendar-alt\"><\/i> 9-10 December 2025\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"event-content\">\n                        <div class=\"event-text\">\n                            <p>\n                            The Information Systems Security Agency (ASSI), in coordination with the National Higher School of Cybersecurity (NSCS), organized the first training session for state officials responsible for Information Systems Security.\n                            <\/p>\n                            <p>                              \n                            Held over two days, this session forms part of the implementation of the National Information Systems Security Strategy, specifically its training component. Its objective is to strengthen the technical skills of these officials by familiarizing them with best practices and international standards in Information Systems Security. It also aims to enhance their understanding of the regulatory framework related to cybersecurity, in order to improve the level of protection of the information infrastructures of state institutions and national bodies against the constantly evolving cyber threats.\n                            <\/p>\n                           \n                        <\/div>\n                        \n                        <button class=\"gallery-btn\" onclick=\"openGallery('formation')\">\n                            <i class=\"fas fa-images\"><\/i> Photo Gallery\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<!-- MODALE GALERIE -->\n<div id=\"galleryModal\" class=\"gallery-modal\">\n    <div class=\"modal-content\">\n        <div class=\"modal-header\">\n            <h3 class=\"modal-title\" id=\"modalTitle\">Photo Gallery<\/h3>\n            <button class=\"close-modal\" onclick=\"closeGallery()\">&times;<\/button>\n        <\/div>\n        <div class=\"modal-gallery\">\n            <div class=\"modal-grid\" id=\"modalGrid\">\n                <!-- Les images seront ajout\u00e9es ici par JavaScript -->\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ Donn\u00e9es des images par cat\u00e9gorie\n    const galleryData = {\n        'visite': [\n            \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/01\/600183133_122110769571136336_2906743028729466824_n.jpg\",\n            \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/01\/600221592_122110769499136336_6475782561832027615_n.jpg\",\n            \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/01\/600229419_122110769523136336_9001347896090316972_n.jpg\",\n            \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/02\/ministre.jpg\",\n            \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/01\/600361488_122110772013136336_179838871267991335_n.jpg\",\n            \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/02\/600294018_122110766433136336_6569741370249401362_n.jpg\"\n        ],\n        'examens': [\n            \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/01\/615738062_122117704659136336_3690393011981855916_n.jpg\",\n            \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/01\/615862010_122117705133136336_1148667354439855455_n.jpg\",\n            \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/01\/616196987_122117704029136336_4739186572949273555_n.jpg\",\n            \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/01\/1000003626-scaled.jpg\",\n            \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/01\/616014350_122117704737136336_6892687383016807861_n.jpg\",\n            \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/01\/616795871_122117704425136336_6186683860308428742_n.jpg\"\n        ],\n        'formation': [\n            \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/02\/600164511_122110766025136336_1351265473500942042_n.jpg\",\n            \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/02\/600263605_122110767039136336_2111206986077840022_n.jpg\",\n            \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/02\/ministre.jpg\",\n            \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/01\/600288639_122110772937136336_1598325845812291984_n.jpg\",\n            \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/01\/600206544_122110772661136336_2340165686232037092_n.jpg\",\n            \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/01\/600161428_122110772571136336_6768703253143802125_n.jpg\"\n        ]\n    };\n\n    \/\/ Titres des galeries\n    const galleryTitles = {\n        'visite': 'Official visit to NSCS - December 2025',\n        'examens': 'First-Semester Exams - 14 January 2026',\n        'formation': 'Training Session on Cybersecurity - January 2026'\n    };\n\n    let currentGallery = '';\n\n    function openGallery(galleryType) {\n        currentGallery = galleryType;\n        const modalGrid = document.getElementById('modalGrid');\n        const modalTitle = document.getElementById('modalTitle');\n        \n        \/\/ Vider la galerie actuelle\n        modalGrid.innerHTML = '';\n        \n        \/\/ D\u00e9finir le titre\n        modalTitle.textContent = galleryTitles[galleryType];\n        \n        \/\/ Ajouter les images\n        galleryData[galleryType].forEach((imgSrc, index) => {\n            const imgElement = document.createElement('img');\n            imgElement.src = imgSrc;\n            imgElement.alt = `Photo ${index + 1}`;\n            imgElement.className = 'modal-image';\n            imgElement.loading = 'lazy';\n            modalGrid.appendChild(imgElement);\n        });\n        \n        \/\/ Afficher la modale\n        document.getElementById('galleryModal').style.display = 'block';\n        document.body.style.overflow = 'hidden';\n    }\n\n    function closeGallery() {\n        document.getElementById('galleryModal').style.display = 'none';\n        document.body.style.overflow = 'auto';\n    }\n\n    \/\/ Fermer la modale avec la touche \u00c9chap\n    document.addEventListener('keydown', function(e) {\n        if (e.key === 'Escape') {\n            closeGallery();\n        }\n    });\n\n    \/\/ Fermer en cliquant \u00e0 l'ext\u00e9rieur\n    document.getElementById('galleryModal').addEventListener('click', function(e) {\n        if (e.target === this) {\n            closeGallery();\n        }\n    });\n\n    \/\/ Animation des \u00e9v\u00e9nements au d\u00e9filement\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Ajustement pour le menu WordPress\n        function adjustForWordPressMenu() {\n            const header = document.querySelector('header') || document.querySelector('.site-header') || document.querySelector('#masthead');\n            \n            if (header) {\n                const headerHeight = header.offsetHeight;\n                const wrapper = document.querySelector('.full-width-wrapper');\n                \n                if (wrapper) {\n                    \/\/ Ajouter 20px de marge suppl\u00e9mentaire\n                    wrapper.style.paddingTop = (headerHeight + 20) + 'px';\n                }\n            } else {\n                \/\/ Valeur par d\u00e9faut si aucun menu d\u00e9tect\u00e9\n                const wrapper = document.querySelector('.full-width-wrapper');\n                if (wrapper) {\n                    wrapper.style.paddingTop = '100px';\n                }\n            }\n        }\n        \n        \/\/ Appeler au chargement\n        adjustForWordPressMenu();\n        \n        \/\/ R\u00e9ajuster si la fen\u00eatre change de taille\n        window.addEventListener('resize', adjustForWordPressMenu);\n        \n        \/\/ R\u00e9ajuster apr\u00e8s un d\u00e9lai pour les menus dynamiques\n        setTimeout(adjustForWordPressMenu, 500);\n        setTimeout(adjustForWordPressMenu, 1000);\n        \n        \/\/ Animation des \u00e9v\u00e9nements\n        const eventItems = document.querySelectorAll('.event-item');\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 * 150);\n                }\n            });\n        }, { threshold: 0.1 });\n        \n        eventItems.forEach((item, index) => {\n            item.style.opacity = '0';\n            item.style.transform = 'translateY(30px)';\n            item.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n            item.style.transitionDelay = `${index * 0.1}s`;\n            observer.observe(item);\n        });\n        \n        \/\/ Animation du titre\n        const pageTitle = document.querySelector('.page-title');\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        \/\/ Animation des boutons\n        const galleryBtns = document.querySelectorAll('.gallery-btn');\n        galleryBtns.forEach((btn, index) => {\n            btn.style.opacity = '0';\n            btn.style.transform = 'scale(0.95)';\n            btn.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n            btn.style.transitionDelay = `${0.5 + (index * 0.1)}s`;\n            \n            setTimeout(() => {\n                btn.style.opacity = '1';\n                btn.style.transform = 'scale(1)';\n            }, 600 + (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>News &#038; Announcements &#8211; NSCS The Minister of Higher Education and Scientific Research Visits the National Higher School of Cybersecurity December 2025 The Minister of Higher Education and Scientific Research, Professor Kamel BADDARI, paid an official visit to the National Higher School of Cybersecurity, accompanied by the Director General of the Information Systems Security Agency. [&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-11787","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/11787","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=11787"}],"version-history":[{"count":5,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/11787\/revisions"}],"predecessor-version":[{"id":12662,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/11787\/revisions\/12662"}],"wp:attachment":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11787"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}