{"id":213,"date":"2026-06-24T08:39:48","date_gmt":"2026-06-24T08:39:48","guid":{"rendered":"https:\/\/chhems-conseils.eu\/?page_id=213"},"modified":"2026-06-24T13:35:35","modified_gmt":"2026-06-24T13:35:35","slug":"213-2","status":"publish","type":"page","link":"https:\/\/chhems-conseils.eu\/?page_id=213","title":{"rendered":"Manager Dashboard"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* Supprime tout espace ajout\u00e9 par WordPress au-dessus du nav *\/\n.site-header,\n.wp-block-group,\n.wp-site-blocks,\n.entry-content,\nheader {\n    margin-top: 0 !important;\n    padding-top: 0 !important;\n}\n\n\/* Force le nav \u00e0 coller en haut *\/\nnav {\n    margin-top: 0 !important;\n    padding-top: 0.5rem !important;\n    position: relative !important;\n    z-index: 9999 !important;\n}\n\n\/* Emp\u00eache le body de passer devant *\/\nbody {\n    position: relative !important;\n    z-index: 1 !important;\n}\n\n\n\n\/* Supprime l'espace sous le footer *\/\nbody,\n.wp-site-blocks,\n.wp-block-group,\n.entry-content {\n    margin-bottom: 0 !important;\n    padding-bottom: 0 !important;\n}\n\n\/* Footer sans marge en dessous *\/\nfooter,\n.site-footer {\n    margin-bottom: 0 !important;\n    padding-bottom: 0 !important;\n}\n<\/style>\n\n<meta charset=\"UTF-8\">\n    <title>Nos expertises<\/title>\n    <style>\n\n        \/* Reset rapide *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n\n        \/* Conteneur de la nav *\/\n        nav {\n            background: #fff;\n            padding: 0.5rem 1.5rem;\n            border-bottom: 1px solid #eee;\n            position: relative;\n            z-index: 9999;\n        }\n\n        .nav-container {\n            max-width: 1200px;\n            margin: auto;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            position: relative;\n            z-index: 9999;\n        }\n\n        .nav-logo img {\n            width: clamp(100px, 15vw, 200px);\n        }\n\n        .nav-menu {\n            list-style: none;\n            display: flex;\n            align-items: center;\n            gap: 2rem;\n        }\n\n        \/* Hamburger (hidden on desktop) *\/\n        .nav-toggle {\n            display: none;\n            position: absolute;\n            opacity: 0;\n            width: 32px;\n            height: 32px;\n            right: 1rem;\n            top: 50%;\n            transform: translateY(-50%);\n            z-index: 99999; \/* au-dessus du menu *\/\n            cursor: pointer;\n        }\n\n\n        .nav-toggle-label {\n            display: none;\n            cursor: pointer;\n            width: 32px;\n            height: 24px;\n            position: relative;\n        }\n        \/*   les 3 barres du hamburger *\/\n        .nav-toggle-label span,\n        .nav-toggle-label span::before,\n        .nav-toggle-label span::after {\n            content: \"\";\n            position: absolute;\n            width: 100%;\n            height: 3px;\n            background: #000;\n            transition: 0.3s ease;\n            border-radius: 3px;\n        }\n\n        .nav-toggle-label span {\n            top: 50%;\n            transform: translateY(-50%);\n        }\n\n        .nav-toggle-label span::before {\n            top: -8px;\n        }\n\n        .nav-toggle-label span::after {\n            top: 8px;\n        }\n\n        \/* Animation hamburger \u2192 X *\/\n        .nav-toggle:checked + .nav-toggle-label span {\n            background: transparent;\n        }\n\n        .nav-toggle:checked + .nav-toggle-label span::before {\n            top: 0;\n            transform: rotate(45deg);\n        }\n\n        .nav-toggle:checked + .nav-toggle-label span::after {\n            top: 0;\n            transform: rotate(-45deg);\n        }\n\n        @media (max-width: 600px) {\n\n            .nav-container {\n                display: grid;\n                grid-template-columns: auto 1fr auto; \/* logo | vide | hamburger *\/\n                align-items: center;\n            }\n\n            .nav-logo {\n                justify-self: start;\n            }\n\n            .nav-toggle {\n                display: block;\n            }\n\n            .nav-toggle-label {\n                display: block;\n                position: static;   \/* IMPORTANT : plus d'absolu *\/\n                justify-self: end;\n                cursor: pointer;\n                width: 32px;\n                height: 24px;\n            }\n\n            .nav-menu {\n                width: 100%;\n                top: 60px;\n            }\n        }\n\n\n        @media (max-width: 900px) {\n\n            .nav-toggle-label {\n                position: absolute;\n                right: 1.5rem;\n                top: 50%;\n                transform: translateY(-50%);\n                z-index: 99999; \/* passe devant tout *\/\n            }\n\n            .nav-menu {\n                position: absolute;\n                top: 70px;\n                left: 0;\n                width: 100%;\n                background: #fff;\n                flex-direction: column;\n                align-items: center;\n                gap: 1.2rem;\n                padding: 1.5rem 0;\n                border-bottom: 1px solid #eee;\n\n                \/* Hidden by default *\/\n                max-height: 0;\n                overflow: hidden;\n                opacity: 0;\n                transform: translateY(-10px);\n                transition: 0.3s ease;\n            }\n\n            \/* When hamburger is checked \u2192 menu visible *\/\n            .nav-toggle:checked ~ .nav-menu {\n                max-height: 500px;\n                opacity: 1;\n                transform: translateY(0);\n            }\n\n            .nav-toggle {\n                position: absolute;\n                right: 1.5rem;\n                top: 50%;\n                transform: translateY(-50%);\n                z-index: 99999;\n            }\n\n            .nav-menu {\n                position: absolute;\n                z-index: 999; \/* menu sous le hamburger *\/\n            }\n        }\n\n\n        \/* Liste horizontale *\/\n        nav ul {\n            list-style: none;\n            display: flex;\n            align-items: center;\n            gap: clamp(0.5rem, 3vw, 2rem);\n\n\n        }\n\n\n        @media (max-width: 900px) {\n            nav ul {\n                flex-wrap: wrap;\n                gap: 1rem;\n            }\n        }\n\n\n\n        @media (max-width: 600px) {\n            nav ul {\n                flex-direction: column;\n                align-items: center;\n                justify-content: center;\n                gap: 0.8rem;\n            }\n\n\n        }\n\n\n\n\n        \/* Liens *\/\n        nav a {\n            color: #000000;\n            text-decoration: none;\n            font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n            font-size: clamp(0.5rem, 5vw, 1.5rem);\n            padding: clamp(0.1rem, 5vw, 0.25rem) 0;\n            position: relative;\n        }\n\n        \/* Soulignement anim\u00e9 au survol *\/\n        nav a::after {\n            content: \"\";\n            position: absolute;\n            left: 0;\n            bottom: -3px;\n            width: 0;\n            height: 2px;\n\n            transition: width 0.2s ease-out;\n            background: linear-gradient(to right, #AE23E8, #27D3F5);\n\n\n        }\n\n        nav a:hover::after {\n            width: 100%;\n        }\n\n\n        \/* Lien actif *\/\n        .active {\n            color: #000000;\n            font-weight: 600;\n        }\n\n        .active::after {\n            width: 100%;\n        }\n        .btn-gradient {\n            background: transparent;\n            border: clamp(1px, 0.5vw, 2px) solid #000000;\n\n            color: #AE23E8;\n            padding:clamp(0.3rem, 2vw, 0.6rem) clamp(0.6rem, 3vw, 1.2rem);  ;\n            border-radius: clamp(6px, 5vw, 3px);\n            font-size: clamp(0.7rem, 2.5vw, 1rem);;\n            cursor: pointer;\n            transition: 0.2s ease;\n\n\n        }\n\n\n        .btn-gradient:hover {\n            background: linear-gradient(to right, #AE23E8, #27D3F5);\n            color: #000000;\n        }\n\n\n        .styled-table {\n            width: 100%;\n            max-width: 1500px;\n            margin: 2rem auto;\n            border-collapse: separate;\n            border-spacing: 0;\n\n            background: #1a1a1a;\n            border-radius: 18px;\n            overflow: hidden;\n            border: 2px solid rgba(123, 97, 255, 0.3);\n            box-shadow: 0 0 25px rgba(123, 97, 255, 0.4);\n            color: #e5e5e5;\n\n\n        }\n\n        .styled-table thead {\n            background: linear-gradient(to right, #7c3aed, #3b82f6);\n        }\n\n        .styled-table th {\n            padding: 1rem;\n            text-align: left;\n            font-weight: 600;\n            color: #fff;\n        }\n\n        .styled-table td {\n            padding: 1rem;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n        }\n\n        .styled-table tbody tr:hover {\n            background: rgba(123, 97, 255, 0.15);\n            transition: 0.3s ease;\n        }\n\n        body {\n            background: radial-gradient(circle at 20% 20%, #7c3aed55, transparent 60%),\n            radial-gradient(circle at 80% 30%, #3b82f655, transparent 60%),\n            radial-gradient(circle at 50% 80%, #9333ea55, transparent 60%),\n            #0d0d0d;\n            background-attachment: fixed;\n        }\n\n\n        .footer {\n            background: linear-gradient(to right, #AE23E8, #27D3F5);\n            color: white;\n            padding: 50px 20px;\n            font-family: sans-serif;\n            margin-left: auto;\n        }\n\n        .footer-content {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 40px;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        .footer-col h3 {\n            margin-bottom: 10px;\n            font-size: 1.1rem;\n        }\n\n        .footer-col a {\n            display: block;\n            color: #dfe6e9;\n            margin: 6px 0;\n            text-decoration: none;\n            transition: 0.3s;\n        }\n\n        .footer-col a:hover {\n            color: white;\n        }\n\n        .brand h2 {\n            font-size: 1.8rem;\n            margin-bottom: 10px;\n        }\n\n\n\n\n\n        .mb-500 { margin-bottom: 400px; }\n\n    <\/style>\n\n\n\n<nav class=\"nav\">\n    <div class=\"nav-container\">\n\n        <!-- Logo -->\n        <a href=\"\/\" class=\"nav-logo\">\n            <img decoding=\"async\" src=\"http:\/\/chhems-conseils.eu\/wp-content\/uploads\/2026\/06\/logo-chhems-removebg-preview-e1781201029512.png\" alt=\"logo\">\n        <\/a>\n\n        <!-- Hamburger -->\n        <input type=\"checkbox\" id=\"nav-toggle\" class=\"nav-toggle\">\n        <label for=\"nav-toggle\" class=\"nav-toggle-label\">\n            <span><\/span>\n        <\/label>\n\n        <!-- Menu -->\n        <ul class=\"nav-menu\">\n            <li><a href=\"\/\">Accueil<\/a><\/li>\n            <li><a href=\"\/?page_id=96\">Nos expertises<\/a><\/li>\n            <li><a href=\"\/?page_id=135\">Nos secteurs<\/a><\/li>\n      \n            <li><button class=\"btn-gradient\" onclick=\"window.location.href='\/?page_id=208'\">Nous contacter<\/button><\/li><\/li>\n        <\/ul>\n\n    <\/div>\n<\/nav>\n\n\n\n\n    <table class='styled-table mb-500'>\n    <thead>\n    <tr>\n        <th>Nom<\/th>\n        <th>Ville<\/th>\n        <th>email<\/th>\n        <th>Statut<\/th>\n    <\/tr>\n    <\/thead>\n\n    <tbody><tr onclick=\"window.location.href='\/?page_id=221&id=3'\" style='cursor:pointer;'><td>chhem socheat<\/td><td>paris<\/td><td>socheat.chhem@gmail.com<\/td><td>en_attente<\/td><\/tr><tr onclick=\"window.location.href='\/?page_id=221&id=2'\" style='cursor:pointer;'><td>Doe John<\/td><td>Lyon<\/td><td>test@test.test.com<\/td><td>en_attente<\/td><\/tr><tr onclick=\"window.location.href='\/?page_id=221&id=1'\" style='cursor:pointer;'><td>Dupont Jean<\/td><td>Paris<\/td><td>test@test1test.com<\/td><td>en_attente<\/td><\/tr> <\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>Nos expertises Accueil Nos expertises Nos secteurs Nous contacter<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"idriss-test","meta":{"footnotes":""},"class_list":["post-213","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/chhems-conseils.eu\/index.php?rest_route=\/wp\/v2\/pages\/213","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chhems-conseils.eu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chhems-conseils.eu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chhems-conseils.eu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chhems-conseils.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=213"}],"version-history":[{"count":6,"href":"https:\/\/chhems-conseils.eu\/index.php?rest_route=\/wp\/v2\/pages\/213\/revisions"}],"predecessor-version":[{"id":225,"href":"https:\/\/chhems-conseils.eu\/index.php?rest_route=\/wp\/v2\/pages\/213\/revisions\/225"}],"wp:attachment":[{"href":"https:\/\/chhems-conseils.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=213"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}