{"id":26,"date":"2026-09-10T07:54:28","date_gmt":"2026-09-10T07:54:28","guid":{"rendered":"https:\/\/cadorfacilitersavie.com\/?page_id=26"},"modified":"2026-09-19T19:10:55","modified_gmt":"2026-09-19T19:10:55","slug":"acceuil","status":"publish","type":"page","link":"https:\/\/cadorfacilitersavie.com\/index.php\/acceuil\/","title":{"rendered":"ACCEUIL"},"content":{"rendered":"\n<!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>CADOR | Organisation<\/title>\n\n<style>\n*{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\n\nbody{\n    font-family:\"Segoe UI\",Arial,sans-serif;\n    color:white;\n    min-height:100vh;\n    overflow-x:hidden;\n    background:\n        radial-gradient(circle at 10% 20%,#0d8aaa55,transparent 30%),\n        radial-gradient(circle at 90% 80%,#ffca2855,transparent 30%),\n        linear-gradient(135deg,#031d2b,#064e6b,#071d32);\n}\n\n\/* ================= FOND ================= *\/\n\n.background{\n    position:fixed;\n    inset:0;\n    overflow:hidden;\n    z-index:-10;\n}\n\n.blob{\n    position:absolute;\n    border-radius:50%;\n    filter:blur(5px);\n    opacity:.22;\n    animation:moveBlob 15s infinite alternate ease-in-out;\n}\n\n.blob1{\n    width:350px;height:350px;\n    background:#00c6ff;\n    top:-150px;left:-100px;\n}\n\n.blob2{\n    width:400px;height:400px;\n    background:#ffc400;\n    right:-150px;top:25%;\n    animation-delay:3s;\n}\n\n.blob3{\n    width:300px;height:300px;\n    background:#ff6b35;\n    bottom:-100px;left:35%;\n    animation-delay:6s;\n}\n\n@keyframes moveBlob{\n    0%{transform:translate(0,0) scale(1)}\n    50%{transform:translate(70px,-50px) scale(1.2)}\n    100%{transform:translate(-50px,70px) scale(.9)}\n}\n\n\/* ================= PARTICULES ================= *\/\n\n.particles{\n    position:fixed;\n    inset:0;\n    pointer-events:none;\n    z-index:-5;\n}\n\n.particle{\n    position:absolute;\n    width:4px;height:4px;\n    border-radius:50%;\n    background:#ffd21c;\n    box-shadow:0 0 12px #ffd21c;\n    animation:particleMove linear infinite;\n}\n\n@keyframes particleMove{\n    from{transform:translateY(110vh);opacity:0}\n    20%{opacity:1}\n    80%{opacity:1}\n    to{transform:translateY(-10vh);opacity:0}\n}\n\n\/* ================= PAGE ================= *\/\n\n.page{\n    min-height:100vh;\n    animation:pageIn .7s ease;\n}\n\n@keyframes pageIn{\n    from{opacity:0;transform:scale(.97)}\n    to{opacity:1;transform:scale(1)}\n}\n\nheader{\n    text-align:center;\n    padding:55px 20px 25px;\n}\n\n.logo{\n    display:inline-flex;\n    align-items:center;\n    gap:14px;\n    font-size:38px;\n    font-weight:900;\n    letter-spacing:6px;\n    background:linear-gradient(90deg,#fff,#ffd21c,#00d4ff);\n    -webkit-background-clip:text;\n    color:transparent;\n    animation:logoGlow 3s infinite alternate;\n}\n\n.logoIcon{\n    width:55px;height:55px;\n    display:grid;\n    place-items:center;\n    border-radius:15px;\n    background:linear-gradient(135deg,#ffd21c,#ff8c00);\n    color:#07334b;\n    box-shadow:0 0 20px #ffc40099,inset 0 2px 4px #ffffff88;\n    font-size:30px;\n    font-weight:900;\n}\n\n@keyframes logoGlow{\n    from{filter:drop-shadow(0 0 2px #00c6ff)}\n    to{filter:drop-shadow(0 0 15px #ffd21c)}\n}\n\n.subtitle{\n    margin-top:12px;\n    color:#b8dce9;\n    font-size:15px;\n    letter-spacing:3px;\n}\n\n\/* ================= MARQUEE ================= *\/\n\n.marquee{\n    width:100%;\n    overflow:hidden;\n    border-top:1px solid #ffffff18;\n    border-bottom:1px solid #ffffff18;\n    background:#021b2aaa;\n    margin:20px 0 45px;\n    box-shadow:0 0 30px #0005;\n}\n\n.marqueeTrack{\n    display:flex;\n    width:max-content;\n    animation:marquee 22s linear infinite;\n}\n\n.marqueeItem{\n    padding:15px 45px;\n    font-weight:800;\n    letter-spacing:3px;\n    white-space:nowrap;\n}\n\n.marqueeItem span{\n    color:#ffd21c;\n    margin-right:12px;\n}\n\n@keyframes marquee{\n    from{transform:translateX(0)}\n    to{transform:translateX(-50%)}\n}\n\n\/* ================= TITRE ================= *\/\n\n.sectionTitle{\n    text-align:center;\n    margin-bottom:45px;\n}\n\n.sectionTitle h1{\n    font-size:clamp(28px,5vw,48px);\n    font-weight:900;\n    background:linear-gradient(90deg,#fff,#ffd21c,#00d4ff,#fff);\n    background-size:300%;\n    -webkit-background-clip:text;\n    color:transparent;\n    animation:gradientText 5s linear infinite;\n}\n\n.sectionTitle p{\n    margin-top:10px;\n    color:#aac9d6;\n}\n\n@keyframes gradientText{\n    0%{background-position:0%}\n    100%{background-position:300%}\n}\n\n\/* ================= ORGANISATION ================= *\/\n\n.organization{\n    width:min(1050px,92%);\n    margin:auto;\n}\n\n.top{\n    display:flex;\n    justify-content:center;\n    position:relative;\n}\n\n.children{\n    margin-top:125px;\n    display:grid;\n    grid-template-columns:repeat(2,minmax(260px,360px));\n    justify-content:center;\n    gap:120px;\n    position:relative;\n}\n\n\/* ================= LIGNES ================= *\/\n\n.verticalLine{\n    position:absolute;\n    width:3px;height:70px;\n    top:100%;left:50%;\n    transform:translateX(-50%);\n    background:linear-gradient(#ffd21c,#00d4ff);\n    box-shadow:0 0 10px #ffd21c,0 0 20px #00d4ff;\n    animation:electric 1.5s infinite alternate;\n}\n\n.horizontalLine{\n    position:absolute;\n    top:-70px;\n    left:25%;\n    width:50%;\n    height:3px;\n    background:linear-gradient(90deg,#00d4ff,#ffd21c,#ff6b35);\n    box-shadow:0 0 12px #00d4ff;\n    animation:lineLight 3s infinite linear;\n}\n\n.childLine{\n    position:absolute;\n    top:-70px;\n    width:3px;height:70px;\n    background:#ffd21c;\n    box-shadow:0 0 12px #ffd21c;\n}\n\n.childLine.left{left:25%}\n.childLine.right{right:25%}\n\n@keyframes electric{\n    from{opacity:.5}\n    to{opacity:1;filter:brightness(1.8)}\n}\n\n@keyframes lineLight{\n    0%,100%{filter:brightness(.8)}\n    50%{filter:brightness(2)}\n}\n\n\/* ================= CARTES ================= *\/\n\n.card{\n    position:relative;\n    height:160px;\n    cursor:pointer;\n    opacity:0;\n    animation:cardAppear .9s forwards;\n    transform-style:preserve-3d;\n}\n\n.mainCard{width:310px}\n.childCard{width:100%}\n\n.card:nth-child(2){animation-delay:.5s}\n.card:nth-child(3){animation-delay:.8s}\n\n@keyframes cardAppear{\n    from{\n        opacity:0;\n        transform:translateY(70px) scale(.7) rotateX(20deg);\n    }\n    to{\n        opacity:1;\n        transform:translateY(0) scale(1) rotateX(0);\n    }\n}\n\n.cardBack{\n    position:absolute;\n    inset:0;\n    border-radius:20px;\n    background:linear-gradient(135deg,#00658a,#08364e);\n    transform:translate(-18px,-18px);\n    transition:.45s;\n    box-shadow:0 15px 35px #0007;\n}\n\n.cardFront{\n    position:absolute;\n    inset:0;\n    border-radius:20px;\n    display:flex;\n    justify-content:center;\n    align-items:center;\n    overflow:hidden;\n    background:linear-gradient(135deg,#ffd21c,#ffb300,#ff8c00);\n    border:1px solid #ffffff55;\n    box-shadow:0 20px 45px #0008,inset 0 2px 4px #ffffff77;\n    transition:.45s;\n}\n\n.cardFront::before{\n    content:\"\";\n    position:absolute;\n    width:80px;height:250px;\n    background:#ffffff55;\n    transform:rotate(30deg);\n    left:-150px;\n    transition:.8s;\n}\n\n.card:hover .cardFront::before{left:120%}\n\n.card:hover .cardFront{\n    transform:translateY(-14px) rotateX(4deg) rotateY(-4deg) scale(1.04);\n    box-shadow:0 30px 65px #0009,0 0 30px #ffc40066;\n}\n\n.card:hover .cardBack{\n    transform:translate(-26px,-26px);\n    background:linear-gradient(135deg,#008bb8,#075071);\n}\n\n.card h2{\n    position:relative;\n    z-index:5;\n    color:#080808;\n    font-family:Georgia,serif;\n    font-size:52px;\n    letter-spacing:3px;\n}\n\n.badge{\n    position:absolute;\n    bottom:12px;\n    padding:6px 16px;\n    border-radius:30px;\n    background:#07384fdd;\n    color:white;\n    font-size:10px;\n    font-weight:800;\n    letter-spacing:2px;\n    opacity:0;\n    transform:translateY(15px);\n    transition:.4s;\n}\n\n.card:hover .badge{\n    opacity:1;\n    transform:translateY(0);\n}\n\n\/* ================= INFO ================= *\/\n\n.info{\n    width:min(700px,90%);\n    margin:80px auto 30px;\n    padding:25px;\n    text-align:center;\n    border-radius:20px;\n    background:linear-gradient(135deg,#ffffff0d,#ffffff05);\n    border:1px solid #ffffff18;\n    backdrop-filter:blur(15px);\n    box-shadow:0 20px 50px #0005;\n}\n\n.info strong{color:#ffd21c}\n#infoText{color:#c4dce5}\n\n\/* ================= FOOTER ================= *\/\n\nfooter{\n    text-align:center;\n    padding:45px 20px;\n    color:#7fa9b9;\n    font-size:13px;\n}\n\n.status{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n}\n\n.statusDot{\n    width:9px;height:9px;\n    border-radius:50%;\n    background:#43e67c;\n    box-shadow:0 0 10px #43e67c;\n    animation:pulse 1.5s infinite;\n}\n\n@keyframes pulse{\n    0%,100%{transform:scale(1);opacity:1}\n    50%{transform:scale(.6);opacity:.4}\n}\n\n\/* ================= PAGES INTERNES ================= *\/\n\n.internalPage{\n    display:none;\n    min-height:100vh;\n    padding:30px 20px 60px;\n    animation:internalIn .8s ease forwards;\n}\n\n.internalPage.active{display:block}\n\n@keyframes internalIn{\n    from{opacity:0;transform:translateY(40px) scale(.97)}\n    to{opacity:1;transform:translateY(0) scale(1)}\n}\n\n.pageHeader{\n    text-align:center;\n    padding-top:25px;\n}\n\n.pageLogo{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    width:75px;height:75px;\n    border-radius:22px;\n    background:linear-gradient(135deg,#ffd21c,#ff8c00);\n    color:#07334b;\n    font-size:38px;\n    font-weight:900;\n    box-shadow:0 0 30px #ffc40088,inset 0 2px 5px #fff8;\n    animation:iconFloat 3s ease-in-out infinite;\n}\n\n@keyframes iconFloat{\n    0%,100%{transform:translateY(0) rotate(0)}\n    50%{transform:translateY(-10px) rotate(3deg)}\n}\n\n.pageHeader h1{\n    margin-top:25px;\n    font-size:clamp(40px,8vw,75px);\n    font-weight:900;\n    background:linear-gradient(90deg,#fff,#ffd21c,#00d4ff,#fff);\n    background-size:300%;\n    -webkit-background-clip:text;\n    color:transparent;\n    animation:gradientText 5s linear infinite;\n}\n\n.pageHeader p{\n    margin-top:10px;\n    color:#9fc7d5;\n    letter-spacing:3px;\n}\n\n.contentBox{\n    width:min(850px,94%);\n    margin:55px auto 35px;\n    padding:45px;\n    border-radius:30px;\n    background:linear-gradient(135deg,#ffffff15,#ffffff05);\n    border:1px solid #ffffff22;\n    backdrop-filter:blur(18px);\n    box-shadow:0 25px 70px #0008,inset 0 1px 1px #ffffff18;\n    position:relative;\n    overflow:hidden;\n}\n\n.contentBox::before{\n    content:\"\";\n    position:absolute;\n    width:180px;height:180px;\n    border-radius:50%;\n    background:#00d4ff33;\n    filter:blur(50px);\n    top:-80px;left:-80px;\n}\n\n.contentBox::after{\n    content:\"\";\n    position:absolute;\n    width:180px;height:180px;\n    border-radius:50%;\n    background:#ffd21c33;\n    filter:blur(50px);\n    bottom:-100px;right:-70px;\n}\n\n.contentText{\n    position:relative;\n    z-index:2;\n    color:#e4f3f8;\n    font-size:20px;\n    line-height:1.9;\n    text-align:center;\n}\n\n.contentText strong{color:#ffd21c}\n\n\/* ================= SERVICES MSR ================= *\/\n\n.servicesGrid{\n    position:relative;\n    z-index:3;\n    display:grid;\n    grid-template-columns:repeat(2,1fr);\n    gap:20px;\n    margin-top:30px;\n}\n\n.serviceCard{\n    padding:25px 18px;\n    border-radius:20px;\n    background:linear-gradient(135deg,#063b52,#075a76);\n    border:1px solid #ffffff20;\n    cursor:pointer;\n    transition:.35s;\n    box-shadow:0 12px 30px #0005;\n}\n\n.serviceCard:hover{\n    transform:translateY(-8px) scale(1.03);\n    background:linear-gradient(135deg,#08799b,#0a4d68);\n    box-shadow:0 20px 40px #0008,0 0 20px #00d4ff44;\n}\n\n.serviceIcon{\n    font-size:42px;\n    margin-bottom:10px;\n}\n\n.serviceCard h3{\n    color:#ffd21c;\n    font-size:21px;\n}\n\n.serviceCard p{\n    color:#c8e3eb;\n    font-size:14px;\n    line-height:1.5;\n    margin-top:7px;\n}\n\n.contact{\n    margin-top:30px;\n    padding:22px;\n    border-radius:18px;\n    background:#031d2bcc;\n    border:1px solid #ffd21c33;\n    text-align:center;\n    color:#d4edf4;\n}\n\n.contact span{\n    color:#ffd21c;\n    font-weight:800;\n}\n\n.backButton{\n    display:block;\n    width:max-content;\n    margin:30px auto 0;\n    padding:14px 30px;\n    border:1px solid #ffd21c88;\n    border-radius:50px;\n    background:linear-gradient(135deg,#ffd21c,#ff9800);\n    color:#07334b;\n    font-weight:900;\n    letter-spacing:1px;\n    cursor:pointer;\n    box-shadow:0 10px 30px #0006;\n    transition:.3s;\n}\n\n.backButton:hover{\n    transform:translateY(-5px) scale(1.04);\n    box-shadow:0 15px 35px #0008,0 0 25px #ffd21c66;\n}\n\n.pageFooter{\n    text-align:center;\n    color:#7fa9b9;\n    margin-top:50px;\n    font-size:13px;\n}\n\n\/* ================= MOBILE ================= *\/\n\n@media(max-width:700px){\n\n    header{padding-top:30px}\n\n    .logo{font-size:28px}\n\n    .children{\n        grid-template-columns:1fr;\n        gap:85px;\n        margin-top:110px;\n    }\n\n    .childCard{\n        width:290px;\n        margin:auto;\n    }\n\n    .horizontalLine,\n    .childLine{display:none}\n\n    .children::before{\n        content:\"\";\n        position:absolute;\n        top:-50px;\n        left:50%;\n        width:3px;\n        height:calc(100% + 20px);\n        background:linear-gradient(#ffd21c,#00d4ff);\n        box-shadow:0 0 10px #ffd21c;\n        z-index:-1;\n    }\n\n    .contentBox{padding:28px 20px}\n\n    .contentText{\n        font-size:17px;\n        line-height:1.75;\n    }\n\n    .pageHeader h1{font-size:48px}\n\n    .servicesGrid{\n        grid-template-columns:1fr;\n    }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<!-- ================= FOND ================= -->\n\n<div class=\"background\">\n    <div class=\"blob blob1\"><\/div>\n    <div class=\"blob blob2\"><\/div>\n    <div class=\"blob blob3\"><\/div>\n<\/div>\n\n<div class=\"particles\" id=\"particles\"><\/div>\n\n\n<!-- =====================================================\n     PAGE PRINCIPALE\n===================================================== -->\n\n<div id=\"homePage\" class=\"page\">\n\n<header>\n\n    <div class=\"logo\">\n        <div class=\"logoIcon\">C<\/div>\n        CADOR\n    <\/div>\n\n    <div class=\"subtitle\">\n        ORGANISATION \u2022 STRUCTURE \u2022 PERFORMANCE\n    <\/div>\n\n<\/header>\n\n<div class=\"marquee\">\n    <div class=\"marqueeTrack\">\n        <div class=\"marqueeItem\"><span>\u2726<\/span> CADOR<\/div>\n        <div class=\"marqueeItem\"><span>\u2726<\/span> MSR<\/div>\n        <div class=\"marqueeItem\"><span>\u2726<\/span> MBR<\/div>\n        <div class=\"marqueeItem\"><span>\u2726<\/span> ORGANISATION<\/div>\n        <div class=\"marqueeItem\"><span>\u2726<\/span> INNOVATION<\/div>\n        <div class=\"marqueeItem\"><span>\u2726<\/span> PERFORMANCE<\/div>\n\n        <div class=\"marqueeItem\"><span>\u2726<\/span> CADOR<\/div>\n        <div class=\"marqueeItem\"><span>\u2726<\/span> MSR<\/div>\n        <div class=\"marqueeItem\"><span>\u2726<\/span> MBR<\/div>\n        <div class=\"marqueeItem\"><span>\u2726<\/span> ORGANISATION<\/div>\n        <div class=\"marqueeItem\"><span>\u2726<\/span> INNOVATION<\/div>\n        <div class=\"marqueeItem\"><span>\u2726<\/span> PERFORMANCE<\/div>\n    <\/div>\n<\/div>\n\n<section class=\"sectionTitle\">\n    <h1>Notre Organisation<\/h1>\n    <p>D\u00e9couvrez notre structure et ses diff\u00e9rentes entit\u00e9s<\/p>\n<\/section>\n\n<main class=\"organization\">\n\n    <div class=\"top\">\n\n        <div class=\"card mainCard\" onclick=\"openPage('cadorPage')\">\n\n            <div class=\"cardBack\"><\/div>\n\n            <div class=\"cardFront\">\n                <h2>CADOR<\/h2>\n                <div class=\"badge\">DIRECTION<\/div>\n            <\/div>\n\n            <div class=\"verticalLine\"><\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <div class=\"children\">\n\n        <div class=\"horizontalLine\"><\/div>\n        <div class=\"childLine left\"><\/div>\n        <div class=\"childLine right\"><\/div>\n\n        <div class=\"card childCard\" onclick=\"openPage('msrPage')\">\n\n            <div class=\"cardBack\"><\/div>\n\n            <div class=\"cardFront\">\n                <h2>MSR<\/h2>\n                <div class=\"badge\">ENTIT\u00c9 MSR<\/div>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"card childCard\" onclick=\"openPage('mbrPage')\">\n\n            <div class=\"cardBack\"><\/div>\n\n            <div class=\"cardFront\">\n                <h2>MBR<\/h2>\n                <div class=\"badge\">ENTIT\u00c9 MBR<\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/main>\n\n<div class=\"info\">\n    <p id=\"infoText\">\n        \u2728 Cliquez sur une entit\u00e9 pour d\u00e9couvrir sa pr\u00e9sentation.\n    <\/p>\n<\/div>\n\n<footer>\n\n    <div class=\"status\">\n        <span class=\"statusDot\"><\/span>\n        Plateforme organisationnelle active\n    <\/div>\n\n    <br><br>\n\n    \u00a9 2026 CADOR \u2014 Tous droits r\u00e9serv\u00e9s\n\n<\/footer>\n\n<\/div>\n\n\n<!-- =====================================================\n     PAGE CADOR\n===================================================== -->\n\n<section id=\"cadorPage\" class=\"internalPage\">\n\n    <div class=\"pageHeader\">\n\n        <div class=\"pageLogo\">C<\/div>\n\n        <h1>CADOR<\/h1>\n\n        <p>SOLUTION NUM\u00c9RIQUE \u2022 SERVICES ESSENTIELS<\/p>\n\n    <\/div>\n\n    <div class=\"contentBox\">\n\n        <div class=\"contentText\">\n\n            <strong>CADOR<\/strong> est une solution num\u00e9rique\n            pour faciliter l&rsquo;acc\u00e8s aux services essentiels.\n\n            <br><br>\n\n            L&rsquo;objectif g\u00e9n\u00e9ral est de faciliter la vie des\n            clients en leur offrant un acc\u00e8s rapide, fiable\n            et organis\u00e9 \u00e0 divers services via une plateforme\n            num\u00e9rique centralis\u00e9e.\n\n            <div class=\"contact\">\n\n                \ud83d\udccd <span>Adresse :<\/span>\n                Ouagadougou\n\n                <br><br>\n\n                \ud83d\udcf1 <span>WhatsApp \/ T\u00e9l\u00e9phone :<\/span>\n                56824040\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <button class=\"backButton\" onclick=\"goHome()\">\n        \u2190 Retour \u00e0 l&rsquo;organisation\n    <\/button>\n\n    <div class=\"pageFooter\">\n        \u00a9 2026 CADOR \u2014 Tous droits r\u00e9serv\u00e9s\n    <\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n     PAGE MSR\n===================================================== -->\n\n<section id=\"msrPage\" class=\"internalPage\">\n\n    <div class=\"pageHeader\">\n\n        <div class=\"pageLogo\">M<\/div>\n\n        <h1>MSR<\/h1>\n\n        <p>MARCH\u00c9 DES SERVICES RARES<\/p>\n\n    <\/div>\n\n    <div class=\"contentBox\">\n\n        <div class=\"contentText\">\n\n            <strong>MSR<\/strong> signifie\n            <strong>March\u00e9 des Services Rares<\/strong>.\n\n            <br><br>\n\n            Une plateforme destin\u00e9e \u00e0 faciliter la recherche,\n            la mise en relation et l&rsquo;acc\u00e8s \u00e0 diff\u00e9rents\n            services.\n\n            <br>\n\n            <strong>S\u00e9lectionnez un service :<\/strong>\n\n            <div class=\"servicesGrid\">\n\n                <!-- EMPLOIS -->\n                <div class=\"serviceCard\"\n                     onclick=\"openPage('emploisPage')\">\n\n                    <div class=\"serviceIcon\">\ud83d\udcbc<\/div>\n\n                    <h3>Emplois<\/h3>\n\n                    <p>\n                        Trouvez des opportunit\u00e9s professionnelles\n                        et mettez en relation candidats et employeurs.\n                    <\/p>\n\n                <\/div>\n\n\n                <!-- DEPANNAGE -->\n                <div class=\"serviceCard\"\n                     onclick=\"openPage('depannagePage')\">\n\n                    <div class=\"serviceIcon\">\ud83d\udee0\ufe0f<\/div>\n\n                    <h3>D\u00e9pannage<\/h3>\n\n                    <p>\n                        Recherchez des personnes capables\n                        d&rsquo;intervenir pour diff\u00e9rents besoins.\n                    <\/p>\n\n                <\/div>\n\n\n                <!-- LOCATIONS -->\n                <div class=\"serviceCard\"\n                     onclick=\"openPage('locationsPage')\">\n\n                    <div class=\"serviceIcon\">\ud83c\udfe0<\/div>\n\n                    <h3>Locations<\/h3>\n\n                    <p>\n                        D\u00e9couvrez des offres de location\n                        disponibles sur la plateforme.\n                    <\/p>\n\n                <\/div>\n\n\n                <!-- FORMATIONS -->\n                <div class=\"serviceCard\"\n                     onclick=\"openPage('formationsPage')\">\n\n                    <div class=\"serviceIcon\">\ud83c\udf93<\/div>\n\n                    <h3>Formations<\/h3>\n\n                    <p>\n                        D\u00e9couvrez des formations et d\u00e9veloppez\n                        vos comp\u00e9tences.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <button class=\"backButton\" onclick=\"goHome()\">\n        \u2190 Retour \u00e0 l&rsquo;organisation\n    <\/button>\n\n    <div class=\"pageFooter\">\n        \u00a9 2026 CADOR \u2014 Tous droits r\u00e9serv\u00e9s\n    <\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n     PAGE EMPLOIS\n===================================================== -->\n\n<section id=\"emploisPage\" class=\"internalPage\">\n\n    <div class=\"pageHeader\">\n\n        <div class=\"pageLogo\">\ud83d\udcbc<\/div>\n\n        <h1>EMPLOIS<\/h1>\n\n        <p>SERVICE EMPLOIS \u2022 MSR<\/p>\n\n    <\/div>\n\n    <div class=\"contentBox\">\n\n        <div class=\"contentText\">\n\n            <strong>Service Emplois<\/strong>\n\n            <br><br>\n\n            Cette rubrique permet de consulter et de proposer\n            des opportunit\u00e9s professionnelles.\n\n            <br><br>\n\n            Les utilisateurs peuvent rechercher des offres,\n            pr\u00e9senter leurs comp\u00e9tences et faciliter la mise\n            en relation entre candidats et employeurs.\n\n            <div class=\"contact\">\n\n                \ud83d\udcbc <span>Service MSR<\/span>\n\n                <br><br>\n\n                Trouvez ou publiez une opportunit\u00e9\n                professionnelle.\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <button class=\"backButton\" onclick=\"openPage('msrPage')\">\n        \u2190 Retour aux services MSR\n    <\/button>\n\n<\/section>\n\n\n<!-- =====================================================\n     PAGE DEPANNAGE\n===================================================== -->\n\n<section id=\"depannagePage\" class=\"internalPage\">\n\n    <div class=\"pageHeader\">\n\n        <div class=\"pageLogo\">\ud83d\udee0\ufe0f<\/div>\n\n        <h1>D\u00c9PANNAGE<\/h1>\n\n        <p>SERVICE D\u00c9PANNAGE \u2022 MSR<\/p>\n\n    <\/div>\n\n    <div class=\"contentBox\">\n\n        <div class=\"contentText\">\n\n            <strong>Service D\u00e9pannage<\/strong>\n\n            <br><br>\n\n            Une rubrique permettant de rechercher des\n            prestataires pour diff\u00e9rents besoins de d\u00e9pannage.\n\n            <br><br>\n\n            Les utilisateurs peuvent identifier un service\n            adapt\u00e9 \u00e0 leur besoin et faciliter la mise en\n            relation avec un intervenant.\n\n            <div class=\"contact\">\n\n                \ud83d\udee0\ufe0f <span>Service MSR<\/span>\n\n                <br><br>\n\n                Recherchez un intervenant selon votre besoin.\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <button class=\"backButton\" onclick=\"openPage('msrPage')\">\n        \u2190 Retour aux services MSR\n    <\/button>\n\n<\/section>\n\n\n<!-- =====================================================\n     PAGE LOCATIONS\n===================================================== -->\n\n<section id=\"locationsPage\" class=\"internalPage\">\n\n    <div class=\"pageHeader\">\n\n        <div class=\"pageLogo\">\ud83c\udfe0<\/div>\n\n        <h1>LOCATIONS<\/h1>\n\n        <p>SERVICE LOCATIONS \u2022 MSR<\/p>\n\n    <\/div>\n\n    <div class=\"contentBox\">\n\n        <div class=\"contentText\">\n\n            <strong>Service Locations<\/strong>\n\n            <br><br>\n\n            Cette rubrique permet de d\u00e9couvrir diff\u00e9rentes\n            offres de location disponibles sur la plateforme.\n\n            <br><br>\n\n            Les utilisateurs peuvent rechercher un bien ou\n            proposer un bien disponible \u00e0 la location.\n\n            <div class=\"contact\">\n\n                \ud83c\udfe0 <span>Service MSR<\/span>\n\n                <br><br>\n\n                Recherchez ou proposez une location.\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <button class=\"backButton\" onclick=\"openPage('msrPage')\">\n        \u2190 Retour aux services MSR\n    <\/button>\n\n<\/section>\n\n\n<!-- =====================================================\n     PAGE FORMATIONS\n===================================================== -->\n\n<section id=\"formationsPage\" class=\"internalPage\">\n\n    <div class=\"pageHeader\">\n\n        <div class=\"pageLogo\">\ud83c\udf93<\/div>\n\n        <h1>FORMATIONS<\/h1>\n\n        <p>SERVICE FORMATIONS \u2022 MSR<\/p>\n\n    <\/div>\n\n    <div class=\"contentBox\">\n\n        <div class=\"contentText\">\n\n            <strong>Service Formations<\/strong>\n\n            <br><br>\n\n            Cette rubrique permet de d\u00e9couvrir diff\u00e9rentes\n            possibilit\u00e9s de formation et de d\u00e9veloppement\n            des comp\u00e9tences.\n\n            <br><br>\n\n            Les utilisateurs peuvent rechercher une formation\n            correspondant \u00e0 leurs objectifs.\n\n            <div class=\"contact\">\n\n                \ud83c\udf93 <span>Service MSR<\/span>\n\n                <br><br>\n\n                D\u00e9veloppez vos comp\u00e9tences gr\u00e2ce aux\n                formations disponibles.\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <button class=\"backButton\" onclick=\"openPage('msrPage')\">\n        \u2190 Retour aux services MSR\n    <\/button>\n\n<\/section>\n\n\n<!-- =====================================================\n     PAGE MBR\n===================================================== -->\n\n<section id=\"mbrPage\" class=\"internalPage\">\n\n    <div class=\"pageHeader\">\n\n        <div class=\"pageLogo\">M<\/div>\n\n        <h1>MBR<\/h1>\n\n        <p>MARCH\u00c9 DES BIENS RARES<\/p>\n\n    <\/div>\n\n    <div class=\"contentBox\">\n\n        <div class=\"contentText\">\n\n            <strong>MBR<\/strong> signifie\n            <strong>March\u00e9 des Biens Rares<\/strong>.\n\n            <br><br>\n\n            Une plateforme d\u00e9di\u00e9e \u00e0 la mise en relation\n            autour de biens recherch\u00e9s, rares ou difficiles\n            \u00e0 trouver.\n\n            <div class=\"contact\">\n\n                \ud83d\udecd\ufe0f <span>March\u00e9 des biens rares<\/span>\n\n                <br><br>\n\n                D\u00e9couvrez et recherchez diff\u00e9rents biens\n                propos\u00e9s au sein de la plateforme.\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <button class=\"backButton\" onclick=\"goHome()\">\n        \u2190 Retour \u00e0 l&rsquo;organisation\n    <\/button>\n\n    <div class=\"pageFooter\">\n        \u00a9 2026 CADOR \u2014 Tous droits r\u00e9serv\u00e9s\n    <\/div>\n\n<\/section>\n\n\n<script>\n\n\/* ================= PARTICULES ================= *\/\n\nconst particles = document.getElementById(\"particles\");\n\nfor(let i=0;i<45;i++){\n\n    const particle = document.createElement(\"div\");\n\n    particle.className=\"particle\";\n\n    particle.style.left =\n        Math.random()*100+\"%\";\n\n    particle.style.animationDuration =\n        (5+Math.random()*12)+\"s\";\n\n    particle.style.animationDelay =\n        Math.random()*10+\"s\";\n\n    particle.style.opacity =\n        Math.random();\n\n    particles.appendChild(particle);\n}\n\n\n\/* ================= NAVIGATION ================= *\/\n\nfunction openPage(pageId){\n\n    \/* Cacher la page d'accueil *\/\n    document.getElementById(\"homePage\")\n        .style.display=\"none\";\n\n    \/* Cacher toutes les pages *\/\n    document.querySelectorAll(\".internalPage\")\n        .forEach(page=>{\n            page.classList.remove(\"active\");\n        });\n\n    \/* Afficher la page demand\u00e9e *\/\n    const page =\n        document.getElementById(pageId);\n\n    if(page){\n        page.classList.add(\"active\");\n    }\n\n    window.scrollTo({\n        top:0,\n        behavior:\"smooth\"\n    });\n}\n\n\nfunction goHome(){\n\n    document.querySelectorAll(\".internalPage\")\n        .forEach(page=>{\n            page.classList.remove(\"active\");\n        });\n\n    document.getElementById(\"homePage\")\n        .style.display=\"block\";\n\n    window.scrollTo({\n        top:0,\n        behavior:\"smooth\"\n    });\n}\n\n\n\/* ================= PARALLAXE ================= *\/\n\ndocument.addEventListener(\n    \"mousemove\",\n    function(e){\n\n        const x =\n            (window.innerWidth\/2-e.clientX)\/80;\n\n        const y =\n            (window.innerHeight\/2-e.clientY)\/80;\n\n        document.querySelectorAll(\".card\")\n        .forEach(card=>{\n\n            if(!card.matches(\":hover\")){\n\n                card.style.marginLeft =\n                    x*.15+\"px\";\n\n                card.style.marginTop =\n                    y*.15+\"px\";\n\n            }\n\n        });\n\n    }\n);\n\n\n\/* ================= MARQUEE ================= *\/\n\nconst marquee =\n    document.querySelector(\".marqueeTrack\");\n\nmarquee.addEventListener(\n    \"mouseenter\",\n    ()=>{\n        marquee.style.animationPlayState=\"paused\";\n    }\n);\n\nmarquee.addEventListener(\n    \"mouseleave\",\n    ()=>{\n        marquee.style.animationPlayState=\"running\";\n    }\n);\n\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>CADOR | Organisation C CADOR ORGANISATION &bull; STRUCTURE &bull; PERFORMANCE &#10022; CADOR &#10022; MSR &#10022; MBR &#10022; ORGANISATION &#10022; INNOVATION &#10022; PERFORMANCE &#10022; CADOR &#10022; MSR &#10022; MBR &#10022; ORGANISATION &#10022; INNOVATION &#10022; PERFORMANCE Notre Organisation D&eacute;couvrez notre structure et ses diff&eacute;rentes entit&eacute;s CADOR DIRECTION MSR ENTIT&Eacute; MSR MBR ENTIT&Eacute; MBR &#10024; Cliquez sur une [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cadorfacilitersavie.com\/index.php\/wp-json\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cadorfacilitersavie.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cadorfacilitersavie.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cadorfacilitersavie.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cadorfacilitersavie.com\/index.php\/wp-json\/wp\/v2\/comments?post=26"}],"version-history":[{"count":9,"href":"https:\/\/cadorfacilitersavie.com\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":136,"href":"https:\/\/cadorfacilitersavie.com\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions\/136"}],"wp:attachment":[{"href":"https:\/\/cadorfacilitersavie.com\/index.php\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}