{"id":13061,"date":"2026-05-03T13:40:48","date_gmt":"2026-05-03T11:40:48","guid":{"rendered":"https:\/\/www.enscs.edu.dz\/?p=13061"},"modified":"2026-05-03T13:54:06","modified_gmt":"2026-05-03T11:54:06","slug":"programme-invite-du-mois-conference-sur-la-securite-des-systemes-dinformation","status":"publish","type":"post","link":"https:\/\/www.enscs.edu.dz\/?p=13061","title":{"rendered":"Programme \u00ab Invit\u00e9 du mois \u00bb : Conf\u00e9rence sur la s\u00e9curit\u00e9 des syst\u00e8mes d\u2019information pr\u00e9sent\u00e9e par Mr Samir Alilouche"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"13061\" class=\"elementor elementor-13061\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eef0245 e-flex e-con-boxed e-con e-parent\" data-id=\"eef0245\" 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-1ce153d elementor-widget elementor-widget-html\" data-id=\"1ce153d\" 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>ENSCS - Programme \u00ab Invit\u00e9 du mois \u00bb | Conf\u00e9rence sur la s\u00e9curit\u00e9 des syst\u00e8mes d'information<\/title>\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-color: #2a8c47;\n            --accent-hover: #1a6e35;\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        }\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: 40px 20px;\n            background: linear-gradient(135deg, #f8fafc 0%, #eef2f5 100%);\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        \/* ===== EN-T\u00caTE ===== *\/\n        .page-header {\n            margin-bottom: 30px;\n            text-align: center;\n        }\n\n        .page-header h1 {\n            font-size: 2rem;\n            color: #1a3c2e;\n            margin-bottom: 15px;\n            font-weight: 700;\n            position: relative;\n            display: inline-block;\n            padding-bottom: 12px;\n        }\n\n        .page-header h1:after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background-color: var(--accent-color);\n        }\n\n        .page-date {\n            display: inline-block;\n            background-color: #e8f5e9;\n            color: var(--accent-hover);\n            padding: 6px 16px;\n            border-radius: 30px;\n            font-size: 0.85rem;\n            font-weight: 600;\n            margin-top: 10px;\n        }\n\n        .event-speaker {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background-color: #e8f5e9;\n            color: var(--accent-hover);\n            padding: 6px 16px;\n            border-radius: 30px;\n            font-size: 0.85rem;\n            font-weight: 600;\n            margin-top: 12px;\n            margin-left: 10px;\n        }\n\n        \/* ===== CONTENU ARTICLE ===== *\/\n        .article-content {\n            background: var(--card-bg);\n            padding: 50px;\n            border-radius: 20px;\n            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);\n            margin-bottom: 40px;\n        }\n\n        .article-text {\n            font-size: 1.15rem;\n            line-height: 1.8;\n            color: #2d3748;\n        }\n\n        .article-text p {\n            margin-bottom: 1.8em;\n            text-align: justify;\n        }\n\n        .article-text p:last-child {\n            margin-bottom: 0;\n        }\n\n        .thank-you-note {\n            background-color: #f0f7f2;\n            padding: 20px 25px;\n            border-radius: 16px;\n            margin-top: 25px;\n            border-left: 4px solid var(--accent-color);\n            font-style: italic;\n            color: #2d3748;\n        }\n\n        .thank-you-note i {\n            color: var(--accent-color);\n            margin-right: 8px;\n        }\n\n        \/* ===== GALERIE D'IMAGES ===== *\/\n        .gallery-section {\n            margin: 50px 0 0 0;\n        }\n\n        .gallery-title {\n            font-size: 1.6rem;\n            color: #1a3c2e;\n            margin-bottom: 25px;\n            font-weight: 700;\n            border-left: 4px solid var(--accent-color);\n            padding-left: 18px;\n        }\n\n        .gallery-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n            gap: 25px;\n            width: 100%;\n        }\n\n        .gallery-item {\n            background: var(--card-bg);\n            border-radius: 12px;\n            overflow: hidden;\n            box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);\n            cursor: pointer;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n\n        .gallery-item:hover {\n            transform: translateY(-6px);\n            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15);\n        }\n\n        .gallery-item img {\n            width: 100%;\n            height: 240px;\n            object-fit: cover;\n            display: block;\n            transition: transform 0.4s ease;\n        }\n\n        .gallery-item:hover img {\n            transform: scale(1.02);\n        }\n\n        \/* ===== LIGHTBOX ===== *\/\n        .lightbox {\n            display: none;\n            position: fixed;\n            z-index: 1000;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-color: rgba(0, 0, 0, 0.95);\n            overflow: hidden;\n        }\n\n        .lightbox-content {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            height: 100%;\n            width: 100%;\n            padding: 20px;\n            box-sizing: border-box;\n        }\n\n        .lightbox-image {\n            max-width: 90%;\n            max-height: 85%;\n            object-fit: contain;\n            border-radius: 8px;\n        }\n\n        .close-lightbox {\n            position: absolute;\n            top: 25px;\n            right: 35px;\n            color: white;\n            font-size: 45px;\n            font-weight: bold;\n            cursor: pointer;\n            transition: color 0.3s;\n            z-index: 1001;\n        }\n\n        .close-lightbox:hover {\n            color: #ccc;\n        }\n\n        .lightbox-nav {\n            position: absolute;\n            top: 50%;\n            width: 100%;\n            display: flex;\n            justify-content: space-between;\n            transform: translateY(-50%);\n            padding: 0 25px;\n            box-sizing: border-box;\n            z-index: 1001;\n        }\n\n        .lightbox-nav-btn {\n            background: rgba(255, 255, 255, 0.2);\n            border: none;\n            color: white;\n            font-size: 32px;\n            cursor: pointer;\n            padding: 12px 24px;\n            border-radius: 50%;\n            transition: background 0.3s;\n        }\n\n        .lightbox-nav-btn:hover {\n            background: rgba(255, 255, 255, 0.4);\n        }\n\n        \/* ===== BOUTON RETOUR ===== *\/\n        .back-button {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            background-color: var(--accent-color);\n            color: white;\n            padding: 12px 28px;\n            border-radius: 50px;\n            text-decoration: none;\n            font-weight: 600;\n            margin-top: 30px;\n            transition: all 0.3s ease;\n            border: 2px solid var(--accent-color);\n        }\n\n        .back-button:hover {\n            background-color: var(--accent-hover);\n            transform: translateY(-3px);\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\n            border-color: var(--accent-hover);\n        }\n\n        \/* ===== RESPONSIVE ===== *\/\n        @media (max-width: 1200px) {\n            .content-container {\n                max-width: 95%;\n            }\n            \n            .gallery-grid {\n                grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n                gap: 20px;\n            }\n        }\n\n        @media (max-width: 992px) {\n            .full-width-wrapper {\n                padding: 30px 15px;\n            }\n            \n            .content-container {\n                padding: 0 15px;\n            }\n            \n            .article-content {\n                padding: 40px 30px;\n            }\n            \n            .article-text {\n                font-size: 1.1rem;\n            }\n            \n            .gallery-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n            \n            .gallery-item img {\n                height: 220px;\n            }\n            \n            .page-header h1 {\n                font-size: 1.6rem;\n            }\n            \n            .gallery-title {\n                font-size: 1.4rem;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .full-width-wrapper {\n                padding: 25px 10px;\n            }\n            \n            .content-container {\n                padding: 0 10px;\n            }\n            \n            .article-content {\n                padding: 30px 20px;\n            }\n            \n            .article-text {\n                font-size: 1.05rem;\n            }\n            \n            .gallery-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .gallery-item img {\n                height: 240px;\n            }\n            \n            .page-header h1 {\n                font-size: 1.3rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .full-width-wrapper {\n                padding: 20px 10px;\n            }\n            \n            .article-content {\n                padding: 25px 15px;\n            }\n            \n            .article-text {\n                font-size: 1rem;\n            }\n            \n            .gallery-item img {\n                height: 200px;\n            }\n            \n            .lightbox-nav-btn {\n                padding: 8px 16px;\n                font-size: 24px;\n            }\n            \n            .close-lightbox {\n                font-size: 35px;\n                right: 20px;\n                top: 15px;\n            }\n        }\n    <\/style>\n<\/head>\n\n<body>\n\n<div class=\"full-width-wrapper\">\n    <div class=\"content-container\">\n\n        \n\n        <!-- CONTENU PRINCIPAL -->\n        <div class=\"article-content\">\n            <div class=\"article-text\">\n                <p>\n                    Dans le cadre du programme \u00ab Invit\u00e9 du mois \u00bb, l'\u00c9cole Nationale Sup\u00e9rieure en Cybers\u00e9curit\u00e9 (ENSCS) a organis\u00e9, le 21 avril 2026, une conf\u00e9rence scientifique anim\u00e9e par Monsieur Samir Alilouche, Directeur de la S\u00e9curit\u00e9 des Syst\u00e8mes d'Information \u00e0 la banque CNEP.\n                <\/p>\n\n                <p>\n                    Cette conf\u00e9rence a port\u00e9 sur plusieurs th\u00e9matiques li\u00e9es \u00e0 la s\u00e9curit\u00e9 des syst\u00e8mes d'information, notamment les d\u00e9fis auxquels sont confront\u00e9es les institutions financi\u00e8res face \u00e0 l'\u00e9volution rapide des cybermenaces, ainsi que les principaux m\u00e9canismes mis en \u0153uvre en mati\u00e8re de protection et de gestion des risques num\u00e9riques.\n                <\/p>\n\n                <p>\n                    Cette rencontre a \u00e9galement constitu\u00e9 une opportunit\u00e9 scientifique enrichissante pour les \u00e9tudiants de l'\u00c9cole, leur permettant de d\u00e9couvrir des retours d'exp\u00e9rience concrets et sp\u00e9cialis\u00e9s, tout en renfor\u00e7ant leurs connaissances dans le domaine de la cybers\u00e9curit\u00e9 \u00e0 travers des \u00e9changes interactifs et constructifs avec l'intervenant.\n                <\/p>\n\n                <div class=\"thank-you-note\">\n                    \u00c0 cette occasion, la Direction de l'\u00c9cole Nationale Sup\u00e9rieure en Cybers\u00e9curit\u00e9 adresse ses sinc\u00e8res remerciements et sa profonde gratitude \u00e0 Monsieur Samir Alilouche pour avoir r\u00e9pondu favorablement \u00e0 l'invitation et contribu\u00e9 \u00e0 l'enrichissement de cette rencontre scientifique.\n                <\/div>\n            <\/div>\n\n            <!-- GALERIE D'IMAGES -->\n            <div class=\"gallery-section\">\n                <div class=\"gallery-title\">\n                    <i class=\"fas fa-images\" style=\"margin-right: 12px; color: var(--accent-color);\"><\/i> Galerie photos\n                <\/div>\n                <div class=\"gallery-grid\" id=\"galleryGrid\">\n                    <!-- Les 6 photos seront g\u00e9n\u00e9r\u00e9es par JavaScript -->\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n      \n\n    <\/div>\n<\/div>\n\n<!-- LIGHTBOX -->\n<div id=\"lightbox\" class=\"lightbox\">\n    <span class=\"close-lightbox\" onclick=\"closeLightbox()\">&times;<\/span>\n    <div class=\"lightbox-nav\">\n        <button class=\"lightbox-nav-btn\" onclick=\"changeImage(-1)\">&#10094;<\/button>\n        <button class=\"lightbox-nav-btn\" onclick=\"changeImage(1)\">&#10095;<\/button>\n    <\/div>\n    <div class=\"lightbox-content\">\n        <img decoding=\"async\" id=\"lightbox-img\" class=\"lightbox-image\" src=\"\" alt=\"\">\n    <\/div>\n<\/div>\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<script>\n    \/\/ Liste des 6 photos pour la conf\u00e9rence \"Invit\u00e9 du mois\"\n    const galleryImages = [\n        { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/05\/679871086_122133229407136336_7952069724472648329_n.jpg\" },\n        { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/05\/679765370_122133229641136336_5079745005561544360_n.jpg\" },\n        { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/05\/679077419_122133229401136336_4619910549946652505_n.jpg\" },\n        { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/05\/678959629_122133229839136336_4010707775895723166_n.jpg\" },\n        { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/05\/678919163_122133229875136336_7451937891752455955_n.jpg\" },\n        { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/05\/678768487_122133229395136336_907038501810765204_n.jpg\" }\n    ];\n\n    let currentImageIndex = 0;\n\n    \/\/ G\u00e9n\u00e9rer la galerie dynamiquement\n    function generateGallery() {\n        const galleryGrid = document.getElementById('galleryGrid');\n        if (!galleryGrid) return;\n\n        galleryGrid.innerHTML = '';\n        \n        galleryImages.forEach((image, index) => {\n            const galleryItem = document.createElement('div');\n            galleryItem.className = 'gallery-item';\n            galleryItem.onclick = () => openLightbox(index);\n            \n            const img = document.createElement('img');\n            img.src = image.src;\n            img.alt = `Conf\u00e9rence Invit\u00e9 du mois ENSCS - Photo ${index + 1}`;\n            img.loading = 'lazy';\n            \n            galleryItem.appendChild(img);\n            galleryGrid.appendChild(galleryItem);\n        });\n    }\n\n    function openLightbox(index) {\n        currentImageIndex = index;\n        updateLightbox();\n        document.getElementById('lightbox').style.display = 'block';\n        document.body.style.overflow = 'hidden';\n    }\n\n    function closeLightbox() {\n        document.getElementById('lightbox').style.display = 'none';\n        document.body.style.overflow = 'auto';\n    }\n\n    function changeImage(direction) {\n        currentImageIndex += direction;\n        \n        if (currentImageIndex < 0) {\n            currentImageIndex = galleryImages.length - 1;\n        } else if (currentImageIndex >= galleryImages.length) {\n            currentImageIndex = 0;\n        }\n        \n        updateLightbox();\n    }\n\n    function updateLightbox() {\n        const lightboxImg = document.getElementById('lightbox-img');\n        if (lightboxImg) {\n            lightboxImg.src = galleryImages[currentImageIndex].src;\n        }\n    }\n\n    \/\/ Navigation clavier\n    document.addEventListener('keydown', function(e) {\n        const lightbox = document.getElementById('lightbox');\n        if (lightbox && lightbox.style.display !== 'block') return;\n        \n        if (e.key === 'Escape') {\n            closeLightbox();\n        }\n        if (e.key === 'ArrowLeft') {\n            changeImage(-1);\n        }\n        if (e.key === 'ArrowRight') {\n            changeImage(1);\n        }\n    });\n\n    \/\/ Fermer en cliquant \u00e0 l'ext\u00e9rieur\n    const lightbox = document.getElementById('lightbox');\n    if (lightbox) {\n        lightbox.addEventListener('click', function(e) {\n            if (e.target === this) {\n                closeLightbox();\n            }\n        });\n    }\n\n    \/\/ Initialiser la galerie au chargement\n    document.addEventListener('DOMContentLoaded', generateGallery);\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>ENSCS &#8211; Programme \u00ab Invit\u00e9 du mois \u00bb | Conf\u00e9rence sur la s\u00e9curit\u00e9 des syst\u00e8mes d&#8217;information Dans le cadre du programme \u00ab Invit\u00e9 du mois \u00bb, l&#8217;\u00c9cole Nationale Sup\u00e9rieure en Cybers\u00e9curit\u00e9 (ENSCS) a organis\u00e9, le 21 avril 2026, une conf\u00e9rence scientifique anim\u00e9e par Monsieur Samir Alilouche, Directeur de la S\u00e9curit\u00e9 des Syst\u00e8mes d&#8217;Information \u00e0 la [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[98],"tags":[],"class_list":["post-13061","post","type-post","status-publish","format-standard","hentry","category-tous-les-rticles"],"_links":{"self":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/posts\/13061","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13061"}],"version-history":[{"count":5,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/posts\/13061\/revisions"}],"predecessor-version":[{"id":13072,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/posts\/13061\/revisions\/13072"}],"wp:attachment":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13061"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=13061"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=13061"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}