{"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-08-28T19:40:53","modified_gmt":"2026-08-28T17:40:53","slug":"accueil","status":"publish","type":"page","link":"https:\/\/maitresseitige.online\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/*==========================================================\n============================================================\n        MAITRESSE ITIGE \u2014 UNIVERS 3D PREMIUM\n============================================================\n==========================================================*\/\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\n    width:100%;\n    min-height:100vh;\n\n    overflow:hidden;\n\n    isolation:isolate;\n\n    background:#020101;\n}\n\n\n\/*==========================================================\n                        FOND\n==========================================================*\/\n\n.mi-hero-bg{\n    position:absolute;\n\n    inset:0;\n\n    z-index:1;\n\n    pointer-events:none;\n\n    background:\n        radial-gradient(\n            circle at 50% 24%,\n            rgba(129,0,0,.34),\n            transparent 35%\n        ),\n\n        radial-gradient(\n            circle at 18% 42%,\n            rgba(132,67,0,.11),\n            transparent 29%\n        ),\n\n        radial-gradient(\n            circle at 82% 42%,\n            rgba(132,67,0,.11),\n            transparent 29%\n        ),\n\n        radial-gradient(\n            circle at 50% 70%,\n            rgba(75,0,0,.18),\n            transparent 38%\n        ),\n\n        linear-gradient(\n            145deg,\n            #010101,\n            #0d0202 45%,\n            #020101\n        );\n}\n\n\n.mi-hero-overlay{\n    position:absolute;\n\n    inset:0;\n\n    z-index:2;\n\n    pointer-events:none;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(0,0,0,.05),\n            rgba(0,0,0,.30) 55%,\n            rgba(0,0,0,.72)\n        );\n}\n\n\n.mi-hero::after{\n    content:\"\";\n\n    position:absolute;\n\n    inset:0;\n\n    z-index:3;\n\n    pointer-events:none;\n\n    background:\n        radial-gradient(\n            ellipse at center,\n            transparent 35%,\n            rgba(0,0,0,.75) 100%\n        );\n}\n\n\n\/*==========================================================\n                    LUMIERES DE FOND\n==========================================================*\/\n\n.mi-hero-blur{\n    position:absolute;\n\n    z-index:2;\n\n    border-radius:50%;\n\n    filter:blur(150px);\n\n    pointer-events:none;\n\n    animation:\n        miBackgroundGlow\n        8s ease-in-out infinite alternate;\n}\n\n\n.mi-blur-1{\n    left:-160px;\n    top:-100px;\n\n    width:500px;\n    height:500px;\n\n    background:\n        rgba(170,0,0,.25);\n}\n\n\n.mi-blur-2{\n    right:-150px;\n    bottom:-100px;\n\n    width:480px;\n    height:480px;\n\n    background:\n        rgba(160,55,0,.16);\n}\n\n\n@keyframes miBackgroundGlow{\n\n    from{\n        transform:\n            translateY(-15px)\n            scale(.95);\n    }\n\n    to{\n        transform:\n            translateY(25px)\n            scale(1.06);\n    }\n}\n\n\n\/*==========================================================\n                    CONTENU PRINCIPAL\n==========================================================*\/\n\n.mi-hero-content{\n    position:relative;\n\n    z-index:30;\n\n    width:100%;\n    max-width:1150px;\n\n    margin:0 auto;\n\n    padding:\n        65px 30px\n        80px;\n\n    text-align:center;\n}\n\n\n\/*==========================================================\n                    ZONE CARRE 3D\n==========================================================*\/\n\n.mi-3d-zone{\n    position:relative;\n\n    width:100%;\n\n    min-height:720px;\n\n    display:flex;\n\n    flex-direction:column;\n\n    align-items:center;\n\n    justify-content:flex-start;\n\n    margin:\n        0 auto\n        45px;\n\n    padding-top:45px;\n\n    isolation:isolate;\n\n    overflow:visible;\n}\n\n\n\/*==========================================================\n                HALOS DERRIERE LE CARRE\n==========================================================*\/\n\n.mi-3d-halo{\n    position:absolute;\n\n    left:50%;\n    top:300px;\n\n    z-index:2;\n\n    border-radius:50%;\n\n    pointer-events:none;\n}\n\n\n.mi-3d-halo--one{\n    width:650px;\n    height:650px;\n\n    transform:\n        translate(-50%,-50%);\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(255,200,82,.12),\n            rgba(133,0,0,.14) 38%,\n            transparent 68%\n        );\n\n    filter:blur(15px);\n\n    animation:\n        miHaloBreath\n        4.5s ease-in-out infinite;\n}\n\n\n.mi-3d-halo--two{\n    width:500px;\n    height:500px;\n\n    transform:\n        translate(-50%,-50%);\n\n    border:\n        1px solid\n        rgba(237,192,89,.12);\n\n    box-shadow:\n        0 0 70px\n        rgba(205,154,46,.08),\n\n        inset 0 0 80px\n        rgba(147,0,0,.08);\n\n    animation:\n        miHaloBreathTwo\n        6s ease-in-out infinite;\n}\n\n\n@keyframes miHaloBreath{\n\n    0%,\n    100%{\n        opacity:.55;\n\n        transform:\n            translate(-50%,-50%)\n            scale(.92);\n    }\n\n    50%{\n        opacity:1;\n\n        transform:\n            translate(-50%,-50%)\n            scale(1.06);\n    }\n}\n\n\n@keyframes miHaloBreathTwo{\n\n    0%,\n    100%{\n        opacity:.45;\n\n        transform:\n            translate(-50%,-50%)\n            scale(1);\n    }\n\n    50%{\n        opacity:.9;\n\n        transform:\n            translate(-50%,-50%)\n            scale(1.10);\n    }\n}\n\n\n\/*==========================================================\n                ANNEAUX DOR\u00c9S\n==========================================================*\/\n\n.mi-3d-ring{\n    position:absolute;\n\n    left:50%;\n    top:300px;\n\n    z-index:3;\n\n    border-radius:50%;\n\n    pointer-events:none;\n}\n\n\n.mi-3d-ring--1{\n    width:600px;\n    height:600px;\n\n    border:\n        1px solid\n        rgba(226,182,75,.13);\n\n    transform:\n        translate(-50%,-50%);\n\n    animation:\n        miRingRotate\n        22s linear infinite;\n}\n\n\n.mi-3d-ring--1::before,\n.mi-3d-ring--1::after{\n    content:\"\";\n\n    position:absolute;\n\n    width:7px;\n    height:7px;\n\n    border-radius:50%;\n\n    background:#ffe4a0;\n\n    box-shadow:\n        0 0 8px #ffe4a0,\n\n        0 0 22px\n        rgba(235,185,74,.8);\n}\n\n\n.mi-3d-ring--1::before{\n    top:7%;\n    left:26%;\n}\n\n\n.mi-3d-ring--1::after{\n    bottom:9%;\n    right:20%;\n}\n\n\n.mi-3d-ring--2{\n    width:530px;\n    height:530px;\n\n    border:\n        1px dashed\n        rgba(228,182,75,.08);\n\n    transform:\n        translate(-50%,-50%);\n\n    animation:\n        miRingRotateReverse\n        28s linear infinite;\n}\n\n\n@keyframes miRingRotate{\n\n    from{\n        transform:\n            translate(-50%,-50%)\n            rotate(0deg);\n    }\n\n    to{\n        transform:\n            translate(-50%,-50%)\n            rotate(360deg);\n    }\n}\n\n\n@keyframes miRingRotateReverse{\n\n    from{\n        transform:\n            translate(-50%,-50%)\n            rotate(360deg);\n    }\n\n    to{\n        transform:\n            translate(-50%,-50%)\n            rotate(0deg);\n    }\n}\n\n\n\/*==========================================================\n                SCENE 3D\n==========================================================*\/\n\n.mi-3d-scene{\n    --mi-width:500px;\n    --mi-height:420px;\n    --mi-depth:250px;\n\n    position:relative;\n\n    z-index:30;\n\n    width:\n        var(--mi-width);\n\n    height:\n        var(--mi-height);\n\n    perspective:\n        1600px;\n\n    perspective-origin:\n        50% 45%;\n\n    cursor:grab;\n\n    user-select:none;\n\n    touch-action:pan-y;\n\n    filter:\n        drop-shadow(\n            0 30px 45px\n            rgba(0,0,0,.75)\n        )\n\n        drop-shadow(\n            0 0 30px\n            rgba(150,0,0,.12)\n        );\n}\n\n\n.mi-3d-scene:active{\n    cursor:grabbing;\n}\n\n\n\/*==========================================================\n                    OBJET 3D\n==========================================================*\/\n\n.mi-3d-square{\n    position:absolute;\n\n    inset:0;\n\n    width:100%;\n    height:100%;\n\n    transform-style:\n        preserve-3d;\n\n    will-change:\n        transform;\n}\n\n\n\/*==========================================================\n                    FACES\n==========================================================*\/\n\n.mi-3d-face{\n    position:absolute;\n\n    inset:0;\n\n    width:100%;\n    height:100%;\n\n    overflow:hidden;\n\n    transform-style:\n        preserve-3d;\n\n    backface-visibility:\n        hidden;\n\n    background:#060202;\n\n    border:\n        1px solid\n        rgba(239,198,99,.68);\n\n    box-shadow:\n        inset 0 0 30px\n        rgba(255,222,137,.07),\n\n        inset 0 0 85px\n        rgba(125,0,0,.12),\n\n        0 0 22px\n        rgba(234,190,84,.15);\n}\n\n\n.mi-3d-face::before{\n    content:\"\";\n\n    position:absolute;\n\n    inset:6px;\n\n    z-index:30;\n\n    pointer-events:none;\n\n    border:\n        1px solid\n        rgba(241,200,100,.19);\n}\n\n\n.mi-3d-face::after{\n    content:\"\";\n\n    position:absolute;\n\n    left:3%;\n    right:3%;\n    top:3%;\n\n    height:1px;\n\n    z-index:31;\n\n    pointer-events:none;\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            #f4d17e,\n            transparent\n        );\n\n    box-shadow:\n        0 0 10px\n        rgba(241,200,96,.7);\n}\n\n\n\/*==========================================================\n                POSITION DES 4 FACES\n==========================================================*\/\n\n.mi-3d-face--front{\n    transform:\n        rotateY(0deg)\n        translateZ(var(--mi-depth));\n}\n\n\n.mi-3d-face--right{\n    transform:\n        rotateY(90deg)\n        translateZ(var(--mi-depth));\n}\n\n\n.mi-3d-face--back{\n    transform:\n        rotateY(180deg)\n        translateZ(var(--mi-depth));\n}\n\n\n.mi-3d-face--left{\n    transform:\n        rotateY(-90deg)\n        translateZ(var(--mi-depth));\n}\n\n\n\/*==========================================================\n                        IMAGES\n==========================================================*\/\n\n.mi-face-image-wrap{\n    position:absolute;\n\n    inset:0;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    overflow:hidden;\n\n    background:#020101;\n}\n\n\n.mi-face-image{\n    display:block;\n\n    width:100%;\n    height:100%;\n\n    pointer-events:none;\n\n    user-select:none;\n\n    -webkit-user-drag:none;\n}\n\n\n.mi-face-image--contain{\n    object-fit:contain;\n\n    background:\n        radial-gradient(\n            circle,\n            #2e0907,\n            #060101 70%\n        );\n}\n\n\n.mi-face-image--cover{\n    object-fit:cover;\n\n    object-position:center;\n}\n\n\n\/*==========================================================\n                    REFLET SUR IMAGE\n==========================================================*\/\n\n.mi-face-luxury-reflection{\n    position:absolute;\n\n    top:-40%;\n    left:-70%;\n\n    width:45%;\n    height:190%;\n\n    z-index:5;\n\n    pointer-events:none;\n\n    transform:\n        rotate(20deg);\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            rgba(255,230,162,.10),\n            transparent\n        );\n\n    animation:\n        miLuxuryReflection\n        7s ease-in-out infinite;\n}\n\n\n@keyframes miLuxuryReflection{\n\n    0%,\n    52%{\n        left:-70%;\n    }\n\n    75%{\n        left:140%;\n    }\n\n    100%{\n        left:140%;\n    }\n}\n\n\n\/*==========================================================\n                    FACE LOGO\n==========================================================*\/\n\n.mi-logo-face{\n    background:\n        radial-gradient(\n            circle at 50% 45%,\n            #45120b,\n            #180302 62%,\n            #050101\n        );\n}\n\n\n\/*==========================================================\n                    FACE CATEGORIES\n==========================================================*\/\n\n.mi-category-face{\n    position:absolute;\n\n    inset:0;\n\n    padding:\n        32px 42px;\n\n    display:flex;\n\n    flex-direction:column;\n\n    align-items:center;\n\n    justify-content:center;\n\n    text-align:center;\n\n    background:\n        radial-gradient(\n            circle at 50% 22%,\n            rgba(154,28,8,.30),\n            transparent 42%\n        ),\n\n        linear-gradient(\n            145deg,\n            #190402,\n            #050202 58%,\n            #110202\n        );\n}\n\n\n.mi-category-top-decoration{\n    width:100%;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    gap:14px;\n\n    margin-bottom:12px;\n}\n\n\n.mi-category-line{\n    width:72px;\n    height:1px;\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            #d9a83f\n        );\n}\n\n\n.mi-category-line:last-child{\n    background:\n        linear-gradient(\n            90deg,\n            #d9a83f,\n            transparent\n        );\n}\n\n\n\/* Ancien embl\u00e8me MI \u2014 conserv\u00e9 pour compatibilit\u00e9 *\/\n.mi-category-emblem{\n    width:42px;\n    height:42px;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    border:\n        1px solid\n        rgba(231,189,92,.42);\n\n    border-radius:50%;\n\n    color:#edc86f;\n\n    font-family:\n        Georgia,\n        serif;\n\n    font-size:16px;\n\n    box-shadow:\n        0 0 18px\n        rgba(218,167,59,.10),\n\n        inset 0 0 12px\n        rgba(170,0,0,.10);\n}\n\n\n.mi-category-overline{\n    margin-bottom:7px;\n\n    color:\n        rgba(239,201,115,.66);\n\n    font-size:8px;\n\n    font-weight:700;\n\n    letter-spacing:4px;\n}\n\n\n.mi-category-face h2{\n    margin:\n        0 0 23px;\n\n    color:#fff;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size:27px;\n\n    font-weight:400;\n\n    line-height:1.2;\n\n    letter-spacing:.4px;\n\n    text-shadow:\n        0 4px 15px\n        rgba(0,0,0,.8),\n\n        0 0 16px\n        rgba(130,0,0,.2);\n}\n\n\n\/*==========================================================\n                LIENS CATEGORIES\n==========================================================*\/\n\n.mi-category-list{\n    width:100%;\n\n    display:flex;\n\n    flex-direction:column;\n\n    gap:7px;\n}\n\n\n.mi-category-link{\n    position:relative;\n\n    width:100%;\n\n    min-height:48px;\n\n    display:grid;\n\n    grid-template-columns:\n        35px 1fr 30px;\n\n    align-items:center;\n\n    padding:\n        7px 12px;\n\n    overflow:hidden;\n\n    border:\n        1px solid\n        rgba(232,188,84,.18);\n\n    color:#fff;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(255,255,255,.02),\n            rgba(125,0,0,.06)\n        );\n\n    text-decoration:none;\n\n    transition:\n        .35s ease;\n}\n\n\n.mi-category-link::before{\n    content:\"\";\n\n    position:absolute;\n\n    top:0;\n    left:-120%;\n\n    width:55%;\n    height:100%;\n\n    transform:\n        skewX(-22deg);\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            rgba(255,226,147,.17),\n            transparent\n        );\n\n    transition:\n        left .65s ease;\n}\n\n\n.mi-category-link:hover{\n    transform:\n        translateX(4px);\n\n    border-color:\n        rgba(243,204,105,.65);\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(143,0,0,.22),\n            rgba(40,4,3,.35)\n        );\n\n    box-shadow:\n        0 0 20px\n        rgba(170,0,0,.12),\n\n        inset 0 0 18px\n        rgba(233,190,86,.04);\n}\n\n\n.mi-category-link:hover::before{\n    left:150%;\n}\n\n\n.mi-category-number{\n    color:\n        rgba(234,193,96,.46);\n\n    font-size:8px;\n\n    font-weight:700;\n}\n\n\n.mi-category-name{\n    text-align:left;\n\n    font-size:12px;\n\n    font-weight:600;\n\n    letter-spacing:.7px;\n\n    text-transform:uppercase;\n}\n\n\n.mi-category-arrow{\n    color:#e8bc5d;\n\n    font-size:18px;\n\n    transition:\n        .3s ease;\n}\n\n\n.mi-category-link:hover\n.mi-category-arrow{\n    color:#ffe09a;\n\n    transform:\n        translateX(5px);\n}\n\n\n.mi-category-signature{\n    width:100%;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    gap:9px;\n\n    margin-top:17px;\n\n    color:\n        rgba(230,190,96,.42);\n\n    font-size:6px;\n\n    font-weight:700;\n\n    letter-spacing:2px;\n}\n\n\n.mi-category-signature span{\n    width:20px;\n    height:1px;\n\n    background:\n        rgba(230,190,96,.26);\n}\n\/*==========================================================\n                        DONJON\n==========================================================*\/\n\n.mi-dungeon-overlay{\n    position:absolute;\n\n    inset:0;\n\n    z-index:2;\n\n    pointer-events:none;\n\n    background:\n        linear-gradient(\n            180deg,\n            transparent 25%,\n            rgba(0,0,0,.08) 50%,\n            rgba(0,0,0,.85)\n        );\n}\n\n\n.mi-dungeon-title{\n    position:absolute;\n\n    left:0;\n    right:0;\n    bottom:29px;\n\n    z-index:10;\n\n    pointer-events:none;\n\n    text-align:center;\n}\n\n\n.mi-dungeon-title span{\n    display:block;\n\n    margin-bottom:5px;\n\n    color:#e8bc60;\n\n    font-size:8px;\n\n    font-style:normal;\n\n    font-weight:700;\n\n    letter-spacing:5px;\n}\n\n\n.mi-dungeon-title strong{\n    display:block;\n\n    color:#fff;\n\n    font-family:\n        Georgia,\n        serif;\n\n    font-size:29px;\n\n    font-weight:400;\n\n    letter-spacing:4px;\n\n    text-shadow:\n        0 5px 18px #000,\n\n        0 0 20px\n        rgba(180,0,0,.4);\n}\n\n\n.mi-dungeon-title i{\n    display:block;\n\n    margin-top:7px;\n\n    color:\n        rgba(240,203,116,.68);\n\n    font-family:\n        Georgia,\n        serif;\n\n    font-size:10px;\n\n    font-weight:400;\n\n    letter-spacing:1.2px;\n}\n\n\n\/*==========================================================\n            FEUX D'ARTIFICE \u2014 DERRIERE\n==========================================================*\/\n\n.mi-fireworks-back{\n    position:absolute;\n\n    left:50%;\n    top:300px;\n\n    z-index:9;\n\n    width:760px;\n    height:620px;\n\n    transform:\n        translate(-50%,-50%);\n\n    overflow:visible;\n\n    pointer-events:none;\n}\n\n\n.mi-gold-firework{\n    position:absolute;\n\n    width:5px;\n    height:5px;\n\n    border-radius:50%;\n\n    opacity:0;\n\n    background:#fff3bd;\n\n    box-shadow:\n        0 0 6px #fff4c5,\n\n        0 0 15px #e9ba55,\n\n        0 0 28px\n        rgba(222,161,49,.75);\n\n    animation:\n        miGoldFirework\n        var(--duration)\n        cubic-bezier(.16,.68,.25,1)\n        forwards;\n}\n\n\n.mi-gold-firework::before{\n    content:\"\";\n\n    position:absolute;\n\n    left:50%;\n    top:50%;\n\n    width:1px;\n    height:24px;\n\n    transform:\n        translate(-50%,-50%)\n        rotate(\n            var(--rotation)\n        );\n\n    background:\n        linear-gradient(\n            transparent,\n            rgba(255,226,143,.75),\n            transparent\n        );\n}\n\n\n@keyframes miGoldFirework{\n\n    0%{\n        opacity:0;\n\n        transform:\n            translate(0,0)\n            scale(.2);\n    }\n\n    10%{\n        opacity:1;\n    }\n\n    62%{\n        opacity:1;\n    }\n\n    100%{\n        opacity:0;\n\n        transform:\n            translate(\n                var(--x),\n                var(--y)\n            )\n            scale(.25);\n    }\n}\n\n\n\/*==========================================================\n                PETITES POUSSIERES D'OR\n==========================================================*\/\n\n.mi-gold-stars{\n    position:absolute;\n\n    inset:0;\n\n    z-index:5;\n\n    pointer-events:none;\n\n    overflow:hidden;\n}\n\n\n.mi-gold-star{\n    position:absolute;\n\n    width:2px;\n    height:2px;\n\n    border-radius:50%;\n\n    background:#ffe29b;\n\n    opacity:0;\n\n    box-shadow:\n        0 0 7px\n        rgba(255,221,137,.9);\n\n    animation:\n        miStarFloat\n        var(--star-duration)\n        ease-in-out\n        infinite;\n\n    animation-delay:\n        var(--star-delay);\n}\n\n\n@keyframes miStarFloat{\n\n    0%,\n    100%{\n        opacity:0;\n\n        transform:\n            translateY(15px)\n            scale(.5);\n    }\n\n    30%{\n        opacity:.9;\n    }\n\n    60%{\n        opacity:.45;\n\n        transform:\n            translateY(-24px)\n            scale(1);\n    }\n\n    85%{\n        opacity:0;\n    }\n}\n\n\n\/*==========================================================\n                    OMBRE 3D\n==========================================================*\/\n\n.mi-3d-shadow{\n    position:relative;\n\n    z-index:10;\n\n    width:430px;\n    height:50px;\n\n    margin-top:39px;\n\n    border-radius:50%;\n\n    pointer-events:none;\n\n    background:\n        radial-gradient(\n            ellipse,\n            rgba(0,0,0,.93),\n            rgba(120,0,0,.22) 43%,\n            transparent 72%\n        );\n\n    filter:\n        blur(12px);\n\n    animation:\n        miShadowBreath\n        4s ease-in-out infinite;\n}\n\n\n@keyframes miShadowBreath{\n\n    0%,\n    100%{\n        opacity:.65;\n\n        transform:\n            scaleX(.90);\n    }\n\n    50%{\n        opacity:1;\n\n        transform:\n            scaleX(1.05);\n    }\n}\n\n\n\/*==========================================================\n                    AIDE ROTATION\n==========================================================*\/\n\n.mi-3d-help{\n    position:relative;\n\n    z-index:40;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    gap:12px;\n\n    margin-top:-3px;\n\n    color:\n        rgba(226,187,96,.50);\n\n    font-size:7px;\n\n    font-weight:700;\n\n    letter-spacing:2.5px;\n\n    text-transform:uppercase;\n}\n\n\n.mi-3d-help__arrow{\n    color:\n        rgba(243,205,115,.75);\n\n    font-family:\n        Georgia,\n        serif;\n\n    font-size:20px;\n\n    animation:\n        miHelpArrow\n        2s ease-in-out infinite;\n}\n\n\n.mi-3d-help__arrow:last-child{\n    animation-delay:1s;\n}\n\n\n@keyframes miHelpArrow{\n\n    0%,\n    100%{\n        opacity:.35;\n\n        transform:\n            translateX(0);\n    }\n\n    50%{\n        opacity:1;\n\n        transform:\n            translateX(3px);\n    }\n}\n\n\n\/*==========================================================\n        ZONE DECOUVRIR + DIAMANTS DORES\n==========================================================*\/\n\n.mi-discover-wrap{\n    position:relative;\n\n    z-index:50;\n\n    width:100%;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    gap:34px;\n\n    margin-top:29px;\n}\n\n\n\/*\n * Le bouton avait auparavant sa propre marge sup\u00e9rieure.\n * Le wrapper g\u00e8re maintenant cette marge afin de conserver\n * exactement la m\u00eame position verticale.\n *\/\n\n.mi-discover-wrap .mi-discover-btn{\n    margin:0 !important;\n}\n\n\n\/*==========================================================\n            BOUTON DECOUVRIR \u2014 PLUS BAS\n==========================================================*\/\n\n.mi-discover-btn{\n    position:relative !important;\n\n    left:auto !important;\n    right:auto !important;\n    top:auto !important;\n    bottom:auto !important;\n\n    z-index:50;\n\n    width:218px;\n    height:59px;\n\n    display:flex !important;\n\n    flex-direction:row !important;\n\n    align-items:center;\n\n    justify-content:center;\n\n    gap:14px;\n\n    margin:\n        29px auto\n        0 !important;\n\n    padding:\n        0 23px;\n\n    overflow:hidden;\n\n    border:\n        1px solid\n        rgba(232,188,86,.68);\n\n    border-radius:50px;\n\n    outline:none;\n\n    color:#ebc66e;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(44,6,3,.97),\n            rgba(8,2,2,.97)\n        );\n\n    box-shadow:\n        0 14px 30px\n        rgba(0,0,0,.45),\n\n        0 0 23px\n        rgba(158,0,0,.13),\n\n        inset 0 1px 0\n        rgba(255,231,169,.09),\n\n        inset 0 0 22px\n        rgba(221,174,68,.035);\n\n    cursor:pointer;\n\n    transform:none !important;\n\n    filter:none !important;\n\n    transition:\n        transform .4s cubic-bezier(.16,1,.3,1),\n        border-color .4s ease,\n        box-shadow .4s ease;\n}\n\n\n.mi-discover-btn::after{\n    content:\"\";\n\n    position:absolute;\n\n    inset:4px;\n\n    border:\n        1px solid\n        rgba(232,190,92,.10);\n\n    border-radius:50px;\n\n    pointer-events:none;\n}\n\n\n.mi-discover-btn__shine{\n    position:absolute;\n\n    top:-20%;\n    left:-70%;\n\n    width:45%;\n    height:140%;\n\n    transform:\n        skewX(-24deg);\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            rgba(255,224,146,.20),\n            transparent\n        );\n\n    transition:\n        left .8s ease;\n}\n\n\n.mi-discover-btn:hover\n.mi-discover-btn__shine{\n    left:140%;\n}\n\n\n.mi-discover-btn:hover{\n    transform:\n        translateY(-4px)\n        scale(1.02)\n        !important;\n\n    border-color:\n        rgba(255,218,126,.95);\n\n    box-shadow:\n        0 19px 38px\n        rgba(0,0,0,.55),\n\n        0 0 26px\n        rgba(166,0,0,.20),\n\n        0 0 13px\n        rgba(234,190,84,.12);\n}\n\n\n.mi-discover-btn__text{\n    position:relative;\n\n    z-index:4;\n\n    color:#e9c36b;\n\n    font-size:9px;\n\n    font-weight:800;\n\n    letter-spacing:3px;\n\n    white-space:nowrap;\n}\n\n\n.mi-discover-btn__separator{\n    position:relative;\n\n    z-index:4;\n\n    width:1px;\n    height:19px;\n\n    background:\n        linear-gradient(\n            transparent,\n            rgba(233,190,87,.70),\n            transparent\n        );\n}\n\n\n.mi-discover-btn__arrow{\n    position:relative;\n\n    z-index:4;\n\n    color:#f2d78f;\n\n    font-size:21px;\n\n    line-height:1;\n\n    animation:\n        miDiscoverArrow\n        1.8s ease-in-out infinite;\n}\n\n\n@keyframes miDiscoverArrow{\n\n    0%,\n    100%{\n        opacity:.55;\n\n        transform:\n            translateY(-2px);\n    }\n\n    50%{\n        opacity:1;\n\n        transform:\n            translateY(4px);\n    }\n}\n\n\n\/*==========================================================\n            DIAMANTS DORES \u2014 DECOUVRIR\n==========================================================*\/\n\n.mi-discover-diamond{\n    position:relative;\n\n    width:46px;\n    height:46px;\n\n    flex:\n        0 0 46px;\n\n    display:block;\n\n    transform-style:\n        preserve-3d;\n\n    perspective:\n        500px;\n\n    pointer-events:none;\n\n    animation:\n        miDiscoverDiamondRotate\n        4.2s linear infinite;\n\n    filter:\n        drop-shadow(\n            0 0 7px\n            rgba(255,213,107,.65)\n        )\n\n        drop-shadow(\n            0 0 18px\n            rgba(205,145,35,.32)\n        );\n}\n\n\n.mi-discover-diamond__inner{\n    position:absolute;\n\n    left:50%;\n    top:50%;\n\n    width:30px;\n    height:30px;\n\n    transform:\n        translate(-50%,-50%)\n        rotate(45deg);\n\n    border:\n        1px solid\n        rgba(255,219,125,.95);\n\n    background:\n        linear-gradient(\n            135deg,\n            rgba(255,239,187,.42) 0%,\n            rgba(219,165,54,.20) 25%,\n            rgba(84,43,4,.20) 50%,\n            rgba(247,200,92,.35) 75%,\n            rgba(255,241,192,.45) 100%\n        );\n\n    box-shadow:\n        inset 0 0 8px\n        rgba(255,236,179,.30),\n\n        inset 0 0 20px\n        rgba(162,92,0,.18),\n\n        0 0 8px\n        rgba(255,219,126,.65),\n\n        0 0 22px\n        rgba(196,132,26,.30);\n\n    overflow:hidden;\n}\n\n\n\/* reflet lumineux traversant le diamant *\/\n\n.mi-discover-diamond__inner::before{\n    content:\"\";\n\n    position:absolute;\n\n    left:-70%;\n    top:-30%;\n\n    width:45%;\n    height:160%;\n\n    transform:\n        rotate(-18deg);\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            rgba(255,255,230,.80),\n            transparent\n        );\n\n    animation:\n        miDiamondShine\n        2.6s ease-in-out infinite;\n}\n\n\n\/* petite facette int\u00e9rieure *\/\n\n.mi-discover-diamond__inner::after{\n    content:\"\";\n\n    position:absolute;\n\n    inset:6px;\n\n    border:\n        1px solid\n        rgba(255,226,145,.45);\n\n    box-shadow:\n        0 0 6px\n        rgba(255,213,101,.28),\n\n        inset 0 0 8px\n        rgba(255,235,170,.14);\n}\n\n\n\/*==========================================================\n                ROTATION DES DIAMANTS\n==========================================================*\/\n\n@keyframes miDiscoverDiamondRotate{\n\n    0%{\n        transform:\n            rotateY(0deg)\n            rotateX(12deg);\n    }\n\n    25%{\n        transform:\n            rotateY(90deg)\n            rotateX(-7deg)\n            scale(.94);\n    }\n\n    50%{\n        transform:\n            rotateY(180deg)\n            rotateX(12deg);\n    }\n\n    75%{\n        transform:\n            rotateY(270deg)\n            rotateX(-7deg)\n            scale(.94);\n    }\n\n    100%{\n        transform:\n            rotateY(360deg)\n            rotateX(12deg);\n    }\n}\n\n\n\/*\n * Celui de droite tourne dans le sens inverse.\n *\/\n\n.mi-discover-diamond--right{\n    animation-direction:reverse;\n}\n\n\n\/*==========================================================\n                REFLET DES DIAMANTS\n==========================================================*\/\n\n@keyframes miDiamondShine{\n\n    0%,\n    40%{\n        left:-70%;\n        opacity:0;\n    }\n\n    55%{\n        opacity:1;\n    }\n\n    75%{\n        left:140%;\n        opacity:.8;\n    }\n\n    100%{\n        left:140%;\n        opacity:0;\n    }\n}\n\n\n\/*==========================================================\n                SLOGAN APRES LE CARRE\n==========================================================*\/\n\n.mi-subtitle{\n    position:relative;\n\n    z-index:30;\n\n    display:inline-block;\n\n    margin-top:10px;\n\n    margin-bottom:27px;\n\n    padding:\n        11px 27px;\n\n    border:\n        1px solid\n        rgba(170,0,0,.30);\n\n    border-radius:50px;\n\n    color:#ff7070;\n\n    background:\n        rgba(160,0,0,.07);\n\n    box-shadow:\n        inset 0 0 18px\n        rgba(170,0,0,.10);\n\n    font-size:12px;\n\n    font-weight:700;\n\n    letter-spacing:4px;\n}\n\n\n\/*==========================================================\n                        TITRE\n==========================================================*\/\n\n.mi-hero h1{\n    max-width:950px;\n\n    margin:\n        20px auto\n        30px;\n\n    color:#fff;\n\n    font-size:\n        clamp(\n            44px,\n            6vw,\n            80px\n        );\n\n    font-weight:700;\n\n    line-height:1.04;\n\n    text-shadow:\n        0 8px 25px\n        rgba(0,0,0,.50),\n\n        0 0 30px\n        rgba(130,0,0,.08);\n}\n\n\n\/*==========================================================\n                    DESCRIPTION\n==========================================================*\/\n\n.mi-hero p{\n    max-width:810px;\n\n    margin:0 auto;\n\n    color:#d1d1d1;\n\n    font-size:20px;\n\n    font-weight:300;\n\n    line-height:1.9;\n}\n\n\n\/*==========================================================\n                        BOUTONS\n==========================================================*\/\n\n.mi-buttons{\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    flex-wrap:wrap;\n\n    gap:25px;\n\n    margin-top:58px;\n}\n\/*==========================================================\n                    RESPONSIVE TABLETTE\n==========================================================*\/\n\n@media(max-width:768px){\n\n    .mi-hero-content{\n        padding:\n            45px 18px\n            60px;\n    }\n\n\n    .mi-3d-zone{\n        min-height:570px;\n\n        padding-top:35px;\n\n        margin-bottom:30px;\n    }\n\n\n    .mi-3d-scene{\n        --mi-width:350px;\n        --mi-height:294px;\n        --mi-depth:175px;\n\n        width:\n            var(--mi-width);\n\n        height:\n            var(--mi-height);\n    }\n\n\n    .mi-3d-halo{\n        top:215px;\n    }\n\n\n    .mi-3d-halo--one{\n        width:440px;\n        height:440px;\n    }\n\n\n    .mi-3d-halo--two{\n        width:350px;\n        height:350px;\n    }\n\n\n    .mi-3d-ring{\n        top:215px;\n    }\n\n\n    .mi-3d-ring--1{\n        width:410px;\n        height:410px;\n    }\n\n\n    .mi-3d-ring--2{\n        width:365px;\n        height:365px;\n    }\n\n\n    .mi-fireworks-back{\n        top:215px;\n\n        width:520px;\n        height:440px;\n    }\n\n\n    .mi-category-face{\n        padding:\n            20px 25px;\n    }\n\n\n    .mi-category-top-decoration{\n        margin-bottom:6px;\n    }\n\n\n    .mi-category-emblem{\n        width:31px;\n        height:31px;\n\n        font-size:12px;\n    }\n\n\n    .mi-category-line{\n        width:44px;\n    }\n\n\n    .mi-category-overline{\n        font-size:6px;\n\n        letter-spacing:2.5px;\n    }\n\n\n    .mi-category-face h2{\n        margin-bottom:12px;\n\n        font-size:20px;\n    }\n\n\n    .mi-category-list{\n        gap:4px;\n    }\n\n\n    .mi-category-link{\n        min-height:38px;\n\n        grid-template-columns:\n            25px 1fr 20px;\n\n        padding:\n            4px 8px;\n    }\n\n\n    .mi-category-name{\n        font-size:8px;\n    }\n\n\n    .mi-category-number{\n        font-size:6px;\n    }\n\n\n    .mi-category-arrow{\n        font-size:14px;\n    }\n\n\n    .mi-category-signature{\n        margin-top:9px;\n\n        font-size:4px;\n    }\n\n\n    .mi-dungeon-title{\n        bottom:20px;\n    }\n\n\n    .mi-dungeon-title strong{\n        font-size:21px;\n    }\n\n\n    .mi-dungeon-title span{\n        font-size:6px;\n    }\n\n\n    .mi-dungeon-title i{\n        font-size:7px;\n    }\n\n\n    .mi-3d-shadow{\n        width:300px;\n\n        margin-top:31px;\n    }\n\n\n    .mi-3d-help{\n        margin-top:-4px;\n    }\n\n\n    \/*======================================================\n            DECOUVRIR + DIAMANTS TABLETTE\n    ======================================================*\/\n\n    .mi-discover-wrap{\n        gap:24px;\n\n        margin-top:27px;\n    }\n\n\n    .mi-discover-wrap .mi-discover-btn{\n        margin:0 !important;\n    }\n\n\n    .mi-discover-btn{\n        display:flex !important;\n\n        width:205px;\n\n        height:56px;\n\n        margin-top:\n            27px !important;\n    }\n\n\n    .mi-discover-diamond{\n        width:38px;\n        height:38px;\n\n        flex:\n            0 0 38px;\n    }\n\n\n    .mi-discover-diamond__inner{\n        width:25px;\n        height:25px;\n    }\n\n\n    .mi-discover-diamond__inner::after{\n        inset:5px;\n    }\n\n\n    .mi-subtitle{\n        font-size:10px;\n\n        letter-spacing:2px;\n    }\n\n\n    .mi-hero p{\n        font-size:17px;\n\n        line-height:1.8;\n    }\n\n}\n\n\n\/*==========================================================\n                    RESPONSIVE MOBILE\n==========================================================*\/\n\n@media(max-width:480px){\n\n    .mi-3d-zone{\n        min-height:475px;\n\n        padding-top:24px;\n    }\n\n\n    .mi-3d-scene{\n        --mi-width:280px;\n        --mi-height:235px;\n        --mi-depth:140px;\n\n        width:\n            var(--mi-width);\n\n        height:\n            var(--mi-height);\n    }\n\n\n    .mi-3d-halo{\n        top:166px;\n    }\n\n\n    .mi-3d-halo--one{\n        width:330px;\n        height:330px;\n    }\n\n\n    .mi-3d-halo--two{\n        width:285px;\n        height:285px;\n    }\n\n\n    .mi-3d-ring{\n        top:166px;\n    }\n\n\n    .mi-3d-ring--1{\n        width:315px;\n        height:315px;\n    }\n\n\n    .mi-3d-ring--2{\n        width:280px;\n        height:280px;\n    }\n\n\n    .mi-fireworks-back{\n        top:166px;\n\n        width:390px;\n        height:340px;\n    }\n\n\n    .mi-category-face{\n        padding:\n            13px 16px;\n    }\n\n\n    .mi-category-top-decoration{\n        margin-bottom:3px;\n    }\n\n\n    .mi-category-emblem{\n        width:24px;\n        height:24px;\n\n        font-size:9px;\n    }\n\n\n    .mi-category-line{\n        width:30px;\n    }\n\n\n    .mi-category-overline{\n        margin-bottom:3px;\n\n        font-size:5px;\n\n        letter-spacing:1.5px;\n    }\n\n\n    .mi-category-face h2{\n        margin-bottom:7px;\n\n        font-size:15px;\n    }\n\n\n    .mi-category-list{\n        gap:3px;\n    }\n\n\n    .mi-category-link{\n        min-height:30px;\n\n        grid-template-columns:\n            17px 1fr 15px;\n\n        gap:4px;\n\n        padding:\n            3px 6px;\n    }\n\n\n    .mi-category-name{\n        font-size:6px;\n\n        letter-spacing:.3px;\n    }\n\n\n    .mi-category-number{\n        font-size:5px;\n    }\n\n\n    .mi-category-arrow{\n        font-size:11px;\n    }\n\n\n    .mi-category-signature{\n        display:none;\n    }\n\n\n    .mi-dungeon-title{\n        bottom:14px;\n    }\n\n\n    .mi-dungeon-title span{\n        font-size:5px;\n\n        letter-spacing:2.5px;\n    }\n\n\n    .mi-dungeon-title strong{\n        font-size:16px;\n\n        letter-spacing:2px;\n    }\n\n\n    .mi-dungeon-title i{\n        margin-top:3px;\n\n        font-size:6px;\n    }\n\n\n    .mi-3d-shadow{\n        width:235px;\n\n        height:33px;\n\n        margin-top:23px;\n    }\n\n\n    .mi-3d-help{\n        gap:7px;\n\n        margin-top:0;\n\n        font-size:5px;\n    }\n\n\n    .mi-3d-help__arrow{\n        font-size:15px;\n    }\n\n\n    \/*======================================================\n            DECOUVRIR + DIAMANTS MOBILE\n    ======================================================*\/\n\n    .mi-discover-wrap{\n        gap:14px;\n\n        margin-top:24px;\n    }\n\n\n    .mi-discover-wrap .mi-discover-btn{\n        margin:0 !important;\n    }\n\n\n    .mi-discover-btn{\n        width:185px;\n\n        height:51px;\n\n        margin-top:\n            24px !important;\n    }\n\n\n    .mi-discover-btn__text{\n        font-size:7px;\n\n        letter-spacing:2.5px;\n    }\n\n\n    .mi-discover-diamond{\n        width:30px;\n        height:30px;\n\n        flex:\n            0 0 30px;\n    }\n\n\n    .mi-discover-diamond__inner{\n        width:20px;\n        height:20px;\n    }\n\n\n    .mi-discover-diamond__inner::after{\n        inset:4px;\n    }\n\n\n    .mi-subtitle{\n        margin-top:5px;\n\n        padding:\n            9px 15px;\n\n        font-size:8px;\n\n        letter-spacing:1.4px;\n    }\n\n\n    .mi-hero h1{\n        font-size:34px;\n    }\n\n\n    .mi-hero p{\n        font-size:15px;\n    }\n\n}\n\n\n\/*==========================================================\n                REDUCTION DES MOUVEMENTS\n==========================================================*\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .mi-3d-halo,\n    .mi-3d-ring,\n    .mi-face-luxury-reflection,\n    .mi-3d-shadow,\n    .mi-discover-btn__arrow,\n    .mi-gold-star,\n    .mi-discover-diamond,\n    .mi-discover-diamond__inner::before{\n        animation:none !important;\n    }\n\n}\n\/*==========================================================\n                    RESPONSIVE TABLETTE\n==========================================================*\/\n\n@media(max-width:768px){\n\n    .mi-hero-content{\n        padding:\n            45px 18px\n            60px;\n    }\n\n\n    .mi-3d-zone{\n        min-height:570px;\n\n        padding-top:35px;\n\n        margin-bottom:30px;\n    }\n\n\n    .mi-3d-scene{\n        --mi-width:350px;\n        --mi-height:294px;\n        --mi-depth:175px;\n\n        width:\n            var(--mi-width);\n\n        height:\n            var(--mi-height);\n    }\n\n\n    .mi-3d-halo{\n        top:215px;\n    }\n\n\n    .mi-3d-halo--one{\n        width:440px;\n        height:440px;\n    }\n\n\n    .mi-3d-halo--two{\n        width:350px;\n        height:350px;\n    }\n\n\n    .mi-3d-ring{\n        top:215px;\n    }\n\n\n    .mi-3d-ring--1{\n        width:410px;\n        height:410px;\n    }\n\n\n    .mi-3d-ring--2{\n        width:365px;\n        height:365px;\n    }\n\n\n    .mi-fireworks-back{\n        top:215px;\n\n        width:520px;\n        height:440px;\n    }\n\n\n    .mi-category-face{\n        padding:\n            20px 25px;\n    }\n\n\n    .mi-category-top-decoration{\n        margin-bottom:6px;\n    }\n\n\n    .mi-category-emblem{\n        width:31px;\n        height:31px;\n\n        font-size:12px;\n    }\n\n\n    .mi-category-line{\n        width:44px;\n    }\n\n\n    .mi-category-overline{\n        font-size:6px;\n\n        letter-spacing:2.5px;\n    }\n\n\n    .mi-category-face h2{\n        margin-bottom:12px;\n\n        font-size:20px;\n    }\n\n\n    .mi-category-list{\n        gap:4px;\n    }\n\n\n    .mi-category-link{\n        min-height:38px;\n\n        grid-template-columns:\n            25px 1fr 20px;\n\n        padding:\n            4px 8px;\n    }\n\n\n    .mi-category-name{\n        font-size:8px;\n    }\n\n\n    .mi-category-number{\n        font-size:6px;\n    }\n\n\n    .mi-category-arrow{\n        font-size:14px;\n    }\n\n\n    .mi-category-signature{\n        margin-top:9px;\n\n        font-size:4px;\n    }\n\n\n    .mi-dungeon-title{\n        bottom:20px;\n    }\n\n\n    .mi-dungeon-title strong{\n        font-size:21px;\n    }\n\n\n    .mi-dungeon-title span{\n        font-size:6px;\n    }\n\n\n    .mi-dungeon-title i{\n        font-size:7px;\n    }\n\n\n    .mi-3d-shadow{\n        width:300px;\n\n        margin-top:31px;\n    }\n\n\n    .mi-3d-help{\n        margin-top:-4px;\n    }\n\n\n    \/*======================================================\n            DECOUVRIR + DIAMANTS TABLETTE\n    ======================================================*\/\n\n    .mi-discover-wrap{\n        gap:24px;\n\n        margin-top:27px;\n    }\n\n\n    .mi-discover-wrap .mi-discover-btn{\n        margin:0 !important;\n    }\n\n\n    .mi-discover-btn{\n        display:flex !important;\n\n        width:205px;\n\n        height:56px;\n\n        margin-top:\n            27px !important;\n    }\n\n\n    .mi-discover-diamond{\n        width:38px;\n        height:38px;\n\n        flex:\n            0 0 38px;\n    }\n\n\n    .mi-discover-diamond__inner{\n        width:25px;\n        height:25px;\n    }\n\n\n    .mi-discover-diamond__inner::after{\n        inset:5px;\n    }\n\n\n    .mi-subtitle{\n        font-size:10px;\n\n        letter-spacing:2px;\n    }\n\n\n    .mi-hero p{\n        font-size:17px;\n\n        line-height:1.8;\n    }\n\n}\n\n\n\/*==========================================================\n                    RESPONSIVE MOBILE\n==========================================================*\/\n\n@media(max-width:480px){\n\n    .mi-3d-zone{\n        min-height:475px;\n\n        padding-top:24px;\n    }\n\n\n    .mi-3d-scene{\n        --mi-width:280px;\n        --mi-height:235px;\n        --mi-depth:140px;\n\n        width:\n            var(--mi-width);\n\n        height:\n            var(--mi-height);\n    }\n\n\n    .mi-3d-halo{\n        top:166px;\n    }\n\n\n    .mi-3d-halo--one{\n        width:330px;\n        height:330px;\n    }\n\n\n    .mi-3d-halo--two{\n        width:285px;\n        height:285px;\n    }\n\n\n    .mi-3d-ring{\n        top:166px;\n    }\n\n\n    .mi-3d-ring--1{\n        width:315px;\n        height:315px;\n    }\n\n\n    .mi-3d-ring--2{\n        width:280px;\n        height:280px;\n    }\n\n\n    .mi-fireworks-back{\n        top:166px;\n\n        width:390px;\n        height:340px;\n    }\n\n\n    .mi-category-face{\n        padding:\n            13px 16px;\n    }\n\n\n    .mi-category-top-decoration{\n        margin-bottom:3px;\n    }\n\n\n    .mi-category-emblem{\n        width:24px;\n        height:24px;\n\n        font-size:9px;\n    }\n\n\n    .mi-category-line{\n        width:30px;\n    }\n\n\n    .mi-category-overline{\n        margin-bottom:3px;\n\n        font-size:5px;\n\n        letter-spacing:1.5px;\n    }\n\n\n    .mi-category-face h2{\n        margin-bottom:7px;\n\n        font-size:15px;\n    }\n\n\n    .mi-category-list{\n        gap:3px;\n    }\n\n\n    .mi-category-link{\n        min-height:30px;\n\n        grid-template-columns:\n            17px 1fr 15px;\n\n        gap:4px;\n\n        padding:\n            3px 6px;\n    }\n\n\n    .mi-category-name{\n        font-size:6px;\n\n        letter-spacing:.3px;\n    }\n\n\n    .mi-category-number{\n        font-size:5px;\n    }\n\n\n    .mi-category-arrow{\n        font-size:11px;\n    }\n\n\n    .mi-category-signature{\n        display:none;\n    }\n\n\n    .mi-dungeon-title{\n        bottom:14px;\n    }\n\n\n    .mi-dungeon-title span{\n        font-size:5px;\n\n        letter-spacing:2.5px;\n    }\n\n\n    .mi-dungeon-title strong{\n        font-size:16px;\n\n        letter-spacing:2px;\n    }\n\n\n    .mi-dungeon-title i{\n        margin-top:3px;\n\n        font-size:6px;\n    }\n\n\n    .mi-3d-shadow{\n        width:235px;\n\n        height:33px;\n\n        margin-top:23px;\n    }\n\n\n    .mi-3d-help{\n        gap:7px;\n\n        margin-top:0;\n\n        font-size:5px;\n    }\n\n\n    .mi-3d-help__arrow{\n        font-size:15px;\n    }\n\n\n    \/*======================================================\n            DECOUVRIR + DIAMANTS MOBILE\n    ======================================================*\/\n\n    .mi-discover-wrap{\n        gap:14px;\n\n        margin-top:24px;\n    }\n\n\n    .mi-discover-wrap .mi-discover-btn{\n        margin:0 !important;\n    }\n\n\n    .mi-discover-btn{\n        width:185px;\n\n        height:51px;\n\n        margin-top:\n            24px !important;\n    }\n\n\n    .mi-discover-btn__text{\n        font-size:7px;\n\n        letter-spacing:2.5px;\n    }\n\n\n    .mi-discover-diamond{\n        width:30px;\n        height:30px;\n\n        flex:\n            0 0 30px;\n    }\n\n\n    .mi-discover-diamond__inner{\n        width:20px;\n        height:20px;\n    }\n\n\n    .mi-discover-diamond__inner::after{\n        inset:4px;\n    }\n\n\n    .mi-subtitle{\n        margin-top:5px;\n\n        padding:\n            9px 15px;\n\n        font-size:8px;\n\n        letter-spacing:1.4px;\n    }\n\n\n    .mi-hero h1{\n        font-size:34px;\n    }\n\n\n    .mi-hero p{\n        font-size:15px;\n    }\n\n}\n\n\n\/*==========================================================\n                REDUCTION DES MOUVEMENTS\n==========================================================*\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .mi-3d-halo,\n    .mi-3d-ring,\n    .mi-face-luxury-reflection,\n    .mi-3d-shadow,\n    .mi-discover-btn__arrow,\n    .mi-gold-star,\n    .mi-discover-diamond,\n    .mi-discover-diamond__inner::before{\n        animation:none !important;\n    }\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(function () {\n    \"use strict\";\n\n    function initialiserUniversItige() {\n\n        var zone =\n            document.getElementById(\"mi-logo-firework\");\n\n        var scene =\n            document.getElementById(\"mi-3d-scene\");\n\n        var square =\n            document.getElementById(\"mi-3d-square\");\n\n        var fireworks =\n            document.getElementById(\"mi-fireworks-back\");\n\n        var stars =\n            document.getElementById(\"mi-gold-stars\");\n\n        if (!zone || !scene || !square) {\n            return;\n        }\n\n\n        \/*==================================================\n                    POUSSIERES D'OR\n        ==================================================*\/\n\n        function creerEtoiles() {\n\n            if (!stars) {\n                return;\n            }\n\n            var quantite =\n                window.innerWidth <= 768 ? 25 : 55;\n\n            for (\n                var i = 0;\n                i < quantite;\n                i += 1\n            ) {\n\n                var star =\n                    document.createElement(\"span\");\n\n                star.className =\n                    \"mi-gold-star\";\n\n                star.style.left =\n                    (5 + Math.random() * 90) + \"%\";\n\n                star.style.top =\n                    (5 + Math.random() * 80) + \"%\";\n\n                star.style.setProperty(\n                    \"--star-duration\",\n                    (4 + Math.random() * 6) + \"s\"\n                );\n\n                star.style.setProperty(\n                    \"--star-delay\",\n                    (-Math.random() * 8) + \"s\"\n                );\n\n                var taille =\n                    1 + Math.random() * 2.5;\n\n                star.style.width =\n                    taille + \"px\";\n\n                star.style.height =\n                    taille + \"px\";\n\n                stars.appendChild(star);\n            }\n        }\n\n        creerEtoiles();\n\n\n        \/*==================================================\n                PARTICULE FEU D'ARTIFICE\n        ==================================================*\/\n\n        function creerParticule(\n            origineX,\n            origineY,\n            angle,\n            distance,\n            delai\n        ) {\n\n            if (!fireworks) {\n                return;\n            }\n\n            window.setTimeout(\n                function () {\n\n                    var particle =\n                        document.createElement(\"span\");\n\n                    particle.className =\n                        \"mi-gold-firework\";\n\n                    var x =\n                        Math.cos(angle) *\n                        distance;\n\n                    var y =\n                        Math.sin(angle) *\n                        distance;\n\n                    var duration =\n                        900 +\n                        Math.random() * 800;\n\n                    particle.style.left =\n                        origineX + \"%\";\n\n                    particle.style.top =\n                        origineY + \"%\";\n\n                    particle.style.setProperty(\n                        \"--x\",\n                        x + \"px\"\n                    );\n\n                    particle.style.setProperty(\n                        \"--y\",\n                        y + \"px\"\n                    );\n\n                    particle.style.setProperty(\n                        \"--duration\",\n                        duration + \"ms\"\n                    );\n\n                    particle.style.setProperty(\n                        \"--rotation\",\n                        (Math.random() * 180) + \"deg\"\n                    );\n\n                    var taille =\n                        2.5 +\n                        Math.random() * 4;\n\n                    particle.style.width =\n                        taille + \"px\";\n\n                    particle.style.height =\n                        taille + \"px\";\n\n                    fireworks.appendChild(\n                        particle\n                    );\n\n                    window.setTimeout(\n                        function () {\n                            particle.remove();\n                        },\n                        duration + 250\n                    );\n\n                },\n                delai\n            );\n        }\n\n\n        \/*==================================================\n                    UNE EXPLOSION\n        ==================================================*\/\n\n        function explosion(\n            x,\n            y,\n            puissance\n        ) {\n\n            var mobile =\n                window.innerWidth <= 768;\n\n            var nombre =\n                mobile ? 18 : 32;\n\n            for (\n                var i = 0;\n                i < nombre;\n                i += 1\n            ) {\n\n                var angle =\n                    (Math.PI * 2 * i) \/\n                    nombre;\n\n                angle +=\n                    (Math.random() - 0.5) *\n                    0.18;\n\n                var distance =\n                    puissance *\n                    (\n                        0.68 +\n                        Math.random() *\n                        0.48\n                    );\n\n                creerParticule(\n                    x,\n                    y,\n                    angle,\n                    distance,\n                    i * 7\n                );\n            }\n        }\n\n\n        \/*==================================================\n                SEQUENCE FEUX D'ARTIFICE\n        ==================================================*\/\n\n        function lancerFeux() {\n\n            if (document.hidden) {\n                return;\n            }\n\n            var mobile =\n                window.innerWidth <= 768;\n\n            var puissance =\n                mobile ? 85 : 135;\n\n            explosion(\n                27,\n                48,\n                puissance\n            );\n\n            window.setTimeout(\n                function () {\n\n                    explosion(\n                        73,\n                        40,\n                        puissance * 0.9\n                    );\n\n                },\n                330\n            );\n\n            window.setTimeout(\n                function () {\n\n                    explosion(\n                        50,\n                        21,\n                        puissance * 0.68\n                    );\n\n                },\n                650\n            );\n        }\n\n        window.setTimeout(\n            lancerFeux,\n            700\n        );\n\n        window.setInterval(\n            lancerFeux,\n            5200\n        );\n\n\n        \/*==================================================\n                    ROTATION 3D\n        ==================================================*\/\n\n        var rotationY = 0;\n        var rotationX = -3;\n\n        var dragging = false;\n\n        var startX = 0;\n        var startY = 0;\n\n        var startRotationY = 0;\n        var startRotationX = 0;\n\n        var derniereFrame =\n            performance.now();\n\n\n        function appliquerRotation() {\n\n            square.style.transform =\n                \"rotateX(\" +\n                rotationX +\n                \"deg) \" +\n                \"rotateY(\" +\n                rotationY +\n                \"deg)\";\n        }\n\n        appliquerRotation();\n\n\n        \/*==================================================\n                ROTATION AUTOMATIQUE PERMANENTE\n        ==================================================*\/\n\n        function boucle(maintenant) {\n\n            var delta =\n                (maintenant - derniereFrame) \/\n                1000;\n\n            derniereFrame =\n                maintenant;\n\n            if (!dragging) {\n\n                \/*\n                 * Vitesse :\n                 * environ un tour complet\n                 * toutes les 32 secondes.\n                 *\/\n\n                rotationY +=\n                    11.25 * delta;\n\n                appliquerRotation();\n            }\n\n            window.requestAnimationFrame(\n                boucle\n            );\n        }\n\n        window.requestAnimationFrame(\n            boucle\n        );\n\n\n        \/*==================================================\n                DEBUT DU GLISSEMENT\n        ==================================================*\/\n\n        function commencer(x, y) {\n\n            dragging = true;\n\n            startX = x;\n            startY = y;\n\n            startRotationY =\n                rotationY;\n\n            startRotationX =\n                rotationX;\n        }\n\n\n        \/*==================================================\n                    DEPLACEMENT\n        ==================================================*\/\n\n        function deplacer(x, y) {\n\n            if (!dragging) {\n                return;\n            }\n\n            var diffX =\n                x - startX;\n\n            var diffY =\n                y - startY;\n\n            rotationY =\n                startRotationY +\n                diffX * 0.42;\n\n            rotationX =\n                startRotationX -\n                diffY * 0.12;\n\n            rotationX =\n                Math.max(\n                    -14,\n                    Math.min(\n                        10,\n                        rotationX\n                    )\n                );\n\n            appliquerRotation();\n        }\n\n\n        \/*==================================================\n                ALIGNEMENT SUR FACE\n        ==================================================*\/\n\n        function alignerFace() {\n\n            var cible =\n                Math.round(\n                    rotationY \/ 90\n                ) * 90;\n\n            var depart =\n                rotationY;\n\n            var distance =\n                cible - depart;\n\n            var debut =\n                performance.now();\n\n            var duree =\n                450;\n\n            function transition(temps) {\n\n                var progression =\n                    Math.min(\n                        (temps - debut) \/\n                        duree,\n                        1\n                    );\n\n                var ease =\n                    1 -\n                    Math.pow(\n                        1 - progression,\n                        4\n                    );\n\n                rotationY =\n                    depart +\n                    distance *\n                    ease;\n\n                appliquerRotation();\n\n                if (\n                    progression < 1\n                ) {\n\n                    window.requestAnimationFrame(\n                        transition\n                    );\n                }\n            }\n\n            window.requestAnimationFrame(\n                transition\n            );\n        }\n\n\n        \/*==================================================\n                    FIN GLISSEMENT\n        ==================================================*\/\n\n        function terminer() {\n\n            if (!dragging) {\n                return;\n            }\n\n            dragging = false;\n\n            alignerFace();\n        }\n\n\n        \/*==================================================\n                        SOURIS\n        ==================================================*\/\n\n        scene.addEventListener(\n            \"mousedown\",\n            function (event) {\n\n                if (\n                    event.target.closest(\"a\")\n                ) {\n                    return;\n                }\n\n                commencer(\n                    event.clientX,\n                    event.clientY\n                );\n            }\n        );\n\n\n        window.addEventListener(\n            \"mousemove\",\n            function (event) {\n\n                deplacer(\n                    event.clientX,\n                    event.clientY\n                );\n            }\n        );\n\n\n        window.addEventListener(\n            \"mouseup\",\n            terminer\n        );\n\n\n        \/*==================================================\n                        MOBILE\n        ==================================================*\/\n\n        scene.addEventListener(\n            \"touchstart\",\n            function (event) {\n\n                if (\n                    event.target.closest(\"a\")\n                ) {\n                    return;\n                }\n\n                if (\n                    !event.touches.length\n                ) {\n                    return;\n                }\n\n                commencer(\n                    event.touches[0]\n                        .clientX,\n                    event.touches[0]\n                        .clientY\n                );\n\n            },\n            {\n                passive:true\n            }\n        );\n\n\n        scene.addEventListener(\n            \"touchmove\",\n            function (event) {\n\n                if (\n                    !event.touches.length\n                ) {\n                    return;\n                }\n\n                deplacer(\n                    event.touches[0]\n                        .clientX,\n                    event.touches[0]\n                        .clientY\n                );\n\n            },\n            {\n                passive:true\n            }\n        );\n\n\n        scene.addEventListener(\n            \"touchend\",\n            terminer\n        );\n\n\n        \/*==================================================\n                    BOUTON DECOUVRIR\n        ==================================================*\/\n\n        var bouton =\n            document.getElementById(\n                \"mi-scroll-side\"\n            );\n\n        if (bouton) {\n\n            bouton.addEventListener(\n                \"click\",\n                function () {\n\n                    var cible =\n                        document.querySelector(\n                            \"#prestations\"\n                        );\n\n                    if (!cible) {\n\n                        cible =\n                            document.querySelector(\n                                \".mi-hero ~ section\"\n                            );\n                    }\n\n                    if (cible) {\n\n                        cible.scrollIntoView({\n                            behavior:\"smooth\",\n                            block:\"start\"\n                        });\n\n                    } else {\n\n                        window.scrollTo({\n                            top:\n                                window.innerHeight,\n                            behavior:\n                                \"smooth\"\n                        });\n                    }\n                }\n            );\n        }\n\n    }\n\n\n    \/*==================================================\n                    INITIALISATION\n    ==================================================*\/\n\n    if (\n        document.readyState ===\n        \"loading\"\n    ) {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initialiserUniversItige\n        );\n\n    } else {\n\n        initialiserUniversItige();\n    }\n\n})();\n<\/script>\n\n<section class=\"mi-hero\" id=\"accueil\">\n\n    <!-- ==================================================\n                        FOND\n    =================================================== -->\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-gold-stars\" id=\"mi-gold-stars\" aria-hidden=\"true\"><\/div>\n\n\n    <!-- ==================================================\n                        CONTENU\n    =================================================== -->\n\n    <div class=\"mi-hero-content\">\n\n\n        <!-- ==================================================\n                    UNIVERS 3D\n        =================================================== -->\n\n        <div class=\"mi-3d-zone\" id=\"mi-logo-firework\">\n\n\n            <!-- FEUX D'ARTIFICE DERRIERE -->\n\n            <div class=\"mi-fireworks-back\" id=\"mi-fireworks-back\" aria-hidden=\"true\"><\/div>\n\n\n            <!-- ANNEAUX \/ HALOS -->\n\n            <div class=\"mi-3d-halo mi-3d-halo--one\" aria-hidden=\"true\"><\/div>\n\n            <div class=\"mi-3d-halo mi-3d-halo--two\" aria-hidden=\"true\"><\/div>\n\n            <div class=\"mi-3d-ring mi-3d-ring--1\" aria-hidden=\"true\"><\/div>\n\n            <div class=\"mi-3d-ring mi-3d-ring--2\" aria-hidden=\"true\"><\/div>\n\n\n            <!-- ==================================================\n                            SCENE 3D\n            =================================================== -->\n\n            <div class=\"mi-3d-scene\" id=\"mi-3d-scene\" aria-label=\"Univers de Ma\u00eetresse ITIGE\">\n\n                <div class=\"mi-3d-square\" id=\"mi-3d-square\">\n\n\n                    <!-- ==========================================\n                         FACE 1 \u2014 MAITRESSE ITIGE\n                    =========================================== -->\n\n                    <div class=\"mi-3d-face mi-3d-face--front\">\n\n                        <div class=\"mi-face-image-wrap\">\n\n                            <img decoding=\"async\" src=\"https:\/\/maitresseitige.online\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-9-juil.-2026-20_53_33-1.png\" alt=\"Ma\u00eetresse ITIGE\" class=\"mi-face-image mi-face-image--contain\" draggable=\"false\">\n\n                            <div class=\"mi-face-luxury-reflection\"><\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- ==========================================\n                         FACE 2 \u2014 DECOUVREZ MON UNIVERS\n                    =========================================== -->\n\n                    <div class=\"mi-3d-face mi-3d-face--right\">\n\n                        <div class=\"mi-category-face\">\n\n\n                            <!-- LOGO + LIGNES DOREES -->\n\n                            <div class=\"mi-category-top-decoration\">\n\n                                <span class=\"mi-category-line\"><\/span>\n\n\n                                <div class=\"mi-category-emblem mi-category-emblem--logo\" aria-hidden=\"true\">\n\n                                    <img decoding=\"async\" src=\"https:\/\/maitresseitige.online\/wp-content\/uploads\/2026\/08\/maitresse_itige_halo.gif\" alt=\"\" class=\"mi-category-emblem-gif\" draggable=\"false\">\n\n                                <\/div>\n\n\n                                <span class=\"mi-category-line\"><\/span>\n\n                            <\/div>\n\n\n                            <!-- PETIT TITRE -->\n\n                            <span class=\"mi-category-overline\">\n                                MA\u00ceTRESSE ITIGE\n                            <\/span>\n\n\n                            <!-- TITRE PRINCIPAL -->\n\n                            <h2>\n                                D\u00e9couvrez mon univers\n                            <\/h2>\n\n\n                            <!-- ==================================\n                                    RUBRIQUES CLIQUABLES\n                            =================================== -->\n\n                            <div class=\"mi-category-list\">\n\n\n                                <!-- COACHING -->\n\n                                <a href=\"https:\/\/maitresseitige.online\/index.php\/mon-univers\/\" class=\"mi-category-link\">\n\n                                    <span class=\"mi-category-number\">\n                                        01\n                                    <\/span>\n\n                                    <span class=\"mi-category-name\">\n                                        Coaching\n                                    <\/span>\n\n                                    <span class=\"mi-category-arrow\">\n                                        \u2192\n                                    <\/span>\n\n                                <\/a>\n\n\n                                <!-- STAGE DE SOUMISSION -->\n\n                                <a href=\"https:\/\/maitresseitige.online\/index.php\/stage-de-soumission\/\" class=\"mi-category-link\">\n\n                                    <span class=\"mi-category-number\">\n                                        02\n                                    <\/span>\n\n                                    <span class=\"mi-category-name\">\n                                        Stage de soumission\n                                    <\/span>\n\n                                    <span class=\"mi-category-arrow\">\n                                        \u2192\n                                    <\/span>\n\n                                <\/a>\n\n\n                                <!-- LES SEANCES -->\n\n                                <a href=\"https:\/\/maitresseitige.online\/index.php\/les-seances\/\" class=\"mi-category-link\">\n\n                                    <span class=\"mi-category-number\">\n                                        03\n                                    <\/span>\n\n                                    <span class=\"mi-category-name\">\n                                        Les s\u00e9ances\n                                    <\/span>\n\n                                    <span class=\"mi-category-arrow\">\n                                        \u2192\n                                    <\/span>\n\n                                <\/a>\n\n\n                                <!-- SEANCES VIRTUELLES -->\n\n                                <a href=\"https:\/\/maitresseitige.online\/index.php\/seances-virtuelles-visio-ou-telephone\/\" class=\"mi-category-link\">\n\n                                    <span class=\"mi-category-number\">\n                                        04\n                                    <\/span>\n\n                                    <span class=\"mi-category-name\">\n                                        S\u00e9ances virtuelles\n                                    <\/span>\n\n                                    <span class=\"mi-category-arrow\">\n                                        \u2192\n                                    <\/span>\n\n                                <\/a>\n\n\n                            <\/div>\n\n\n                            <!-- SIGNATURE -->\n\n                            <div class=\"mi-category-signature\">\n\n                                <span><\/span>\n\n                                DISCIPLINE \u2022 MA\u00ceTRISE \u2022 \u00c9L\u00c9GANCE\n\n                                <span><\/span>\n\n                            <\/div>\n\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- ==========================================\n                         FACE 3 \u2014 GIF\n                    =========================================== -->\n\n                    <div class=\"mi-3d-face mi-3d-face--back\">\n\n                        <div class=\"mi-face-image-wrap mi-logo-face\">\n\n                            <img decoding=\"async\" src=\"https:\/\/maitresseitige.online\/wp-content\/uploads\/2026\/08\/maitresse_itige_halo.gif\" alt=\"Ma\u00eetresse ITIGE\" class=\"mi-face-image mi-face-image--contain mi-halo-gif\" draggable=\"false\">\n\n                            <div class=\"mi-face-luxury-reflection\"><\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- ==========================================\n                         FACE 4 \u2014 DONJON\n                    =========================================== -->\n\n                    <div class=\"mi-3d-face mi-3d-face--left\">\n\n                        <div class=\"mi-face-image-wrap\">\n\n                            <img decoding=\"async\" src=\"https:\/\/maitresseitige.online\/wp-content\/uploads\/2026\/08\/chrome_FlxmplJa9i.png\" alt=\"Le Donjon de Ma\u00eetresse ITIGE\" class=\"mi-face-image mi-face-image--cover\" draggable=\"false\">\n\n\n                            <div class=\"mi-dungeon-overlay\"><\/div>\n\n\n                            <div class=\"mi-dungeon-title\">\n\n                                <span>\n                                    ENTREZ DANS\n                                <\/span>\n\n                                <strong>\n                                    LE DONJON\n                                <\/strong>\n\n                                <i>\n                                    L\u2019univers de Ma\u00eetresse ITIGE\n                                <\/i>\n\n                            <\/div>\n\n\n                            <div class=\"mi-face-luxury-reflection\"><\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- ==================================================\n                        OMBRE SOUS LE CUBE\n            =================================================== -->\n\n            <div class=\"mi-3d-shadow\" aria-hidden=\"true\"><\/div>\n\n\n            <!-- ==================================================\n                        INDICATION ROTATION\n            =================================================== -->\n\n            <div class=\"mi-3d-help\" aria-hidden=\"true\">\n\n                <span class=\"mi-3d-help__arrow\">\n                    \u2039\n                <\/span>\n\n                <span class=\"mi-3d-help__text\">\n                    FAITES TOURNER L\u2019UNIVERS\n                <\/span>\n\n                <span class=\"mi-3d-help__arrow\">\n                    \u203a\n                <\/span>\n\n            <\/div>\n\n\n            <!-- ==================================================\n                    DECOUVRIR + DIAMANTS\n            =================================================== -->\n\n            <div class=\"mi-discover-wrap\">\n\n\n                <!-- DIAMANT GAUCHE -->\n\n                <span class=\"mi-discover-diamond mi-discover-diamond--left\" aria-hidden=\"true\">\n\n                    <span class=\"mi-discover-diamond__inner\"><\/span>\n\n                <\/span>\n\n\n                <!-- BOUTON DECOUVRIR -->\n\n                <button type=\"button\" class=\"mi-discover-btn\" id=\"mi-scroll-side\" aria-label=\"D\u00e9couvrir la suite\">\n\n                    <span class=\"mi-discover-btn__shine\"><\/span>\n\n                    <span class=\"mi-discover-btn__text\">\n                        D\u00c9COUVRIR\n                    <\/span>\n\n                    <span class=\"mi-discover-btn__separator\"><\/span>\n\n                    <span class=\"mi-discover-btn__arrow\">\n                        \u2193\n                    <\/span>\n\n                <\/button>\n\n\n                <!-- DIAMANT DROIT -->\n\n                <span class=\"mi-discover-diamond mi-discover-diamond--right\" aria-hidden=\"true\">\n\n                    <span class=\"mi-discover-diamond__inner\"><\/span>\n\n                <\/span>\n\n\n            <\/div>\n\n\n        <\/div>\n\n\n        <!-- ==================================================\n                        TEXTE HERO\n        =================================================== -->\n\n        <span class=\"mi-subtitle\">\n            DOMINATION \u2022 \u00c9L\u00c9GANCE \u2022 CONFIDENTIALIT\u00c9\n        <\/span>\n\n\n        <h1>\n            Bienvenue dans l\u2019univers de Ma\u00eetresse ITIGE\n        <\/h1>\n\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\n        <div class=\"mi-buttons\">\n\n            <a href=\"https:\/\/maitresseitige.online\/index.php\/prestations\/\" class=\"mi-btn-primary\">\n                D\u00e9couvrir le Donjon\n            <\/a>\n\n            <a href=\"https:\/\/maitresseitige.online\/index.php\/contact\/\" class=\"mi-btn-secondary\">\n                Me contacter\n            <\/a>\n\n        <\/div>\n\n\n        <div class=\"mi-scroll\" aria-hidden=\"true\">\n            <span><\/span>\n        <\/div>\n\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<audio id=\"itg-bg-music\" loop preload=\"auto\">\n  <source src=\"https:\/\/maitresseitige.online\/wp-content\/uploads\/2026\/08\/Everybody-Loves-An-Outlaw-I-See-Red.mp3\" type=\"audio\/mpeg\">\n<\/audio>\n\n<button id=\"itg-music-toggle\" type=\"button\" aria-label=\"Activer ou couper la musique\">\n  \ud83d\udd0a\n<\/button>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const music = document.getElementById(\"itg-bg-music\");\n    const toggle = document.getElementById(\"itg-music-toggle\");\n\n    let musicStarted = false;\n\n    music.volume = 0.45;\n\n    function startMusic() {\n        if (musicStarted) return;\n\n        music.play()\n            .then(() => {\n                musicStarted = true;\n                toggle.textContent = \"\ud83d\udd0a\";\n            })\n            .catch(() => {\n                \/\/ Le navigateur attendra la prochaine interaction\n            });\n    }\n\n    \/\/ Premi\u00e8re interaction n'importe o\u00f9 sur le site\n    document.addEventListener(\"pointerdown\", startMusic, { once: true });\n    document.addEventListener(\"touchstart\", startMusic, { once: true });\n    document.addEventListener(\"click\", startMusic, { once: true });\n\n    \/\/ Bouton ON \/ OFF\n    toggle.addEventListener(\"click\", function (event) {\n\n        event.stopPropagation();\n\n        if (music.paused) {\n            music.play();\n            toggle.textContent = \"\ud83d\udd0a\";\n            musicStarted = true;\n        } else {\n            music.pause();\n            toggle.textContent = \"\ud83d\udd07\";\n        }\n\n    });\n\n});\n<\/script>\n\n<style>\n#itg-music-toggle {\n    position: fixed;\n    right: 22px;\n    bottom: 22px;\n    z-index: 999999;\n\n    width: 48px;\n    height: 48px;\n\n    border-radius: 50%;\n    border: 1px solid #d4af37;\n\n    background: rgba(5, 5, 5, 0.88);\n    color: #d4af37;\n\n    font-size: 20px;\n    cursor: pointer;\n\n    box-shadow:\n        0 0 10px rgba(212,175,55,0.35),\n        0 0 25px rgba(212,175,55,0.15);\n\n    backdrop-filter: blur(8px);\n\n    transition:\n        transform 0.25s ease,\n        background 0.25s ease,\n        box-shadow 0.25s ease;\n}\n\n#itg-music-toggle:hover {\n    transform: scale(1.08);\n    background: #d4af37;\n    color: #000;\n\n    box-shadow:\n        0 0 15px rgba(212,175,55,0.7),\n        0 0 35px rgba(212,175,55,0.35);\n}\n\n@media (max-width: 768px) {\n    #itg-music-toggle {\n        right: 15px;\n        bottom: 15px;\n\n        width: 44px;\n        height: 44px;\n\n        font-size: 18px;\n    }\n}\n<\/style>\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\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================\n   DO TECHNOLOGIES - BANDEAU CR\u00c9DIT\n========================================= *\/\n\n#do-tech-credit {\n    width: 100%;\n    box-sizing: border-box;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 16px;\n\n    padding: 10px 20px;\n\n    background:\n        radial-gradient(\n            circle at center,\n            rgba(212, 175, 55, 0.10),\n            transparent 55%\n        ),\n        linear-gradient(\n            135deg,\n            #030303 0%,\n            #111111 50%,\n            #030303 100%\n        );\n\n    border-top: 1px solid rgba(212, 175, 55, 0.55);\n    border-bottom: 1px solid rgba(212, 175, 55, 0.18);\n\n    box-shadow:\n        0 -5px 25px rgba(0, 0, 0, 0.45),\n        inset 0 1px 0 rgba(255, 215, 100, 0.08);\n\n    font-family: \"Montserrat\", \"Segoe UI\", Arial, sans-serif;\n\n    position: relative;\n    overflow: hidden;\n}\n\n\n\/* =========================================\n   LOGO\n========================================= *\/\n\n#do-tech-credit .do-tech-logo {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n#do-tech-credit .do-tech-logo img {\n    width: 65px;\n    height: 65px;\n\n    object-fit: contain;\n\n    border-radius: 50%;\n\n    filter:\n        drop-shadow(0 0 5px rgba(212, 175, 55, 0.40))\n        drop-shadow(0 0 12px rgba(212, 175, 55, 0.15));\n\n    transition:\n        transform 0.3s ease,\n        filter 0.3s ease;\n}\n\n#do-tech-credit .do-tech-logo img:hover {\n    transform: scale(1.06);\n\n    filter:\n        drop-shadow(0 0 8px rgba(212, 175, 55, 0.60))\n        drop-shadow(0 0 18px rgba(212, 175, 55, 0.25));\n}\n\n\n\/* =========================================\n   TEXTE\n========================================= *\/\n\n#do-tech-credit .do-tech-text {\n    text-align: left;\n    line-height: 1.25;\n}\n\n\n\/* \"Site cr\u00e9\u00e9 avec d\u00e9vouement...\" *\/\n\n#do-tech-credit .do-tech-main {\n    color: #eeeeee;\n\n    font-size: 12px;\n    font-weight: 400;\n\n    letter-spacing: 0.7px;\n}\n\n\n\/* DO TECHNOLOGIES *\/\n\n#do-tech-credit .do-tech-brand {\n    margin-top: 3px;\n\n    color: #d8b457;\n\n    font-size: 16px;\n    font-weight: 700;\n\n    letter-spacing: 2.2px;\n\n    text-transform: uppercase;\n\n    text-shadow:\n        0 0 8px rgba(212, 175, 55, 0.30);\n}\n\n\n\/* sauxgroupe.fr *\/\n\n#do-tech-credit .do-tech-url {\n    margin-top: 2px;\n\n    color: #999999;\n\n    font-size: 11px;\n    font-weight: 400;\n\n    letter-spacing: 1.4px;\n\n    cursor: default;\n\n    user-select: text;\n}\n\n\n\/* =========================================\n   PETIT EFFET LUMINEUX\n========================================= *\/\n\n#do-tech-credit::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    left: -150%;\n\n    width: 80%;\n    height: 100%;\n\n    background: linear-gradient(\n        90deg,\n        transparent,\n        rgba(212, 175, 55, 0.06),\n        transparent\n    );\n\n    transform: skewX(-25deg);\n\n    animation: doTechLight 8s infinite;\n}\n\n@keyframes doTechLight {\n\n    0% {\n        left: -150%;\n    }\n\n    60% {\n        left: -150%;\n    }\n\n    100% {\n        left: 150%;\n    }\n}\n\n\n\/* Texte et logo au-dessus de l'effet *\/\n\n#do-tech-credit .do-tech-logo,\n#do-tech-credit .do-tech-text {\n    position: relative;\n    z-index: 2;\n}\n\n\n\/* =========================================\n   VERSION MOBILE\n========================================= *\/\n\n@media (max-width: 600px) {\n\n    #do-tech-credit {\n        gap: 10px;\n\n        padding: 9px 10px;\n    }\n\n    #do-tech-credit .do-tech-logo img {\n        width: 50px;\n        height: 50px;\n    }\n\n    #do-tech-credit .do-tech-main {\n        font-size: 9px;\n\n        letter-spacing: 0.3px;\n    }\n\n    #do-tech-credit .do-tech-brand {\n        font-size: 12px;\n\n        letter-spacing: 1.3px;\n    }\n\n    #do-tech-credit .do-tech-url {\n        font-size: 9px;\n\n        letter-spacing: 0.8px;\n    }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const banner = document.getElementById(\"do-tech-credit\");\n\n    if (!banner) {\n        return;\n    }\n\n    const logo = banner.querySelector(\".do-tech-logo img\");\n    const urlText = banner.querySelector(\".do-tech-url\");\n\n\n    \/* ================================\n       BLOQUE TOUTE REDIRECTION\n    ================================= *\/\n\n    banner.querySelectorAll(\"a\").forEach(function(link) {\n\n        link.removeAttribute(\"href\");\n\n        link.style.cursor = \"default\";\n\n        link.addEventListener(\"click\", function(event) {\n            event.preventDefault();\n            event.stopPropagation();\n        });\n\n    });\n\n\n    \/* ================================\n       TEXTE SAUXGROUPE.FR NON CLIQUABLE\n    ================================= *\/\n\n    if (urlText) {\n\n        urlText.style.cursor = \"default\";\n\n        urlText.addEventListener(\"click\", function(event) {\n            event.preventDefault();\n            event.stopPropagation();\n        });\n\n    }\n\n\n    \/* ================================\n       PETITE ANIMATION DU LOGO\n    ================================= *\/\n\n    if (logo) {\n\n        logo.addEventListener(\"mouseenter\", function() {\n\n            logo.style.transform =\n                \"scale(1.07) rotate(1deg)\";\n\n        });\n\n\n        logo.addEventListener(\"mouseleave\", function() {\n\n            logo.style.transform =\n                \"scale(1) rotate(0deg)\";\n\n        });\n\n    }\n\n\n    \/* ================================\n       APPARITION DOUCE DU BANDEAU\n    ================================= *\/\n\n    banner.style.opacity = \"0\";\n    banner.style.transform = \"translateY(8px)\";\n\n    setTimeout(function() {\n\n        banner.style.transition =\n            \"opacity 0.8s ease, transform 0.8s ease\";\n\n        banner.style.opacity = \"1\";\n        banner.style.transform = \"translateY(0)\";\n\n    }, 150);\n\n});\n<\/script>\n\n<!-- BANDEAU DO TECHNOLOGIES -->\n<div id=\"do-tech-credit\">\n\n    <div class=\"do-tech-logo\">\n        <img decoding=\"async\"\n            src=\"https:\/\/maitresseitige.online\/wp-content\/uploads\/2026\/08\/fb603707-ba90-487e-a0c5-874321ad1274.png\"\n            alt=\"DO Technologies\"\n        >\n    <\/div>\n\n    <div class=\"do-tech-text\">\n\n        <div class=\"do-tech-main\">\n            Site cr\u00e9\u00e9 par mon soumis en appartenance\n        <\/div>\n\n        <div class=\"do-tech-brand\">\n            DO TECHNOLOGIES\n        <\/div>\n\n        <div class=\"do-tech-url\">\n            sauxgroupe.fr\n        <\/div>\n\n    <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>MA\u00ceTRESSE ITIGE D\u00e9couvrez mon univers 01 Coaching \u2192 02 Stage de soumission \u2192 03 Les s\u00e9ances \u2192 04 S\u00e9ances virtuelles \u2192 DISCIPLINE \u2022 MA\u00ceTRISE \u2022 \u00c9L\u00c9GANCE ENTREZ DANS LE DONJON L\u2019univers de Ma\u00eetresse ITIGE \u2039 FAITES TOURNER L\u2019UNIVERS \u203a D\u00c9COUVRIR \u2193 DOMINATION \u2022 \u00c9L\u00c9GANCE \u2022 CONFIDENTIALIT\u00c9 Bienvenue dans l\u2019univers de Ma\u00eetresse ITIGE D\u00e9couvrez une exp\u00e9rience [&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":63,"href":"https:\/\/maitresseitige.online\/index.php\/wp-json\/wp\/v2\/pages\/715\/revisions"}],"predecessor-version":[{"id":1212,"href":"https:\/\/maitresseitige.online\/index.php\/wp-json\/wp\/v2\/pages\/715\/revisions\/1212"}],"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}]}}