{"id":715,"date":"2026-07-22T12:40:59","date_gmt":"2026-07-22T10:40:59","guid":{"rendered":"https:\/\/maitresseitige.online\/?page_id=715"},"modified":"2026-07-30T13:18:06","modified_gmt":"2026-07-30T11:18:06","slug":"accueil","status":"publish","type":"page","link":"https:\/\/maitresseitige.online\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/*==================================================\n                    BASE\n==================================================*\/\n\n.mi-hero,\n.mi-hero *,\n.mi-hero *::before,\n.mi-hero *::after{\n    box-sizing:border-box;\n}\n\n\n\/*==================================================\n                    HERO\n==================================================*\/\n\n.mi-hero{\n    position:relative;\n    width:100%;\n    min-height:100vh;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    overflow:hidden;\n    isolation:isolate;\n    background:#050505;\n}\n\n\n\/*==================================================\n                    FOND\n==================================================*\/\n\n.mi-hero-bg{\n    position:absolute;\n    inset:0;\n    z-index:1;\n    pointer-events:none;\n    background:\n        radial-gradient(\n            circle at 50% 18%,\n            rgba(145,0,0,.28),\n            transparent 38%\n        ),\n        radial-gradient(\n            circle at 15% 70%,\n            rgba(110,0,0,.16),\n            transparent 34%\n        ),\n        radial-gradient(\n            circle at 85% 70%,\n            rgba(110,0,0,.15),\n            transparent 34%\n        ),\n        linear-gradient(\n            145deg,\n            #020202 0%,\n            #100303 48%,\n            #020202 100%\n        );\n}\n\n.mi-hero-overlay{\n    position:absolute;\n    inset:0;\n    z-index:2;\n    pointer-events:none;\n    background:\n        linear-gradient(\n            180deg,\n            rgba(0,0,0,.12),\n            rgba(0,0,0,.68)\n        );\n}\n\n.mi-hero::after{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    z-index:3;\n    pointer-events:none;\n    background:\n        radial-gradient(\n            circle at center,\n            transparent 35%,\n            rgba(0,0,0,.62) 100%\n        );\n}\n\n\n\/*==================================================\n                LUMI\u00c8RES\n==================================================*\/\n\n.mi-hero-blur{\n    position:absolute;\n    z-index:2;\n    border-radius:50%;\n    filter:blur(150px);\n    pointer-events:none;\n    animation:miBlurMove 10s ease-in-out infinite alternate;\n}\n\n.mi-blur-1{\n    top:-120px;\n    left:-120px;\n    width:420px;\n    height:420px;\n    background:rgba(180,0,0,.28);\n}\n\n.mi-blur-2{\n    right:-120px;\n    bottom:-120px;\n    width:380px;\n    height:380px;\n    background:rgba(180,0,0,.18);\n}\n\n@keyframes miBlurMove{\n    from{\n        transform:translateY(0);\n    }\n\n    to{\n        transform:translateY(30px);\n    }\n}\n\n\n\/*==================================================\n                CONTENU HERO\n==================================================*\/\n\n.mi-hero-content{\n    position:relative;\n    z-index:20;\n    width:100%;\n    max-width:1050px;\n    margin:0 auto;\n    padding:90px 30px 75px;\n    text-align:center;\n}\n\n\n\/*==================================================\n                    LOGO\n==================================================*\/\n\n.mi-logo{\n    position:relative;\n    z-index:25;\n    isolation:isolate;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    width:min(100%,700px);\n    min-height:390px;\n    margin:0 auto 35px;\n    overflow:visible;\n}\n\n.mi-logo > img{\n    position:relative;\n    z-index:30;\n    display:block;\n    width:340px;\n    max-width:78%;\n    height:auto;\n    margin:0 auto;\n    object-fit:contain;\n    user-select:none;\n    pointer-events:none;\n    filter:\n        drop-shadow(0 0 18px rgba(255,40,40,.35))\n        drop-shadow(0 0 45px rgba(180,0,0,.28))\n        drop-shadow(0 0 24px rgba(230,185,88,.33));\n    animation:miLogoFloat 5.5s ease-in-out infinite;\n}\n\n@keyframes miLogoFloat{\n    0%,\n    100%{\n        transform:translateY(0);\n    }\n\n    50%{\n        transform:translateY(-10px);\n    }\n}\n\n\n\/*==================================================\n                HALO DOR\u00c9\n==================================================*\/\n\n.mi-logo::before{\n    content:\"\";\n    position:absolute;\n    left:50%;\n    top:50%;\n    z-index:4;\n    width:400px;\n    height:400px;\n    border:1px solid rgba(230,185,88,.18);\n    border-radius:50%;\n    background:\n        radial-gradient(\n            circle,\n            rgba(230,185,88,.12),\n            rgba(230,185,88,.025) 48%,\n            transparent 70%\n        );\n    box-shadow:\n        0 0 55px rgba(218,164,57,.15),\n        inset 0 0 50px rgba(218,164,57,.08);\n    transform:translate(-50%,-50%);\n    pointer-events:none;\n    animation:miGoldenHalo 3.2s ease-in-out infinite;\n}\n\n@keyframes miGoldenHalo{\n    0%,\n    100%{\n        opacity:.55;\n        transform:translate(-50%,-50%) scale(.96);\n    }\n\n    50%{\n        opacity:1;\n        transform:translate(-50%,-50%) scale(1.04);\n    }\n}\n\n\n\/*==================================================\n        CONTENEUR DES PARTICULES\n==================================================*\/\n\n.mi-logo-effects{\n    position:absolute;\n    inset:-100px;\n    z-index:18;\n    display:block;\n    overflow:visible;\n    pointer-events:none;\n}\n\n\n\/*==================================================\n        PARTICULES DOR\u00c9ES\n==================================================*\/\n\n.mi-firework-particle{\n    position:absolute;\n    left:50%;\n    top:50%;\n    z-index:22;\n    display:block;\n    width:6px;\n    height:6px;\n    border-radius:50%;\n    background:#fff3bd;\n    opacity:0;\n    pointer-events:none;\n    box-shadow:\n        0 0 7px #fff3bd,\n        0 0 15px #efc66d,\n        0 0 30px rgba(224,170,62,.95);\n    animation:\n        miFireworkParticle var(--mi-duration,1200ms)\n        cubic-bezier(.16,.68,.25,1)\n        forwards;\n}\n\n.mi-firework-particle::before{\n    content:\"\";\n    position:absolute;\n    left:50%;\n    top:50%;\n    width:2px;\n    height:30px;\n    border-radius:20px;\n    background:\n        linear-gradient(\n            180deg,\n            transparent,\n            rgba(255,231,161,.98),\n            transparent\n        );\n    transform:\n        translate(-50%,-50%)\n        rotate(var(--mi-rotation,0deg));\n}\n\n.mi-firework-particle::after{\n    content:\"\";\n    position:absolute;\n    left:50%;\n    top:50%;\n    width:22px;\n    height:2px;\n    border-radius:20px;\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            rgba(255,235,177,.92),\n            transparent\n        );\n    transform:translate(-50%,-50%);\n}\n\n@keyframes miFireworkParticle{\n    0%{\n        opacity:0;\n        transform:\n            translate(-50%,-50%)\n            scale(.15)\n            rotate(0deg);\n    }\n\n    12%{\n        opacity:1;\n    }\n\n    68%{\n        opacity:1;\n    }\n\n    100%{\n        opacity:0;\n        transform:\n            translate(\n                calc(-50% + var(--mi-x)),\n                calc(-50% + var(--mi-y))\n            )\n            scale(.35)\n            rotate(230deg);\n    }\n}\n\n\n\/*==================================================\n            FLASH DU LOGO\n==================================================*\/\n\n.mi-logo.mi-logo--explode > img{\n    animation:\n        miLogoFloat 5.5s ease-in-out infinite,\n        miLogoFlash .7s ease-out;\n}\n\n@keyframes miLogoFlash{\n    0%{\n        transform:scale(1);\n    }\n\n    45%{\n        transform:scale(1.045);\n        filter:\n            drop-shadow(0 0 25px rgba(255,55,55,.48))\n            drop-shadow(0 0 52px rgba(160,0,0,.42))\n            drop-shadow(0 0 65px rgba(255,216,126,.95));\n    }\n\n    100%{\n        transform:scale(1);\n    }\n}\n\n\n\/*==================================================\n            FOUETS \/ CRAVACHES\n==================================================*\/\n\n.mi-whip{\n    position:absolute;\n    top:50%;\n    z-index:20;\n    width:250px;\n    height:145px;\n    opacity:0;\n    pointer-events:none;\n    filter:\n        drop-shadow(0 0 7px rgba(255,225,145,.9))\n        drop-shadow(0 0 18px rgba(214,155,44,.65));\n}\n\n.mi-whip--left{\n    left:-5px;\n    transform-origin:right center;\n}\n\n.mi-whip--right{\n    right:-5px;\n    transform-origin:left center;\n}\n\n.mi-whip__line{\n    position:absolute;\n    top:35px;\n    width:225px;\n    height:100px;\n    border-top:4px solid #efc568;\n    border-radius:50%;\n}\n\n.mi-whip--left .mi-whip__line{\n    left:30px;\n    border-left:2px solid rgba(239,197,104,.72);\n    transform:rotate(12deg);\n}\n\n.mi-whip--right .mi-whip__line{\n    right:30px;\n    border-right:2px solid rgba(239,197,104,.72);\n    transform:rotate(-12deg);\n}\n\n.mi-whip__handle{\n    position:absolute;\n    bottom:14px;\n    width:65px;\n    height:8px;\n    border:1px solid rgba(255,222,140,.58);\n    border-radius:50px;\n    background:\n        linear-gradient(\n            90deg,\n            #361500,\n            #91601e,\n            #e6bb64\n        );\n    box-shadow:\n        0 0 12px rgba(226,176,75,.6),\n        inset 0 1px 1px rgba(255,255,255,.25);\n}\n\n.mi-whip--left .mi-whip__handle{\n    left:0;\n    transform:rotate(-25deg);\n}\n\n.mi-whip--right .mi-whip__handle{\n    right:0;\n    transform:rotate(25deg);\n}\n\n.mi-whip__tip{\n    position:absolute;\n    top:26px;\n    width:42px;\n    height:3px;\n    border-radius:50px;\n    background:#ffe3a0;\n    box-shadow:\n        0 0 12px rgba(255,222,137,.95),\n        0 0 22px rgba(225,172,67,.65);\n}\n\n.mi-whip--left .mi-whip__tip{\n    right:-3px;\n    transform:rotate(28deg);\n}\n\n.mi-whip--right .mi-whip__tip{\n    left:-3px;\n    transform:rotate(-28deg);\n}\n\n\n\/*==================================================\n            ANIMATION FOUETS\n==================================================*\/\n\n.mi-logo.mi-whip-active .mi-whip--left{\n    animation:\n        miWhipLeft 1.15s\n        cubic-bezier(.18,.75,.22,1)\n        forwards;\n}\n\n.mi-logo.mi-whip-active .mi-whip--right{\n    animation:\n        miWhipRight 1.15s\n        cubic-bezier(.18,.75,.22,1)\n        forwards;\n}\n\n@keyframes miWhipLeft{\n    0%{\n        opacity:0;\n        transform:\n            translateY(-50%)\n            rotate(-38deg)\n            scaleX(.15);\n    }\n\n    25%{\n        opacity:1;\n    }\n\n    55%{\n        opacity:1;\n        transform:\n            translateY(-50%)\n            rotate(-10deg)\n            scaleX(1);\n    }\n\n    78%{\n        opacity:.85;\n    }\n\n    100%{\n        opacity:0;\n        transform:\n            translateY(-50%)\n            rotate(4deg)\n            scaleX(1.08);\n    }\n}\n\n@keyframes miWhipRight{\n    0%{\n        opacity:0;\n        transform:\n            translateY(-50%)\n            rotate(38deg)\n            scaleX(.15);\n    }\n\n    25%{\n        opacity:1;\n    }\n\n    55%{\n        opacity:1;\n        transform:\n            translateY(-50%)\n            rotate(10deg)\n            scaleX(1);\n    }\n\n    78%{\n        opacity:.85;\n    }\n\n    100%{\n        opacity:0;\n        transform:\n            translateY(-50%)\n            rotate(-4deg)\n            scaleX(1.08);\n    }\n}\n\n\n\/*==================================================\n                    SLOGAN\n==================================================*\/\n\n.mi-subtitle{\n    display:inline-block;\n    margin-bottom:30px;\n    padding:12px 28px;\n    border:1px solid rgba(180,0,0,.3);\n    border-radius:50px;\n    color:#ff6b6b;\n    background:rgba(180,0,0,.08);\n    box-shadow:inset 0 0 15px rgba(180,0,0,.1);\n    font-size:14px;\n    font-weight:700;\n    letter-spacing:4px;\n    text-transform:uppercase;\n}\n\n\n\/*==================================================\n                    TITRE\n==================================================*\/\n\n.mi-hero h1{\n    max-width:950px;\n    margin:25px auto 35px;\n    color:#fff;\n    font-size:82px;\n    font-weight:700;\n    line-height:1.05;\n    text-shadow:0 8px 25px rgba(0,0,0,.45);\n}\n\n\n\/*==================================================\n                DESCRIPTION\n==================================================*\/\n\n.mi-hero p{\n    max-width:820px;\n    margin:0 auto;\n    color:#d4d4d4;\n    font-size:21px;\n    font-weight:300;\n    line-height:2;\n}\n\n.mi-hero p::after{\n    content:\"\";\n    display:block;\n    width:120px;\n    height:2px;\n    margin:40px auto 0;\n    border-radius:50px;\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            #b40000,\n            transparent\n        );\n}\n\n\n\/*==================================================\n                    BOUTONS\n==================================================*\/\n\n.mi-buttons{\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    flex-wrap:wrap;\n    gap:30px;\n    margin-top:70px;\n}\n\n.mi-btn-primary,\n.mi-btn-secondary{\n    position:relative;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    width:240px;\n    height:68px;\n    overflow:hidden;\n    border-radius:70px;\n    cursor:pointer;\n    font-size:15px;\n    font-weight:700;\n    letter-spacing:2px;\n    text-align:center;\n    text-decoration:none;\n    text-transform:uppercase;\n    transition:.45s ease;\n}\n\n.mi-btn-primary{\n    color:#fff;\n    border:2px solid #c10000;\n    background:\n        linear-gradient(\n            135deg,\n            #4d0000 0%,\n            #8d0000 45%,\n            #c40000 100%\n        );\n    box-shadow:\n        0 0 18px rgba(193,0,0,.35),\n        0 18px 40px rgba(0,0,0,.35),\n        inset 0 1px 1px rgba(255,255,255,.18);\n}\n\n.mi-btn-secondary{\n    color:#fff;\n    border:2px solid rgba(193,0,0,.75);\n    background:rgba(255,255,255,.03);\n    backdrop-filter:blur(15px);\n    -webkit-backdrop-filter:blur(15px);\n    box-shadow:\n        inset 0 0 25px rgba(193,0,0,.08),\n        0 15px 35px rgba(0,0,0,.28);\n}\n\n.mi-btn-primary:hover,\n.mi-btn-secondary:hover{\n    transform:translateY(-6px) scale(1.03);\n}\n\n.mi-btn-primary::before,\n.mi-btn-secondary::before{\n    content:\"\";\n    position:absolute;\n    top:0;\n    left:-140%;\n    width:70%;\n    height:100%;\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            rgba(255,255,255,.4),\n            transparent\n        );\n    transform:skewX(-25deg);\n    transition:.9s;\n}\n\n.mi-btn-primary:hover::before,\n.mi-btn-secondary:hover::before{\n    left:180%;\n}\n\n\n\/*==================================================\n                SCROLL INDICATOR\n==================================================*\/\n\n.mi-scroll{\n    position:relative;\n    width:32px;\n    height:55px;\n    margin:80px auto 0;\n    border:2px solid rgba(255,255,255,.45);\n    border-radius:40px;\n    opacity:.9;\n    animation:miScrollFloat 2.5s ease-in-out infinite;\n}\n\n.mi-scroll span{\n    position:absolute;\n    left:50%;\n    top:9px;\n    width:6px;\n    height:11px;\n    border-radius:20px;\n    background:#ff4040;\n    transform:translateX(-50%);\n    animation:miScrollWheel 2s infinite;\n}\n\n@keyframes miScrollWheel{\n    0%{\n        opacity:1;\n        transform:translate(-50%,0);\n    }\n\n    100%{\n        opacity:0;\n        transform:translate(-50%,22px);\n    }\n}\n\n@keyframes miScrollFloat{\n    0%,\n    100%{\n        transform:translateY(0);\n    }\n\n    50%{\n        transform:translateY(8px);\n    }\n}\n\n\n\/*==================================================\n                    RESPONSIVE\n==================================================*\/\n\n@media(max-width:768px){\n\n    .mi-hero-content{\n        padding:80px 20px 60px;\n    }\n\n    .mi-logo{\n        min-height:280px;\n    }\n\n    .mi-logo > img{\n        width:220px;\n    }\n\n    .mi-logo::before{\n        width:260px;\n        height:260px;\n    }\n\n    .mi-logo-effects{\n        inset:-55px;\n    }\n\n    .mi-whip{\n        width:150px;\n        height:100px;\n    }\n\n    .mi-whip__line{\n        top:26px;\n        width:135px;\n        height:70px;\n        border-top-width:3px;\n    }\n\n    .mi-whip__handle{\n        width:45px;\n        height:6px;\n    }\n\n    .mi-whip__tip{\n        width:30px;\n    }\n\n    .mi-subtitle{\n        padding:10px 18px;\n        font-size:12px;\n        letter-spacing:2px;\n    }\n\n    .mi-hero h1{\n        font-size:40px;\n    }\n\n    .mi-hero p{\n        font-size:17px;\n        line-height:1.8;\n    }\n\n    .mi-buttons{\n        flex-direction:column;\n        gap:18px;\n    }\n\n    .mi-btn-primary,\n    .mi-btn-secondary{\n        width:100%;\n        max-width:320px;\n    }\n\n}\n\n@media(max-width:480px){\n\n    .mi-logo{\n        min-height:230px;\n    }\n\n    .mi-logo > img{\n        width:175px;\n    }\n\n    .mi-logo::before{\n        width:210px;\n        height:210px;\n    }\n\n    .mi-whip{\n        width:110px;\n        height:80px;\n    }\n\n    .mi-whip__line{\n        width:100px;\n        height:55px;\n    }\n\n    .mi-hero h1{\n        font-size:32px;\n    }\n\n    .mi-hero p{\n        font-size:15px;\n    }\n\n    .mi-scroll{\n        display:none;\n    }\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n<script>\n(function () {\n    \"use strict\";\n\n    function initialiserEffetsLogo() {\n        var logo = document.getElementById(\"mi-logo-firework\");\n\n        if (!logo) {\n            return;\n        }\n\n        var effects = logo.querySelector(\".mi-logo-effects\");\n\n        if (!effects) {\n            return;\n        }\n\n        if (logo.getAttribute(\"data-effects-ready\") === \"true\") {\n            return;\n        }\n\n        logo.setAttribute(\"data-effects-ready\", \"true\");\n\n        var animationEnCours = false;\n\n        function creerParticule(angle, distance, delai) {\n            window.setTimeout(function () {\n                var particule = document.createElement(\"span\");\n                var mouvementX = Math.cos(angle) * distance;\n                var mouvementY = Math.sin(angle) * distance;\n                var taille = 3 + Math.random() * 6;\n                var duree = 900 + Math.random() * 650;\n                var rotation = Math.random() * 180;\n\n                particule.className = \"mi-firework-particle\";\n\n                particule.style.width = taille + \"px\";\n                particule.style.height = taille + \"px\";\n\n                particule.style.setProperty(\n                    \"--mi-x\",\n                    mouvementX + \"px\"\n                );\n\n                particule.style.setProperty(\n                    \"--mi-y\",\n                    mouvementY + \"px\"\n                );\n\n                particule.style.setProperty(\n                    \"--mi-duration\",\n                    duree + \"ms\"\n                );\n\n                particule.style.setProperty(\n                    \"--mi-rotation\",\n                    rotation + \"deg\"\n                );\n\n                effects.appendChild(particule);\n\n                window.setTimeout(function () {\n                    if (particule.parentNode) {\n                        particule.parentNode.removeChild(particule);\n                    }\n                }, duree + 200);\n\n            }, delai);\n        }\n\n        function lancerFeuArtifice() {\n            var mobile = window.innerWidth <= 768;\n            var nombreParticules = mobile ? 28 : 55;\n            var distanceMinimum = mobile ? 75 : 130;\n            var distanceSupplementaire = mobile ? 95 : 180;\n            var index;\n\n            logo.classList.remove(\"mi-logo--explode\");\n\n            void logo.offsetWidth;\n\n            logo.classList.add(\"mi-logo--explode\");\n\n            for (index = 0; index < nombreParticules; index += 1) {\n                var angle =\n                    (Math.PI * 2 * index) \/ nombreParticules +\n                    Math.random() * 0.15;\n\n                var distance =\n                    distanceMinimum +\n                    Math.random() * distanceSupplementaire;\n\n                creerParticule(\n                    angle,\n                    distance,\n                    index * 11\n                );\n            }\n\n            window.setTimeout(function () {\n                logo.classList.remove(\"mi-logo--explode\");\n            }, 850);\n        }\n\n        function lancerFouets() {\n            logo.classList.remove(\"mi-whip-active\");\n\n            void logo.offsetWidth;\n\n            logo.classList.add(\"mi-whip-active\");\n\n            window.setTimeout(function () {\n                logo.classList.remove(\"mi-whip-active\");\n            }, 1250);\n        }\n\n        function lancerTousLesEffets() {\n            if (animationEnCours) {\n                return;\n            }\n\n            animationEnCours = true;\n\n            lancerFeuArtifice();\n\n            window.setTimeout(function () {\n                lancerFouets();\n            }, 170);\n\n            window.setTimeout(function () {\n                animationEnCours = false;\n            }, 1500);\n        }\n\n        window.setTimeout(function () {\n            lancerTousLesEffets();\n        }, 700);\n\n        window.setInterval(function () {\n            lancerTousLesEffets();\n        }, 4300);\n\n        logo.addEventListener(\"click\", function () {\n            lancerTousLesEffets();\n        });\n    }\n\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initialiserEffetsLogo\n        );\n    } else {\n        initialiserEffetsLogo();\n    }\n})();\n<\/script>\n<\/script>\n\n<section class=\"mi-hero\" id=\"accueil\">\n\n    <div class=\"mi-hero-bg\"><\/div>\n    <div class=\"mi-hero-overlay\"><\/div>\n\n    <div class=\"mi-hero-blur mi-blur-1\"><\/div>\n    <div class=\"mi-hero-blur mi-blur-2\"><\/div>\n\n    <div class=\"mi-hero-content\">\n\n        <div class=\"mi-logo\" id=\"mi-logo-firework\">\n\n            <div class=\"mi-logo-effects\" aria-hidden=\"true\"><\/div>\n\n            <div class=\"mi-whip mi-whip--left\" aria-hidden=\"true\">\n                <span class=\"mi-whip__handle\"><\/span>\n                <span class=\"mi-whip__line\"><\/span>\n                <span class=\"mi-whip__tip\"><\/span>\n            <\/div>\n\n            <div class=\"mi-whip mi-whip--right\" aria-hidden=\"true\">\n                <span class=\"mi-whip__handle\"><\/span>\n                <span class=\"mi-whip__line\"><\/span>\n                <span class=\"mi-whip__tip\"><\/span>\n            <\/div>\n\n            <img decoding=\"async\"\n                src=\"https:\/\/maitresseitige.online\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-21-juil.-2026-10_57_56.png\"\n                alt=\"Ma\u00eetresse ITIGE\"\n            >\n\n        <\/div>\n\n        <span class=\"mi-subtitle\">\n            DOMINATION \u2022 \u00c9L\u00c9GANCE \u2022 CONFIDENTIALIT\u00c9\n        <\/span>\n\n        <h1>\n            Bienvenue dans l\u2019univers de Ma\u00eetresse ITIGE\n        <\/h1>\n\n        <p>\n            D\u00e9couvrez une exp\u00e9rience o\u00f9 l\u2019autorit\u00e9, la confiance et l\u2019\u00e9l\u00e9gance\n            se rencontrent. Chaque rencontre est pr\u00e9par\u00e9e avec soin afin de\n            cr\u00e9er un moment unique, dans le respect mutuel et la confidentialit\u00e9.\n        <\/p>\n\n        <div class=\"mi-buttons\">\n\n            <a\n                href=\"https:\/\/maitresseitige.online\/index.php\/prestations\/\"\n                class=\"mi-btn-primary\"\n            >\n                D\u00e9couvrir le Donjon\n            <\/a>\n\n            <a\n                href=\"https:\/\/maitresseitige.online\/index.php\/contact\/\"\n                class=\"mi-btn-secondary\"\n            >\n                Me contacter\n            <\/a>\n\n        <\/div>\n\n        <div class=\"mi-scroll\" aria-hidden=\"true\">\n            <span><\/span>\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/*==================================================\n                SECTION UNIVERS\n==================================================*\/\n\n.mi-univers{\n\n    position:relative;\n\n    overflow:hidden;\n\n    padding:160px 8%;\n\n    background:\n    linear-gradient(\n        180deg,\n        #040404 0%,\n        #090909 50%,\n        #040404 100%\n    );\n\n}\n\n\/*==================================================\n                FOND\n==================================================*\/\n\n.mi-univers-bg{\n\n    position:absolute;\n\n    inset:0;\n\n    background:\n\n    radial-gradient(\n        circle at top left,\n        rgba(150,0,0,.18),\n        transparent 35%\n    ),\n\n    radial-gradient(\n        circle at bottom right,\n        rgba(180,0,0,.10),\n        transparent 40%\n    );\n\n    pointer-events:none;\n\n}\n\n\/*==================================================\n                CONTAINER\n==================================================*\/\n\n.mi-univers-container{\n\n    position:relative;\n\n    z-index:5;\n\n    max-width:1450px;\n\n    margin:auto;\n\n    display:grid;\n\n    grid-template-columns:560px 1fr;\n\n    gap:90px;\n\n    align-items:center;\n\n}\n\n\/*==================================================\n                PHOTO\n==================================================*\/\n\n.mi-univers-photo{\n\n    position:relative;\n\n    border-radius:30px;\n\n    overflow:hidden;\n\n}\n\n\/*==================================================\n            BORDURE LUMINEUSE\n==================================================*\/\n\n.mi-photo-border{\n\n    position:absolute;\n\n    inset:-2px;\n\n    border-radius:32px;\n\n    background:\n\n    linear-gradient(\n        135deg,\n        #3b0000,\n        #b30000,\n        #ff3a3a,\n        #6d0000\n    );\n\n    z-index:0;\n\n    animation:borderRotate 8s linear infinite;\n\n}\n\n@keyframes borderRotate{\n\n    from{\n\n        filter:hue-rotate(0deg);\n\n    }\n\n    to{\n\n        filter:hue-rotate(360deg);\n\n    }\n\n}\n\n\/*==================================================\n                IMAGE\n==================================================*\/\n\n.mi-univers-photo img{\n\n    position:relative;\n\n    z-index:2;\n\n    width:100%;\n\n    display:block;\n\n    border-radius:28px;\n\n    transform:scale(1);\n\n    transition:1s;\n\n}\n\n.mi-univers-photo:hover img{\n\n    transform:scale(1.08);\n\n}\n\n\/*==================================================\n                OVERLAY\n==================================================*\/\n\n.mi-photo-overlay{\n\n    position:absolute;\n\n    inset:0;\n\n    z-index:3;\n\n    border-radius:28px;\n\n    background:\n\n    linear-gradient(\n\n        180deg,\n\n        rgba(0,0,0,.05),\n\n        rgba(0,0,0,.55)\n\n    );\n\n}\n\n\/*==================================================\n                HALO\n==================================================*\/\n\n.mi-univers-photo::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:220px;\n\n    height:220px;\n\n    border-radius:50%;\n\n    background:rgba(180,0,0,.30);\n\n    filter:blur(100px);\n\n    bottom:-40px;\n\n    right:-40px;\n\n    z-index:1;\n\n}\n\n\/*==================================================\n                CONTENU\n==================================================*\/\n\n.mi-univers-content{\n\n    position:relative;\n\n    z-index:5;\n\n}\n\n.mi-univers-subtitle{\n\n    display:inline-flex;\n\n    align-items:center;\n\n    gap:12px;\n\n    padding:12px 28px;\n\n    border-radius:50px;\n\n    background:rgba(180,0,0,.08);\n\n    border:1px solid rgba(180,0,0,.25);\n\n    color:#ff5757;\n\n    font-size:14px;\n\n    font-weight:700;\n\n    letter-spacing:3px;\n\n    text-transform:uppercase;\n\n    margin-bottom:28px;\n\n}\n\n\/*==================================================\n                TITRE\n==================================================*\/\n\n.mi-univers-content h2{\n\n    color:#ffffff;\n\n    font-size:62px;\n\n    line-height:1.1;\n\n    font-weight:700;\n\n    margin-bottom:25px;\n\n    text-shadow:\n\n    0 8px 25px rgba(0,0,0,.35);\n\n}\n\n\/*==================================================\n                SEPARATEUR\n==================================================*\/\n\n.mi-separator{\n\n    width:120px;\n\n    height:4px;\n\n    border-radius:50px;\n\n    margin-bottom:35px;\n\n    background:\n\n    linear-gradient(\n\n        90deg,\n\n        #5d0000,\n\n        #d60000,\n\n        #ff4d4d\n\n    );\n\n    box-shadow:\n\n    0 0 20px rgba(214,0,0,.45);\n\n}\n\n\/*==================================================\n                TEXTE\n==================================================*\/\n\n.mi-univers-content p{\n\n    color:#d3d3d3;\n\n    font-size:19px;\n\n    line-height:2;\n\n    margin-bottom:50px;\n\n}\n\n\/*==================================================\n                LISTE\n==================================================*\/\n\n.mi-univers-list{\n\n    display:grid;\n\n    gap:22px;\n\n    margin-bottom:55px;\n\n}\n\n\/*==================================================\n                CARTE\n==================================================*\/\n\n.mi-item{\n\n    display:flex;\n\n    align-items:center;\n\n    gap:25px;\n\n    padding:24px 26px;\n\n    border-radius:22px;\n\n    background:rgba(255,255,255,.03);\n\n    border:1px solid rgba(180,0,0,.18);\n\n    backdrop-filter:blur(15px);\n\n    transition:.45s;\n\n}\n\n.mi-item:hover{\n\n    transform:translateX(12px);\n\n    border-color:#d10000;\n\n    box-shadow:\n\n    0 0 35px rgba(180,0,0,.22);\n\n}\n\n\/*==================================================\n                ICONE\n==================================================*\/\n\n.mi-item i{\n\n    width:68px;\n\n    height:68px;\n\n    border-radius:18px;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    font-size:24px;\n\n    color:#ffffff;\n\n    background:\n\n    linear-gradient(\n\n        135deg,\n\n        #6b0000,\n\n        #c40000\n\n    );\n\n    box-shadow:\n\n    0 0 25px rgba(196,0,0,.35);\n\n}\n\n\/*==================================================\n                TITRE\n==================================================*\/\n\n.mi-item h3{\n\n    color:#ffffff;\n\n    font-size:22px;\n\n    margin-bottom:8px;\n\n}\n\n\/*==================================================\n                TEXTE\n==================================================*\/\n\n.mi-item span{\n\n    color:#bfbfbf;\n\n    font-size:16px;\n\n    line-height:1.7;\n\n}\n\n\/*==================================================\n                BOUTON\n==================================================*\/\n\n.mi-univers-btn{\n\n    position:relative;\n\n    display:inline-flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    width:280px;\n\n    height:68px;\n\n    border-radius:60px;\n\n    overflow:hidden;\n\n    text-decoration:none;\n\n    color:#ffffff;\n\n    font-weight:700;\n\n    letter-spacing:2px;\n\n    text-transform:uppercase;\n\n    border:2px solid #b50000;\n\n    background:\n\n    linear-gradient(\n\n        135deg,\n\n        #560000,\n\n        #a30000,\n\n        #d90000\n\n    );\n\n    transition:.45s;\n\n    box-shadow:\n\n    0 18px 40px rgba(180,0,0,.35);\n\n}\n\n.mi-univers-btn:hover{\n\n    transform:translateY(-6px);\n\n    box-shadow:\n\n    0 0 30px rgba(255,70,70,.55),\n\n    0 25px 55px rgba(180,0,0,.40);\n\n}\n\n.mi-univers-btn::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    top:0;\n\n    left:-120%;\n\n    width:70%;\n\n    height:100%;\n\n    background:\n\n    linear-gradient(\n\n        90deg,\n\n        transparent,\n\n        rgba(255,255,255,.45),\n\n        transparent\n\n    );\n\n    transform:skewX(-25deg);\n\n    transition:.8s;\n\n}\n\n.mi-univers-btn:hover::before{\n\n    left:180%;\n\n} \n\n\/*==================================================\n            ANIMATION APPARITION\n==================================================*\/\n\n.mi-univers-photo,\n.mi-univers-content{\n\n    opacity:0;\n\n    transform:translateY(60px);\n\n    transition:\n\n    opacity 1s ease,\n\n    transform 1s ease;\n\n}\n\n.mi-univers-photo.mi-visible,\n.mi-univers-content.mi-visible{\n\n    opacity:1;\n\n    transform:translateY(0);\n\n}\n\n\/*==================================================\n            EFFET PARALLAX\n==================================================*\/\n\n.mi-univers-photo{\n\n    transition:\n\n    transform .8s ease,\n\n    box-shadow .6s ease;\n\n}\n\n.mi-univers-photo:hover{\n\n    transform:translateY(-12px);\n\n    box-shadow:\n\n    0 35px 70px rgba(0,0,0,.55);\n\n}\n\n\/*==================================================\n            LUMIERE ROUGE\n==================================================*\/\n\n.mi-univers::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:700px;\n\n    height:700px;\n\n    left:-220px;\n\n    top:-220px;\n\n    border-radius:50%;\n\n    background:\n\n    radial-gradient(\n\n        rgba(170,0,0,.18),\n\n        transparent 70%\n\n    );\n\n    filter:blur(60px);\n\n    animation:glowLeft 8s ease-in-out infinite alternate;\n\n}\n\n.mi-univers::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:650px;\n\n    height:650px;\n\n    right:-220px;\n\n    bottom:-220px;\n\n    border-radius:50%;\n\n    background:\n\n    radial-gradient(\n\n        rgba(170,0,0,.12),\n\n        transparent 70%\n\n    );\n\n    filter:blur(70px);\n\n    animation:glowRight 10s ease-in-out infinite alternate;\n\n}\n\n@keyframes glowLeft{\n\n    from{\n\n        transform:translateY(0);\n\n    }\n\n    to{\n\n        transform:translateY(40px);\n\n    }\n\n}\n\n@keyframes glowRight{\n\n    from{\n\n        transform:translateY(0);\n\n    }\n\n    to{\n\n        transform:translateY(-35px);\n\n    }\n\n}\n\n\/*==================================================\n            HOVER PHOTO\n==================================================*\/\n\n.mi-photo-overlay{\n\n    transition:.8s;\n\n}\n\n.mi-univers-photo:hover .mi-photo-overlay{\n\n    background:\n\n    linear-gradient(\n\n        180deg,\n\n        rgba(0,0,0,.02),\n\n        rgba(120,0,0,.20),\n\n        rgba(0,0,0,.55)\n\n    );\n\n}\n\n\/*==================================================\n            RESPONSIVE TABLETTE\n==================================================*\/\n\n@media(max-width:1100px){\n\n    .mi-univers{\n\n        padding:120px 7%;\n\n    }\n\n    .mi-univers-container{\n\n        grid-template-columns:1fr;\n\n        gap:70px;\n\n    }\n\n    .mi-univers-photo{\n\n        max-width:650px;\n\n        margin:auto;\n\n    }\n\n    .mi-univers-content{\n\n        text-align:center;\n\n    }\n\n    .mi-separator{\n\n        margin:auto;\n\n        margin-bottom:35px;\n\n    }\n\n}\n\n\/*==================================================\n            RESPONSIVE MOBILE\n==================================================*\/\n\n@media(max-width:768px){\n\n    .mi-univers{\n\n        padding:90px 6%;\n\n    }\n\n    .mi-univers-content h2{\n\n        font-size:38px;\n\n    }\n\n    .mi-univers-content p{\n\n        font-size:17px;\n\n    }\n\n    .mi-item{\n\n        padding:18px;\n\n        gap:18px;\n\n    }\n\n    .mi-item i{\n\n        width:56px;\n\n        height:56px;\n\n        font-size:20px;\n\n    }\n\n    .mi-item h3{\n\n        font-size:18px;\n\n    }\n\n    .mi-item span{\n\n        font-size:14px;\n\n    }\n\n    .mi-univers-btn{\n\n        width:100%;\n\n        max-width:320px;\n\n    }\n\n}\n\n\/*==================================================\n            PETITE ANIMATION\n==================================================*\/\n\n.mi-item:nth-child(1){\n\n    animation:floatCard 5s ease-in-out infinite;\n\n}\n\n.mi-item:nth-child(2){\n\n    animation:floatCard 6s ease-in-out infinite;\n\n}\n\n.mi-item:nth-child(3){\n\n    animation:floatCard 7s ease-in-out infinite;\n\n}\n\n.mi-item:nth-child(4){\n\n    animation:floatCard 8s ease-in-out infinite;\n\n}\n\n@keyframes floatCard{\n\n    0%{\n\n        transform:translateY(0);\n\n    }\n\n    50%{\n\n        transform:translateY(-4px);\n\n    }\n\n    100%{\n\n        transform:translateY(0);\n\n    }\n\n}\n.mi-univers-btn{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    text-align:center;\n    min-height:52px;\n    padding:14px 28px;\n    line-height:1.2;\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/*==================================================\n            SECTION UNIVERS PREMIUM\n==================================================*\/\n\ndocument.addEventListener(\"DOMContentLoaded\",()=>{\n\n    \/*==========================================\n            APPARITION AU SCROLL\n    ==========================================*\/\n\n    const observer = new IntersectionObserver((entries)=>{\n\n        entries.forEach(entry=>{\n\n            if(entry.isIntersecting){\n\n                entry.target.classList.add(\"mi-visible\");\n\n            }\n\n        });\n\n    },{\n\n        threshold:.25\n\n    });\n\n    document.querySelectorAll(\n\n        \".mi-univers-photo,.mi-univers-content\"\n\n    ).forEach(element=>{\n\n        observer.observe(element);\n\n    });\n\n});\n\n\n\/*==================================================\n            PARALLAX PHOTO\n==================================================*\/\n\nconst universPhoto = document.querySelector(\".mi-univers-photo\");\n\nwindow.addEventListener(\"scroll\",()=>{\n\n    if(!universPhoto) return;\n\n    const rect = universPhoto.getBoundingClientRect();\n\n    const speed = rect.top * -0.03;\n\n    universPhoto.style.transform =\n    `translateY(${speed}px)`;\n\n});\n\n\n\/*==================================================\n        LUMIERE QUI SUIT LA SOURIS\n==================================================*\/\n\nconst section = document.querySelector(\".mi-univers\");\n\nif(section){\n\n    section.addEventListener(\"mousemove\",(e)=>{\n\n        const rect = section.getBoundingClientRect();\n\n        const x = e.clientX - rect.left;\n        const y = e.clientY - rect.top;\n\n        section.style.background = `\n\n        radial-gradient(\n\n            circle at ${x}px ${y}px,\n\n            rgba(170,0,0,.12),\n\n            transparent 35%\n\n        ),\n\n        linear-gradient(\n\n            180deg,\n\n            #040404,\n\n            #090909,\n\n            #040404\n\n        )`;\n\n    });\n\n}\n\n\n\/*==================================================\n            EFFET 3D CARTES\n==================================================*\/\n\ndocument.querySelectorAll(\".mi-item\").forEach(card=>{\n\n    card.addEventListener(\"mousemove\",(e)=>{\n\n        const rect = card.getBoundingClientRect();\n\n        const x = e.clientX - rect.left;\n        const y = e.clientY - rect.top;\n\n        const rotateY =\n        ((x\/rect.width)-0.5)*12;\n\n        const rotateX =\n        ((y\/rect.height)-0.5)*-12;\n\n        card.style.transform=\n\n        `perspective(800px)\n\n        rotateX(${rotateX}deg)\n\n        rotateY(${rotateY}deg)\n\n        translateX(12px)`;\n\n    });\n\n    card.addEventListener(\"mouseleave\",()=>{\n\n        card.style.transform=\"\";\n\n    });\n\n});\n\n\n\/*==================================================\n            PHOTO HOVER\n==================================================*\/\n\nif(universPhoto){\n\n    universPhoto.addEventListener(\"mousemove\",(e)=>{\n\n        const rect = universPhoto.getBoundingClientRect();\n\n        const x = e.clientX - rect.left;\n        const y = e.clientY - rect.top;\n\n        universPhoto.style.boxShadow=`\n\n        0 35px 70px rgba(0,0,0,.55),\n\n        ${(x-rect.width\/2)\/18}px\n\n        ${(y-rect.height\/2)\/18}px\n\n        35px rgba(180,0,0,.35)\n\n        `;\n\n    });\n\n    universPhoto.addEventListener(\"mouseleave\",()=>{\n\n        universPhoto.style.boxShadow=\"\";\n\n    });\n\n}\n\n\n\/*==================================================\n            BOUTON PREMIUM\n==================================================*\/\n\nconst btn = document.querySelector(\".mi-univers-btn\");\n\nif(btn){\n\n    btn.addEventListener(\"mousemove\",(e)=>{\n\n        const rect = btn.getBoundingClientRect();\n\n        const x = e.clientX - rect.left;\n\n        const y = e.clientY - rect.top;\n\n        btn.style.background=`\n\n        radial-gradient(\n\n            circle at ${x}px ${y}px,\n\n            #ff5a5a,\n\n            #b30000 70%\n\n        )`;\n\n    });\n\n    btn.addEventListener(\"mouseleave\",()=>{\n\n        btn.style.background=\n\n        \"linear-gradient(135deg,#560000,#a30000,#d90000)\";\n\n    });\n\n}\n\n\n\/*==================================================\n            LEGER FLOAT PHOTO\n==================================================*\/\n\nlet offset = 0;\n\nsetInterval(()=>{\n\n    offset += 0.015;\n\n    if(universPhoto){\n\n        universPhoto.style.translate =\n\n        `0 ${Math.sin(offset)*5}px`;\n\n    }\n\n},25);\n<\/script>\n\n<!--==================================================\n                SECTION UNIVERS\n===================================================-->\n\n<section class=\"mi-univers\" id=\"univers\">\n\n    <div class=\"mi-univers-bg\"><\/div>\n\n    <div class=\"mi-univers-container\">\n\n        <!--==========================\n                PHOTO\n        ===========================-->\n\n        <div class=\"mi-univers-photo\">\n\n            <div class=\"mi-photo-border\"><\/div>\n\n            <img decoding=\"async\"\n                src=\"https:\/\/maitresseitige.online\/wp-content\/uploads\/2025\/09\/HEADER.jpg\"\n                alt=\"Ma\u00eetresse ITIGE dans son univers priv\u00e9\"\n            >\n\n            <div class=\"mi-photo-overlay\"><\/div>\n\n        <\/div>\n\n        <!--==========================\n                CONTENU\n        ===========================-->\n\n        <div class=\"mi-univers-content\">\n\n            <span class=\"mi-univers-subtitle\">\n                \u2726 MON UNIVERS\n            <\/span>\n\n            <h2>\n                L\u2019art de la domination dans un cadre raffin\u00e9.\n            <\/h2>\n\n            <div class=\"mi-separator\"><\/div>\n\n            <p>\n                Entrez dans un univers o\u00f9 l\u2019\u00e9l\u00e9gance, la ma\u00eetrise et la confiance\n                s\u2019entrem\u00ealent afin d\u2019offrir une exp\u00e9rience unique. Chaque s\u00e9ance est\n                pens\u00e9e avec soin dans un environnement discret, haut de gamme et\n                respectueux de vos limites.\n            <\/p>\n\n            <!--==========================\n                    INFOS\n            ===========================-->\n\n            <div class=\"mi-univers-list\">\n\n                <div class=\"mi-item\">\n\n                    <i class=\"fa-solid fa-crown\"><\/i>\n\n                    <div>\n                        <h3>Autorit\u00e9<\/h3>\n                        <span>Une pr\u00e9sence affirm\u00e9e et une ma\u00eetrise totale.<\/span>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"mi-item\">\n\n                    <i class=\"fa-solid fa-user-shield\"><\/i>\n\n                    <div>\n                        <h3>Discr\u00e9tion<\/h3>\n                        <span>Votre anonymat est toujours respect\u00e9.<\/span>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"mi-item\">\n\n                    <i class=\"fa-solid fa-heart\"><\/i>\n\n                    <div>\n                        <h3>Consentement<\/h3>\n                        <span>Chaque s\u00e9ance est bas\u00e9e sur un \u00e9change clair et mutuel.<\/span>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"mi-item\">\n\n                    <i class=\"fa-solid fa-gem\"><\/i>\n\n                    <div>\n                        <h3>Exp\u00e9rience<\/h3>\n                        <span>Des prestations enti\u00e8rement personnalis\u00e9es.<\/span>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n            <!--==========================\n                    BOUTON\n            ===========================-->\n\n            <a\n                href=\"https:\/\/maitresseitige.online\/index.php\/mon-univers-2\/\"\n                class=\"mi-univers-btn\"\n            >\n                D\u00e9couvrir mon univers\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/*==================================================\n                GALERIE\n==================================================*\/\n\n.mi-gallery{\n\n    position:relative;\n\n    overflow:hidden;\n\n    padding:160px 8%;\n\n    background:\n    linear-gradient(\n        180deg,\n        #050505 0%,\n        #090909 45%,\n        #050505 100%\n    );\n\n}\n\n\/*==================================================\n                FOND\n==================================================*\/\n\n.mi-gallery-bg{\n\n    position:absolute;\n\n    inset:0;\n\n    pointer-events:none;\n\n    background:\n\n    radial-gradient(circle at top left,\n    rgba(180,0,0,.12),\n    transparent 35%),\n\n    radial-gradient(circle at bottom right,\n    rgba(180,0,0,.08),\n    transparent 40%);\n\n}\n\n\/*==================================================\n                CONTAINER\n==================================================*\/\n\n.mi-gallery-container{\n\n    position:relative;\n\n    z-index:5;\n\n    max-width:1550px;\n\n    margin:auto;\n\n}\n\n\/*==================================================\n                TITRES\n==================================================*\/\n\n.mi-gallery-subtitle{\n\n    display:inline-block;\n\n    padding:12px 28px;\n\n    border-radius:50px;\n\n    border:1px solid rgba(180,0,0,.30);\n\n    background:rgba(180,0,0,.08);\n\n    color:#ff6d6d;\n\n    font-size:14px;\n\n    letter-spacing:3px;\n\n    text-transform:uppercase;\n\n    font-weight:700;\n\n    margin-bottom:30px;\n\n}\n\n.mi-gallery h2{\n\n    color:#fff;\n\n    font-size:64px;\n\n    margin-bottom:25px;\n\n    line-height:1.1;\n\n}\n\n.mi-gallery p{\n\n    max-width:820px;\n\n    color:#cfcfcf;\n\n    font-size:19px;\n\n    line-height:1.8;\n\n    margin-bottom:80px;\n\n}\n\n\/*==================================================\n                GRILLE\n==================================================*\/\n\n.mi-gallery-grid{\n\n    display:grid;\n\n    grid-template-columns:repeat(2,1fr);\n\n    gap:30px;\n\n}\n\n\/*==================================================\n                CARTES\n==================================================*\/\n\n.mi-gallery-item{\n\n    position:relative;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    overflow:hidden;\n\n    border-radius:28px;\n\n    background:#000;\n\n    aspect-ratio:4\/3;\n\n    text-decoration:none;\n\n}\n\n\/*==================================================\n                IMAGE\n==================================================*\/\n\n.mi-gallery-item img{\n\n    width:100%;\n\n    height:100%;\n\n    object-fit:contain;\n\n    object-position:center;\n\n    display:block;\n\n    padding:18px;\n\n    background:#000;\n\n    transition:\n    transform .8s cubic-bezier(.2,.8,.2,1),\n    filter .6s ease;\n\n    filter:\n    brightness(.92)\n    contrast(1.03);\n\n}\n\n\/*==================================================\n                OVERLAY\n==================================================*\/\n\n.mi-gallery-overlay{\n\n    position:absolute;\n\n    inset:0;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    background:\n\n    linear-gradient(\n\n        to top,\n\n        rgba(0,0,0,.75),\n\n        rgba(0,0,0,.10)\n\n    );\n\n    opacity:0;\n\n    transition:.4s;\n\n    z-index:5;\n\n}\n\n\/*==================================================\n                ICONE\n==================================================*\/\n\n.mi-gallery-overlay i{\n\n    width:80px;\n\n    height:80px;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    border-radius:50%;\n\n    color:#fff;\n\n    font-size:26px;\n\n    background:\n\n    linear-gradient(\n        135deg,\n        #700000,\n        #d40000\n    );\n\n    border:2px solid rgba(255,255,255,.20);\n\n    transform:scale(.75);\n\n    transition:.35s;\n\n    box-shadow:\n\n    0 10px 35px rgba(180,0,0,.35);\n\n}\n\n\/*==================================================\n                HOVER IMAGE\n==================================================*\/\n\n.mi-gallery-item:hover img{\n\n    transform:scale(1.04);\n\n    filter:\n\n    brightness(1)\n\n    contrast(1.06);\n\n}\n\n.mi-gallery-item:hover .mi-gallery-overlay{\n\n    opacity:1;\n\n}\n\n.mi-gallery-item:hover .mi-gallery-overlay i{\n\n    transform:scale(1);\n\n}\n\n\/*==================================================\n                REFLET\n==================================================*\/\n\n.mi-gallery-item span{\n\n    position:absolute;\n\n    top:0;\n\n    left:-120%;\n\n    width:40%;\n\n    height:100%;\n\n    background:\n\n    linear-gradient(\n\n        90deg,\n\n        transparent,\n\n        rgba(255,255,255,.35),\n\n        transparent\n\n    );\n\n    transform:skewX(-25deg);\n\n    transition:1s;\n\n    z-index:6;\n\n}\n\n.mi-gallery-item:hover span{\n\n    left:170%;\n\n}\n\n\/*==================================================\n                HALO\n==================================================*\/\n\n.mi-gallery-item::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    inset:0;\n\n    border-radius:28px;\n\n    box-shadow:\n\n    inset 0 0 0 rgba(180,0,0,0),\n\n    0 0 0 rgba(180,0,0,0);\n\n    transition:.4s;\n\n}\n\n.mi-gallery-item:hover::after{\n\n    box-shadow:\n\n    inset 0 0 45px rgba(180,0,0,.16),\n\n    0 0 35px rgba(180,0,0,.18);\n\n}\n\n\/*==================================================\n                BORDURE\n==================================================*\/\n\n.mi-gallery-item::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    inset:0;\n\n    border-radius:28px;\n\n    border:1px solid rgba(255,80,80,.22);\n\n    opacity:0;\n\n    transition:.35s;\n\n    z-index:7;\n\n}\n\n.mi-gallery-item:hover::before{\n\n    opacity:1;\n\n}\n\n\/*==================================================\n                OMBRES\n==================================================*\/\n\n.mi-gallery-item{\n\n    box-shadow:\n\n    0 20px 55px rgba(0,0,0,.45);\n\n    transition:\n\n    transform .35s,\n\n    box-shadow .35s;\n\n}\n\n.mi-gallery-item:hover{\n\n    transform:translateY(-8px);\n\n    box-shadow:\n\n    0 35px 80px rgba(0,0,0,.70),\n\n    0 0 40px rgba(180,0,0,.18);\n\n}\n\n\/*==================================================\n            APPARITION AU SCROLL\n==================================================*\/\n\n.mi-gallery-item{\n\n    opacity:0;\n\n    transform:translateY(60px);\n\n    transition:\n\n    opacity .8s ease,\n\n    transform .8s ease,\n\n    box-shadow .4s ease;\n\n}\n\n.mi-gallery-item.show{\n\n    opacity:1;\n\n    transform:translateY(0);\n\n}\n\n\/*==================================================\n                DELAIS\n==================================================*\/\n\n.mi-gallery-item:nth-child(1){transition-delay:.05s;}\n.mi-gallery-item:nth-child(2){transition-delay:.10s;}\n.mi-gallery-item:nth-child(3){transition-delay:.15s;}\n.mi-gallery-item:nth-child(4){transition-delay:.20s;}\n.mi-gallery-item:nth-child(5){transition-delay:.25s;}\n.mi-gallery-item:nth-child(6){transition-delay:.30s;}\n.mi-gallery-item:nth-child(7){transition-delay:.35s;}\n.mi-gallery-item:nth-child(8){transition-delay:.40s;}\n\n\/*==================================================\n                TITRE\n==================================================*\/\n\n.mi-gallery h2{\n\n    background:\n\n    linear-gradient(\n\n        90deg,\n\n        #ffffff,\n\n        #ff7070,\n\n        #ffffff\n\n    );\n\n    -webkit-background-clip:text;\n\n    -webkit-text-fill-color:transparent;\n\n}\n\n\/*==================================================\n                RESPONSIVE\n==================================================*\/\n\n@media(max-width:1200px){\n\n    .mi-gallery{\n\n        padding:140px 6%;\n\n    }\n\n    .mi-gallery h2{\n\n        font-size:54px;\n\n    }\n\n}\n\n@media(max-width:900px){\n\n    .mi-gallery-grid{\n\n        grid-template-columns:1fr;\n\n    }\n\n    .mi-gallery-item{\n\n        aspect-ratio:4\/3;\n\n    }\n\n}\n\n@media(max-width:768px){\n\n    .mi-gallery{\n\n        padding:100px 6%;\n\n    }\n\n    .mi-gallery-subtitle{\n\n        font-size:12px;\n\n        letter-spacing:2px;\n\n        padding:10px 22px;\n\n    }\n\n    .mi-gallery h2{\n\n        font-size:40px;\n\n    }\n\n    .mi-gallery p{\n\n        font-size:17px;\n\n        margin-bottom:50px;\n\n    }\n\n    .mi-gallery-item img{\n\n        padding:12px;\n\n    }\n\n}\n\n@media(max-width:480px){\n\n    .mi-gallery{\n\n        padding:80px 5%;\n\n    }\n\n    .mi-gallery h2{\n\n        font-size:32px;\n\n    }\n\n    .mi-gallery-item{\n\n        border-radius:20px;\n\n    }\n\n}\n\n\/*==================================================\n                CURSEUR\n==================================================*\/\n\n.mi-gallery-item{\n\n    cursor:zoom-in;\n\n}\n\n\/*==================================================\n                PERFORMANCE\n==================================================*\/\n\n.mi-gallery-item img{\n\n    will-change:transform;\n\n    backface-visibility:hidden;\n\n    -webkit-backface-visibility:hidden;\n\n    user-select:none;\n\n    -webkit-user-drag:none;\n\n}\n\n\/*==================================================\n            OMBRE GENERALE\n==================================================*\/\n\n.mi-gallery-grid{\n\n    perspective:1200px;\n\n}\n\n\/*==================================================\n            ANIMATION TITRE\n==================================================*\/\n\n@keyframes galleryGlow{\n\n    0%{\n\n        filter:drop-shadow(0 0 0 rgba(180,0,0,0));\n\n    }\n\n    50%{\n\n        filter:drop-shadow(0 0 12px rgba(180,0,0,.30));\n\n    }\n\n    100%{\n\n        filter:drop-shadow(0 0 0 rgba(180,0,0,0));\n\n    }\n\n}\n\n.mi-gallery h2{\n\n    animation:galleryGlow 7s ease-in-out infinite;\n\n}\n\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/*==================================================\n                GALERIE PREMIUM\n==================================================*\/\n\ndocument.addEventListener(\"DOMContentLoaded\",function(){\n\nconst gallery=document.querySelectorAll(\".mi-gallery-item\");\n\nif(!gallery.length) return;\n\n\/*==================================================\n                APPARITION\n==================================================*\/\n\nconst observer=new IntersectionObserver((entries)=>{\n\nentries.forEach(entry=>{\n\nif(entry.isIntersecting){\n\nentry.target.classList.add(\"show\");\n\n}\n\n});\n\n},{\n\nthreshold:.15\n\n});\n\ngallery.forEach(item=>observer.observe(item));\n\n\/*==================================================\n                CREATION LIGHTBOX\n==================================================*\/\n\nconst lightbox=document.createElement(\"div\");\n\nlightbox.className=\"mi-lightbox\";\n\nlightbox.innerHTML=`\n\n<div class=\"mi-lightbox-content\">\n\n<button class=\"mi-lightbox-close\">&times;<\/button>\n\n<button class=\"mi-lightbox-prev\">&#10094;<\/button>\n\n<img decoding=\"async\" src=\"\" alt=\"\">\n\n<button class=\"mi-lightbox-next\">&#10095;<\/button>\n\n<div class=\"mi-lightbox-count\"><\/div>\n\n<\/div>\n\n`;\n\ndocument.body.appendChild(lightbox);\n\nconst img=lightbox.querySelector(\"img\");\n\nconst close=lightbox.querySelector(\".mi-lightbox-close\");\n\nconst prev=lightbox.querySelector(\".mi-lightbox-prev\");\n\nconst next=lightbox.querySelector(\".mi-lightbox-next\");\n\nconst counter=lightbox.querySelector(\".mi-lightbox-count\");\n\nlet current=0;\n\n\/*==================================================\n                OUVRIR\n==================================================*\/\n\nfunction open(index){\n\ncurrent=index;\n\nimg.src=gallery[current].href;\n\ncounter.innerHTML=(current+1)+\" \/ \"+gallery.length;\n\nlightbox.classList.add(\"active\");\n\ndocument.body.style.overflow=\"hidden\";\n\n}\n\n\/*==================================================\n                FERMER\n==================================================*\/\n\nfunction hide(){\n\nlightbox.classList.remove(\"active\");\n\ndocument.body.style.overflow=\"\";\n\n}\n\n\/*==================================================\n                SUIVANT\n==================================================*\/\n\nfunction nextImage(){\n\ncurrent++;\n\nif(current>=gallery.length){\n\ncurrent=0;\n\n}\n\nimg.src=gallery[current].href;\n\ncounter.innerHTML=(current+1)+\" \/ \"+gallery.length;\n\n}\n\n\/*==================================================\n                PRECEDENT\n==================================================*\/\n\nfunction prevImage(){\n\ncurrent--;\n\nif(current<0){\n\ncurrent=gallery.length-1;\n\n}\n\nimg.src=gallery[current].href;\n\ncounter.innerHTML=(current+1)+\" \/ \"+gallery.length;\n\n}\n\n\/*==================================================\n                EVENTS\n==================================================*\/\n\ngallery.forEach((item,index)=>{\n\nitem.addEventListener(\"click\",function(e){\n\ne.preventDefault();\n\nopen(index);\n\n});\n\n});\n\nclose.onclick=hide;\n\nnext.onclick=nextImage;\n\nprev.onclick=prevImage;\n\nlightbox.addEventListener(\"click\",function(e){\n\nif(e.target===lightbox){\n\nhide();\n\n}\n\n});\n\ndocument.addEventListener(\"keydown\",function(e){\n\nif(!lightbox.classList.contains(\"active\")) return;\n\nif(e.key===\"Escape\") hide();\n\nif(e.key===\"ArrowRight\") nextImage();\n\nif(e.key===\"ArrowLeft\") prevImage();\n\n});\n\n});\n\n\/*==================================================\n            STYLE LIGHTBOX\n==================================================*\/\n\nconst css=document.createElement(\"style\");\n\ncss.innerHTML=`\n\n.mi-lightbox{\n\nposition:fixed;\n\ninset:0;\n\nbackground:rgba(0,0,0,.96);\n\ndisplay:flex;\n\nalign-items:center;\n\njustify-content:center;\n\nopacity:0;\n\nvisibility:hidden;\n\ntransition:.35s;\n\nz-index:999999;\n\n}\n\n.mi-lightbox.active{\n\nopacity:1;\n\nvisibility:visible;\n\n}\n\n.mi-lightbox-content{\n\nposition:relative;\n\ndisplay:flex;\n\nalign-items:center;\n\njustify-content:center;\n\nwidth:100%;\n\nheight:100%;\n\n}\n\n.mi-lightbox img{\n\nmax-width:92vw;\n\nmax-height:88vh;\n\nobject-fit:contain;\n\nborder-radius:18px;\n\nanimation:zoomImage .35s;\n\nbox-shadow:\n\n0 0 60px rgba(180,0,0,.35);\n\n}\n\n@keyframes zoomImage{\n\nfrom{\n\ntransform:scale(.9);\n\nopacity:0;\n\n}\n\nto{\n\ntransform:scale(1);\n\nopacity:1;\n\n}\n\n}\n\n.mi-lightbox-close{\n\nposition:absolute;\n\ntop:25px;\n\nright:35px;\n\nbackground:none;\n\nborder:none;\n\ncolor:#fff;\n\nfont-size:55px;\n\ncursor:pointer;\n\n}\n\n.mi-lightbox-prev,\n\n.mi-lightbox-next{\n\nposition:absolute;\n\ntop:50%;\n\ntransform:translateY(-50%);\n\nwidth:70px;\n\nheight:70px;\n\nborder:none;\n\nborder-radius:50%;\n\nbackground:#990000;\n\ncolor:#fff;\n\nfont-size:30px;\n\ncursor:pointer;\n\ntransition:.3s;\n\n}\n\n.mi-lightbox-prev:hover,\n\n.mi-lightbox-next:hover{\n\nbackground:#c60000;\n\ntransform:translateY(-50%) scale(1.1);\n\n}\n\n.mi-lightbox-prev{\n\nleft:35px;\n\n}\n\n.mi-lightbox-next{\n\nright:35px;\n\n}\n\n.mi-lightbox-count{\n\nposition:absolute;\n\nbottom:25px;\n\nleft:50%;\n\ntransform:translateX(-50%);\n\ncolor:#fff;\n\nfont-size:18px;\n\nletter-spacing:2px;\n\nfont-weight:600;\n\n}\n\n@media(max-width:768px){\n\n.mi-lightbox-prev,\n\n.mi-lightbox-next{\n\nwidth:55px;\n\nheight:55px;\n\nfont-size:24px;\n\n}\n\n.mi-lightbox-prev{\n\nleft:15px;\n\n}\n\n.mi-lightbox-next{\n\nright:15px;\n\n}\n\n.mi-lightbox-close{\n\ntop:15px;\n\nright:20px;\n\nfont-size:42px;\n\n}\n\n}\n\n`;\n\ndocument.head.appendChild(css);\n<\/script>\n\n<!--==================================================\n                GALERIE PRIV\u00c9E\n===================================================-->\n\n<section class=\"mi-gallery\" id=\"galerie\">\n\n    <div class=\"mi-gallery-bg\"><\/div>\n\n    <div class=\"mi-gallery-container\">\n\n        <span class=\"mi-gallery-subtitle\">\n            \u2726 GALERIE PRIV\u00c9E\n        <\/span>\n\n        <h2>D\u00e9couvrez mon univers.<\/h2>\n\n        <p>\n            Quelques instants de mon univers, o\u00f9 \u00e9l\u00e9gance, caract\u00e8re et raffinement se rencontrent.\n            Cliquez sur une photographie pour l'afficher en grand.\n        <\/p>\n\n        <!--==================================================\n                        GALERIE\n        ==================================================-->\n\n        <div class=\"mi-gallery-grid\">\n\n            <!-- PHOTO 1 -->\n\n            <a href=\"https:\/\/maitresseitige.online\/wp-content\/uploads\/2026\/07\/chrome_RrDtB4d8TJ.png\" class=\"mi-gallery-item\">\n\n                <img decoding=\"async\" src=\"https:\/\/maitresseitige.online\/wp-content\/uploads\/2026\/07\/chrome_RrDtB4d8TJ.png\" alt=\"Galerie 1\">\n\n                <div class=\"mi-gallery-overlay\">\n                    <i class=\"fa-solid fa-expand\"><\/i>\n                <\/div>\n\n                <span><\/span>\n\n            <\/a>\n\n            <!-- PHOTO 2 -->\n\n            <a href=\"https:\/\/maitresseitige.online\/wp-content\/uploads\/2026\/07\/chrome_urlxl60dLk.png\" class=\"mi-gallery-item\">\n\n                <img decoding=\"async\" src=\"https:\/\/maitresseitige.online\/wp-content\/uploads\/2026\/07\/chrome_urlxl60dLk.png\" alt=\"Galerie 2\">\n\n                <div class=\"mi-gallery-overlay\">\n                    <i class=\"fa-solid fa-expand\"><\/i>\n                <\/div>\n\n                <span><\/span>\n\n            <\/a>\n\n            <!-- PHOTO 3 -->\n\n            <a href=\"https:\/\/maitresseitige.online\/wp-content\/uploads\/2026\/07\/chrome_NMrwUgX1eV.png\" class=\"mi-gallery-item\">\n\n                <img decoding=\"async\" src=\"https:\/\/maitresseitige.online\/wp-content\/uploads\/2026\/07\/chrome_NMrwUgX1eV.png\" alt=\"Galerie 3\">\n\n                <div class=\"mi-gallery-overlay\">\n                    <i class=\"fa-solid fa-expand\"><\/i>\n                <\/div>\n\n                <span><\/span>\n\n            <\/a>\n\n            <!-- PHOTO 4 -->\n\n            <a href=\"https:\/\/maitresseitige.online\/wp-content\/uploads\/2026\/07\/chrome_WXbajG3TFV.png\" class=\"mi-gallery-item\">\n\n                <img decoding=\"async\" src=\"https:\/\/maitresseitige.online\/wp-content\/uploads\/2026\/07\/chrome_WXbajG3TFV.png\" alt=\"Galerie 4\">\n\n                <div class=\"mi-gallery-overlay\">\n                    <i class=\"fa-solid fa-expand\"><\/i>\n                <\/div>\n\n                <span><\/span>\n\n            <\/a>\n\n            <!-- PHOTO 5 -->\n\n            <a href=\"https:\/\/maitresseitige.online\/wp-content\/uploads\/2026\/07\/chrome_IZc0iY5LOP.png\" class=\"mi-gallery-item\">\n\n                <img decoding=\"async\" src=\"https:\/\/maitresseitige.online\/wp-content\/uploads\/2026\/07\/chrome_IZc0iY5LOP.png\" alt=\"Galerie 5\">\n\n                <div class=\"mi-gallery-overlay\">\n                    <i class=\"fa-solid fa-expand\"><\/i>\n                <\/div>\n\n                <span><\/span>\n\n            <\/a>\n\n            <!-- PHOTO 6 -->\n\n            <a href=\"https:\/\/maitresseitige.online\/wp-content\/uploads\/2026\/07\/chrome_fRQc3w6RwG.png\" class=\"mi-gallery-item\">\n\n                <img decoding=\"async\" src=\"https:\/\/maitresseitige.online\/wp-content\/uploads\/2026\/07\/chrome_fRQc3w6RwG.png\" alt=\"Galerie 6\">\n\n                <div class=\"mi-gallery-overlay\">\n                    <i class=\"fa-solid fa-expand\"><\/i>\n                <\/div>\n\n                <span><\/span>\n\n            <\/a>\n\n            <!-- PHOTO 7 -->\n\n            <a href=\"https:\/\/maitresseitige.online\/wp-content\/uploads\/2026\/07\/chrome_gkfLodRvJq.png\" class=\"mi-gallery-item\">\n\n                <img decoding=\"async\" src=\"https:\/\/maitresseitige.online\/wp-content\/uploads\/2026\/07\/chrome_gkfLodRvJq.png\" alt=\"Galerie 7\">\n\n                <div class=\"mi-gallery-overlay\">\n                    <i class=\"fa-solid fa-expand\"><\/i>\n                <\/div>\n\n                <span><\/span>\n\n            <\/a>\n\n            <!-- PHOTO 8 -->\n\n            <a href=\"https:\/\/maitresseitige.online\/wp-content\/uploads\/2026\/07\/chrome_0riNSgO4Yy.png\" class=\"mi-gallery-item\">\n\n                <img decoding=\"async\" src=\"https:\/\/maitresseitige.online\/wp-content\/uploads\/2026\/07\/chrome_0riNSgO4Yy.png\" alt=\"Galerie 8\">\n\n                <div class=\"mi-gallery-overlay\">\n                    <i class=\"fa-solid fa-expand\"><\/i>\n                <\/div>\n\n                <span><\/span>\n\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/*==================================================\n                POWER SECTION\n==================================================*\/\n\n.mi-power{\n\n    position:relative;\n\n    overflow:hidden;\n\n    padding:220px 8% 180px;\n\n    background:\n\n    linear-gradient(\n\n        180deg,\n\n        #040404 0%,\n\n        #090909 50%,\n\n        #040404 100%\n\n    );\n\n}\n\n\/*==================================================\n                CONTAINER\n==================================================*\/\n\n.mi-power-container{\n\n    max-width:1550px;\n\n    margin:auto;\n\n    display:grid;\n\n    grid-template-columns:700px 1fr;\n\n    gap:110px;\n\n    align-items:center;\n\n    position:relative;\n\n    z-index:5;\n\n}\n\n\/*==================================================\n            GROS MOT FOND\n==================================================*\/\n\n.mi-power-bg-word{\n\n    position:absolute;\n\n    top:90px;\n\n    left:50%;\n\n    transform:translateX(-50%);\n\n    font-size:230px;\n\n    font-weight:900;\n\n    letter-spacing:20px;\n\n    color:rgba(255,255,255,.025);\n\n    text-transform:uppercase;\n\n    white-space:nowrap;\n\n    user-select:none;\n\n    pointer-events:none;\n\n    z-index:1;\n\n}\n\n\/*==================================================\n                PHOTO\n==================================================*\/\n\n.mi-power-image{\n\n    position:relative;\n\n    z-index:3;\n\n    transform:translateY(-50px);\n\n}\n\n\/*==================================================\n                IMAGE\n==================================================*\/\n\n.mi-power-image img{\n\n    width:100%;\n\n    display:block;\n\n    border-radius:32px;\n\n    border:1px solid rgba(255,0,0,.18);\n\n    box-shadow:\n\n    0 45px 120px rgba(0,0,0,.70),\n\n    0 0 60px rgba(180,0,0,.10);\n\n    transition:1s;\n\n}\n\n\/*==================================================\n            HALO ROUGE\n==================================================*\/\n\n.mi-power-glow{\n\n    position:absolute;\n\n    width:650px;\n\n    height:650px;\n\n    left:50%;\n\n    top:50%;\n\n    transform:translate(-50%,-50%);\n\n    border-radius:50%;\n\n    background:\n\n    radial-gradient(\n\n        circle,\n\n        rgba(180,0,0,.18),\n\n        transparent 70%\n\n    );\n\n    filter:blur(80px);\n\n    z-index:-1;\n\n}\n\n\/*==================================================\n            HOVER\n==================================================*\/\n\n.mi-power-image:hover img{\n\n    transform:scale(1.03);\n\n    box-shadow:\n\n    0 70px 150px rgba(0,0,0,.80),\n\n    0 0 90px rgba(180,0,0,.20);\n\n}\n\n\/*==================================================\n                CONTENU\n==================================================*\/\n\n.mi-power-content{\n\n    position:relative;\n\n    z-index:5;\n\n}\n\n\/*==================================================\n                SOUS TITRE\n==================================================*\/\n\n.mi-power-subtitle{\n\n    display:inline-flex;\n\n    align-items:center;\n\n    gap:12px;\n\n    padding:12px 28px;\n\n    border:1px solid rgba(255,0,0,.18);\n\n    border-radius:60px;\n\n    background:rgba(255,255,255,.03);\n\n    color:#d52d2d;\n\n    font-size:13px;\n\n    letter-spacing:4px;\n\n    text-transform:uppercase;\n\n    margin-bottom:35px;\n\n    backdrop-filter:blur(12px);\n\n}\n\n\/*==================================================\n                TITRE\n==================================================*\/\n\n.mi-power-content h2{\n\n    font-size:76px;\n\n    line-height:1.05;\n\n    font-weight:800;\n\n    color:#fff;\n\n    margin-bottom:35px;\n\n    letter-spacing:-2px;\n\n    text-shadow:\n\n    0 0 30px rgba(255,0,0,.12);\n\n}\n\n\/*==================================================\n            LIGNE ROUGE\n==================================================*\/\n\n.mi-power-line{\n\n    width:180px;\n\n    height:4px;\n\n    margin-bottom:45px;\n\n    border-radius:50px;\n\n    background:linear-gradient(\n\n        90deg,\n\n        #ff0000,\n\n        #ff4d4d,\n\n        transparent\n\n    );\n\n    box-shadow:\n\n    0 0 25px rgba(255,0,0,.45),\n\n    0 0 55px rgba(255,0,0,.25);\n\n}\n\n\/*==================================================\n                PARAGRAPHES\n==================================================*\/\n\n.mi-power-content p{\n\n    font-size:19px;\n\n    line-height:2;\n\n    color:rgba(255,255,255,.72);\n\n    margin-bottom:28px;\n\n    max-width:650px;\n\n}\n\n\/*==================================================\n                BOUTONS\n==================================================*\/\n\n.mi-power-buttons{\n\n    display:flex;\n\n    gap:22px;\n\n    margin-top:55px;\n\n    flex-wrap:wrap;\n\n}\n\n\/*==================================================\n                BOUTON ROUGE\n==================================================*\/\n\n.mi-power-btn{\n\n    position:relative;\n\n    overflow:hidden;\n\n    display:inline-flex;\n\n    justify-content:center;\n\n    align-items:center;\n\n    padding:18px 42px;\n\n    border-radius:60px;\n\n    text-decoration:none;\n\n    color:#fff;\n\n    background:linear-gradient(\n\n        135deg,\n\n        #920000,\n\n        #d40000\n\n    );\n\n    font-weight:700;\n\n    letter-spacing:1px;\n\n    transition:.45s;\n\n    box-shadow:\n\n    0 20px 45px rgba(180,0,0,.35);\n\n}\n\n.mi-power-btn::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    left:-130%;\n\n    top:0;\n\n    width:70%;\n\n    height:100%;\n\n    background:linear-gradient(\n\n        90deg,\n\n        transparent,\n\n        rgba(255,255,255,.45),\n\n        transparent\n\n    );\n\n    transform:skewX(-25deg);\n\n    transition:.8s;\n\n}\n\n.mi-power-btn:hover::before{\n\n    left:160%;\n\n}\n\n.mi-power-btn:hover{\n\n    transform:translateY(-6px);\n\n    box-shadow:\n\n    0 30px 60px rgba(255,0,0,.45);\n\n}\n\n\/*==================================================\n            BOUTON TRANSPARENT\n==================================================*\/\n\n.mi-power-btn2{\n\n    display:inline-flex;\n\n    justify-content:center;\n\n    align-items:center;\n\n    padding:18px 42px;\n\n    border-radius:60px;\n\n    text-decoration:none;\n\n    color:#fff;\n\n    border:1px solid rgba(255,255,255,.14);\n\n    background:rgba(255,255,255,.03);\n\n    backdrop-filter:blur(12px);\n\n    font-weight:700;\n\n    transition:.45s;\n\n}\n\n.mi-power-btn2:hover{\n\n    background:rgba(255,0,0,.08);\n\n    border-color:rgba(255,0,0,.35);\n\n    transform:translateY(-6px);\n\n}\n\n\/*==================================================\n                APPARITION\n==================================================*\/\n\n.mi-power-image,\n.mi-power-content,\n.mi-power-bg-word{\n\n    opacity:0;\n\n    transition:\n    opacity 1s ease,\n    transform 1s ease;\n\n}\n\n.mi-power-image{\n\n    transform:translateX(-100px);\n\n}\n\n.mi-power-content{\n\n    transform:translateX(100px);\n\n}\n\n.mi-power-bg-word{\n\n    transform:translate(-50%,60px);\n\n}\n\n.mi-power-image.show,\n.mi-power-content.show,\n.mi-power-bg-word.show{\n\n    opacity:1;\n\n}\n\n.mi-power-image.show{\n\n    transform:translateX(0) translateY(-50px);\n\n}\n\n.mi-power-content.show{\n\n    transform:translateX(0);\n\n}\n\n.mi-power-bg-word.show{\n\n    transform:translate(-50%,0);\n\n}\n\n\/*==================================================\n            ANIMATION FLOTTANTE\n==================================================*\/\n\n@keyframes powerFloat{\n\n    0%{\n\n        transform:translateY(-50px);\n\n    }\n\n    50%{\n\n        transform:translateY(-65px);\n\n    }\n\n    100%{\n\n        transform:translateY(-50px);\n\n    }\n\n}\n\n.mi-power-image.show{\n\n    animation:powerFloat 7s ease-in-out infinite;\n\n}\n\n\/*==================================================\n            HALO GLOBAL\n==================================================*\/\n\n.mi-power::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:900px;\n\n    height:900px;\n\n    border-radius:50%;\n\n    background:\n\n    radial-gradient(\n\n        circle,\n\n        rgba(180,0,0,.08),\n\n        transparent 70%\n\n    );\n\n    left:-300px;\n\n    top:-250px;\n\n    filter:blur(100px);\n\n    pointer-events:none;\n\n}\n\n.mi-power::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:700px;\n\n    height:700px;\n\n    border-radius:50%;\n\n    background:\n\n    radial-gradient(\n\n        circle,\n\n        rgba(255,0,0,.06),\n\n        transparent 70%\n\n    );\n\n    right:-220px;\n\n    bottom:-250px;\n\n    filter:blur(90px);\n\n    pointer-events:none;\n\n}\n\n\/*==================================================\n            DECORATION\n==================================================*\/\n\n.mi-power-content::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:320px;\n\n    height:1px;\n\n    top:-60px;\n\n    left:0;\n\n    background:\n\n    linear-gradient(\n\n        90deg,\n\n        rgba(255,0,0,.9),\n\n        transparent\n\n    );\n\n    box-shadow:\n\n    0 0 25px rgba(255,0,0,.45);\n\n}\n\n.mi-power-content::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:9px;\n\n    height:9px;\n\n    border-radius:50%;\n\n    background:#d00000;\n\n    top:-64px;\n\n    left:315px;\n\n    box-shadow:\n\n    0 0 20px rgba(255,0,0,.7);\n\n}\n\n\/*==================================================\n            RESPONSIVE\n==================================================*\/\n\n@media(max-width:1250px){\n\n    .mi-power-container{\n\n        grid-template-columns:1fr;\n\n        gap:80px;\n\n    }\n\n    .mi-power-image{\n\n        max-width:700px;\n\n        margin:auto;\n\n    }\n\n    .mi-power-content{\n\n        text-align:center;\n\n    }\n\n    .mi-power-content p{\n\n        margin-left:auto;\n\n        margin-right:auto;\n\n    }\n\n    .mi-power-line{\n\n        margin-left:auto;\n\n        margin-right:auto;\n\n    }\n\n    .mi-power-buttons{\n\n        justify-content:center;\n\n    }\n\n    .mi-power-content::before,\n    .mi-power-content::after{\n\n        display:none;\n\n    }\n\n}\n\n@media(max-width:992px){\n\n    .mi-power{\n\n        padding:160px 6%;\n\n    }\n\n    .mi-power-bg-word{\n\n        font-size:130px;\n\n        letter-spacing:10px;\n\n    }\n\n    .mi-power-content h2{\n\n        font-size:56px;\n\n    }\n\n}\n\n@media(max-width:768px){\n\n    .mi-power{\n\n        padding:120px 5%;\n\n    }\n\n    .mi-power-bg-word{\n\n        font-size:82px;\n\n        letter-spacing:6px;\n\n        top:60px;\n\n    }\n\n    .mi-power-image{\n\n        transform:none;\n\n    }\n\n    .mi-power-image.show{\n\n        transform:none;\n\n        animation:none;\n\n    }\n\n    .mi-power-content h2{\n\n        font-size:42px;\n\n    }\n\n    .mi-power-content p{\n\n        font-size:17px;\n\n        line-height:1.8;\n\n    }\n\n    .mi-power-buttons{\n\n        flex-direction:column;\n\n    }\n\n    .mi-power-btn,\n    .mi-power-btn2{\n\n        width:100%;\n\n    }\n\n}\n\n@media(max-width:480px){\n\n    .mi-power-bg-word{\n\n        font-size:58px;\n\n        letter-spacing:3px;\n\n    }\n\n    .mi-power-content h2{\n\n        font-size:34px;\n\n    }\n\n    .mi-power-subtitle{\n\n        font-size:11px;\n\n        letter-spacing:2px;\n\n        padding:10px 18px;\n\n    }\n\n}\n\n\/*==================================================\n            PERFORMANCE\n==================================================*\/\n\n.mi-power img{\n\n    backface-visibility:hidden;\n\n    -webkit-backface-visibility:hidden;\n\n    will-change:transform;\n\n    user-select:none;\n\n    -webkit-user-drag:none;\n\n}\n\n.mi-power *{\n\n    box-sizing:border-box;\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/*==================================================\n            POWER SECTION\n==================================================*\/\n\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n\n    const section = document.querySelector(\".mi-power\");\n\n    if(!section) return;\n\n    const image = section.querySelector(\".mi-power-image\");\n    const content = section.querySelector(\".mi-power-content\");\n    const bgWord = section.querySelector(\".mi-power-bg-word\");\n    const glow = section.querySelector(\".mi-power-glow\");\n\n    \/*==========================================\n            APPARITION AU SCROLL\n    ==========================================*\/\n\n    const observer = new IntersectionObserver((entries)=>{\n\n        entries.forEach(entry=>{\n\n            if(entry.isIntersecting){\n\n                image.classList.add(\"show\");\n                content.classList.add(\"show\");\n                bgWord.classList.add(\"show\");\n\n            }\n\n        });\n\n    },{\n\n        threshold:0.25\n\n    });\n\n    observer.observe(section);\n\n    \/*==========================================\n            EFFET 3D PHOTO\n    ==========================================*\/\n\n    image.addEventListener(\"mousemove\",(e)=>{\n\n        const rect=image.getBoundingClientRect();\n\n        const x=e.clientX-rect.left;\n        const y=e.clientY-rect.top;\n\n        const rotateY=((x\/rect.width)-0.5)*10;\n        const rotateX=((y\/rect.height)-0.5)*-10;\n\n        image.style.transform=\n\n        `translateY(-50px)\n         perspective(1200px)\n         rotateX(${rotateX}deg)\n         rotateY(${rotateY}deg)\n         scale(1.02)`;\n\n    });\n\n    image.addEventListener(\"mouseleave\",()=>{\n\n        image.style.transform=\"translateY(-50px)\";\n\n    });\n\n    \/*==========================================\n            HALO ROUGE\n    ==========================================*\/\n\n    section.addEventListener(\"mousemove\",(e)=>{\n\n        const rect=section.getBoundingClientRect();\n\n        const x=e.clientX-rect.left;\n        const y=e.clientY-rect.top;\n\n        glow.style.left=x+\"px\";\n        glow.style.top=y+\"px\";\n\n    });\n\n    \/*==========================================\n            PARALLAX\n    ==========================================*\/\n\n    let ticking=false;\n\n    function parallax(){\n\n        const scroll=window.pageYOffset;\n\n        image.style.transform=\n\n        `translateY(${-50+(scroll*0.05)}px)`;\n\n        bgWord.style.transform=\n\n        `translate(-50%,${scroll*0.03}px)`;\n\n        ticking=false;\n\n    }\n\n    window.addEventListener(\"scroll\",()=>{\n\n        if(!ticking){\n\n            requestAnimationFrame(parallax);\n\n            ticking=true;\n\n        }\n\n    });\n\n});\n<\/script>\n\n<!--==================================================\n                EXP\u00c9RIENCE CIN\u00c9MATIQUE\n===================================================-->\n\n<section class=\"mi-power\">\n\n    <div class=\"mi-power-bg-word\">\n        CONTROL\n    <\/div>\n\n    <div class=\"mi-power-container\">\n\n        <!--==========================\n                IMAGE\n        ===========================-->\n\n        <div class=\"mi-power-image\">\n\n            <div class=\"mi-power-glow\"><\/div>\n\n            <img decoding=\"async\"\n                src=\"https:\/\/maitresseitige.online\/wp-content\/uploads\/2026\/07\/chrome_CmvvUE79Ix.png\"\n                alt=\"Ma\u00eetresse ITIGE dans son univers priv\u00e9\"\n            >\n\n        <\/div>\n\n        <!--==========================\n                TEXTE\n        ===========================-->\n\n        <div class=\"mi-power-content\">\n\n            <span class=\"mi-power-subtitle\">\n                \u2726 UNE EXP\u00c9RIENCE EXCLUSIVE\n            <\/span>\n\n            <h2>\n                Le v\u00e9ritable pouvoir<br>\n                ne s\u2019impose pas.\n            <\/h2>\n\n            <div class=\"mi-power-line\"><\/div>\n\n            <p>\n                Derri\u00e8re chaque exp\u00e9rience se cache une parfaite ma\u00eetrise du d\u00e9tail,\n                une atmosph\u00e8re raffin\u00e9e et une approche o\u00f9 \u00e9l\u00e9gance et caract\u00e8re\n                se rencontrent naturellement.\n            <\/p>\n\n            <p>\n                Chaque instant est pens\u00e9 pour offrir une immersion unique,\n                dans un univers o\u00f9 la discr\u00e9tion, le respect et la confiance\n                occupent une place essentielle.\n            <\/p>\n\n            <div class=\"mi-power-buttons\">\n\n                <a\n                    href=\"https:\/\/maitresseitige.online\/index.php\/prestations\/\"\n                    class=\"mi-power-btn\"\n                >\n                    D\u00e9couvrir les prestations\n                <\/a>\n\n                <a\n                    href=\"https:\/\/maitresseitige.online\/index.php\/contact\/\"\n                    class=\"mi-power-btn2\"\n                >\n                    Me contacter\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/*==================================================\n                    LE RITUEL\n==================================================*\/\n\n.mi-rituel{\n\n    position:relative;\n\n    overflow:hidden;\n\n    padding:170px 8%;\n\n    background:#050505;\n\n}\n\n\/*==================================================\n                FONDS LUMINEUX\n==================================================*\/\n\n.mi-rituel::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:700px;\n\n    height:700px;\n\n    left:-250px;\n\n    top:-250px;\n\n    border-radius:50%;\n\n    background:\n    radial-gradient(circle,\n    rgba(180,0,0,.10),\n    transparent 70%);\n\n    filter:blur(90px);\n\n}\n\n.mi-rituel::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:600px;\n\n    height:600px;\n\n    right:-200px;\n\n    bottom:-200px;\n\n    border-radius:50%;\n\n    background:\n    radial-gradient(circle,\n    rgba(180,0,0,.08),\n    transparent 70%);\n\n    filter:blur(90px);\n\n}\n\n\/*==================================================\n                    TITRE\n==================================================*\/\n\n.mi-rituel-title{\n\n    position:relative;\n\n    z-index:5;\n\n    max-width:900px;\n\n    margin:auto;\n\n    text-align:center;\n\n    margin-bottom:120px;\n\n}\n\n.mi-rituel-title span{\n\n    display:inline-block;\n\n    padding:12px 28px;\n\n    border-radius:60px;\n\n    border:1px solid rgba(255,0,0,.20);\n\n    color:#c91d1d;\n\n    background:rgba(255,255,255,.03);\n\n    letter-spacing:4px;\n\n    text-transform:uppercase;\n\n    font-size:13px;\n\n    margin-bottom:28px;\n\n    backdrop-filter:blur(12px);\n\n}\n\n.mi-rituel-title h2{\n\n    color:#fff;\n\n    font-size:78px;\n\n    margin-bottom:28px;\n\n    font-weight:800;\n\n}\n\n.mi-rituel-title p{\n\n    color:rgba(255,255,255,.72);\n\n    font-size:20px;\n\n    line-height:1.9;\n\n}\n\n\/*==================================================\n                CONTAINER\n==================================================*\/\n\n.mi-rituel-container{\n\n    position:relative;\n\n    max-width:1500px;\n\n    margin:auto;\n\n    z-index:5;\n\n}\n\n\/*==================================================\n            LIGNE VERTICALE\n==================================================*\/\n\n.mi-rituel-line{\n\n    position:absolute;\n\n    left:50%;\n\n    transform:translateX(-50%);\n\n    top:430px;\n\n    bottom:170px;\n\n    width:3px;\n\n    background:\n\n    linear-gradient(\n\n        180deg,\n\n        rgba(255,0,0,.10),\n\n        rgba(255,0,0,.90),\n\n        rgba(255,0,0,.10)\n\n    );\n\n    box-shadow:\n\n    0 0 20px rgba(255,0,0,.45);\n\n}\n\n\/*==================================================\n                    BLOC\n==================================================*\/\n\n.mi-step{\n\n    position:relative;\n\n    display:grid;\n\n    grid-template-columns:1fr 1fr;\n\n    gap:80px;\n\n    align-items:center;\n\n    margin-bottom:140px;\n\n}\n\n\/*==================================================\n            UNE LIGNE SUR DEUX\n==================================================*\/\n\n.mi-step:nth-child(even)\n .mi-step-image{\n\n    order:2;\n\n}\n\n.mi-step:nth-child(even)\n .mi-step-content{\n\n    order:1;\n\n}\n\n\/*==================================================\n                IMAGE\n==================================================*\/\n\n.mi-step-image{\n\n    position:relative;\n\n    overflow:hidden;\n\n    border-radius:28px;\n\n    background:#0b0b0b;\n\n    border:1px solid rgba(255,0,0,.15);\n\n    box-shadow:\n    0 30px 80px rgba(0,0,0,.65);\n\n    transition:.5s;\n\n}\n\n.mi-step-image img{\n\n    width:100%;\n\n    height:100%;\n\n    display:block;\n\n    object-fit:cover;\n\n    transition:1s;\n\n}\n\n\/*==================================================\n            HALO PHOTO\n==================================================*\/\n\n.mi-step-image::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    inset:0;\n\n    background:\n\n    linear-gradient(\n\n        180deg,\n\n        transparent,\n\n        rgba(0,0,0,.25),\n\n        rgba(0,0,0,.55)\n\n    );\n\n    z-index:2;\n\n    pointer-events:none;\n\n}\n\n.mi-step-image::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:450px;\n\n    height:450px;\n\n    border-radius:50%;\n\n    left:50%;\n\n    top:50%;\n\n    transform:translate(-50%,-50%);\n\n    background:\n\n    radial-gradient(circle,\n\n    rgba(180,0,0,.12),\n\n    transparent 70%);\n\n    filter:blur(70px);\n\n    opacity:0;\n\n    transition:.5s;\n\n}\n\n.mi-step:hover .mi-step-image::after{\n\n    opacity:1;\n\n}\n\n\/*==================================================\n                HOVER PHOTO\n==================================================*\/\n\n.mi-step:hover .mi-step-image{\n\n    transform:translateY(-12px);\n\n    box-shadow:\n\n    0 45px 110px rgba(0,0,0,.80),\n\n    0 0 45px rgba(180,0,0,.18);\n\n}\n\n.mi-step:hover .mi-step-image img{\n\n    transform:scale(1.05);\n\n}\n\n\/*==================================================\n                CONTENU\n==================================================*\/\n\n.mi-step-content{\n\n    position:relative;\n\n    padding:55px;\n\n    border-radius:28px;\n\n    background:rgba(255,255,255,.03);\n\n    backdrop-filter:blur(18px);\n\n    border:1px solid rgba(255,255,255,.08);\n\n    transition:.45s;\n\n}\n\n.mi-step:hover .mi-step-content{\n\n    border-color:rgba(255,0,0,.25);\n\n    box-shadow:\n\n    0 20px 60px rgba(180,0,0,.12);\n\n}\n\n\/*==================================================\n                NUMERO\n==================================================*\/\n\n.mi-step-number{\n\n    display:block;\n\n    font-size:92px;\n\n    font-weight:900;\n\n    line-height:1;\n\n    color:rgba(255,255,255,.05);\n\n    margin-bottom:22px;\n\n    transition:.45s;\n\n}\n\n.mi-step:hover .mi-step-number{\n\n    color:rgba(255,0,0,.30);\n\n}\n\n\/*==================================================\n                TITRE\n==================================================*\/\n\n.mi-step-content h3{\n\n    color:#fff;\n\n    font-size:40px;\n\n    margin-bottom:24px;\n\n    font-weight:700;\n\n}\n\n\/*==================================================\n                TEXTE\n==================================================*\/\n\n.mi-step-content p{\n\n    color:rgba(255,255,255,.72);\n\n    font-size:18px;\n\n    line-height:2;\n\n}\n\n\/*==================================================\n            POINT CENTRAL\n==================================================*\/\n\n.mi-step::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    left:50%;\n\n    top:50%;\n\n    transform:translate(-50%,-50%);\n\n    width:24px;\n\n    height:24px;\n\n    border-radius:50%;\n\n    background:#d10000;\n\n    border:5px solid #090909;\n\n    box-shadow:\n\n    0 0 25px rgba(255,0,0,.8);\n\n    z-index:50;\n\n}\n\n\/*==================================================\n            ETAPE ACTIVE\n==================================================*\/\n\n.mi-step.active .mi-step-content{\n\n    border-color:rgba(255,0,0,.35);\n\n    box-shadow:\n\n    0 25px 70px rgba(180,0,0,.18);\n\n}\n\n.mi-step.active .mi-step-number{\n\n    color:rgba(255,0,0,.40);\n\n}\n\n.mi-step.active .mi-step-image{\n\n    box-shadow:\n\n    0 45px 120px rgba(0,0,0,.85),\n\n    0 0 60px rgba(180,0,0,.22);\n\n}\n\n\/*==================================================\n                APPARITION\n==================================================*\/\n\n.mi-step{\n\n    opacity:1;\n\n    transform:translateY(60px);\n\n    transition:\n    opacity .8s ease,\n    transform .8s ease;\n\n}\n\n.mi-step.show{\n\n    opacity:1;\n\n    transform:translateY(0);\n\n}\n\n\/*==================================================\n            REFLET PREMIUM\n==================================================*\/\n\n.mi-step-content::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    top:0;\n\n    left:-150%;\n\n    width:70%;\n\n    height:100%;\n\n    background:\n\n    linear-gradient(\n\n        90deg,\n\n        transparent,\n\n        rgba(255,255,255,.08),\n\n        transparent\n\n    );\n\n    transform:skewX(-25deg);\n\n    transition:1.2s;\n\n}\n\n.mi-step:hover .mi-step-content::before{\n\n    left:180%;\n\n}\n\n\/*==================================================\n            HALO DERRIERE LE BLOC\n==================================================*\/\n\n.mi-step::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:420px;\n\n    height:420px;\n\n    border-radius:50%;\n\n    background:\n\n    radial-gradient(\n\n        circle,\n\n        rgba(180,0,0,.08),\n\n        transparent 70%\n\n    );\n\n    filter:blur(80px);\n\n    opacity:0;\n\n    transition:.6s;\n\n    z-index:-1;\n\n}\n\n.mi-step:hover::after{\n\n    opacity:1;\n\n}\n\n.mi-step:nth-child(odd)::after{\n\n    left:-120px;\n\n    top:40px;\n\n}\n\n.mi-step:nth-child(even)::after{\n\n    right:-120px;\n\n    top:40px;\n\n}\n\n\/*==================================================\n                RESPONSIVE\n==================================================*\/\n\n@media(max-width:1200px){\n\n    .mi-step{\n\n        grid-template-columns:1fr;\n\n        gap:40px;\n\n        margin-bottom:90px;\n\n    }\n\n    .mi-step:nth-child(even)\n    .mi-step-image{\n\n        order:0;\n\n    }\n\n    .mi-step:nth-child(even)\n    .mi-step-content{\n\n        order:0;\n\n    }\n\n    .mi-step::before{\n\n        display:none;\n\n    }\n\n    .mi-rituel-line{\n\n        display:none;\n\n    }\n\n    .mi-step-content{\n\n        padding:40px;\n\n    }\n\n}\n\n@media(max-width:768px){\n\n    .mi-rituel{\n\n        padding:120px 6%;\n\n    }\n\n    .mi-rituel-title{\n\n        margin-bottom:70px;\n\n    }\n\n    .mi-rituel-title h2{\n\n        font-size:48px;\n\n    }\n\n    .mi-rituel-title p{\n\n        font-size:17px;\n\n    }\n\n    .mi-step-content{\n\n        padding:28px;\n\n    }\n\n    .mi-step-number{\n\n        font-size:60px;\n\n    }\n\n    .mi-step-content h3{\n\n        font-size:30px;\n\n    }\n\n    .mi-step-content p{\n\n        font-size:16px;\n\n        line-height:1.8;\n\n    }\n\n}\n\n@media(max-width:480px){\n\n    .mi-rituel{\n\n        padding:90px 5%;\n\n    }\n\n    .mi-rituel-title span{\n\n        font-size:11px;\n\n        letter-spacing:2px;\n\n        padding:10px 18px;\n\n    }\n\n    .mi-rituel-title h2{\n\n        font-size:36px;\n\n    }\n\n}\n\n\/*==================================================\n                PERFORMANCE\n==================================================*\/\n\n.mi-step,\n.mi-step-image,\n.mi-step-content{\n\n    will-change:transform;\n\n}\n\n.mi-step img{\n\n    display:block;\n\n    width:100%;\n\n    height:auto;\n\n    backface-visibility:hidden;\n\n    -webkit-backface-visibility:hidden;\n\n}\n\n.mi-step *{\n\n    box-sizing:border-box;\n\n}\n\n\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/*==================================================\n                LE RITUEL\n==================================================*\/\n\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n\n    const steps = document.querySelectorAll(\".mi-step\");\n\n    if (!steps.length) return;\n\n    \/*==========================================\n                APPARITION\n    ==========================================*\/\n\n    const observer = new IntersectionObserver((entries) => {\n\n        entries.forEach(entry => {\n\n            if (entry.isIntersecting) {\n\n                entry.target.classList.add(\"show\");\n\n            }\n\n        });\n\n    }, {\n\n        threshold: 0.15\n\n    });\n\n    steps.forEach(step => observer.observe(step));\n\n    \/*==========================================\n                ETAPE ACTIVE\n    ==========================================*\/\n\n    function updateActive() {\n\n        const trigger = window.innerHeight * 0.45;\n\n        let current = null;\n\n        steps.forEach(step => {\n\n            const rect = step.getBoundingClientRect();\n\n            if (rect.top <= trigger &#038;&#038; rect.bottom >= trigger) {\n\n                current = step;\n\n            }\n\n        });\n\n        steps.forEach(step => {\n\n            step.classList.remove(\"active\");\n\n        });\n\n        if (current) {\n\n            current.classList.add(\"active\");\n\n        }\n\n    }\n\n    updateActive();\n\n    window.addEventListener(\"scroll\", updateActive);\n\n    \/*==========================================\n            PARALLAX LEGER\n    ==========================================*\/\n\n    const images = document.querySelectorAll(\".mi-step-image img\");\n\n    let ticking = false;\n\n    function parallax() {\n\n        const scroll = window.scrollY;\n\n        images.forEach((img, index) => {\n\n            const parent = img.closest(\".mi-step\");\n\n            const rect = parent.getBoundingClientRect();\n\n            if (rect.bottom > 0 && rect.top < window.innerHeight) {\n\n                const offset = (rect.top - window.innerHeight \/ 2) * 0.04;\n\n                img.style.transform = `translateY(${offset}px) scale(1.02)`;\n\n            }\n\n        });\n\n        ticking = false;\n\n    }\n\n    window.addEventListener(\"scroll\", () => {\n\n        if (!ticking) {\n\n            requestAnimationFrame(parallax);\n\n            ticking = true;\n\n        }\n\n    });\n\n    parallax();\n\n});\n<\/script>\n\n<!--==================================================\n                LE RITUEL\n===================================================-->\n\n<section class=\"mi-rituel\">\n\n    <div class=\"mi-rituel-title\">\n\n        <span>\u2726 UNE EXP\u00c9RIENCE UNIQUE<\/span>\n\n        <h2>Le Rituel<\/h2>\n\n        <p>\n            Chaque rencontre suit un cheminement pr\u00e9cis o\u00f9\n            confiance, communication et immersion se construisent\n            \u00e9tape apr\u00e8s \u00e9tape.\n        <\/p>\n\n    <\/div>\n\n    <div class=\"mi-rituel-line\"><\/div>\n\n    <div class=\"mi-rituel-container\">\n\n        <!--========================\n                ETAPE 1\n        =========================-->\n\n        <article class=\"mi-step active\">\n\n            <div class=\"mi-step-image\">\n\n                <img decoding=\"async\" src=\"https:\/\/maitresseitige.online\/wp-content\/uploads\/2026\/07\/chrome_2doY6tXhd7.png\" alt=\"Marquer les esprits\">\n\n            <\/div>\n\n            <div class=\"mi-step-content\">\n\n                <span class=\"mi-step-number\">\n\n                    01\n\n                <\/span>\n\n                <h3>\n\n                    Marquer les esprits\n\n                <\/h3>\n\n                <p>\n\n                    Chaque exp\u00e9rience d\u00e9bute par un \u00e9change o\u00f9 les attentes,\n                    les limites et les envies sont d\u00e9finies avec pr\u00e9cision.\n                    Le respect et le consentement sont au c\u0153ur de chaque rencontre.\n\n                <\/p>\n\n            <\/div>\n\n        <\/article>\n\n        <!--========================\n                ETAPE 2\n        =========================-->\n\n        <article class=\"mi-step\">\n\n            <div class=\"mi-step-image\">\n\n                <img decoding=\"async\" src=\"https:\/\/maitresseitige.online\/wp-content\/uploads\/2026\/07\/chrome_KswhkmOUR9.png\" alt=\"Immersion\">\n\n            <\/div>\n\n            <div class=\"mi-step-content\">\n\n                <span class=\"mi-step-number\">\n\n                    02\n\n                <\/span>\n\n                <h3>\n\n                    Immersion\n\n                <\/h3>\n\n                <p>\n\n                    Une atmosph\u00e8re soigneusement pr\u00e9par\u00e9e o\u00f9 chaque d\u00e9tail\n                    participe \u00e0 cr\u00e9er une exp\u00e9rience \u00e9l\u00e9gante, intense\n                    et parfaitement ma\u00eetris\u00e9e.\n\n                <\/p>\n\n            <\/div>\n\n        <\/article>\n\n        <!--========================\n                ETAPE 3\n        =========================-->\n\n        <article class=\"mi-step\">\n\n            <div class=\"mi-step-image\">\n\n                <img decoding=\"async\" src=\"https:\/\/maitresseitige.online\/wp-content\/uploads\/2026\/07\/chrome_42HcOz75gw.png\" alt=\"Autorit\u00e9\">\n\n            <\/div>\n\n            <div class=\"mi-step-content\">\n\n                <span class=\"mi-step-number\">\n\n                    03\n\n                <\/span>\n\n                <h3>\n\n                    Autorit\u00e9\n\n                <\/h3>\n\n                <p>\n\n                    Une pr\u00e9sence affirm\u00e9e, une mise en sc\u00e8ne raffin\u00e9e\n                    et une exp\u00e9rience guid\u00e9e avec pr\u00e9cision,\n                    toujours dans le respect du cadre d\u00e9fini.\n\n                <\/p>\n\n            <\/div>\n\n        <\/article>\n\n        <!--========================\n                ETAPE 4\n        =========================-->\n\n        <article class=\"mi-step\">\n\n            <div class=\"mi-step-image\">\n\n                <img decoding=\"async\" src=\"https:\/\/maitresseitige.online\/wp-content\/uploads\/2026\/07\/chrome_7fg9xjmQIE.png\" alt=\"Connexion\">\n\n            <\/div>\n\n            <div class=\"mi-step-content\">\n\n                <span class=\"mi-step-number\">\n\n                    04\n\n                <\/span>\n\n                <h3>\n\n                    Connexion\n\n                <\/h3>\n\n                <p>\n\n                    Chaque s\u00e9ance se construit autour de la communication,\n                    de la confiance et du respect mutuel,\n                    afin d'offrir une exp\u00e9rience personnalis\u00e9e.\n\n                <\/p>\n\n            <\/div>\n\n        <\/article>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/*==================================================\n                LE DERNIER PAS\n==================================================*\/\n\n.mi-final{\n\n    position:relative;\n\n    overflow:hidden;\n\n    padding:180px 8%;\n\n    background:\n    linear-gradient(\n        180deg,\n        #040404 0%,\n        #090909 100%\n    );\n\n}\n\n\/*==================================================\n                HALOS\n==================================================*\/\n\n.mi-final::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:700px;\n\n    height:700px;\n\n    left:-220px;\n\n    top:-250px;\n\n    border-radius:50%;\n\n    background:\n    radial-gradient(\n        circle,\n        rgba(180,0,0,.10),\n        transparent 70%\n    );\n\n    filter:blur(90px);\n\n}\n\n.mi-final::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:650px;\n\n    height:650px;\n\n    right:-220px;\n\n    bottom:-220px;\n\n    border-radius:50%;\n\n    background:\n    radial-gradient(\n        circle,\n        rgba(180,0,0,.08),\n        transparent 70%\n    );\n\n    filter:blur(90px);\n\n}\n\n\/*==================================================\n                OVERLAY\n==================================================*\/\n\n.mi-final-overlay{\n\n    position:absolute;\n\n    inset:0;\n\n    background:\n\n    linear-gradient(\n\n        rgba(0,0,0,.45),\n\n        rgba(0,0,0,.75)\n\n    );\n\n}\n\n\/*==================================================\n                CONTAINER\n==================================================*\/\n\n.mi-final-container{\n\n    position:relative;\n\n    z-index:5;\n\n    max-width:1100px;\n\n    margin:auto;\n\n    text-align:center;\n\n}\n\n\/*==================================================\n                SOUS TITRE\n==================================================*\/\n\n.mi-final-subtitle{\n\n    display:inline-block;\n\n    padding:12px 28px;\n\n    border-radius:60px;\n\n    border:1px solid rgba(255,0,0,.20);\n\n    background:rgba(255,255,255,.03);\n\n    color:#d82c2c;\n\n    font-size:13px;\n\n    letter-spacing:4px;\n\n    text-transform:uppercase;\n\n    margin-bottom:35px;\n\n    backdrop-filter:blur(12px);\n\n}\n\n\/*==================================================\n                TITRE\n==================================================*\/\n\n.mi-final h2{\n\n    color:#fff;\n\n    font-size:82px;\n\n    line-height:1.05;\n\n    margin-bottom:35px;\n\n    font-weight:800;\n\n    letter-spacing:-2px;\n\n}\n\n\/*==================================================\n                TEXTE\n==================================================*\/\n\n.mi-final p{\n\n    max-width:760px;\n\n    margin:auto;\n\n    color:rgba(255,255,255,.72);\n\n    font-size:20px;\n\n    line-height:2;\n\n}\n\n\/*==================================================\n                BOUTONS\n==================================================*\/\n\n.mi-final-buttons{\n\n    display:flex;\n\n    justify-content:center;\n\n    align-items:center;\n\n    gap:28px;\n\n    margin-top:70px;\n\n    margin-bottom:90px;\n\n    flex-wrap:wrap;\n\n}\n\n\/*==================================================\n                STYLE COMMUN\n==================================================*\/\n\n.mi-final-btn{\n\n    position:relative;\n\n    overflow:hidden;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    gap:18px;\n\n    min-width:340px;\n\n    padding:22px 38px;\n\n    border-radius:80px;\n\n    text-decoration:none;\n\n    font-size:17px;\n\n    font-weight:700;\n\n    transition:.45s;\n\n    border:1px solid rgba(255,255,255,.08);\n\n    backdrop-filter:blur(18px);\n\n}\n\n\/*==================================================\n                FETLIFE\n==================================================*\/\n\n.mi-final-btn.fetlife{\n\n    background:\n\n    linear-gradient(\n\n        135deg,\n\n        #7b0012,\n\n        #b8001d\n\n    );\n\n    color:#fff;\n\n    box-shadow:\n\n    0 25px 55px rgba(184,0,29,.35);\n\n}\n\n.mi-final-btn.fetlife img{\n\n    width:42px;\n\n    height:42px;\n\n    border-radius:50%;\n\n    object-fit:cover;\n\n    background:#fff;\n\n    padding:4px;\n\n}\n\n.mi-final-btn.fetlife:hover{\n\n    transform:translateY(-8px);\n\n    box-shadow:\n\n    0 35px 70px rgba(184,0,29,.50);\n\n}\n\n\/*==================================================\n                EMAIL\n==================================================*\/\n\n.mi-final-btn.mail{\n\n    background:rgba(255,255,255,.03);\n\n    color:#fff;\n\n}\n\n.mi-final-btn.mail:hover{\n\n    transform:translateY(-8px);\n\n    border-color:rgba(255,0,0,.30);\n\n    box-shadow:\n\n    0 25px 60px rgba(180,0,0,.20);\n\n}\n\n\/*==================================================\n                ICONE MAIL\n==================================================*\/\n\n.mi-mail-icon{\n\n    width:48px;\n\n    height:48px;\n\n    border-radius:50%;\n\n    display:flex;\n\n    justify-content:center;\n\n    align-items:center;\n\n    background:\n\n    linear-gradient(\n\n        135deg,\n\n        #930000,\n\n        #d00000\n\n    );\n\n    color:#fff;\n\n    font-size:22px;\n\n    box-shadow:\n\n    0 0 20px rgba(255,0,0,.35);\n\n}\n\n\/*==================================================\n            REFLET BOUTONS\n==================================================*\/\n\n.mi-final-btn::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    top:0;\n\n    left:-150%;\n\n    width:70%;\n\n    height:100%;\n\n    background:\n\n    linear-gradient(\n\n        90deg,\n\n        transparent,\n\n        rgba(255,255,255,.25),\n\n        transparent\n\n    );\n\n    transform:skewX(-25deg);\n\n    transition:.9s;\n\n}\n\n.mi-final-btn:hover::before{\n\n    left:180%;\n\n}\n\n\/*==================================================\n                VALEURS\n==================================================*\/\n\n.mi-final-values{\n\n    display:grid;\n\n    grid-template-columns:repeat(4,1fr);\n\n    gap:25px;\n\n    margin-top:20px;\n\n    margin-bottom:90px;\n\n}\n\n.mi-final-values div{\n\n    padding:30px;\n\n    border-radius:24px;\n\n    background:rgba(255,255,255,.03);\n\n    border:1px solid rgba(255,255,255,.08);\n\n    backdrop-filter:blur(18px);\n\n    transition:.45s;\n\n}\n\n.mi-final-values div:hover{\n\n    transform:translateY(-10px);\n\n    border-color:rgba(255,0,0,.28);\n\n    box-shadow:\n\n    0 25px 60px rgba(180,0,0,.15);\n\n}\n\n.mi-final-values i{\n\n    display:block;\n\n    font-size:34px;\n\n    color:#d40000;\n\n    margin-bottom:18px;\n\n}\n\n.mi-final-values span{\n\n    display:block;\n\n    color:#fff;\n\n    font-size:18px;\n\n    font-weight:600;\n\n}\n\n\/*==================================================\n                SIGNATURE\n==================================================*\/\n\n.mi-final-signature{\n\n    padding-top:70px;\n\n    border-top:1px solid rgba(255,255,255,.08);\n\n}\n\n.mi-final-signature h3{\n\n    font-size:42px;\n\n    color:#fff;\n\n    letter-spacing:8px;\n\n    margin-bottom:18px;\n\n    text-transform:uppercase;\n\n}\n\n.mi-final-signature span{\n\n    color:rgba(255,255,255,.55);\n\n    letter-spacing:5px;\n\n    text-transform:uppercase;\n\n    font-size:13px;\n\n}\n\n\/*==================================================\n                APPARITION\n==================================================*\/\n\n.mi-final-container{\n\n    opacity:0;\n\n    transform:translateY(80px);\n\n    transition:\n\n    opacity .9s ease,\n\n    transform .9s ease;\n\n}\n\n.mi-final-container.show{\n\n    opacity:1;\n\n    transform:translateY(0);\n\n}\n\n\/*==================================================\n                ANIMATION HALO\n==================================================*\/\n\n@keyframes finalGlow{\n\n    0%{\n\n        transform:scale(1);\n\n    }\n\n    50%{\n\n        transform:scale(1.08);\n\n    }\n\n    100%{\n\n        transform:scale(1);\n\n    }\n\n}\n\n.mi-final::before{\n\n    animation:finalGlow 10s ease-in-out infinite;\n\n}\n\n.mi-final::after{\n\n    animation:finalGlow 13s ease-in-out infinite reverse;\n\n}\n\n\/*==================================================\n                RESPONSIVE\n==================================================*\/\n\n@media(max-width:1100px){\n\n    .mi-final-values{\n\n        grid-template-columns:repeat(2,1fr);\n\n    }\n\n}\n\n@media(max-width:768px){\n\n    .mi-final{\n\n        padding:120px 6%;\n\n    }\n\n    .mi-final h2{\n\n        font-size:52px;\n\n    }\n\n    .mi-final p{\n\n        font-size:17px;\n\n    }\n\n    .mi-final-buttons{\n\n        flex-direction:column;\n\n    }\n\n    .mi-final-btn{\n\n        width:100%;\n\n        min-width:unset;\n\n    }\n\n    .mi-final-values{\n\n        grid-template-columns:1fr;\n\n    }\n\n    .mi-final-signature h3{\n\n        font-size:30px;\n\n        letter-spacing:4px;\n\n    }\n\n}\n\n@media(max-width:480px){\n\n    .mi-final{\n\n        padding:90px 5%;\n\n    }\n\n    .mi-final-subtitle{\n\n        font-size:11px;\n\n        letter-spacing:2px;\n\n        padding:10px 18px;\n\n    }\n\n    .mi-final h2{\n\n        font-size:38px;\n\n    }\n\n    .mi-final-signature span{\n\n        letter-spacing:2px;\n\n        line-height:1.8;\n\n    }\n\n}\n\n\/*==================================================\n                PERFORMANCE\n==================================================*\/\n\n.mi-final *{\n\n    box-sizing:border-box;\n\n}\n\n.mi-final img{\n\n    display:block;\n\n    max-width:100%;\n\n    backface-visibility:hidden;\n\n    -webkit-backface-visibility:hidden;\n\n    will-change:transform;\n\n}\n\n\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/*==================================================\n            LE DERNIER PAS\n==================================================*\/\n\ndocument.addEventListener(\"DOMContentLoaded\",()=>{\n\n    const section=document.querySelector(\".mi-final\");\n\n    if(!section) return;\n\n    const container=section.querySelector(\".mi-final-container\");\n\n    const cards=section.querySelectorAll(\".mi-final-values div\");\n\n    const buttons=section.querySelectorAll(\".mi-final-btn\");\n\n    const signature=section.querySelector(\".mi-final-signature\");\n\n    \/*==========================================\n            APPARITION\n    ==========================================*\/\n\n    const observer=new IntersectionObserver((entries)=>{\n\n        entries.forEach(entry=>{\n\n            if(entry.isIntersecting){\n\n                container.classList.add(\"show\");\n\n                cards.forEach((card,index)=>{\n\n                    setTimeout(()=>{\n\n                        card.style.opacity=\"1\";\n                        card.style.transform=\"translateY(0)\";\n\n                    },index*180);\n\n                });\n\n            }\n\n        });\n\n    },{\n\n        threshold:.25\n\n    });\n\n    observer.observe(section);\n\n    \/*==========================================\n            ETAT INITIAL\n    ==========================================*\/\n\n    cards.forEach(card=>{\n\n        card.style.opacity=\"0\";\n\n        card.style.transform=\"translateY(50px)\";\n\n        card.style.transition=\".8s\";\n\n    });\n\n    \/*==========================================\n            BOUTONS\n    ==========================================*\/\n\n    buttons.forEach(button=>{\n\n        button.addEventListener(\"mouseenter\",()=>{\n\n            button.animate([\n\n                {\n\n                    transform:\"translateY(-8px) scale(1)\"\n\n                },\n\n                {\n\n                    transform:\"translateY(-8px) scale(1.04)\"\n\n                },\n\n                {\n\n                    transform:\"translateY(-8px) scale(1)\"\n\n                }\n\n            ],{\n\n                duration:450,\n\n                easing:\"ease\"\n\n            });\n\n        });\n\n    });\n\n    \/*==========================================\n            SIGNATURE\n    ==========================================*\/\n\n    window.addEventListener(\"scroll\",()=>{\n\n        const rect=section.getBoundingClientRect();\n\n        if(rect.top<window.innerHeight){\n\n            const value=Math.min(1,(window.innerHeight-rect.top)\/window.innerHeight);\n\n            signature.style.opacity=value;\n\n            signature.style.transform=`translateY(${40-(value*40)}px)`;\n\n        }\n\n    });\n\n    signature.style.opacity=\"0\";\n\n    signature.style.transform=\"translateY(40px)\";\n\n    signature.style.transition=\"1s\";\n\n    \/*==========================================\n            HALO SOURIS\n    ==========================================*\/\n\n    section.addEventListener(\"mousemove\",(e)=>{\n\n        const rect=section.getBoundingClientRect();\n\n        const x=e.clientX-rect.left;\n\n        const y=e.clientY-rect.top;\n\n        section.style.background=\n\n        `radial-gradient(circle at ${x}px ${y}px,\n\n        rgba(180,0,0,.08),\n\n        #090909 55%,\n\n        #040404 100%)`;\n\n    });\n\n    section.addEventListener(\"mouseleave\",()=>{\n\n        section.style.background=\n\n        \"linear-gradient(180deg,#040404 0%,#090909 100%)\";\n\n    });\n\n});\n<\/script>\n\n<!--==================================================\n                LE DERNIER PAS\n===================================================-->\n\n<section class=\"mi-final\">\n\n    <div class=\"mi-final-overlay\"><\/div>\n\n    <div class=\"mi-final-container\">\n\n        <span class=\"mi-final-subtitle\">\n\n            \u2726 UNE RENCONTRE COMMENCE PAR UN \u00c9CHANGE\n\n        <\/span>\n\n        <h2>\n\n            Pr\u00eate \u00e0 vous accueillir.\n\n        <\/h2>\n\n        <p>\n\n            Chaque exp\u00e9rience est unique. Prenons le temps d'\u00e9changer afin de\n            construire une rencontre adapt\u00e9e \u00e0 vos attentes, dans un cadre\n            respectueux, discret et confidentiel.\n\n        <\/p>\n\n        <div class=\"mi-final-buttons\">\n\n            <!--====================\n                    FETLIFE\n            =====================-->\n\n            <a href=\"https:\/\/fetlife.com\/Maitresse_Itige\" target=\"_blank\" class=\"mi-final-btn fetlife\" rel=\"noopener\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/maitresseitige.online\/wp-content\/uploads\/2026\/07\/og-image-4soQ2a2g.png\"\n                    alt=\"FetLife\">\n\n                <span>\n\n                    Rejoindre mon FetLife\n\n                <\/span>\n\n            <\/a>\n\n            <!--====================\n                    EMAIL\n            =====================-->\n\n            <a href=\"mailto:reine.itige@gmail.com\"\n               class=\"mi-final-btn mail\">\n\n                <span class=\"mi-mail-icon\">\n\n                    \u2709\n\n                <\/span>\n\n                <span>\n\n                    reine.itige@gmail.com\n\n                <\/span>\n\n            <\/a>\n\n        <\/div>\n\n        <div class=\"mi-final-values\">\n\n            <div>\n\n                <i class=\"fa-solid fa-shield-halved\"><\/i>\n\n                <span>\n\n                    Discr\u00e9tion\n\n                <\/span>\n\n            <\/div>\n\n            <div>\n\n                <i class=\"fa-solid fa-heart\"><\/i>\n\n                <span>\n\n                    Respect\n\n                <\/span>\n\n            <\/div>\n\n            <div>\n\n                <i class=\"fa-solid fa-handshake\"><\/i>\n\n                <span>\n\n                    Consentement\n\n                <\/span>\n\n            <\/div>\n\n            <div>\n\n                <i class=\"fa-solid fa-lock\"><\/i>\n\n                <span>\n\n                    Confidentialit\u00e9\n\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n        <div class=\"mi-final-signature\">\n\n            <h3>\n\n                MA\u00ceTRESSE ITIGE\n\n            <\/h3>\n\n            <span>\n\n                \u00c9l\u00e9gance \u2022 Ma\u00eetrise \u2022 Discr\u00e9tion\n\n            <\/span>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/*==================================================\n        BULLE SMS \/ WHATSAPP - MA\u00ceTRESSE ITIGE\n==================================================*\/\n\n.itg-sms-chat{\n    position:fixed;\n    right:24px;\n    bottom:24px;\n    z-index:99999;\n    font-family:inherit;\n}\n\n\n\/*==================================================\n                BOUTON FLOTTANT\n==================================================*\/\n\n.itg-sms-chat__toggle{\n    position:relative;\n    display:flex;\n    align-items:center;\n    gap:11px;\n    min-height:58px;\n    padding:0 20px;\n    border:1px solid rgba(226,187,112,.70);\n    border-radius:999px;\n    background:\n        linear-gradient(\n            135deg,\n            #e2bd75 0%,\n            #a66d25 100%\n        );\n    color:#111;\n    font-size:12px;\n    font-weight:900;\n    letter-spacing:.8px;\n    text-transform:uppercase;\n    cursor:pointer;\n    box-shadow:\n        0 20px 55px rgba(0,0,0,.48),\n        0 0 30px rgba(198,146,63,.15);\n    transition:\n        transform .3s ease,\n        filter .3s ease,\n        box-shadow .3s ease;\n}\n\n.itg-sms-chat__toggle:hover{\n    transform:translateY(-4px);\n    filter:brightness(1.08);\n    box-shadow:\n        0 28px 65px rgba(0,0,0,.58),\n        0 0 38px rgba(198,146,63,.22);\n}\n\n.itg-sms-chat__toggle:focus-visible{\n    outline:3px solid rgba(226,189,117,.28);\n    outline-offset:4px;\n}\n\n.itg-sms-chat__toggle svg{\n    flex:0 0 auto;\n    width:23px;\n    height:23px;\n    fill:#111;\n}\n\n.itg-sms-chat__status{\n    flex:0 0 auto;\n    width:9px;\n    height:9px;\n    border-radius:50%;\n    background:#52c878;\n    box-shadow:\n        0 0 0 4px rgba(82,200,120,.15),\n        0 0 14px rgba(82,200,120,.55);\n}\n\n\n\/*==================================================\n                FEN\u00caTRE DU CHAT\n==================================================*\/\n\n.itg-sms-chat__panel{\n    position:absolute;\n    right:0;\n    bottom:75px;\n    width:min(410px,calc(100vw - 28px));\n    max-height:calc(100vh - 115px);\n    overflow-y:auto;\n    border:1px solid rgba(218,178,107,.35);\n    border-radius:24px;\n    background:\n        radial-gradient(\n            circle at 20% 0%,\n            rgba(213,166,83,.12),\n            transparent 36%\n        ),\n        linear-gradient(\n            145deg,\n            rgba(28,28,28,.99),\n            rgba(8,8,8,.99)\n        );\n    box-shadow:\n        0 35px 100px rgba(0,0,0,.68),\n        inset 0 1px 0 rgba(255,255,255,.035);\n    scrollbar-width:thin;\n    scrollbar-color:#9d7534 #111;\n    transform-origin:bottom right;\n}\n\n.itg-sms-chat__panel[hidden]{\n    display:none !important;\n}\n\n.itg-sms-chat__panel::-webkit-scrollbar{\n    width:7px;\n}\n\n.itg-sms-chat__panel::-webkit-scrollbar-track{\n    background:#111;\n}\n\n.itg-sms-chat__panel::-webkit-scrollbar-thumb{\n    border-radius:999px;\n    background:#9d7534;\n}\n\n\n\/*==================================================\n                EN-T\u00caTE\n==================================================*\/\n\n.itg-sms-chat__header{\n    position:sticky;\n    top:0;\n    z-index:3;\n    display:flex;\n    align-items:center;\n    gap:13px;\n    padding:18px;\n    border-bottom:1px solid rgba(218,178,107,.17);\n    background:\n        radial-gradient(\n            circle at 20% 0%,\n            rgba(213,166,83,.15),\n            transparent 55%\n        ),\n        rgba(13,13,13,.97);\n    backdrop-filter:blur(14px);\n}\n\n.itg-sms-chat__avatar{\n    flex:0 0 auto;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    width:48px;\n    height:48px;\n    border:1px solid rgba(221,182,109,.45);\n    border-radius:50%;\n    background:#17130d;\n    color:#deb670;\n    font-size:14px;\n    font-weight:900;\n    letter-spacing:1px;\n    box-shadow:\n        inset 0 0 22px rgba(214,169,91,.07);\n}\n\n.itg-sms-chat__header > div:nth-child(2){\n    display:flex;\n    flex:1;\n    flex-direction:column;\n    min-width:0;\n}\n\n.itg-sms-chat__header strong{\n    color:#fff;\n    font-size:15px;\n    line-height:1.3;\n}\n\n.itg-sms-chat__header span{\n    margin-top:3px;\n    color:#919191;\n    font-size:11px;\n    line-height:1.4;\n}\n\n.itg-sms-chat__close{\n    flex:0 0 auto;\n    width:36px;\n    height:36px;\n    padding:0;\n    border:1px solid rgba(255,255,255,.07);\n    border-radius:50%;\n    background:rgba(255,255,255,.05);\n    color:#bbb;\n    font-size:25px;\n    line-height:1;\n    cursor:pointer;\n    transition:\n        color .25s ease,\n        background .25s ease,\n        transform .25s ease;\n}\n\n.itg-sms-chat__close:hover{\n    color:#e1b970;\n    background:rgba(255,255,255,.09);\n    transform:rotate(90deg);\n}\n\n\n\/*==================================================\n                CONTENU\n==================================================*\/\n\n.itg-sms-chat__body{\n    padding:19px;\n}\n\n.itg-sms-chat__message{\n    position:relative;\n    margin-bottom:20px;\n    padding:14px 16px;\n    border:1px solid rgba(218,178,107,.15);\n    border-radius:15px 15px 15px 4px;\n    background:#191919;\n    color:#c9c9c9;\n    font-size:13px;\n    line-height:1.65;\n    box-shadow:0 10px 25px rgba(0,0,0,.18);\n}\n\n.itg-sms-chat__message::after{\n    content:\"\";\n    position:absolute;\n    left:-1px;\n    bottom:-7px;\n    width:13px;\n    height:13px;\n    border-left:1px solid rgba(218,178,107,.15);\n    border-bottom:1px solid rgba(218,178,107,.15);\n    background:#191919;\n    transform:skewY(-35deg);\n}\n\n.itg-sms-chat label{\n    display:block;\n    margin:0 0 7px;\n    color:#e2c28a;\n    font-size:11px;\n    font-weight:800;\n    letter-spacing:.3px;\n}\n\n.itg-sms-chat input,\n.itg-sms-chat select,\n.itg-sms-chat textarea{\n    width:100%;\n    max-width:none;\n    box-sizing:border-box;\n    margin:0 0 16px;\n    border:1px solid rgba(218,178,107,.22);\n    border-radius:12px;\n    outline:none;\n    background:\n        linear-gradient(\n            145deg,\n            #191919,\n            #121212\n        );\n    color:#fff;\n    font-family:inherit;\n    font-size:13px;\n    box-shadow:\n        inset 0 1px 0 rgba(255,255,255,.02);\n    transition:\n        border-color .3s ease,\n        box-shadow .3s ease,\n        background .3s ease;\n}\n\n.itg-sms-chat input,\n.itg-sms-chat select{\n    min-height:49px;\n    padding:0 13px;\n}\n\n.itg-sms-chat textarea{\n    min-height:118px;\n    padding:13px;\n    resize:vertical;\n    line-height:1.55;\n}\n\n.itg-sms-chat input::placeholder,\n.itg-sms-chat textarea::placeholder{\n    color:#747474;\n    opacity:1;\n}\n\n.itg-sms-chat input:hover,\n.itg-sms-chat select:hover,\n.itg-sms-chat textarea:hover{\n    border-color:rgba(218,178,107,.42);\n}\n\n.itg-sms-chat input:focus,\n.itg-sms-chat select:focus,\n.itg-sms-chat textarea:focus{\n    border-color:#d8ae64;\n    background:#1c1a17;\n    box-shadow:\n        0 0 0 4px rgba(216,174,100,.09),\n        0 12px 26px rgba(0,0,0,.18);\n}\n\n.itg-sms-chat select{\n    cursor:pointer;\n}\n\n.itg-sms-chat select option{\n    background:#151515;\n    color:#fff;\n}\n\n.itg-sms-chat__notice{\n    margin:0 0 16px;\n    color:#7f7f7f;\n    font-size:10px;\n    line-height:1.55;\n}\n\n\n\/*==================================================\n                BOUTONS SMS \/ WHATSAPP\n==================================================*\/\n\n.itg-sms-chat__actions{\n    display:grid;\n    grid-template-columns:1fr;\n    gap:11px;\n}\n\n.itg-sms-chat__send{\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    gap:10px;\n    width:100%;\n    min-height:54px;\n    padding:0 16px;\n    border-radius:13px;\n    text-transform:uppercase;\n    letter-spacing:1.1px;\n    font-family:inherit;\n    font-size:11px;\n    font-weight:900;\n    cursor:pointer;\n    transition:\n        transform .3s ease,\n        filter .3s ease,\n        box-shadow .3s ease,\n        border-color .3s ease;\n}\n\n.itg-sms-chat__send svg{\n    flex:0 0 auto;\n    width:21px;\n    height:21px;\n}\n\n.itg-sms-chat__send--sms{\n    border:1px solid #d8ae63;\n    background:\n        linear-gradient(\n            135deg,\n            #e2bf78,\n            #a97832\n        );\n    color:#111;\n    box-shadow:\n        0 15px 35px rgba(174,125,48,.22);\n}\n\n.itg-sms-chat__send--sms svg{\n    fill:#111;\n}\n\n.itg-sms-chat__send--sms:hover{\n    transform:translateY(-3px);\n    filter:brightness(1.08);\n    box-shadow:\n        0 22px 45px rgba(174,125,48,.34);\n}\n\n.itg-sms-chat__send--whatsapp{\n    border:1px solid rgba(63,194,102,.55);\n    background:\n        linear-gradient(\n            135deg,\n            #2fc466,\n            #16883f\n        );\n    color:#fff;\n    box-shadow:\n        0 15px 35px rgba(30,163,79,.22);\n}\n\n.itg-sms-chat__send--whatsapp svg{\n    fill:#fff;\n}\n\n.itg-sms-chat__send--whatsapp:hover{\n    transform:translateY(-3px);\n    filter:brightness(1.07);\n    box-shadow:\n        0 22px 45px rgba(30,163,79,.34);\n}\n\n.itg-sms-chat__send:focus-visible{\n    outline:3px solid rgba(255,255,255,.17);\n    outline-offset:3px;\n}\n\n\n\/*==================================================\n                MESSAGE D\u2019ERREUR\n==================================================*\/\n\n.itg-sms-chat__error{\n    margin:0 0 14px;\n    padding:11px 13px;\n    border:1px solid rgba(221,92,92,.32);\n    border-radius:10px;\n    background:rgba(173,57,57,.10);\n    color:#efaaaa;\n    font-size:11px;\n    line-height:1.5;\n}\n\n\n\/*==================================================\n                ANIMATION D\u2019OUVERTURE\n==================================================*\/\n\n.itg-sms-chat__panel.is-opening{\n    animation:itgChatOpen .28s ease both;\n}\n\n@keyframes itgChatOpen{\n\n    from{\n        opacity:0;\n        transform:translateY(18px) scale(.96);\n    }\n\n    to{\n        opacity:1;\n        transform:translateY(0) scale(1);\n    }\n\n}\n\n\n\/*==================================================\n                RESPONSIVE\n==================================================*\/\n\n@media(max-width:600px){\n\n    .itg-sms-chat{\n        right:14px;\n        bottom:14px;\n    }\n\n    .itg-sms-chat__toggle{\n        justify-content:center;\n        width:60px;\n        min-height:60px;\n        padding:0;\n    }\n\n    .itg-sms-chat__toggle-text{\n        display:none;\n    }\n\n    .itg-sms-chat__toggle > svg{\n        width:25px;\n        height:25px;\n    }\n\n    .itg-sms-chat__status{\n        position:absolute;\n        top:3px;\n        right:3px;\n    }\n\n    .itg-sms-chat__panel{\n        position:fixed;\n        right:14px;\n        bottom:84px;\n        left:14px;\n        width:auto;\n        max-height:calc(100svh - 105px);\n        transform-origin:bottom center;\n    }\n\n}\n\n@media(max-width:380px){\n\n    .itg-sms-chat__body{\n        padding:15px;\n    }\n\n    .itg-sms-chat__header{\n        padding:15px;\n    }\n\n    .itg-sms-chat__avatar{\n        width:44px;\n        height:44px;\n    }\n\n}\n\n@media(prefers-reduced-motion:reduce){\n\n    .itg-sms-chat *,\n    .itg-sms-chat *::before,\n    .itg-sms-chat *::after{\n        scroll-behavior:auto !important;\n        animation:none !important;\n        transition:none !important;\n    }\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/*==================================================\n        BULLE SMS \/ WHATSAPP - MA\u00ceTRESSE ITIGE\n==================================================*\/\n\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n\n    const chat = document.querySelector(\".itg-sms-chat\");\n\n    if (!chat) {\n        return;\n    }\n\n    const toggleButton = chat.querySelector(\n        \".itg-sms-chat__toggle\"\n    );\n\n    const panel = chat.querySelector(\n        \".itg-sms-chat__panel\"\n    );\n\n    const closeButton = chat.querySelector(\n        \".itg-sms-chat__close\"\n    );\n\n    const smsButton = chat.querySelector(\n        \".itg-sms-chat__send--sms\"\n    );\n\n    const whatsappButton = chat.querySelector(\n        \".itg-sms-chat__send--whatsapp\"\n    );\n\n    const nameField = chat.querySelector(\n        \"#itg-sms-name\"\n    );\n\n    const subjectField = chat.querySelector(\n        \"#itg-sms-subject\"\n    );\n\n    const messageField = chat.querySelector(\n        \"#itg-sms-message\"\n    );\n\n    \/*\n     * Format international sans espace\n     * pour WhatsApp.\n     *\/\n    const whatsappNumber = \"33673285652\";\n\n    \/*\n     * Format international pour le lien SMS.\n     *\/\n    const smsNumber = \"+33673285652\";\n\n\n    \/*==========================================\n                OUVERTURE\n    ==========================================*\/\n\n    const openPanel = () => {\n\n        panel.hidden = false;\n        panel.classList.remove(\"is-opening\");\n\n        \/*\n         * Force le navigateur \u00e0 recalculer le rendu\n         * afin de relancer l\u2019animation.\n         *\/\n        void panel.offsetWidth;\n\n        panel.classList.add(\"is-opening\");\n\n        toggleButton.setAttribute(\n            \"aria-expanded\",\n            \"true\"\n        );\n\n        window.setTimeout(() => {\n\n            if (nameField) {\n                nameField.focus();\n            }\n\n        }, 120);\n    };\n\n\n    \/*==========================================\n                FERMETURE\n    ==========================================*\/\n\n    const closePanel = () => {\n\n        panel.hidden = true;\n        panel.classList.remove(\"is-opening\");\n\n        toggleButton.setAttribute(\n            \"aria-expanded\",\n            \"false\"\n        );\n\n        toggleButton.focus();\n    };\n\n\n    \/*==========================================\n                ERREURS\n    ==========================================*\/\n\n    const removeError = () => {\n\n        const currentError = chat.querySelector(\n            \".itg-sms-chat__error\"\n        );\n\n        if (currentError) {\n            currentError.remove();\n        }\n    };\n\n\n    const showError = (message) => {\n\n        removeError();\n\n        const error = document.createElement(\"p\");\n\n        error.className = \"itg-sms-chat__error\";\n        error.textContent = message;\n        error.setAttribute(\"role\", \"alert\");\n\n        const actions = chat.querySelector(\n            \".itg-sms-chat__actions\"\n        );\n\n        if (actions) {\n            actions.before(error);\n        }\n    };\n\n\n    \/*==========================================\n            CONSTRUCTION DU MESSAGE\n    ==========================================*\/\n\n    const getPreparedMessage = () => {\n\n        removeError();\n\n        const name = nameField\n            ? nameField.value.trim()\n            : \"\";\n\n        const subject = subjectField\n            ? subjectField.value.trim()\n            : \"\";\n\n        const message = messageField\n            ? messageField.value.trim()\n            : \"\";\n\n        if (!name) {\n\n            showError(\n                \"Merci d\u2019indiquer votre pr\u00e9nom ou pseudonyme.\"\n            );\n\n            if (nameField) {\n                nameField.focus();\n            }\n\n            return null;\n        }\n\n        if (!message) {\n\n            showError(\n                \"Merci d\u2019\u00e9crire votre message.\"\n            );\n\n            if (messageField) {\n                messageField.focus();\n            }\n\n            return null;\n        }\n\n        return [\n            \"Bonjour Ma\u00eetresse ITIGE,\",\n            \"\",\n            \"Pr\u00e9nom \/ pseudonyme : \" + name,\n            \"Type de demande : \" + subject,\n            \"\",\n            message,\n            \"\",\n            \"Message envoy\u00e9 depuis maitresseitige.online\"\n        ].join(\"\\n\");\n    };\n\n\n    \/*==========================================\n                OUVRIR \/ FERMER\n    ==========================================*\/\n\n    toggleButton.addEventListener(\"click\", () => {\n\n        if (panel.hidden) {\n            openPanel();\n        } else {\n            closePanel();\n        }\n\n    });\n\n    closeButton.addEventListener(\n        \"click\",\n        closePanel\n    );\n\n\n    \/*==========================================\n                ENVOI PAR SMS\n    ==========================================*\/\n\n    smsButton.addEventListener(\"click\", () => {\n\n        const preparedMessage = getPreparedMessage();\n\n        if (!preparedMessage) {\n            return;\n        }\n\n        \/*\n         * iOS utilise g\u00e9n\u00e9ralement \"&body=\" tandis que\n         * Android accepte g\u00e9n\u00e9ralement \"?body=\".\n         *\/\n        const isAppleDevice =\n            \/iPhone|iPad|iPod\/i.test(\n                navigator.userAgent\n            );\n\n        const separator = isAppleDevice\n            ? \"&\"\n            : \"?\";\n\n        const smsUrl =\n            \"sms:\" +\n            smsNumber +\n            separator +\n            \"body=\" +\n            encodeURIComponent(preparedMessage);\n\n        window.location.href = smsUrl;\n    });\n\n\n    \/*==========================================\n                ENVOI WHATSAPP\n    ==========================================*\/\n\n    whatsappButton.addEventListener(\n        \"click\",\n        () => {\n\n            const preparedMessage =\n                getPreparedMessage();\n\n            if (!preparedMessage) {\n                return;\n            }\n\n            const whatsappUrl =\n                \"https:\/\/wa.me\/\" +\n                whatsappNumber +\n                \"?text=\" +\n                encodeURIComponent(preparedMessage);\n\n            \/*\n             * Sur ordinateur : ouverture de WhatsApp Web.\n             * Sur t\u00e9l\u00e9phone : ouverture de l\u2019application\n             * si elle est install\u00e9e.\n             *\/\n            window.open(\n                whatsappUrl,\n                \"_blank\",\n                \"noopener,noreferrer\"\n            );\n        }\n    );\n\n\n    \/*==========================================\n                TOUCHE \u00c9CHAP\n    ==========================================*\/\n\n    document.addEventListener(\n        \"keydown\",\n        (event) => {\n\n            if (\n                event.key === \"Escape\" &&\n                !panel.hidden\n            ) {\n                closePanel();\n            }\n        }\n    );\n\n\n    \/*==========================================\n        FERMER AU CLIC EXT\u00c9RIEUR\n    ==========================================*\/\n\n    document.addEventListener(\n        \"click\",\n        (event) => {\n\n            if (\n                panel.hidden ||\n                chat.contains(event.target)\n            ) {\n                return;\n            }\n\n            closePanel();\n        }\n    );\n\n\n    \/*==========================================\n            SUPPRESSION DES ERREURS\n    ==========================================*\/\n\n    [\n        nameField,\n        subjectField,\n        messageField\n    ].forEach((field) => {\n\n        if (!field) {\n            return;\n        }\n\n        field.addEventListener(\n            \"input\",\n            removeError\n        );\n\n        field.addEventListener(\n            \"change\",\n            removeError\n        );\n    });\n\n});\n<\/script>\n\n<div class=\"itg-sms-chat\">\n\n    <button\n        class=\"itg-sms-chat__toggle\"\n        type=\"button\"\n        aria-expanded=\"false\"\n        aria-controls=\"itg-sms-chat-panel\"\n    >\n        <span class=\"itg-sms-chat__status\"><\/span>\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M20 2H4C2.9 2 2 2.9 2 4v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z\"\/>\n        <\/svg>\n\n        <span class=\"itg-sms-chat__toggle-text\">\n            \u00c9crire \u00e0 Ma\u00eetresse ITIGE\n        <\/span>\n    <\/button>\n\n\n    <div\n        class=\"itg-sms-chat__panel\"\n        id=\"itg-sms-chat-panel\"\n        hidden\n    >\n\n        <div class=\"itg-sms-chat__header\">\n\n            <div class=\"itg-sms-chat__avatar\">\n                MI\n            <\/div>\n\n            <div>\n                <strong>Ma\u00eetresse ITIGE<\/strong>\n\n                <span>\n                    R\u00e9ponse personnelle d\u00e8s que possible\n                <\/span>\n            <\/div>\n\n            <button\n                class=\"itg-sms-chat__close\"\n                type=\"button\"\n                aria-label=\"Fermer la messagerie\"\n            >\n                \u00d7\n            <\/button>\n\n        <\/div>\n\n\n        <div class=\"itg-sms-chat__body\">\n\n            <div class=\"itg-sms-chat__message\">\n                Bonjour, indiquez votre pr\u00e9nom et l\u2019objet de votre demande.\n                Choisissez ensuite SMS ou WhatsApp.\n            <\/div>\n\n\n            <label for=\"itg-sms-name\">\n                Votre pr\u00e9nom ou pseudonyme\n            <\/label>\n\n            <input\n                id=\"itg-sms-name\"\n                type=\"text\"\n                maxlength=\"50\"\n                placeholder=\"Votre pr\u00e9nom\"\n                autocomplete=\"name\"\n            >\n\n\n            <label for=\"itg-sms-subject\">\n                Type de demande\n            <\/label>\n\n            <select id=\"itg-sms-subject\">\n\n                <option value=\"Demande g\u00e9n\u00e9rale\">\n                    Demande g\u00e9n\u00e9rale\n                <\/option>\n\n                <option value=\"Demande de s\u00e9ance\">\n                    Demande de s\u00e9ance\n                <\/option>\n\n                <option value=\"Question sur un Munch\">\n                    Question sur un Munch\n                <\/option>\n\n                <option value=\"Demande de stage\">\n                    Demande de stage\n                <\/option>\n\n                <option value=\"Coaching\">\n                    Coaching\n                <\/option>\n\n            <\/select>\n\n\n            <label for=\"itg-sms-message\">\n                Votre message\n            <\/label>\n\n            <textarea\n                id=\"itg-sms-message\"\n                rows=\"5\"\n                maxlength=\"500\"\n                placeholder=\"\u00c9crivez votre demande...\"\n            ><\/textarea>\n\n\n            <p class=\"itg-sms-chat__notice\">\n                Votre application SMS ou WhatsApp s\u2019ouvrira avec le message\n                d\u00e9j\u00e0 pr\u00e9par\u00e9.\n            <\/p>\n\n\n            <div class=\"itg-sms-chat__actions\">\n\n                <button\n                    class=\"itg-sms-chat__send itg-sms-chat__send--sms\"\n                    type=\"button\"\n                >\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M20 2H4C2.9 2 2 2.9 2 4v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 11H6v-2h12v2zm0-3H6V8h12v2zm0-3H6V5h12v2z\"\/>\n                    <\/svg>\n\n                    Envoyer par SMS\n                <\/button>\n\n\n                <button\n                    class=\"itg-sms-chat__send itg-sms-chat__send--whatsapp\"\n                    type=\"button\"\n                >\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M16.75 13.96c-.25-.13-1.47-.72-1.7-.8-.23-.08-.39-.13-.56.13-.16.25-.64.8-.78.96-.14.17-.29.19-.54.06-.25-.12-1.05-.39-2-1.24-.74-.66-1.24-1.47-1.38-1.72-.14-.25-.02-.38.11-.51.11-.11.25-.29.37-.43.12-.15.16-.25.25-.42.08-.17.04-.31-.02-.44-.06-.12-.56-1.35-.77-1.85-.2-.49-.41-.42-.56-.43h-.48c-.17 0-.44.06-.67.31-.23.25-.88.86-.88 2.1 0 1.24.9 2.43 1.03 2.6.12.17 1.78 2.72 4.31 3.81.6.26 1.07.42 1.44.54.61.19 1.16.16 1.6.1.49-.07 1.47-.6 1.68-1.18.21-.58.21-1.08.15-1.18-.07-.11-.23-.17-.48-.29zM12.04 21.5h-.01a9.48 9.48 0 0 1-4.83-1.32L2 21.55l1.39-5.07A9.46 9.46 0 0 1 2.55 12C2.55 6.77 6.82 2.5 12.05 2.5c2.54 0 4.92.99 6.71 2.79A9.43 9.43 0 0 1 21.55 12c0 5.24-4.27 9.5-9.51 9.5zm0-17.4A7.9 7.9 0 0 0 4.15 12c0 1.49.42 2.94 1.22 4.2l.19.3-.82 2.98 3.06-.8.29.17a7.87 7.87 0 0 0 3.94 1.08h.01a7.9 7.9 0 0 0 7.9-7.9 7.84 7.84 0 0 0-2.32-5.59 7.85 7.85 0 0 0-5.58-2.34z\"\/>\n                    <\/svg>\n\n                    Envoyer sur WhatsApp\n                <\/button>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>DOMINATION \u2022 \u00c9L\u00c9GANCE \u2022 CONFIDENTIALIT\u00c9 Bienvenue dans l\u2019univers de Ma\u00eetresse ITIGE D\u00e9couvrez une exp\u00e9rience o\u00f9 l\u2019autorit\u00e9, la confiance et l\u2019\u00e9l\u00e9gance se rencontrent. Chaque rencontre est pr\u00e9par\u00e9e avec soin afin de cr\u00e9er un moment unique, dans le respect mutuel et la confidentialit\u00e9. D\u00e9couvrir le Donjon Me contacter \u2726 MON UNIVERS L\u2019art de la domination dans un [&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-715","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/maitresseitige.online\/index.php\/wp-json\/wp\/v2\/pages\/715","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maitresseitige.online\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maitresseitige.online\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maitresseitige.online\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maitresseitige.online\/index.php\/wp-json\/wp\/v2\/comments?post=715"}],"version-history":[{"count":25,"href":"https:\/\/maitresseitige.online\/index.php\/wp-json\/wp\/v2\/pages\/715\/revisions"}],"predecessor-version":[{"id":1059,"href":"https:\/\/maitresseitige.online\/index.php\/wp-json\/wp\/v2\/pages\/715\/revisions\/1059"}],"wp:attachment":[{"href":"https:\/\/maitresseitige.online\/index.php\/wp-json\/wp\/v2\/media?parent=715"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}