{"id":11484,"date":"2026-02-07T18:13:02","date_gmt":"2026-02-07T17:13:02","guid":{"rendered":"https:\/\/www.enscs.edu.dz\/?page_id=11484"},"modified":"2026-02-07T18:13:49","modified_gmt":"2026-02-07T17:13:49","slug":"residence-universitaire","status":"publish","type":"page","link":"https:\/\/www.enscs.edu.dz\/?page_id=11484","title":{"rendered":"R\u00e9sidence Universitaire"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11484\" class=\"elementor elementor-11484\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68b9aa6 e-flex e-con-boxed e-con e-parent\" data-id=\"68b9aa6\" 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-5e82d45 elementor-widget elementor-widget-html\" data-id=\"5e82d45\" 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>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-11484","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/11484","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=11484"}],"version-history":[{"count":5,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/11484\/revisions"}],"predecessor-version":[{"id":11489,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/11484\/revisions\/11489"}],"wp:attachment":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11484"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}