{"id":8827,"date":"2025-12-13T02:21:12","date_gmt":"2025-12-13T01:21:12","guid":{"rendered":"https:\/\/www.enscs.edu.dz\/?page_id=8827"},"modified":"2026-03-05T12:39:46","modified_gmt":"2026-03-05T11:39:46","slug":"actualites-et-annonces","status":"publish","type":"page","link":"https:\/\/www.enscs.edu.dz\/?page_id=8827","title":{"rendered":"Actualit\u00e9s et Annonces"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8827\" class=\"elementor elementor-8827\">\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>Actualit\u00e9s & Annonces - 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        :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\">Le Ministre de l'Enseignement Sup\u00e9rieur et de la Recherche Scientifique en visite \u00e0 l'\u00c9cole Nationale Sup\u00e9rieure de Cybers\u00e9curit\u00e9<\/h2>\n                        <div class=\"event-date\">\n                            <i class=\"fas fa-calendar-alt\"><\/i> D\u00e9cembre 2025\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"event-content\">\n                        <div class=\"event-text\">\n                            <p>\n                                Le Ministre de l'Enseignement Sup\u00e9rieur et de la Recherche Scientifique, le Professeur Kamel BADDARI, a effectu\u00e9 une visite officielle \u00e0 l'\u00c9cole Nationale Sup\u00e9rieure de Cybers\u00e9curit\u00e9, accompagn\u00e9 du Directeur G\u00e9n\u00e9ral de l'Agence de la S\u00e9curit\u00e9 des Syst\u00e8mes d'Information.\n\n                            <\/p>\n                            <p>\n                                Dans le cadre de cette visite, le Ministre s'est rendu \u00e0 l'incubateur de l'\u00c9cole, o\u00f9 il a pris connaissance de plusieurs projets innovants d\u00e9velopp\u00e9s par les \u00e9tudiants. Il a rencontr\u00e9 les porteurs de projets et a suivi des pr\u00e9sentations d\u00e9taill\u00e9es portant sur les innovations et les prototypes en cours de d\u00e9veloppement dans le domaine de la cybers\u00e9curit\u00e9.\n\n\n                            <\/p>\n                            <p>\n                               Monsieur le Ministre a salu\u00e9 le niveau remarquable des \u00e9tudiants et a r\u00e9affirm\u00e9 le soutien du secteur \u00e0 ce type d'initiatives, qui encouragent l'innovation et contribuent au d\u00e9veloppement de solutions technologiques nationales, en lien avec les enjeux de souverainet\u00e9 num\u00e9rique.\n\n                            <\/p>\n                            <p>\n                                \u00c0 l'issue de cette visite, Monsieur le Ministre a proc\u00e9d\u00e9 \u00e0 la signature du registre d'or de l'\u00c9cole Nationale Sup\u00e9rieure de Cybers\u00e9curit\u00e9, \u00e0 l'entr\u00e9e principale, en pr\u00e9sence des cadres de l'\u00e9cole, des enseignants et du personnel administratif et technique, marquant ainsi l'importance de cette visite officielle.\n                            <\/p>\n                        <\/div>\n                        \n                        <button class=\"gallery-btn\" onclick=\"openGallery('visite')\">\n                            <i class=\"fas fa-images\"><\/i> Voir la galerie photo\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\">D\u00e9marrage des examens du premier semestre \u00e0 l'\u00c9cole Nationale Sup\u00e9rieure de Cybers\u00e9curit\u00e9<\/h2>\n                        <div class=\"event-date\">\n                            <i class=\"fas fa-calendar-alt\"><\/i> 14 Janvier 2026\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"event-content\">\n                        <div class=\"event-text\">\n                            <p>\n                               L'\u00c9cole Nationale Sup\u00e9rieure de Cybers\u00e9curit\u00e9 a entam\u00e9, ce mardi 14 janvier 2026, les examens du premier semestre au profit de l'ensemble de ses \u00e9tudiants, dans de bonnes conditions organisationnelles.\n\n\n\n\n                            <\/p>\n                            <p>\n                                Les examens se d\u00e9roulent dans une atmosph\u00e8re empreinte de discipline, de s\u00e9r\u00e9nit\u00e9 et de rigueur, gr\u00e2ce \u00e0 la mobilisation de tous les moyens p\u00e9dagogiques et organisationnels n\u00e9cessaires, garantissant ainsi le bon d\u00e9roulement de cette \u00e9tape acad\u00e9mique importante.\n\n                            <\/p>\n                            <p>\n                                \u00c0 cette occasion, l'\u00c9cole Nationale Sup\u00e9rieure de Cybers\u00e9curit\u00e9 adresse ses encouragements et ses v\u0153ux de pleine r\u00e9ussite \u00e0 l'ensemble de ses \u00e9tudiants, leur souhaitant succ\u00e8s et excellence tout au long de leur parcours universitaire.\n\n                            <\/p>\n                        <\/div>\n                        \n                        <button class=\"gallery-btn\" onclick=\"openGallery('examens')\">\n                            <i class=\"fas fa-images\"><\/i> Voir la galerie photo\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\">Premi\u00e8re session de formation pour les Cadres de l'Etat charg\u00e9s de la S\u00e9curit\u00e9 des Syst\u00e8mes d'Information <\/h2>\n                        <div class=\"event-date\">\n                            <i class=\"fas fa-calendar-alt\"><\/i> Janvier 2026\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"event-content\">\n                        <div class=\"event-text\">\n                            <p>\n                              \nL'Agence de la S\u00e9curit\u00e9 des Syst\u00e8mes d'Information (ASSI) a organis\u00e9, en coordination avec l'\u00c9cole Nationale Sup\u00e9rieure de Cybers\u00e9curit\u00e9 (ENSCS), la premi\u00e8re session de formation pour les cadres de l'Etat charg\u00e9s de la S\u00e9curit\u00e9 des Syst\u00e8mes d'Information.\n\n                            <\/p>\n                            <p>\n                                Organis\u00e9e sur deux jours, cette session s'inscrit dans le cadre de la mise en \u0153uvre de la Strat\u00e9gie Nationale de S\u00e9curit\u00e9 des Syst\u00e8mes d'Information, dans son volet relatif \u00e0 la formation. Elle a pour objectif de consolider les comp\u00e9tences techniques de ces Cadres, en les familiarisant avec les meilleures pratiques et normes internationales en mati\u00e8re de S\u00e9curit\u00e9 des Syst\u00e8mes d'Information. Elle vise \u00e9galement \u00e0 renforcer leur ma\u00eetrise du cadre r\u00e9glementaire relatif \u00e0 la cybers\u00e9curit\u00e9, afin d'am\u00e9liorer le niveau de protection des infrastructures informationnelles des institutions de l'\u00c9tat et des organismes nationaux, face \u00e0 l'\u00e9volution constante des cybermenaces.\n                            <\/p>\n                           \n                        <\/div>\n                        \n                        <button class=\"gallery-btn\" onclick=\"openGallery('formation')\">\n                            <i class=\"fas fa-images\"><\/i> Voir la galerie photo\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\">Galerie Photos<\/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': 'Visite Minist\u00e9rielle - D\u00e9cembre 2025',\n        'examens': 'Examens du 1er semestre - 14 Janvier 2026',\n        'formation': 'Formation Nationale en Cybers\u00e9curit\u00e9 - Janvier 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>Actualit\u00e9s &#038; Annonces &#8211; ENSCS Le Ministre de l&#8217;Enseignement Sup\u00e9rieur et de la Recherche Scientifique en visite \u00e0 l&#8217;\u00c9cole Nationale Sup\u00e9rieure de Cybers\u00e9curit\u00e9 D\u00e9cembre 2025 Le Ministre de l&#8217;Enseignement Sup\u00e9rieur et de la Recherche Scientifique, le Professeur Kamel BADDARI, a effectu\u00e9 une visite officielle \u00e0 l&#8217;\u00c9cole Nationale Sup\u00e9rieure de Cybers\u00e9curit\u00e9, accompagn\u00e9 du Directeur G\u00e9n\u00e9ral de [&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-8827","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/8827","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=8827"}],"version-history":[{"count":5,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/8827\/revisions"}],"predecessor-version":[{"id":12665,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/8827\/revisions\/12665"}],"wp:attachment":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8827"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}