ENSCS - Journ\u00e9e Portes Ouvertes | Pr\u00e9sentation des sp\u00e9cialit\u00e9s acad\u00e9miques<\/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 \/* ===== 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 \/* ===== 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 \n <div class=\"article-content\">\n <div class=\"article-text\">\n <p>\n Dans le cadre de la promotion des sp\u00e9cialit\u00e9s acad\u00e9miques et du renforcement de la communication avec les \u00e9tudiants, et sous la supervision de Monsieur le Directeur, le Professeur Riyahla Mohamed Amine, l'\u00c9cole Nationale Sup\u00e9rieure en Cybers\u00e9curit\u00e9 (ENSCS) a organis\u00e9, ce 30 avril 2026, \u00e0 l'amphith\u00e9\u00e2tre 01, une journ\u00e9e portes ouvertes consacr\u00e9e aux sp\u00e9cialit\u00e9s qui seront ouvertes au titre de la prochaine ann\u00e9e universitaire.\n <\/p>\n\n <p>\n Cet \u00e9v\u00e9nement a connu une participation remarquable des \u00e9tudiants, ainsi que des enseignants, qui ont pr\u00e9sent\u00e9 des explications d\u00e9taill\u00e9es sur les diff\u00e9rentes sp\u00e9cialit\u00e9s, leurs objectifs p\u00e9dagogiques ainsi que leurs perspectives professionnelles. Cette rencontre a ainsi offert aux participants une meilleure compr\u00e9hension des opportunit\u00e9s qui s'offrent \u00e0 eux, afin de les accompagner dans leurs choix futurs et l'orientation r\u00e9fl\u00e9chie de leur parcours acad\u00e9mique.\n <\/p>\n\n <p>\n Cette initiative s'inscrit dans les efforts continus de l'\u00c9cole visant \u00e0 accompagner les \u00e9tudiants et \u00e0 leur fournir les informations n\u00e9cessaires pour prendre des d\u00e9cisions \u00e9clair\u00e9es concernant leur avenir acad\u00e9mique et professionnel.\n <\/p>\n <\/div>\n\n \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 \n <\/div>\n <\/div>\n\n <\/div>\n\n \n\n <\/div>\n<\/div>\n\n\n<div id=\"lightbox\" class=\"lightbox\">\n <span class=\"close-lightbox\" onclick=\"closeLightbox()\">×<\/span>\n <div class=\"lightbox-nav\">\n <button class=\"lightbox-nav-btn\" onclick=\"changeImage(-1)\">❮<\/button>\n <button class=\"lightbox-nav-btn\" onclick=\"changeImage(1)\">❯<\/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\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 9 photos pour la journ\u00e9e portes ouvertes\n const galleryImages = [\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/05\/687027200_122134047327136336_3680422084580196828_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/05\/687033585_122134047861136336_5943592002529835255_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/05\/687035851_122134047945136336_1054414041239529052_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/05\/687037805_122134047729136336_5122313879799596920_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/05\/684687583_122134047555136336_6875751398859463276_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/05\/686166263_122134047561136336_3520893073006700144_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/05\/686199414_122134047393136336_1185869901622609350_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/05\/687027191_122134047717136336_4665795488002220256_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/05\/687027266_122134047417136336_1697731011484766487_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 = `Journ\u00e9e Portes Ouvertes 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 – Journ\u00e9e Portes Ouvertes | Pr\u00e9sentation des sp\u00e9cialit\u00e9s acad\u00e9miques Dans le cadre de la promotion des sp\u00e9cialit\u00e9s acad\u00e9miques et du renforcement de la communication avec les \u00e9tudiants, et sous la supervision de Monsieur le Directeur, le Professeur Riyahla Mohamed Amine, l’\u00c9cole Nationale Sup\u00e9rieure en Cybers\u00e9curit\u00e9 (ENSCS) a organis\u00e9, ce 30 avril 2026, \u00e0 l’amphith\u00e9\u00e2tre […]<\/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-13042","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\/13042","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=13042"}],"version-history":[{"count":4,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/posts\/13042\/revisions"}],"predecessor-version":[{"id":13054,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/posts\/13042\/revisions\/13054"}],"wp:attachment":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13042"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=13042"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=13042"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n ENSCS - Journ\u00e9e Portes Ouvertes | Pr\u00e9sentation des sp\u00e9cialit\u00e9s acad\u00e9miques<\/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 \/* ===== 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 \/* ===== 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 \n <div class=\"article-content\">\n <div class=\"article-text\">\n <p>\n Dans le cadre de la promotion des sp\u00e9cialit\u00e9s acad\u00e9miques et du renforcement de la communication avec les \u00e9tudiants, et sous la supervision de Monsieur le Directeur, le Professeur Riyahla Mohamed Amine, l'\u00c9cole Nationale Sup\u00e9rieure en Cybers\u00e9curit\u00e9 (ENSCS) a organis\u00e9, ce 30 avril 2026, \u00e0 l'amphith\u00e9\u00e2tre 01, une journ\u00e9e portes ouvertes consacr\u00e9e aux sp\u00e9cialit\u00e9s qui seront ouvertes au titre de la prochaine ann\u00e9e universitaire.\n <\/p>\n\n <p>\n Cet \u00e9v\u00e9nement a connu une participation remarquable des \u00e9tudiants, ainsi que des enseignants, qui ont pr\u00e9sent\u00e9 des explications d\u00e9taill\u00e9es sur les diff\u00e9rentes sp\u00e9cialit\u00e9s, leurs objectifs p\u00e9dagogiques ainsi que leurs perspectives professionnelles. Cette rencontre a ainsi offert aux participants une meilleure compr\u00e9hension des opportunit\u00e9s qui s'offrent \u00e0 eux, afin de les accompagner dans leurs choix futurs et l'orientation r\u00e9fl\u00e9chie de leur parcours acad\u00e9mique.\n <\/p>\n\n <p>\n Cette initiative s'inscrit dans les efforts continus de l'\u00c9cole visant \u00e0 accompagner les \u00e9tudiants et \u00e0 leur fournir les informations n\u00e9cessaires pour prendre des d\u00e9cisions \u00e9clair\u00e9es concernant leur avenir acad\u00e9mique et professionnel.\n <\/p>\n <\/div>\n\n \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 \n <\/div>\n <\/div>\n\n <\/div>\n\n \n\n <\/div>\n<\/div>\n\n\n<div id=\"lightbox\" class=\"lightbox\">\n <span class=\"close-lightbox\" onclick=\"closeLightbox()\">×<\/span>\n <div class=\"lightbox-nav\">\n <button class=\"lightbox-nav-btn\" onclick=\"changeImage(-1)\">❮<\/button>\n <button class=\"lightbox-nav-btn\" onclick=\"changeImage(1)\">❯<\/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\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 9 photos pour la journ\u00e9e portes ouvertes\n const galleryImages = [\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/05\/687027200_122134047327136336_3680422084580196828_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/05\/687033585_122134047861136336_5943592002529835255_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/05\/687035851_122134047945136336_1054414041239529052_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/05\/687037805_122134047729136336_5122313879799596920_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/05\/684687583_122134047555136336_6875751398859463276_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/05\/686166263_122134047561136336_3520893073006700144_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/05\/686199414_122134047393136336_1185869901622609350_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/05\/687027191_122134047717136336_4665795488002220256_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/05\/687027266_122134047417136336_1697731011484766487_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 = `Journ\u00e9e Portes Ouvertes 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 – Journ\u00e9e Portes Ouvertes | Pr\u00e9sentation des sp\u00e9cialit\u00e9s acad\u00e9miques Dans le cadre de la promotion des sp\u00e9cialit\u00e9s acad\u00e9miques et du renforcement de la communication avec les \u00e9tudiants, et sous la supervision de Monsieur le Directeur, le Professeur Riyahla Mohamed Amine, l’\u00c9cole Nationale Sup\u00e9rieure en Cybers\u00e9curit\u00e9 (ENSCS) a organis\u00e9, ce 30 avril 2026, \u00e0 l’amphith\u00e9\u00e2tre […]<\/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-13042","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\/13042","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=13042"}],"version-history":[{"count":4,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/posts\/13042\/revisions"}],"predecessor-version":[{"id":13054,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/posts\/13042\/revisions\/13054"}],"wp:attachment":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13042"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=13042"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=13042"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}