{"id":11082,"date":"2026-01-29T15:45:59","date_gmt":"2026-01-29T14:45:59","guid":{"rendered":"https:\/\/www.enscs.edu.dz\/?page_id=11082"},"modified":"2026-01-29T15:46:34","modified_gmt":"2026-01-29T14:46:34","slug":"formation-continue","status":"publish","type":"page","link":"https:\/\/www.enscs.edu.dz\/?page_id=11082","title":{"rendered":"Formation Continue"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11082\" class=\"elementor elementor-11082\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d053bdf e-flex e-con-boxed e-con e-parent\" data-id=\"d053bdf\" 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-f9f685e elementor-widget elementor-widget-html\" data-id=\"f9f685e\" 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>[Nom de la Page] - \u00c9cole Nationale Sup\u00e9rieure de Cybers\u00e9curit\u00e9 (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        \/* VARIABLES DE COULEURS *\/\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; \/* Bleu principal *\/\n            --text-color: #000000;\n            --construction-color: #2b6cb0; \/* Bleu *\/\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: 60px;\n            border-radius: 12px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n            margin-bottom: 40px;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n\n        \/* ===== IC\u00d4NE PRINCIPALE ===== *\/\n        .construction-icon {\n            font-size: 5rem;\n            color: var(--construction-color);\n            margin-bottom: 30px;\n            animation: bounce 2s infinite;\n        }\n\n        @keyframes bounce {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-15px); }\n        }\n\n        \/* ===== TITRE PRINCIPAL ===== *\/\n        .page-title {\n            font-size: 2.8rem;\n            color: var(--construction-color);\n            margin-bottom: 30px;\n            font-weight: 800;\n            text-align: center;\n            position: relative;\n            display: inline-block;\n            padding-bottom: 15px;\n        }\n\n        .page-title:after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 150px;\n            height: 3px;\n            background-color: var(--construction-color);\n        }\n\n        .construction-subtitle {\n            font-size: 1.8rem;\n            color: var(--primary-color);\n            margin-bottom: 40px;\n            font-weight: 600;\n        }\n\n        \/* ===== MESSAGE PRINCIPAL ===== *\/\n        .construction-message {\n            font-size: 1.4rem;\n            line-height: 1.8;\n            color: var(--secondary-color);\n            max-width: 800px;\n            margin: 0 auto 50px;\n            padding: 40px;\n            background-color: #f0f9ff;\n            border-radius: 10px;\n            border-left: 5px solid var(--construction-color);\n            box-shadow: 0 5px 15px rgba(43, 108, 176, 0.1);\n            font-weight: 500;\n        }\n\n        \/* ===== SECTION CONTACT ===== *\/\n        .contact-section {\n            background-color: #f0f9ff;\n            border-radius: 10px;\n            padding: 35px;\n            margin: 0 auto;\n            max-width: 700px;\n            border: 2px solid #bee3f8;\n        }\n\n        .contact-title {\n            font-size: 1.4rem;\n            color: var(--accent-color);\n            margin-bottom: 20px;\n            font-weight: 700;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n        }\n\n        .contact-info {\n            font-size: 1.1rem;\n            line-height: 1.7;\n            color: var(--secondary-color);\n        }\n\n        .contact-email {\n            color: var(--accent-color);\n            font-weight: 600;\n            text-decoration: none;\n            transition: color 0.3s ease;\n        }\n\n        .contact-email:hover {\n            color: #2c5282;\n            text-decoration: underline;\n        }\n\n        \/* ===== BOUTON ACCUEIL ===== *\/\n        .home-btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            background-color: var(--accent-color);\n            color: white;\n            border: none;\n            padding: 15px 35px;\n            border-radius: 50px;\n            font-size: 1.1rem;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            margin-top: 50px;\n            text-decoration: none;\n        }\n\n        .home-btn:hover {\n            background-color: #2c5282;\n            transform: translateY(-3px);\n            box-shadow: 0 8px 20px rgba(43, 108, 176, 0.3);\n        }\n\n        \/* ===== ANIMATIONS D'APPARITION ===== *\/\n        .construction-icon, .page-title, .construction-subtitle, \n        .construction-message, .contact-section, .home-btn {\n            opacity: 0;\n            transform: translateY(30px);\n            animation: fadeInUp 0.8s ease forwards;\n        }\n\n        .construction-icon { animation-delay: 0.1s; }\n        .page-title { animation-delay: 0.3s; }\n        .construction-subtitle { animation-delay: 0.5s; }\n        .construction-message { animation-delay: 0.7s; }\n        .contact-section { animation-delay: 0.9s; }\n        .home-btn { animation-delay: 1.1s; }\n\n        @keyframes fadeInUp {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        \/* ===== RESPONSIVE ===== *\/\n        @media (max-width: 1400px) {\n            .content-container {\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: 50px 30px;\n            }\n            \n            .page-title {\n                font-size: 2.4rem;\n            }\n            \n            .construction-subtitle {\n                font-size: 1.6rem;\n            }\n            \n            .construction-message {\n                font-size: 1.3rem;\n                padding: 30px;\n            }\n            \n            .construction-icon {\n                font-size: 4rem;\n            }\n            \n            .contact-section {\n                padding: 30px;\n            }\n            \n            .home-btn {\n                padding: 14px 30px;\n                font-size: 1.05rem;\n                margin-top: 40px;\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: 40px 25px;\n            }\n            \n            .page-title {\n                font-size: 2rem;\n            }\n            \n            .construction-subtitle {\n                font-size: 1.4rem;\n            }\n            \n            .construction-message {\n                font-size: 1.2rem;\n                padding: 25px;\n            }\n            \n            .construction-icon {\n                font-size: 3.5rem;\n            }\n            \n            .contact-section {\n                padding: 25px;\n            }\n            \n            .contact-title {\n                font-size: 1.3rem;\n            }\n            \n            .contact-info {\n                font-size: 1.05rem;\n            }\n            \n            .home-btn {\n                padding: 13px 25px;\n                font-size: 1rem;\n                margin-top: 35px;\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: 35px 20px;\n            }\n            \n            .page-title {\n                font-size: 1.8rem;\n            }\n            \n            .construction-subtitle {\n                font-size: 1.2rem;\n                margin-bottom: 30px;\n            }\n            \n            .construction-message {\n                font-size: 1.1rem;\n                padding: 20px;\n                margin-bottom: 40px;\n            }\n            \n            .construction-icon {\n                font-size: 3rem;\n                margin-bottom: 25px;\n            }\n            \n            .contact-section {\n                padding: 20px;\n            }\n            \n            .contact-title {\n                font-size: 1.2rem;\n                flex-direction: column;\n                text-align: center;\n            }\n            \n            .contact-info {\n                font-size: 1rem;\n                text-align: center;\n            }\n            \n            .home-btn {\n                padding: 12px 25px;\n                font-size: 1rem;\n                margin-top: 30px;\n                width: 100%;\n                justify-content: center;\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 ARTICLE -->\n        <div class=\"article-content\">\n            \n            <!-- IC\u00d4NE PRINCIPALE -->\n            <div class=\"construction-icon\">\n                <i class=\"fas fa-tools\"><\/i>\n            <\/div>\n\n            <!-- TITRE PRINCIPAL -->\n            <h1 class=\"page-title\">Page en cours de construction<\/h1>\n\n            <!-- MESSAGE PRINCIPAL -->\n            <div class=\"construction-message\">\n                Le contenu de cette page est actuellement en cours de finalisation et sera mis en ligne dans les plus brefs d\u00e9lais.\n            <\/div>\n\n            <!-- SECTION CONTACT -->\n            <div class=\"contact-section\">\n                <h2 class=\"contact-title\">\n                    <i class=\"fas fa-envelope\"><\/i>\n                    Besoin d'informations ?\n                <\/h2>\n                <div class=\"contact-info\">\n                    Pour toute question urgente, vous pouvez nous contacter \u00e0 l'adresse :<br>\n                    <a href=\"mailto:contact@enscs.edu.dz\" class=\"contact-email\">contact@enscs.edu.dz<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- BOUTON ACCUEIL -->\n            <a href=\"\/\" class=\"home-btn\">\n                <i class=\"fas fa-home\"><\/i>\n                Retour \u00e0 l'accueil\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ Ajustement pour le menu WordPress\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Calculer la hauteur du menu WordPress et ajuster le padding\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<\/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>[Nom de la Page] &#8211; \u00c9cole Nationale Sup\u00e9rieure de Cybers\u00e9curit\u00e9 (ENSCS) Page en cours de construction Le contenu de cette page est actuellement en cours de finalisation et sera mis en ligne dans les plus brefs d\u00e9lais. Besoin d&#8217;informations ? Pour toute question urgente, vous pouvez nous contacter \u00e0 l&#8217;adresse : contact@enscs.edu.dz Retour \u00e0 l&#8217;accueil<\/p>\n","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11082","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/11082","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\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11082"}],"version-history":[{"count":4,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/11082\/revisions"}],"predecessor-version":[{"id":11086,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/11082\/revisions\/11086"}],"wp:attachment":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11082"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}