ENSCS - Sorties P\u00e9dagogiques 2\u00e8me Ann\u00e9e | Immersion professionnelle<\/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: #2b6cb0;\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, #f8f9fa 0%, #e9ecef 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 \/* ===== CONTENU ARTICLE ===== *\/\n .article-content {\n background: var(--card-bg);\n padding: 50px;\n border-radius: 12px;\n box-shadow: 0 5px 25px 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 \/* ===== GALERIE D'IMAGES ===== *\/\n .gallery-section {\n margin: 60px 0 20px 0;\n }\n\n .gallery-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 25px;\n width: 100%;\n }\n\n .gallery-item {\n background: var(--card-bg);\n border-radius: 8px;\n overflow: hidden;\n box-shadow: 0 4px 12px 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(-5px);\n box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n }\n\n .gallery-item img {\n width: 100%;\n height: 250px;\n object-fit: cover;\n display: block;\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: 80%;\n object-fit: contain;\n border-radius: 5px;\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.3);\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(300px, 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\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\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 <\/style>\n<\/head>\n\n<body>\n\n<div class=\"full-width-wrapper\">\n <div class=\"content-container\">\n\n \n <div class=\"article-content\">\n <div class=\"article-text\">\n <p>\n Le 14 avril 2026, dans le cadre du renforcement de la formation pratique et de la mise en relation des connaissances th\u00e9oriques avec le monde professionnel, l'\u00c9cole Nationale Sup\u00e9rieure en Cybers\u00e9curit\u00e9 (ENSCS) a organis\u00e9 des sorties de terrain au profit des \u00e9tudiants de deuxi\u00e8me ann\u00e9e.\n <\/p>\n\n <p>\n Ces visites ont concern\u00e9 plusieurs institutions de premier plan, \u00e0 savoir Alg\u00e9rie T\u00e9l\u00e9com, Institut Alg\u00e9rien du P\u00e9trole (IAP), Centre de D\u00e9veloppement des Technologies Avanc\u00e9es (CDTA), Centre de Recherche sur l'Information Scientifique et Technique (CERIST), CNEP Banque, ainsi que l'entreprise priv\u00e9e CYBEARS.\n <\/p>\n\n <p>\n Cette initiative s'inscrit dans une d\u00e9marche visant \u00e0 offrir aux \u00e9tudiants une immersion concr\u00e8te dans des environnements professionnels r\u00e9els. Elle leur permet de d\u00e9velopper des comp\u00e9tences pratiques, de mieux appr\u00e9hender les exigences du march\u00e9 du travail et d'enrichir leur parcours acad\u00e9mique tout en \u00e9largissant leurs perspectives professionnelles.\n <\/p>\n <\/div>\n\n \n <div class=\"gallery-section\">\n <div class=\"gallery-grid\" id=\"galleryGrid\">\n \n <\/div>\n <\/div>\n\n <\/div>\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<script>\n \/\/ Liste des 12 photos (11 originales + 1 nouvelle)\n const galleryImages = [\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/671324471_1365339738971110_905360567830430519_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/671547196_122132142201136336_629386089302291733_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/671549330_122132142333136336_8248666852744745881_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/671568222_122132145159136336_7693271565157361020_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/672083934_122132143557136336_2559421152216389762_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/672142371_122132138601136336_4644079854669284953_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/672148961_1365339865637764_4336326747082700837_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/672671844_122132138691136336_8726301582685109632_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/672672344_122132153949136336_845658618291129525_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/672673386_122132143317136336_5104288517184826300_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/1000008718-scaled.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/672045023_122132139747136336_5399311052882939507_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 = `Sortie terrain 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 lightboxImg.src = galleryImages[currentImageIndex].src;\n }\n\n \/\/ Navigation clavier\n document.addEventListener('keydown', function(e) {\n const lightbox = document.getElementById('lightbox');\n if (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 document.getElementById('lightbox').addEventListener('click', function(e) {\n if (e.target === this) {\n closeLightbox();\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 – Sorties P\u00e9dagogiques 2\u00e8me Ann\u00e9e | Immersion professionnelle Le 14 avril 2026, dans le cadre du renforcement de la formation pratique et de la mise en relation des connaissances th\u00e9oriques avec le monde professionnel, l’\u00c9cole Nationale Sup\u00e9rieure en Cybers\u00e9curit\u00e9 (ENSCS) a organis\u00e9 des sorties de terrain au profit des \u00e9tudiants de deuxi\u00e8me ann\u00e9e. Ces […]<\/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-12945","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\/12945","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=12945"}],"version-history":[{"count":5,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/posts\/12945\/revisions"}],"predecessor-version":[{"id":12957,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/posts\/12945\/revisions\/12957"}],"wp:attachment":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12945"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12945"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12945"}],"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 - Sorties P\u00e9dagogiques 2\u00e8me Ann\u00e9e | Immersion professionnelle<\/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: #2b6cb0;\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, #f8f9fa 0%, #e9ecef 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 \/* ===== CONTENU ARTICLE ===== *\/\n .article-content {\n background: var(--card-bg);\n padding: 50px;\n border-radius: 12px;\n box-shadow: 0 5px 25px 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 \/* ===== GALERIE D'IMAGES ===== *\/\n .gallery-section {\n margin: 60px 0 20px 0;\n }\n\n .gallery-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 25px;\n width: 100%;\n }\n\n .gallery-item {\n background: var(--card-bg);\n border-radius: 8px;\n overflow: hidden;\n box-shadow: 0 4px 12px 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(-5px);\n box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n }\n\n .gallery-item img {\n width: 100%;\n height: 250px;\n object-fit: cover;\n display: block;\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: 80%;\n object-fit: contain;\n border-radius: 5px;\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.3);\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(300px, 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\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\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 <\/style>\n<\/head>\n\n<body>\n\n<div class=\"full-width-wrapper\">\n <div class=\"content-container\">\n\n \n <div class=\"article-content\">\n <div class=\"article-text\">\n <p>\n Le 14 avril 2026, dans le cadre du renforcement de la formation pratique et de la mise en relation des connaissances th\u00e9oriques avec le monde professionnel, l'\u00c9cole Nationale Sup\u00e9rieure en Cybers\u00e9curit\u00e9 (ENSCS) a organis\u00e9 des sorties de terrain au profit des \u00e9tudiants de deuxi\u00e8me ann\u00e9e.\n <\/p>\n\n <p>\n Ces visites ont concern\u00e9 plusieurs institutions de premier plan, \u00e0 savoir Alg\u00e9rie T\u00e9l\u00e9com, Institut Alg\u00e9rien du P\u00e9trole (IAP), Centre de D\u00e9veloppement des Technologies Avanc\u00e9es (CDTA), Centre de Recherche sur l'Information Scientifique et Technique (CERIST), CNEP Banque, ainsi que l'entreprise priv\u00e9e CYBEARS.\n <\/p>\n\n <p>\n Cette initiative s'inscrit dans une d\u00e9marche visant \u00e0 offrir aux \u00e9tudiants une immersion concr\u00e8te dans des environnements professionnels r\u00e9els. Elle leur permet de d\u00e9velopper des comp\u00e9tences pratiques, de mieux appr\u00e9hender les exigences du march\u00e9 du travail et d'enrichir leur parcours acad\u00e9mique tout en \u00e9largissant leurs perspectives professionnelles.\n <\/p>\n <\/div>\n\n \n <div class=\"gallery-section\">\n <div class=\"gallery-grid\" id=\"galleryGrid\">\n \n <\/div>\n <\/div>\n\n <\/div>\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<script>\n \/\/ Liste des 12 photos (11 originales + 1 nouvelle)\n const galleryImages = [\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/671324471_1365339738971110_905360567830430519_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/671547196_122132142201136336_629386089302291733_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/671549330_122132142333136336_8248666852744745881_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/671568222_122132145159136336_7693271565157361020_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/672083934_122132143557136336_2559421152216389762_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/672142371_122132138601136336_4644079854669284953_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/672148961_1365339865637764_4336326747082700837_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/672671844_122132138691136336_8726301582685109632_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/672672344_122132153949136336_845658618291129525_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/672673386_122132143317136336_5104288517184826300_n.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/1000008718-scaled.jpg\" },\n { src: \"https:\/\/www.enscs.edu.dz\/wp-content\/uploads\/2026\/04\/672045023_122132139747136336_5399311052882939507_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 = `Sortie terrain 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 lightboxImg.src = galleryImages[currentImageIndex].src;\n }\n\n \/\/ Navigation clavier\n document.addEventListener('keydown', function(e) {\n const lightbox = document.getElementById('lightbox');\n if (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 document.getElementById('lightbox').addEventListener('click', function(e) {\n if (e.target === this) {\n closeLightbox();\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 – Sorties P\u00e9dagogiques 2\u00e8me Ann\u00e9e | Immersion professionnelle Le 14 avril 2026, dans le cadre du renforcement de la formation pratique et de la mise en relation des connaissances th\u00e9oriques avec le monde professionnel, l’\u00c9cole Nationale Sup\u00e9rieure en Cybers\u00e9curit\u00e9 (ENSCS) a organis\u00e9 des sorties de terrain au profit des \u00e9tudiants de deuxi\u00e8me ann\u00e9e. Ces […]<\/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-12945","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\/12945","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=12945"}],"version-history":[{"count":5,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/posts\/12945\/revisions"}],"predecessor-version":[{"id":12957,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/posts\/12945\/revisions\/12957"}],"wp:attachment":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12945"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12945"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}