{"id":250,"date":"2026-08-26T15:50:42","date_gmt":"2026-08-26T15:50:42","guid":{"rendered":"https:\/\/aides.onpcvisio.com\/?page_id=250"},"modified":"2026-09-07T11:55:31","modified_gmt":"2026-09-07T11:55:31","slug":"landing-page","status":"publish","type":"page","link":"https:\/\/aides.onpcvisio.com\/","title":{"rendered":"Landing Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"250\" class=\"elementor elementor-250\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e76b65 e-con e-atomic-element e-flexbox-base e-8e76b65-30c0c61 \" data-id=\"8e76b65\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8e76b65\" data-e-type=\"e-flexbox\" data-id=\"8e76b65\">\n    <div class=\"elementor-element elementor-element-d739248 e-con e-atomic-element e-flexbox-base e-d739248-a9a9246 \" data-id=\"d739248\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d739248\" data-e-type=\"e-flexbox\" data-id=\"d739248\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-6f0a7b1 e-con e-atomic-element e-flexbox-base e-6f0a7b1-4e2145a \" data-id=\"6f0a7b1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6f0a7b1\" data-e-type=\"e-flexbox\" data-id=\"6f0a7b1\">\n    \t\t<div class=\"elementor-element elementor-element-57f84f6 elementor-widget elementor-widget-html\" data-id=\"57f84f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================\r\n   LANDING PAGE PROT\u00c9G\u00c9E - ONPC\r\n   Version optimis\u00e9e mobile\r\n   ========================================= *\/\r\n\r\n.onpc-login-wrapper {\r\n    min-height: 100dvh; \/* mieux que 100vh sur mobile *\/\r\n    width: 100%;\r\n    background: linear-gradient(135deg, #0000cc 0%, #0033cc 55%, #ff8300 100%);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 20px 15px;\r\n    box-sizing: border-box;\r\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n}\r\n\r\n\/* Conteneur principal *\/\r\n.onpc-login-container {\r\n    width: 100%;\r\n    max-width: 480px;\r\n    background: #ffffff;\r\n    border-radius: 24px;\r\n    padding: 40px 35px;\r\n    box-sizing: border-box;\r\n    text-align: center;\r\n    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.20);\r\n    animation: onpcFadeIn 0.6s ease;\r\n}\r\n\r\n\/* Ic\u00f4ne *\/\r\n.onpc-login-icon {\r\n    width: 75px;\r\n    height: 75px;\r\n    margin: 0 auto 18px;\r\n    border-radius: 50%;\r\n    background: #f4f7fc;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 36px;\r\n}\r\n\r\n\/* Titre *\/\r\n.onpc-login-container h1 {\r\n    margin: 0 0 8px;\r\n    font-size: 1.9rem;\r\n    color: #0000cc;\r\n    font-weight: 700;\r\n}\r\n\r\n\/* Sous-titre *\/\r\n.onpc-login-subtitle {\r\n    margin: 0 auto 25px;\r\n    color: #5a6a7a;\r\n    font-size: 0.95rem;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* Ligne orange *\/\r\n.onpc-login-line {\r\n    width: 70px;\r\n    height: 4px;\r\n    background: #ff8300;\r\n    border-radius: 10px;\r\n    margin: 0 auto 25px;\r\n}\r\n\r\n\/* Label *\/\r\n.onpc-login-label {\r\n    display: block;\r\n    text-align: left;\r\n    margin-bottom: 6px;\r\n    color: #26364a;\r\n    font-size: 0.85rem;\r\n    font-weight: 600;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n\/* Champ mot de passe *\/\r\n.onpc-password {\r\n    width: 100%;\r\n    height: 50px;\r\n    padding: 0 16px;\r\n    border: 2px solid #e1e7f0;\r\n    border-radius: 12px;\r\n    outline: none;\r\n    font-size: 1rem;\r\n    color: #26364a;\r\n    box-sizing: border-box;\r\n    transition: all 0.3s ease;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.onpc-password:focus {\r\n    border-color: #0000cc;\r\n    box-shadow: 0 0 0 3px rgba(0, 0, 204, 0.08);\r\n}\r\n\r\n\/* Bouton *\/\r\n.onpc-login-btn {\r\n    width: 100%;\r\n    height: 50px;\r\n    border: none;\r\n    border-radius: 30px;\r\n    background: #0000cc;\r\n    color: #ffffff !important;\r\n    font-size: 0.95rem;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.onpc-login-btn:hover {\r\n    background: #ff8300;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 18px rgba(255, 131, 0, 0.35);\r\n}\r\n\r\n\/* Message d'erreur *\/\r\n.onpc-error {\r\n    display: none;\r\n    margin-top: 15px;\r\n    padding: 10px 12px;\r\n    border-radius: 10px;\r\n    background: #fff1f1;\r\n    color: #d00000;\r\n    font-size: 0.85rem;\r\n    font-weight: 600;\r\n}\r\n\r\n\/* Petit texte *\/\r\n.onpc-login-footer {\r\n    margin-top: 22px;\r\n    font-size: 0.75rem;\r\n    color: #8a96a5;\r\n}\r\n\r\n\/* Animation *\/\r\n@keyframes onpcFadeIn {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(15px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\/* =========================================\r\n   RESPONSIVE - MOBILE\r\n   ========================================= *\/\r\n@media (max-width: 480px) {\r\n    .onpc-login-wrapper {\r\n        padding: 15px 12px;\r\n    }\r\n\r\n    .onpc-login-container {\r\n        padding: 30px 20px;\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .onpc-login-container h1 {\r\n        font-size: 1.6rem;\r\n    }\r\n\r\n    .onpc-login-subtitle {\r\n        font-size: 0.9rem;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .onpc-login-icon {\r\n        width: 65px;\r\n        height: 65px;\r\n        font-size: 30px;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .onpc-login-line {\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .onpc-password {\r\n        height: 46px;\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    .onpc-login-btn {\r\n        height: 46px;\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .onpc-login-footer {\r\n        font-size: 0.7rem;\r\n        margin-top: 18px;\r\n    }\r\n}\r\n\r\n\/* Pour les tout petits \u00e9crans (moins de 380px) *\/\r\n@media (max-width: 380px) {\r\n    .onpc-login-container {\r\n        padding: 22px 16px;\r\n    }\r\n\r\n    .onpc-login-container h1 {\r\n        font-size: 1.3rem;\r\n    }\r\n\r\n    .onpc-login-subtitle {\r\n        font-size: 0.8rem;\r\n    }\r\n\r\n    .onpc-password,\r\n    .onpc-login-btn {\r\n        height: 42px;\r\n        font-size: 0.85rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"onpc-login-wrapper\">\r\n\r\n    <div class=\"onpc-login-container\">\r\n\r\n        <div class=\"onpc-login-icon\">\r\n            \ud83d\udd10\r\n        <\/div>\r\n\r\n        <h1>ESPACE S\u00c9CURIS\u00c9<\/h1>\r\n\r\n        <p class=\"onpc-login-subtitle\">\r\n            Bienvenue sur l'espace d'acc\u00e8s ONPC.<br>\r\n            Veuillez saisir votre mot de passe pour continuer.\r\n        <\/p>\r\n\r\n        <div class=\"onpc-login-line\"><\/div>\r\n\r\n        <form id=\"onpcPasswordForm\">\r\n\r\n            <label class=\"onpc-login-label\" for=\"onpcPassword\">\r\n                MOT DE PASSE\r\n            <\/label>\r\n\r\n            <input\r\n                type=\"password\"\r\n                id=\"onpcPassword\"\r\n                class=\"onpc-password\"\r\n                placeholder=\"Saisissez votre mot de passe\"\r\n                autocomplete=\"off\"\r\n                required\r\n            >\r\n\r\n            <button\r\n                type=\"submit\"\r\n                class=\"onpc-login-btn\">\r\n                Acc\u00e9der \u00e0 l'espace\r\n            <\/button>\r\n\r\n            <div\r\n                id=\"onpcError\"\r\n                class=\"onpc-error\">\r\n                \u274c Mot de passe incorrect. Veuillez r\u00e9essayer.\r\n            <\/div>\r\n\r\n        <\/form>\r\n\r\n        <div class=\"onpc-login-footer\">\r\n            Acc\u00e8s r\u00e9serv\u00e9 aux utilisateurs autoris\u00e9s\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    \/*\r\n     * ==========================================\r\n     * CONFIGURATION\r\n     * ==========================================\r\n     *\/\r\n\r\n    const MOT_DE_PASSE = \"A1d0nP3C26\";\r\n\r\n    \/*\r\n     * URL DE LA PAGE D'ACCUEIL\r\n     * Remplace cette URL si n\u00e9cessaire.\r\n     *\/\r\n\r\n    const PAGE_ACCUEIL = \"https:\/\/aides.onpcvisio.com\/index.php\/accueil\/\";\r\n\r\n\r\n    \/*\r\n     * ==========================================\r\n     * FORMULAIRE\r\n     * ==========================================\r\n     *\/\r\n\r\n    const form = document.getElementById(\"onpcPasswordForm\");\r\n    const password = document.getElementById(\"onpcPassword\");\r\n    const error = document.getElementById(\"onpcError\");\r\n\r\n    form.addEventListener(\"submit\", function (event) {\r\n\r\n        event.preventDefault();\r\n\r\n        const valeur = password.value;\r\n\r\n        if (valeur === MOT_DE_PASSE) {\r\n\r\n            error.style.display = \"none\";\r\n            window.location.href = PAGE_ACCUEIL;\r\n\r\n        } else {\r\n\r\n            error.style.display = \"block\";\r\n            password.value = \"\";\r\n            password.focus();\r\n\r\n        }\r\n\r\n    });\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5cbd571 e-con e-atomic-element e-flexbox-base e-5cbd571-3cd029d \" data-id=\"5cbd571\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5cbd571\" data-e-type=\"e-flexbox\" data-id=\"5cbd571\">\n    \n<\/div>\n\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83d\udd10 ESPACE S\u00c9CURIS\u00c9 Bienvenue sur l&rsquo;espace d&rsquo;acc\u00e8s ONPC. Veuillez saisir votre mot de passe pour continuer. MOT DE PASSE Acc\u00e9der \u00e0 l&rsquo;espace \u274c Mot de passe incorrect. Veuillez r\u00e9essayer. Acc\u00e8s r\u00e9serv\u00e9 aux utilisateurs autoris\u00e9s<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-250","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aides.onpcvisio.com\/index.php\/wp-json\/wp\/v2\/pages\/250","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aides.onpcvisio.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aides.onpcvisio.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aides.onpcvisio.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aides.onpcvisio.com\/index.php\/wp-json\/wp\/v2\/comments?post=250"}],"version-history":[{"count":28,"href":"https:\/\/aides.onpcvisio.com\/index.php\/wp-json\/wp\/v2\/pages\/250\/revisions"}],"predecessor-version":[{"id":291,"href":"https:\/\/aides.onpcvisio.com\/index.php\/wp-json\/wp\/v2\/pages\/250\/revisions\/291"}],"wp:attachment":[{"href":"https:\/\/aides.onpcvisio.com\/index.php\/wp-json\/wp\/v2\/media?parent=250"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}