{"id":13516,"date":"2026-09-30T12:34:17","date_gmt":"2026-09-30T10:34:17","guid":{"rendered":"https:\/\/www.enscs.edu.dz\/?page_id=13516"},"modified":"2026-09-30T13:01:44","modified_gmt":"2026-09-30T11:01:44","slug":"charte-informatique","status":"publish","type":"page","link":"https:\/\/www.enscs.edu.dz\/?page_id=13516","title":{"rendered":"Charte Informatique"},"content":{"rendered":"\t\t
\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 Charte Informatique - \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;\n --text-color: #000000;\n --tab-1: #4299e1; \/* Bleu - G\u00e9n\u00e9ralit\u00e9s *\/\n --tab-2: #48bb78; \/* Vert - Acc\u00e8s & Utilisation *\/\n --tab-3: #ed8936; \/* Orange - S\u00e9curit\u00e9 *\/\n --tab-4: #9f7aea; \/* Violet - D\u00e9placements & Fin *\/\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: 50px;\n border-radius: 12px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n margin-bottom: 40px;\n }\n\n \/* ===== TITRE PRINCIPAL ===== *\/\n .page-title {\n font-size: 2.5rem;\n color: var(--accent-color);\n margin-bottom: 50px;\n font-weight: 700;\n text-align: center;\n padding-bottom: 25px;\n border-bottom: 3px solid var(--border-color);\n position: relative;\n }\n\n .page-title:after {\n content: '';\n position: absolute;\n bottom: -3px;\n left: 50%;\n transform: translateX(-50%);\n width: 200px;\n height: 4px;\n background: linear-gradient(90deg, var(--tab-1), var(--tab-2), var(--tab-3), var(--tab-4));\n border-radius: 2px;\n }\n\n \/* ===== INTRODUCTION ===== *\/\n .intro-text {\n font-size: 1.25rem;\n text-align: center;\n margin-bottom: 60px;\n color: var(--secondary-color);\n line-height: 1.8;\n max-width: 1000px;\n margin-left: auto;\n margin-right: auto;\n padding: 25px;\n background: linear-gradient(135deg, #f8fafc 0%, #edf2f7 100%);\n border-radius: 12px;\n border-left: 5px solid var(--accent-color);\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n }\n\n \/* ===== SYST\u00c8ME D'ONGLETS ===== *\/\n .tabs-container {\n margin-top: 30px;\n }\n\n .tabs-header {\n display: flex;\n flex-wrap: nowrap;\n justify-content: space-between;\n gap: 10px;\n margin-bottom: 40px;\n border-bottom: 2px solid var(--border-color);\n padding-bottom: 0;\n }\n\n .tab-btn {\n flex: 1;\n min-width: 0;\n padding: 25px 15px;\n background: white;\n border: 2px solid var(--border-color);\n border-bottom: none;\n border-radius: 12px 12px 0 0;\n font-size: 1.1rem;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 12px;\n color: var(--secondary-color);\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .tab-btn:hover {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0,0,0,0.12);\n }\n\n .tab-btn.active {\n background: white;\n color: #000000;\n border-color: var(--border-color);\n border-bottom: 2px solid white;\n margin-bottom: -2px;\n z-index: 2;\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n }\n\n .tab-icon {\n font-size: 2.5rem;\n margin-bottom: 12px;\n transition: all 0.3s ease;\n }\n\n .tab-btn[data-tab=\"1\"] .tab-icon { color: var(--tab-1); }\n .tab-btn[data-tab=\"2\"] .tab-icon { color: var(--tab-2); }\n .tab-btn[data-tab=\"3\"] .tab-icon { color: var(--tab-3); }\n .tab-btn[data-tab=\"4\"] .tab-icon { color: var(--tab-4); }\n\n .tab-btn.active[data-tab=\"1\"] {\n border-top: 4px solid var(--tab-1);\n }\n .tab-btn.active[data-tab=\"2\"] {\n border-top: 4px solid var(--tab-2);\n }\n .tab-btn.active[data-tab=\"3\"] {\n border-top: 4px solid var(--tab-3);\n }\n .tab-btn.active[data-tab=\"4\"] {\n border-top: 4px solid var(--tab-4);\n }\n\n .tab-btn .tab-abbreviation {\n font-size: 0.9rem;\n font-weight: 600;\n color: #666;\n margin-top: 5px;\n }\n\n .tab-btn.active .tab-abbreviation {\n color: #000;\n }\n\n .tab-content {\n display: none;\n animation: fadeIn 0.5s ease;\n background: white;\n border-radius: 8px;\n padding: 50px;\n box-shadow: 0 8px 30px rgba(0,0,0,0.08);\n border: 1px solid var(--border-color);\n border-top: none;\n margin-top: -1px;\n }\n\n .tab-content.active {\n display: block;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* ===== CONTENU DES ONGLETS ===== *\/\n .direction-header {\n display: flex;\n align-items: center;\n gap: 30px;\n margin-bottom: 40px;\n padding-bottom: 30px;\n border-bottom: 2px solid var(--border-color);\n }\n\n .direction-header-icon {\n width: 90px;\n height: 90px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2.8rem;\n color: white;\n flex-shrink: 0;\n box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n }\n\n .direction-header-text h2 {\n font-size: 2.2rem;\n color: #000000;\n margin-bottom: 10px;\n font-weight: 700;\n line-height: 1.3;\n }\n\n .direction-header-text p {\n font-size: 1.4rem;\n color: #666666;\n font-weight: 600;\n }\n\n .direction-description {\n font-size: 1.25rem;\n line-height: 1.9;\n color: #000000;\n margin-bottom: 50px;\n padding: 30px;\n background: linear-gradient(135deg, #f8fafc 0%, #edf2f7 100%);\n border-radius: 12px;\n border-left: 5px solid;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n }\n\n .section-title {\n font-size: 1.8rem;\n color: #000000;\n margin-bottom: 35px;\n font-weight: 700;\n padding-bottom: 15px;\n border-bottom: 3px solid var(--border-color);\n display: flex;\n align-items: center;\n gap: 15px;\n }\n\n .section-title i {\n font-size: 1.7rem;\n }\n\n \/* ===== RESPONSABILIT\u00c9S ===== *\/\n .responsibilities-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n margin-bottom: 50px;\n }\n\n .responsibility-item {\n background: linear-gradient(135deg, white 0%, #f8fafc 100%);\n padding: 30px;\n border-radius: 10px;\n border: 1px solid var(--border-color);\n border-top: 5px solid;\n position: relative;\n transition: all 0.3s ease;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n }\n\n .responsibility-item:hover {\n transform: translateY(-8px);\n box-shadow: 0 12px 30px rgba(0,0,0,0.12);\n }\n\n .responsibility-number {\n position: absolute;\n top: -15px;\n left: 25px;\n background: white;\n border: 3px solid;\n width: 30px;\n height: 30px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 1rem;\n box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n }\n\n .responsibility-text {\n font-size: 1.15rem;\n line-height: 1.8;\n color: #000000;\n }\n\n \/* ===== ASSISTANTS ===== *\/\n .assistants-section {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n border-radius: 12px;\n padding: 40px;\n margin-top: 60px;\n border-left: 5px solid;\n box-shadow: 0 5px 20px rgba(0,0,0,0.08);\n }\n\n .assistants-title {\n font-size: 1.7rem;\n margin-bottom: 30px;\n font-weight: 700;\n color: #000000;\n display: flex;\n align-items: center;\n gap: 15px;\n }\n\n .assistants-list {\n list-style-type: none;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n }\n\n .assistant-item {\n padding: 20px 30px 20px 50px;\n background: white;\n border-radius: 8px;\n border: 1px solid var(--border-color);\n position: relative;\n font-size: 1.15rem;\n color: #000000;\n transition: all 0.3s ease;\n box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n }\n\n .assistant-item:hover {\n transform: translateX(8px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n }\n\n .assistant-item:before {\n content: \"\u25b8\";\n position: absolute;\n left: 25px;\n font-weight: bold;\n font-size: 1.5rem;\n color: inherit;\n }\n\n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 1400px) {\n .content-container {\n max-width: 95%;\n }\n \n .article-content {\n padding: 45px;\n }\n }\n\n @media (max-width: 1200px) {\n .responsibilities-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n }\n \n .tab-btn {\n padding: 20px 10px;\n font-size: 1rem;\n }\n \n .tab-icon {\n font-size: 2rem;\n }\n \n .direction-header {\n gap: 25px;\n }\n \n .direction-header-icon {\n width: 80px;\n height: 80px;\n font-size: 2.3rem;\n }\n \n .direction-header-text h2 {\n font-size: 1.9rem;\n }\n \n .direction-header-text p {\n font-size: 1.3rem;\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: 40px 30px;\n }\n \n .page-title {\n font-size: 2.1rem;\n margin-bottom: 40px;\n padding-bottom: 20px;\n }\n \n .page-title:after {\n width: 150px;\n }\n \n .intro-text {\n font-size: 1.15rem;\n margin-bottom: 50px;\n padding: 20px;\n }\n \n .tabs-header {\n flex-wrap: wrap;\n }\n \n .tab-btn {\n flex: 0 0 calc(50% - 5px);\n margin-bottom: 10px;\n }\n \n .tab-content {\n padding: 35px;\n }\n \n .direction-header {\n flex-direction: column;\n text-align: center;\n gap: 20px;\n }\n \n .direction-header-icon {\n width: 85px;\n height: 85px;\n font-size: 2.5rem;\n }\n \n .direction-description {\n font-size: 1.15rem;\n padding: 25px;\n }\n \n .responsibilities-grid {\n gap: 20px;\n }\n \n .assistants-list {\n grid-template-columns: 1fr;\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: 35px 25px;\n }\n \n .page-title {\n font-size: 1.9rem;\n margin-bottom: 35px;\n }\n \n .tabs-header {\n flex-direction: column;\n gap: 5px;\n }\n \n .tab-btn {\n flex: 0 0 100%;\n flex-direction: row;\n justify-content: flex-start;\n text-align: left;\n padding: 20px;\n border-radius: 8px;\n margin-bottom: 5px;\n border: 1px solid var(--border-color);\n }\n \n .tab-btn.active {\n border-bottom: 1px solid var(--border-color);\n border-radius: 8px;\n margin-bottom: 5px;\n }\n \n .tab-icon {\n margin-bottom: 0;\n margin-right: 15px;\n font-size: 1.9rem;\n min-width: 45px;\n }\n \n .tab-content {\n padding: 30px;\n }\n \n .direction-header-text h2 {\n font-size: 1.7rem;\n }\n \n .direction-header-text p {\n font-size: 1.2rem;\n }\n \n .section-title {\n font-size: 1.5rem;\n }\n \n .responsibilities-grid {\n grid-template-columns: 1fr;\n gap: 15px;\n }\n \n .responsibility-item {\n padding: 25px;\n }\n \n .responsibility-text {\n font-size: 1.05rem;\n }\n \n .assistants-section {\n padding: 30px;\n }\n \n .assistant-item {\n padding: 18px 25px 18px 40px;\n font-size: 1.05rem;\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: 30px 20px;\n }\n \n .page-title {\n font-size: 1.7rem;\n margin-bottom: 30px;\n padding-bottom: 15px;\n }\n \n .page-title:after {\n width: 120px;\n }\n \n .intro-text {\n font-size: 1.05rem;\n margin-bottom: 40px;\n padding: 18px;\n }\n \n .tab-btn {\n padding: 18px;\n font-size: 0.95rem;\n }\n \n .tab-icon {\n font-size: 1.6rem;\n min-width: 40px;\n }\n \n .tab-content {\n padding: 25px;\n }\n \n .direction-header-icon {\n width: 70px;\n height: 70px;\n font-size: 2rem;\n }\n \n .direction-header-text h2 {\n font-size: 1.5rem;\n }\n \n .direction-header-text p {\n font-size: 1.1rem;\n }\n \n .direction-description {\n font-size: 1.05rem;\n padding: 20px;\n margin-bottom: 35px;\n }\n \n .section-title {\n font-size: 1.4rem;\n gap: 10px;\n }\n \n .responsibility-item {\n padding: 20px;\n }\n \n .responsibility-text {\n font-size: 1rem;\n }\n \n .assistants-section {\n padding: 25px;\n }\n \n .assistants-title {\n font-size: 1.4rem;\n }\n \n .assistant-item {\n font-size: 1rem;\n padding: 15px 20px 15px 35px;\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 <!-- TITRE PRINCIPAL -->\n <h1 class=\"page-title\">Charte Informatique<\/h1>\n\n <!-- INTRODUCTION -->\n <div class=\"intro-text\">\n <p>Dans le cadre de la mise en \u0153uvre du R\u00e9f\u00e9rentiel National de la S\u00e9curit\u00e9 de l'Information (RNSI), l'\u00c9cole Nationale Sup\u00e9rieure de Cybers\u00e9curit\u00e9 s'engage \u00e0 mettre en place une d\u00e9marche structur\u00e9e de la s\u00e9curit\u00e9 de l'information et \u00e0 promouvoir une culture de la cybers\u00e9curit\u00e9 aupr\u00e8s de l'ensemble des utilisateurs de ses Syst\u00e8mes d'Information.<\/p>\n <\/div>\n\n <!-- SYST\u00c8ME D'ONGLETS -->\n <div class=\"tabs-container\">\n <!-- EN-T\u00caTE DES ONGLETS -->\n <div class=\"tabs-header\">\n <button class=\"tab-btn active\" data-tab=\"1\">\n <i class=\"fas fa-info-circle tab-icon\"><\/i>\n <span>G\u00e9n\u00e9ralit\u00e9s<\/span>\n <\/button>\n <button class=\"tab-btn\" data-tab=\"2\">\n <i class=\"fas fa-key tab-icon\"><\/i>\n <span>Acc\u00e8s & Utilisation<\/span>\n <\/button>\n <button class=\"tab-btn\" data-tab=\"3\">\n <i class=\"fas fa-shield-alt tab-icon\"><\/i>\n <span>S\u00e9curit\u00e9<\/span>\n <\/button>\n <button class=\"tab-btn\" data-tab=\"4\">\n <i class=\"fas fa-plane tab-icon\"><\/i>\n <span>D\u00e9placements & Fin<\/span>\n <\/button>\n <\/div>\n\n <!-- CONTENU DES ONGLETS -->\n \n <!-- ONGLET 1 - G\u00c9N\u00c9RALIT\u00c9S -->\n <div class=\"tab-content active\" data-tab=\"1\">\n <div class=\"direction-header\">\n <div class=\"direction-header-icon\" style=\"background-color: var(--tab-1);\">\n <i class=\"fas fa-info-circle\"><\/i>\n <\/div>\n <div class=\"direction-header-text\">\n <h2>Dispositions G\u00e9n\u00e9rales<\/h2>\n <p>Pr\u00e9ambule, objet, champ d'application et propri\u00e9t\u00e9<\/p>\n <\/div>\n <\/div>\n \n <div class=\"direction-description\" style=\"border-left-color: var(--tab-1);\">\n Cette charte \u00e9tablit un socle minimal de r\u00e8gles, de bonnes pratiques et de comportements responsables visant \u00e0 pr\u00e9server la s\u00e9curit\u00e9 et l'int\u00e9grit\u00e9 des Syst\u00e8mes d'Information de l'\u00c9cole.\n <\/div>\n \n <h3 class=\"section-title\">\n <i class=\"fas fa-book\" style=\"color: var(--tab-1);\"><\/i>\n Articles\n <\/h3>\n \n <div class=\"responsibilities-grid\">\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-1);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-1); color: var(--tab-1);\">1<\/div>\n <div class=\"responsibility-text\"><strong>Objet :<\/strong> La pr\u00e9sente charte a pour objet de d\u00e9finir les conditions et modalit\u00e9s d'utilisation des ressources informatiques de l'\u00c9cole. Elle d\u00e9finit \u00e9galement les r\u00e8gles de s\u00e9curit\u00e9 que les utilisateurs doivent respecter.<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-1);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-1); color: var(--tab-1);\">2<\/div>\n <div class=\"responsibility-text\"><strong>Champ d'application :<\/strong> La pr\u00e9sente charte s'applique \u00e0 toute personne ayant acc\u00e8s, de mani\u00e8re permanente ou temporaire, aux ressources informatiques de l'\u00c9cole : personnel enseignants-chercheurs, personnel administratif, \u00e9tudiants, partenaires autoris\u00e9s.<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-1);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-1); color: var(--tab-1);\">3<\/div>\n <div class=\"responsibility-text\"><strong>Propri\u00e9t\u00e9 :<\/strong> Toutes les ressources informatiques mises \u00e0 la disposition des utilisateurs sont la propri\u00e9t\u00e9 exclusive de l'\u00c9cole. Les donn\u00e9es produites, trait\u00e9es ou h\u00e9berg\u00e9es sont administr\u00e9es conform\u00e9ment \u00e0 la l\u00e9gislation en vigueur.<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-1);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-1); color: var(--tab-1);\">8<\/div>\n <div class=\"responsibility-text\"><strong>Obligations de l'\u00c9cole :<\/strong> Mettre \u00e0 disposition les ressources n\u00e9cessaires, garantir le bon fonctionnement, informer des proc\u00e9dures, assurer la confidentialit\u00e9, surveiller le r\u00e9seau \u00e0 des fins de s\u00e9curit\u00e9 et sensibiliser aux risques cyber.<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-1);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-1); color: var(--tab-1);\">18<\/div>\n <div class=\"responsibility-text\"><strong>Entr\u00e9e en vigueur :<\/strong> Cette Charte entre vigueur d\u00e8s sa publication sur le site web de l'\u00c9cole.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- ONGLET 2 - ACC\u00c8S & UTILISATION -->\n <div class=\"tab-content\" data-tab=\"2\">\n <div class=\"direction-header\">\n <div class=\"direction-header-icon\" style=\"background-color: var(--tab-2);\">\n <i class=\"fas fa-key\"><\/i>\n <\/div>\n <div class=\"direction-header-text\">\n <h2>Acc\u00e8s & Utilisation des Ressources<\/h2>\n <p>Authentification, messagerie, internet et appareils mobiles<\/p>\n <\/div>\n <\/div>\n \n <div class=\"direction-description\" style=\"border-left-color: var(--tab-2);\">\n L'utilisateur est seul responsable de toute utilisation des moyens d'authentification mis \u00e0 sa disposition par l'\u00c9cole. Il doit respecter les r\u00e8gles d'utilisation des ressources informatiques.\n <\/div>\n \n <h3 class=\"section-title\">\n <i class=\"fas fa-book\" style=\"color: var(--tab-2);\"><\/i>\n Articles\n <\/h3>\n \n <div class=\"responsibilities-grid\">\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-2);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-2); color: var(--tab-2);\">4<\/div>\n <div class=\"responsibility-text\"><strong>Conditions d'acc\u00e8s :<\/strong> Tout acc\u00e8s est soumis \u00e0 une authentification pr\u00e9alable. L'utilisateur doit prot\u00e9ger ses informations d'authentification, changer p\u00e9riodiquement ses mots de passe et ne jamais les communiquer \u00e0 des tiers.<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-2);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-2); color: var(--tab-2);\">7<\/div>\n <div class=\"responsibility-text\"><strong>Utilisation :<\/strong> Les ressources ne peuvent \u00eatre utilis\u00e9es qu'\u00e0 des fins professionnelles, administratives, p\u00e9dagogiques ou de recherche. Aucune installation de logiciel sans l'accord du Service Informatique.<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-2);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-2); color: var(--tab-2);\">9<\/div>\n <div class=\"responsibility-text\"><strong>Obligations de l'utilisateur :<\/strong> Respecter les lois, la Charte, appliquer les directives de s\u00e9curit\u00e9, ne pas utiliser les comptes d'autrui et signaler tout incident ou comportement suspect.<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-2);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-2); color: var(--tab-2);\">11<\/div>\n <div class=\"responsibility-text\"><strong>Messagerie :<\/strong> Usage strictement professionnel. Interdiction d'usage personnel, d'inscription sur r\u00e9seaux sociaux, d'ouverture de pi\u00e8ces jointes inconnues, d'acc\u00e8s depuis des lieux publics non s\u00e9curis\u00e9s.<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-2);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-2); color: var(--tab-2);\">12<\/div>\n <div class=\"responsibility-text\"><strong>Internet :<\/strong> Ne pas utiliser \u00e0 des fins malveillantes, obsc\u00e8nes, frauduleuses, haineuses, diffamatoires ou ill\u00e9gales. \u00c9viter toute surcharge inutile et \u00eatre prudent lors du t\u00e9l\u00e9chargement.<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-2);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-2); color: var(--tab-2);\">13<\/div>\n <div class=\"responsibility-text\"><strong>Appareils mobiles :<\/strong> Signaler toute perte ou vol, verrouiller les appareils, d\u00e9sactiver Wi-Fi\/Bluetooth si inutiles, analyser les supports amovibles, chiffrer les donn\u00e9es sensibles.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- ONGLET 3 - S\u00c9CURIT\u00c9 -->\n <div class=\"tab-content\" data-tab=\"3\">\n <div class=\"direction-header\">\n <div class=\"direction-header-icon\" style=\"background-color: var(--tab-3);\">\n <i class=\"fas fa-shield-alt\"><\/i>\n <\/div>\n <div class=\"direction-header-text\">\n <h2>S\u00e9curit\u00e9 & Gestion des Incidents<\/h2>\n <p>Protection du poste, incidents et non-respect<\/p>\n <\/div>\n <\/div>\n \n <div class=\"direction-description\" style=\"border-left-color: var(--tab-3);\">\n L'utilisateur doit respecter scrupuleusement les consignes de s\u00e9curit\u00e9 afin de pr\u00e9server l'int\u00e9grit\u00e9 des syst\u00e8mes d'information de l'\u00c9cole.\n <\/div>\n \n <h3 class=\"section-title\">\n <i class=\"fas fa-book\" style=\"color: var(--tab-3);\"><\/i>\n Articles\n <\/h3>\n \n <div class=\"responsibilities-grid\">\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-3);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-3); color: var(--tab-3);\">10<\/div>\n <div class=\"responsibility-text\"><strong>Protection du poste :<\/strong> Verrouiller en cas d'absence, alerter le Service Informatique en cas d'\u00e9quipement inconnu, maintenir une solution de s\u00e9curit\u00e9 active, ne pas connecter d'\u00e9quipements personnels, analyser les supports amovibles, \u00e9teindre en cas d'inactivit\u00e9 prolong\u00e9e.<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-3);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-3); color: var(--tab-3);\">16<\/div>\n <div class=\"responsibility-text\"><strong>Gestion des incidents :<\/strong> En cas d'incident, l'\u00c9cole peut d\u00e9connecter un utilisateur (avec ou sans pr\u00e9avis) et isoler ou neutraliser provisoirement toute donn\u00e9e ou fichier mettant en p\u00e9ril la s\u00e9curit\u00e9.<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-3);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-3); color: var(--tab-3);\">17<\/div>\n <div class=\"responsibility-text\"><strong>Non-respect :<\/strong> Le non-respect engage la responsabilit\u00e9 de l'utilisateur et peut entra\u00eener des mesures disciplinaires (avertissement, limitation\/retrait des acc\u00e8s, effacement\/isolement des donn\u00e9es) et des poursuites judiciaires.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- ONGLET 4 - D\u00c9PLACEMENTS & FIN -->\n <div class=\"tab-content\" data-tab=\"4\">\n <div class=\"direction-header\">\n <div class=\"direction-header-icon\" style=\"background-color: var(--tab-4);\">\n <i class=\"fas fa-plane\"><\/i>\n <\/div>\n <div class=\"direction-header-text\">\n <h2>D\u00e9placements & Fin de Relation<\/h2>\n <p>Missions \u00e0 l'\u00e9tranger et restitution des ressources<\/p>\n <\/div>\n <\/div>\n \n <div class=\"direction-description\" style=\"border-left-color: var(--tab-4);\">\n Les utilisateurs en mission \u00e0 l'\u00e9tranger doivent respecter des consignes sp\u00e9cifiques afin de pr\u00e9server la s\u00e9curit\u00e9 des ressources et des donn\u00e9es de l'\u00c9cole.\n <\/div>\n \n <h3 class=\"section-title\">\n <i class=\"fas fa-book\" style=\"color: var(--tab-4);\"><\/i>\n Articles\n <\/h3>\n \n <div class=\"responsibilities-grid\">\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-4);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-4); color: var(--tab-4);\">14<\/div>\n <div class=\"responsibility-text\"><strong>D\u00e9placements \u00e0 l'\u00e9tranger :<\/strong> \u00c9viter les terminaux publics, garder ses \u00e9quipements, d\u00e9sactiver Wi-Fi\/Bluetooth, supprimer les donn\u00e9es sensibles, informer la hi\u00e9rarchie et la repr\u00e9sentation diplomatique en cas d'inspection, changer les mots de passe au retour.<\/div>\n <\/div>\n <div class=\"responsibility-item\" style=\"border-top-color: var(--tab-4);\">\n <div class=\"responsibility-number\" style=\"border-color: var(--tab-4); color: var(--tab-4);\">15<\/div>\n <div class=\"responsibility-text\"><strong>Fin de relation :<\/strong> L'utilisateur doit restituer toutes les ressources informatiques mat\u00e9rielles. L'\u00c9cole proc\u00e9dera \u00e0 la suppression de l'ensemble des acc\u00e8s logiques de l'utilisateur.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n<\/div>\n\n<script>\n \/\/ Gestion des onglets et ajustement pour le menu WordPress\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Ajustement pour le menu WordPress\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 \/\/ Gestion des onglets\n const tabBtns = document.querySelectorAll('.tab-btn');\n const tabContents = document.querySelectorAll('.tab-content');\n \n tabBtns.forEach(btn => {\n btn.addEventListener('click', function() {\n const tabId = this.getAttribute('data-tab');\n \n \/\/ Retirer la classe active de tous les boutons\n tabBtns.forEach(b => b.classList.remove('active'));\n \n \/\/ Ajouter la classe active au bouton cliqu\u00e9\n this.classList.add('active');\n \n \/\/ Masquer tous les contenus\n tabContents.forEach(content => content.classList.remove('active'));\n \n \/\/ Afficher le contenu correspondant\n document.querySelector(`.tab-content[data-tab=\"${tabId}\"]`).classList.add('active');\n });\n });\n \n \/\/ Animation des \u00e9l\u00e9ments de responsabilit\u00e9\n const responsibilityItems = document.querySelectorAll('.responsibility-item');\n responsibilityItems.forEach((item, index) => {\n item.style.opacity = '0';\n item.style.transform = 'translateY(20px)';\n item.style.transition = 'opacity 0.5s ease, transform 0.5s ease, box-shadow 0.3s ease';\n \n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n setTimeout(() => {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }, index % 20 * 30);\n }\n });\n }, { threshold: 0.1 });\n \n observer.observe(item);\n });\n \n \/\/ Animation d'apparition progressive\n const elements = document.querySelectorAll('.direction-header, .direction-description, .section-title, .assistants-section');\n \n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n\n elements.forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(20px)';\n el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n observer.observe(el);\n });\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>Charte Informatique – \u00c9cole Nationale Sup\u00e9rieure de Cybers\u00e9curit\u00e9 (ENSCS) Charte Informatique Dans le cadre de la mise en \u0153uvre du R\u00e9f\u00e9rentiel National de la S\u00e9curit\u00e9 de l’Information (RNSI), l’\u00c9cole Nationale Sup\u00e9rieure de Cybers\u00e9curit\u00e9 s’engage \u00e0 mettre en place une d\u00e9marche structur\u00e9e de la s\u00e9curit\u00e9 de l’information et \u00e0 promouvoir une culture de la cybers\u00e9curit\u00e9 aupr\u00e8s […]<\/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-13516","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/13516","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=13516"}],"version-history":[{"count":5,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/13516\/revisions"}],"predecessor-version":[{"id":13529,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/13516\/revisions\/13529"}],"wp:attachment":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}