{"id":193,"date":"2024-05-28T13:06:09","date_gmt":"2024-05-28T11:06:09","guid":{"rendered":"https:\/\/sauxgroup.fr\/?page_id=193"},"modified":"2026-07-15T14:36:52","modified_gmt":"2026-07-15T12:36:52","slug":"dj-vip-luxury","status":"publish","type":"page","link":"https:\/\/sauxgroupe.fr\/?page_id=193","title":{"rendered":"DJ VIP LUXURY"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/*====================================================\n                HERO DJ VIP LUXURY\n====================================================*\/\n\n.dj-hero{\n\n    position:relative;\n\n    width:100%;\n\n    overflow:hidden;\n\n    background:#000;\n\n}\n\n\/***********************\nIMAGE\n************************\/\n\n.dj-hero-banner{\n\n    position:relative;\n\n    width:100%;\n\n    height:700px;\n\n    overflow:hidden;\n\n}\n\n.dj-hero-banner img{\n\n    width:100%;\n\n    height:100%;\n\n    object-fit:cover;\n\n    display:block;\n\n}\n\n\/***********************\nVOILE NOIR\n************************\/\n\n.dj-overlay{\n\n    position:absolute;\n\n    inset:0;\n\n    background:\n    linear-gradient(\n        to right,\n        rgba(0,0,0,.78),\n        rgba(0,0,0,.35),\n        rgba(0,0,0,.55)\n    );\n\n}\n\n\/***********************\nCONTENU\n************************\/\n\n.dj-hero-content{\n\n    position:absolute;\n\n    top:50%;\n\n    left:8%;\n\n    transform:translateY(-50%);\n\n    max-width:700px;\n\n    z-index:20;\n\n}\n\n.dj-badge{\n\n    display:inline-block;\n\n    padding:12px 28px;\n\n    border-radius:40px;\n\n    border:1px solid rgba(255,215,0,.35);\n\n    background:rgba(255,215,0,.08);\n\n    color:#FFD700;\n\n    font-weight:bold;\n\n    letter-spacing:2px;\n\n    margin-bottom:25px;\n\n}\n\n.dj-hero-content h1{\n\n    color:white;\n\n    font-size:64px;\n\n    line-height:1.1;\n\n    font-weight:900;\n\n    margin-bottom:25px;\n\n}\n\n.dj-hero-content p{\n\n    color:#f1f1f1;\n\n    font-size:22px;\n\n    line-height:1.8;\n\n    margin-bottom:35px;\n\n}\n\n\/***********************\nFEATURES\n************************\/\n\n.dj-features{\n\n    display:grid;\n\n    grid-template-columns:repeat(2,1fr);\n\n    gap:15px;\n\n    margin-bottom:45px;\n\n}\n\n.dj-features div{\n\n    background:rgba(255,255,255,.08);\n\n    backdrop-filter:blur(12px);\n\n    padding:18px;\n\n    border-radius:15px;\n\n    color:white;\n\n    font-weight:600;\n\n    border:1px solid rgba(255,255,255,.08);\n\n}\n\n\/***********************\nBOUTONS\n************************\/\n\n.dj-buttons{\n\n    display:flex;\n\n    gap:20px;\n\n    flex-wrap:wrap;\n\n}\n\n.btn-gold{\n\n    padding:18px 38px;\n\n    border-radius:60px;\n\n    text-decoration:none;\n\n    background:linear-gradient(135deg,#FFD700,#ffb300);\n\n    color:#111;\n\n    font-size:18px;\n\n    font-weight:800;\n\n    transition:.35s;\n\n    box-shadow:0 15px 40px rgba(255,215,0,.30);\n\n}\n\n.btn-blue{\n\n    padding:18px 38px;\n\n    border-radius:60px;\n\n    text-decoration:none;\n\n    border:2px solid #2D7FFF;\n\n    color:white;\n\n    font-size:18px;\n\n    font-weight:800;\n\n    transition:.35s;\n\n}\n\n.btn-gold:hover{\n\n    transform:translateY(-6px);\n\n    box-shadow:0 25px 60px rgba(255,215,0,.45);\n\n}\n\n.btn-blue:hover{\n\n    background:#2D7FFF;\n\n    transform:translateY(-6px);\n\n}\n\n\/***********************\nRESPONSIVE\n************************\/\n\n@media(max-width:1100px){\n\n.dj-hero-banner{\n\nheight:600px;\n\n}\n\n.dj-hero-content h1{\n\nfont-size:48px;\n\n}\n\n}\n\n@media(max-width:768px){\n\n.dj-hero-banner{\n\nheight:500px;\n\n}\n\n.dj-hero-content{\n\nleft:25px;\n\nright:25px;\n\nmax-width:100%;\n\n}\n\n.dj-hero-content h1{\n\nfont-size:36px;\n\n}\n\n.dj-hero-content p{\n\nfont-size:18px;\n\n}\n\n.dj-features{\n\ngrid-template-columns:1fr;\n\n}\n\n.dj-buttons{\n\nflex-direction:column;\n\n}\n\n.btn-gold,\n\n.btn-blue{\n\nwidth:100%;\n\ntext-align:center;\n\n}\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/*==================================================\n            HERO DJ VIP LUXURY\n==================================================*\/\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const hero = document.querySelector(\".dj-hero\");\n    if (!hero) return;\n\n    const banner = document.querySelector(\".dj-hero-banner img\");\n    const content = document.querySelector(\".dj-hero-content\");\n\n    \/*===========================\n      Apparition du texte\n    ===========================*\/\n\n    content.animate([\n        {\n            opacity: 0,\n            transform: \"translateY(60px)\"\n        },\n        {\n            opacity: 1,\n            transform: \"translateY(0)\"\n        }\n    ], {\n        duration: 900,\n        easing: \"ease-out\",\n        fill: \"forwards\"\n    });\n\n    \/*===========================\n      Zoom lent sur l'image\n    ===========================*\/\n\n    banner.animate([\n        {\n            transform: \"scale(1)\"\n        },\n        {\n            transform: \"scale(1.08)\"\n        }\n    ], {\n        duration: 18000,\n        iterations: Infinity,\n        direction: \"alternate\",\n        easing: \"ease-in-out\"\n    });\n\n    \/*===========================\n      Animation des boutons\n    ===========================*\/\n\n    document.querySelectorAll(\".dj-buttons a\").forEach(btn => {\n\n        btn.addEventListener(\"mouseenter\", () => {\n\n            btn.animate([\n                {\n                    transform: \"translateY(0)\"\n                },\n                {\n                    transform: \"translateY(-6px)\"\n                },\n                {\n                    transform: \"translateY(0)\"\n                }\n            ], {\n                duration: 300\n            });\n\n        });\n\n    });\n\n    \/*===========================\n      L\u00e9ger effet parallaxe\n    ===========================*\/\n\n    window.addEventListener(\"scroll\", () => {\n\n        const offset = window.scrollY * 0.25;\n\n        banner.style.transform = `translateY(${offset}px) scale(1.05)`;\n\n    });\n\n});\n<\/script>\n\n<!--=========================================\n            HERO DJ VIP LUXURY\n==========================================-->\n\n<section class=\"dj-hero\">\n\n    <!-- Image bandeau -->\n\n    <div class=\"dj-hero-banner\">\n\n        <img decoding=\"async\" src=\"https:\/\/sauxgroupe.fr\/wp-content\/uploads\/2024\/05\/screenshot_20240528_130519_instagram.jpg\" alt=\"DJ VIP LUXURY\">\n\n        <div class=\"dj-overlay\"><\/div>\n\n    <\/div>\n\n    <!-- Contenu sur le bandeau -->\n\n    <div class=\"dj-hero-content\">\n\n        <span class=\"dj-badge\">\n\n            \ud83c\udfa7 DJ VIP LUXURY\n\n        <\/span>\n\n        <h1>\n\n            L&rsquo;animation qui fait toute la diff\u00e9rence.\n\n        <\/h1>\n\n        <p>\n\n            Mariages \u2022 Anniversaires \u2022 Bapt\u00eames \u2022 Soir\u00e9es priv\u00e9es \u2022 Comit\u00e9s des f\u00eates\n\n        <\/p>\n\n        <div class=\"dj-features\">\n\n            <div>\ud83c\udfb5 Playlist personnalis\u00e9e<\/div>\n\n            <div>\ud83d\udd0a Sonorisation professionnelle<\/div>\n\n            <div>\ud83d\udca1 Jeux de lumi\u00e8res<\/div>\n\n            <div>\ud83c\udfa4 Karaok\u00e9 &#038; Animations<\/div>\n\n        <\/div>\n\n        <div class=\"dj-buttons\">\n\n            <a href=\"https:\/\/sauxgroupe.fr\/?page_id=499\" class=\"btn-gold\">\n\n                \ud83d\udccb Demander un devis\n\n            <\/a>\n\n            <a href=\"tel:0638150863\" class=\"btn-blue\">\n\n                \ud83d\udcde 06 38 15 08 63\n\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/*====================================================\n            DJ VIP LUXURY - GALERIE PREMIUM\n====================================================*\/\n\n.dj-gallery-premium{\n\n    background:#050505;\n\n    padding:120px 6%;\n\n    position:relative;\n\n    overflow:hidden;\n\n}\n\n.dj-gallery-premium::before{\n\ncontent:\"\";\n\nposition:absolute;\n\ntop:-250px;\n\nleft:-250px;\n\nwidth:650px;\n\nheight:650px;\n\nbackground:radial-gradient(circle,#FFD70018,transparent);\n\nfilter:blur(30px);\n\n}\n\n.dj-gallery-premium::after{\n\ncontent:\"\";\n\nposition:absolute;\n\nbottom:-250px;\n\nright:-250px;\n\nwidth:650px;\n\nheight:650px;\n\nbackground:radial-gradient(circle,#2D7FFF18,transparent);\n\nfilter:blur(30px);\n\n}\n\n.gallery-header{\n\ntext-align:center;\n\nmax-width:900px;\n\nmargin:auto;\n\nmargin-bottom:70px;\n\nposition:relative;\n\nz-index:2;\n\n}\n\n.gallery-header span{\n\ndisplay:inline-block;\n\npadding:12px 28px;\n\nborder-radius:40px;\n\nborder:1px solid rgba(255,215,0,.3);\n\ncolor:#FFD700;\n\nmargin-bottom:20px;\n\nletter-spacing:2px;\n\nfont-weight:bold;\n\n}\n\n.gallery-header h2{\n\nfont-size:58px;\n\ncolor:white;\n\nmargin-bottom:20px;\n\nfont-weight:900;\n\n}\n\n.gallery-header p{\n\nfont-size:19px;\n\nline-height:1.9;\n\ncolor:#d7d7d7;\n\n}\n\n\/*========================================*\/\n\n.bento-gallery{\n\nmax-width:1600px;\n\nmargin:auto;\n\ndisplay:grid;\n\ngrid-template-columns:repeat(4,1fr);\n\ngrid-auto-rows:260px;\n\ngap:20px;\n\nposition:relative;\n\nz-index:2;\n\n}\n\n.item{\n\nposition:relative;\n\noverflow:hidden;\n\nborder-radius:24px;\n\ncursor:pointer;\n\nbackground:#111;\n\ntransition:.45s;\n\nbox-shadow:\n\n0 20px 40px rgba(0,0,0,.35);\n\n}\n\n.item:hover{\n\ntransform:\n\ntranslateY(-10px)\n\nscale(1.02);\n\nbox-shadow:\n\n0 30px 60px rgba(255,215,0,.18);\n\nz-index:5;\n\n}\n\n.item img{\n\nwidth:100%;\n\nheight:100%;\n\nobject-fit:cover;\n\ntransition:.6s;\n\n}\n\n.item:hover img{\n\ntransform:scale(1.12);\n\n}\n\n\/*========================================*\/\n\n.big{\n\ngrid-column:span 2;\n\ngrid-row:span 2;\n\n}\n\n.tall{\n\ngrid-row:span 2;\n\n}\n\n.wide{\n\ngrid-column:span 2;\n\n}\n\n\/*========================================*\/\n\n.caption{\n\nposition:absolute;\n\nleft:0;\n\nbottom:0;\n\nwidth:100%;\n\npadding:30px;\n\nbackground:\n\nlinear-gradient(\n\ntransparent,\n\nrgba(0,0,0,.85)\n\n);\n\ncolor:white;\n\nopacity:0;\n\ntransition:.4s;\n\n}\n\n.item:hover .caption{\n\nopacity:1;\n\n}\n\n.caption h3{\n\nmargin:0;\n\nfont-size:28px;\n\nmargin-bottom:8px;\n\n}\n\n.caption p{\n\nmargin:0;\n\ncolor:#FFD700;\n\n}\n\n\/*========================================*\/\n\n.item::after{\n\ncontent:\"\";\n\nposition:absolute;\n\ntop:0;\n\nleft:-120%;\n\nwidth:70%;\n\nheight:100%;\n\nbackground:\n\nlinear-gradient(\n\n90deg,\n\ntransparent,\n\nrgba(255,255,255,.25),\n\ntransparent\n\n);\n\ntransition:.7s;\n\n}\n\n.item:hover::after{\n\nleft:140%;\n\n}\n\n\/*========================================*\/\n\n.item::before{\n\ncontent:\"\";\n\nposition:absolute;\n\ninset:0;\n\nbackground:\n\nlinear-gradient(\n\n180deg,\n\ntransparent 30%,\n\nrgba(0,0,0,.55)\n\n);\n\nopacity:.3;\n\ntransition:.35s;\n\n}\n\n.item:hover::before{\n\nopacity:0;\n\n}\n\n\/*========================================*\/\n\n@media(max-width:1200px){\n\n.bento-gallery{\n\ngrid-template-columns:repeat(2,1fr);\n\n}\n\n.big{\n\ngrid-column:span 2;\n\n}\n\n.wide{\n\ngrid-column:span 2;\n\n}\n\n}\n\n@media(max-width:700px){\n\n.dj-gallery-premium{\n\npadding:70px 20px;\n\n}\n\n.gallery-header h2{\n\nfont-size:36px;\n\n}\n\n.gallery-header p{\n\nfont-size:17px;\n\n}\n\n.bento-gallery{\n\ndisplay:flex;\n\nflex-direction:column;\n\n}\n\n.item{\n\nheight:260px;\n\n}\n\n.big,\n\n.tall,\n\n.wide{\n\nheight:340px;\n\n}\n\n}\n\n\/*==============================\nLIGHTBOX PREMIUM\n==============================*\/\n\n.dj-lightbox{\n\nposition:fixed;\n\ntop:0;\n\nleft:0;\n\nwidth:100%;\n\nheight:100%;\n\nbackground:rgba(0,0,0,.95);\n\ndisplay:none;\n\njustify-content:center;\n\nalign-items:center;\n\nz-index:999999;\n\n}\n\n.dj-lightbox.open{\n\ndisplay:flex;\n\n}\n\n.dj-lightbox img{\n\nmax-width:90%;\n\nmax-height:90%;\n\nborder-radius:20px;\n\nbox-shadow:\n\n0 30px 80px rgba(0,0,0,.6);\n\n}\n\n.dj-lightbox span{\n\nposition:absolute;\n\ncolor:white;\n\nfont-size:55px;\n\ncursor:pointer;\n\nuser-select:none;\n\n}\n\n.close{\n\ntop:30px;\n\nright:50px;\n\n}\n\n.prev{\n\nleft:40px;\n\n}\n\n.next{\n\nright:40px;\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/*====================================================\n        DJ VIP LUXURY - GALERIE PREMIUM\n====================================================*\/\n\ndocument.addEventListener(\"DOMContentLoaded\",()=>{\n\n\/*======================================\nLIGHTBOX\n======================================*\/\n\nconst images=document.querySelectorAll(\".bento-gallery img\");\n\nconst lightbox=document.createElement(\"div\");\n\nlightbox.className=\"dj-lightbox\";\n\nlightbox.innerHTML=`\n\n<span class=\"close\">&times;<\/span>\n\n<span class=\"prev\">&#10094;<\/span>\n\n<img>\n\n<span class=\"next\">&#10095;<\/span>\n\n`;\n\ndocument.body.appendChild(lightbox);\n\nconst img=lightbox.querySelector(\"img\");\n\nconst close=lightbox.querySelector(\".close\");\n\nconst prev=lightbox.querySelector(\".prev\");\n\nconst next=lightbox.querySelector(\".next\");\n\nlet current=0;\n\n\/*====================================*\/\n\nfunction show(index){\n\ncurrent=index;\n\nimg.src=images[current].src;\n\nlightbox.classList.add(\"open\");\n\ndocument.body.style.overflow=\"hidden\";\n\n}\n\nimages.forEach((photo,index)=>{\n\nphoto.addEventListener(\"click\",()=>{\n\nshow(index);\n\n});\n\n});\n\n\/*====================================*\/\n\nclose.onclick=()=>{\n\nlightbox.classList.remove(\"open\");\n\ndocument.body.style.overflow=\"\";\n\n}\n\nlightbox.onclick=(e)=>{\n\nif(e.target===lightbox){\n\nlightbox.classList.remove(\"open\");\n\ndocument.body.style.overflow=\"\";\n\n}\n\n}\n\n\/*====================================*\/\n\nnext.onclick=()=>{\n\ncurrent++;\n\nif(current>=images.length){\n\ncurrent=0;\n\n}\n\nimg.src=images[current].src;\n\n}\n\nprev.onclick=()=>{\n\ncurrent--;\n\nif(current<0){\n\ncurrent=images.length-1;\n\n}\n\nimg.src=images[current].src;\n\n}\n\n\/*====================================*\/\n\ndocument.addEventListener(\"keydown\",(e)=>{\n\nif(!lightbox.classList.contains(\"open\"))\n\nreturn;\n\nif(e.key===\"Escape\"){\n\nlightbox.classList.remove(\"open\");\n\ndocument.body.style.overflow=\"\";\n\n}\n\nif(e.key===\"ArrowRight\"){\n\nnext.click();\n\n}\n\nif(e.key===\"ArrowLeft\"){\n\nprev.click();\n\n}\n\n});\n\n\/*======================================\nAPPARITION\n======================================*\/\n\nconst observer=new IntersectionObserver(entries=>{\n\nentries.forEach(entry=>{\n\nif(entry.isIntersecting){\n\nentry.target.style.opacity=1;\n\nentry.target.style.transform=\"translateY(0)\";\n\n}\n\n});\n\n},{threshold:.15});\n\ndocument.querySelectorAll(\n\n\".gallery-header,.item\"\n\n).forEach(el=>{\n\nel.style.opacity=0;\n\nel.style.transform=\"translateY(60px)\";\n\nel.style.transition=\".8s\";\n\nobserver.observe(el);\n\n});\n\n\/*======================================\nEFFET 3D\n======================================*\/\n\ndocument.querySelectorAll(\".item\").forEach(card=>{\n\ncard.addEventListener(\"mousemove\",(e)=>{\n\nconst rect=card.getBoundingClientRect();\n\nconst x=e.clientX-rect.left;\n\nconst y=e.clientY-rect.top;\n\nconst rotateY=((x\/rect.width)-.5)*12;\n\nconst rotateX=((y\/rect.height)-.5)*-12;\n\ncard.style.transform=\n\n`perspective(1200px)\n\nrotateY(${rotateY}deg)\n\nrotateX(${rotateX}deg)\n\nscale(1.03)`;\n\n});\n\ncard.addEventListener(\"mouseleave\",()=>{\n\ncard.style.transform=\"\";\n\n});\n\n});\n\n\/*======================================\nLUMIERE\n======================================*\/\n\ndocument.querySelectorAll(\".item\").forEach(card=>{\n\ncard.addEventListener(\"mousemove\",(e)=>{\n\nconst rect=card.getBoundingClientRect();\n\nconst x=e.clientX-rect.left;\n\nconst y=e.clientY-rect.top;\n\ncard.style.background=\n\n`radial-gradient(circle at ${x}px ${y}px,\n\nrgba(255,215,0,.15),\n\n#111 70%)`;\n\n});\n\ncard.addEventListener(\"mouseleave\",()=>{\n\ncard.style.background=\"#111\";\n\n});\n\n});\n\n});\n<\/script>\n\n<!--==================================================\n            GALERIE PREMIUM DJ VIP LUXURY\n===================================================-->\n\n<section class=\"dj-gallery-premium\">\n\n    <div class=\"gallery-header\">\n\n        <span>\ud83d\udcf8 NOS R\u00c9ALISATIONS<\/span>\n\n        <h2>\n            Des souvenirs cr\u00e9\u00e9s \u00e0 chaque prestation\n        <\/h2>\n\n        <p>\n\n            Chaque \u00e9v\u00e9nement est unique.\n            D\u00e9couvrez une s\u00e9lection de nos r\u00e9alisations lors de mariages,\n            anniversaires, karaok\u00e9s et soir\u00e9es priv\u00e9es.\n\n        <\/p>\n\n    <\/div>\n\n    <div class=\"bento-gallery\">\n\n        <!-- GRANDE -->\n\n        <div class=\"item big\">\n\n            <img decoding=\"async\" src=\"https:\/\/sauxgroupe.fr\/wp-content\/uploads\/2024\/05\/screenshot_20240528_130519_instagram.jpg\">\n\n            <div class=\"caption\">\n\n                <h3>Animation Live<\/h3>\n\n                <p>DJ \u2022 Micro \u2022 Ambiance<\/p>\n\n            <\/div>\n\n        <\/div>\n\n        <!-- HAUTE -->\n\n        <div class=\"item tall\">\n\n            <img decoding=\"async\" src=\"https:\/\/sauxgroupe.fr\/wp-content\/uploads\/2024\/05\/screenshot_20240528_123417_photos.jpg\">\n\n        <\/div>\n\n        <!-- PETITES -->\n\n        <div class=\"item\">\n\n            <img decoding=\"async\" src=\"https:\/\/sauxgroupe.fr\/wp-content\/uploads\/2024\/05\/screenshot_20240326_124000_photos.jpg\">\n\n        <\/div>\n\n        <div class=\"item\">\n\n            <img decoding=\"async\" src=\"https:\/\/sauxgroupe.fr\/wp-content\/uploads\/2024\/05\/screenshot_20240326_175919_photos.jpg\">\n\n        <\/div>\n\n        <div class=\"item wide\">\n\n            <img decoding=\"async\" src=\"https:\/\/sauxgroupe.fr\/wp-content\/uploads\/2024\/05\/screenshot_20240528_130226_instagram.jpg\">\n\n        <\/div>\n\n        <div class=\"item\">\n\n            <img decoding=\"async\" src=\"https:\/\/sauxgroupe.fr\/wp-content\/uploads\/2024\/05\/screenshot_20240311_200832_photos.jpg\">\n\n        <\/div>\n\n        <div class=\"item\">\n\n            <img decoding=\"async\" src=\"https:\/\/sauxgroupe.fr\/wp-content\/uploads\/2024\/05\/screenshot_20240311_200405_photos.jpg\">\n\n        <\/div>\n\n        <div class=\"item wide\">\n\n            <img decoding=\"async\" src=\"https:\/\/sauxgroupe.fr\/wp-content\/uploads\/2024\/05\/20240317_023750-scaled.jpg\">\n\n        <\/div>\n\n        <div class=\"item\">\n\n            <img decoding=\"async\" src=\"https:\/\/sauxgroupe.fr\/wp-content\/uploads\/2024\/05\/screenshot_20240308_232230_photos.jpg\">\n\n        <\/div>\n\n        <div class=\"item\">\n\n            <img decoding=\"async\" src=\"https:\/\/sauxgroupe.fr\/wp-content\/uploads\/2024\/05\/20240316_181815-scaled.jpg\">\n\n        <\/div>\n\n        <div class=\"item big\">\n\n            <img decoding=\"async\" src=\"https:\/\/sauxgroupe.fr\/wp-content\/uploads\/2024\/05\/100_karaoke_ecran.jpg\">\n\n            <div class=\"caption\">\n\n                <h3>Karaok\u00e9 G\u00e9ant<\/h3>\n\n                <p>Animation interactive<\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/*====================================================\n            NOS PRESTATIONS\n====================================================*\/\n\n.dj-services{\n\n    background:#070707;\n\n    padding:120px 8%;\n\n    position:relative;\n\n    overflow:hidden;\n\n}\n\n.dj-services::before{\n\ncontent:\"\";\n\nposition:absolute;\n\nwidth:700px;\n\nheight:700px;\n\ntop:-300px;\n\nleft:-300px;\n\nbackground:radial-gradient(circle,#FFD70012,transparent);\n\nfilter:blur(40px);\n\n}\n\n.dj-services::after{\n\ncontent:\"\";\n\nposition:absolute;\n\nwidth:650px;\n\nheight:650px;\n\nbottom:-250px;\n\nright:-250px;\n\nbackground:radial-gradient(circle,#2D7FFF15,transparent);\n\nfilter:blur(40px);\n\n}\n\n\/*======================================*\/\n\n.services-header{\n\nmax-width:900px;\n\nmargin:auto;\n\ntext-align:center;\n\nmargin-bottom:80px;\n\nposition:relative;\n\nz-index:2;\n\n}\n\n.services-header span{\n\ndisplay:inline-block;\n\npadding:12px 28px;\n\nborder-radius:40px;\n\nborder:1px solid rgba(255,215,0,.35);\n\ncolor:#FFD700;\n\nmargin-bottom:20px;\n\nletter-spacing:2px;\n\nfont-weight:bold;\n\n}\n\n.services-header h2{\n\nfont-size:58px;\n\nfont-weight:900;\n\ncolor:white;\n\nmargin-bottom:25px;\n\n}\n\n.services-header p{\n\nfont-size:20px;\n\nline-height:1.9;\n\ncolor:#d8d8d8;\n\n}\n\n\/*======================================*\/\n\n.services-grid{\n\nmax-width:1600px;\n\nmargin:auto;\n\ndisplay:grid;\n\ngrid-template-columns:repeat(3,1fr);\n\ngap:28px;\n\nposition:relative;\n\nz-index:2;\n\n}\n\n.service{\n\nbackground:linear-gradient(145deg,#101010,#181818);\n\nborder-radius:25px;\n\npadding:45px;\n\ntext-align:center;\n\ntransition:.45s;\n\nposition:relative;\n\noverflow:hidden;\n\nborder:1px solid rgba(255,255,255,.05);\n\n}\n\n.service::before{\n\ncontent:\"\";\n\nposition:absolute;\n\ntop:0;\n\nleft:-120%;\n\nwidth:70%;\n\nheight:100%;\n\nbackground:\n\nlinear-gradient(\n\n90deg,\n\ntransparent,\n\nrgba(255,255,255,.18),\n\ntransparent\n\n);\n\ntransition:.8s;\n\n}\n\n.service:hover::before{\n\nleft:150%;\n\n}\n\n.service:hover{\n\ntransform:\n\ntranslateY(-12px)\n\nscale(1.02);\n\nborder-color:#FFD700;\n\nbox-shadow:\n\n0 25px 60px rgba(255,215,0,.18);\n\n}\n\n\/*======================================*\/\n\n.icon{\n\nwidth:95px;\n\nheight:95px;\n\nmargin:auto;\n\nmargin-bottom:25px;\n\ndisplay:flex;\n\njustify-content:center;\n\nalign-items:center;\n\nfont-size:42px;\n\nborder-radius:50%;\n\nbackground:\n\nlinear-gradient(\n\n135deg,\n\n#FFD700,\n\n#2D7FFF\n\n);\n\nbox-shadow:\n\n0 15px 35px rgba(255,215,0,.25);\n\n}\n\n.service h3{\n\nfont-size:30px;\n\nmargin-bottom:20px;\n\ncolor:white;\n\n}\n\n.service p{\n\nfont-size:18px;\n\nline-height:1.9;\n\ncolor:#d5d5d5;\n\n}\n\n\/*======================================*\/\n\n.services-bottom{\n\nmargin-top:70px;\n\ndisplay:flex;\n\njustify-content:center;\n\n}\n\n.service-btn{\n\npadding:22px 42px;\n\nborder-radius:60px;\n\nbackground:\n\nlinear-gradient(\n\n135deg,\n\n#FFD700,\n\n#ffb400\n\n);\n\ncolor:#111;\n\nfont-size:20px;\n\nfont-weight:800;\n\ntext-decoration:none;\n\ntransition:.35s;\n\nbox-shadow:\n\n0 20px 45px rgba(255,215,0,.25);\n\n}\n\n.service-btn:hover{\n\ntransform:\n\ntranslateY(-8px)\n\nscale(1.04);\n\nbox-shadow:\n\n0 30px 60px rgba(255,215,0,.40);\n\n}\n\n\/*======================================*\/\n\n@media(max-width:1200px){\n\n.services-grid{\n\ngrid-template-columns:repeat(2,1fr);\n\n}\n\n}\n\n@media(max-width:800px){\n\n.dj-services{\n\npadding:80px 25px;\n\n}\n\n.services-grid{\n\ngrid-template-columns:1fr;\n\n}\n\n.services-header h2{\n\nfont-size:40px;\n\n}\n\n.services-header p{\n\nfont-size:17px;\n\n}\n\n.service{\n\npadding:35px;\n\n}\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/*====================================================\n        NOS PRESTATIONS - DJ VIP LUXURY\n====================================================*\/\n\ndocument.addEventListener(\"DOMContentLoaded\",()=>{\n\n\/*======================================\nAPPARITION\n======================================*\/\n\nconst observer=new IntersectionObserver(entries=>{\n\nentries.forEach(entry=>{\n\nif(entry.isIntersecting){\n\nentry.target.animate([\n\n{\nopacity:0,\ntransform:\"translateY(80px)\"\n},\n\n{\nopacity:1,\ntransform:\"translateY(0)\"\n}\n\n],{\n\nduration:800,\n\nfill:\"forwards\",\n\neasing:\"ease-out\"\n\n});\n\nobserver.unobserve(entry.target);\n\n}\n\n});\n\n},{threshold:.15});\n\ndocument.querySelectorAll(\n\n\".services-header,.service,.services-bottom\"\n\n).forEach(el=>{\n\nobserver.observe(el);\n\n});\n\n\/*======================================\nEFFET 3D\n======================================*\/\n\ndocument.querySelectorAll(\".service\").forEach(card=>{\n\ncard.addEventListener(\"mousemove\",(e)=>{\n\nconst rect=card.getBoundingClientRect();\n\nconst x=e.clientX-rect.left;\n\nconst y=e.clientY-rect.top;\n\nconst rotateY=((x\/rect.width)-0.5)*12;\n\nconst rotateX=((y\/rect.height)-0.5)*-12;\n\ncard.style.transform=\n\n`perspective(1200px)\n\nrotateY(${rotateY}deg)\n\nrotateX(${rotateX}deg)\n\ntranslateY(-8px)\n\nscale(1.02)`;\n\n});\n\ncard.addEventListener(\"mouseleave\",()=>{\n\ncard.style.transform=\"\";\n\n});\n\n});\n\n\/*======================================\nHALO LUMINEUX\n======================================*\/\n\ndocument.querySelectorAll(\".service\").forEach(card=>{\n\ncard.addEventListener(\"mousemove\",(e)=>{\n\nconst rect=card.getBoundingClientRect();\n\nconst x=e.clientX-rect.left;\n\nconst y=e.clientY-rect.top;\n\ncard.style.background=\n\n`radial-gradient(circle at ${x}px ${y}px,\n\nrgba(255,215,0,.12),\n\n#151515 70%)`;\n\n});\n\ncard.addEventListener(\"mouseleave\",()=>{\n\ncard.style.background=\"linear-gradient(145deg,#101010,#181818)\";\n\n});\n\n});\n\n\/*======================================\nPULSATION DES IC\u00d4NES\n======================================*\/\n\ndocument.querySelectorAll(\".icon\").forEach(icon=>{\n\nsetInterval(()=>{\n\nicon.animate([\n\n{\ntransform:\"scale(1)\"\n},\n\n{\ntransform:\"scale(1.12)\"\n},\n\n{\ntransform:\"scale(1)\"\n}\n\n],{\n\nduration:1400\n\n});\n\n},2500);\n\n});\n\n\/*======================================\nBOUTON\n======================================*\/\n\nconst btn=document.querySelector(\".service-btn\");\n\nif(btn){\n\nbtn.addEventListener(\"mouseenter\",()=>{\n\nbtn.animate([\n\n{\ntransform:\"scale(1)\"\n},\n\n{\ntransform:\"scale(1.05)\"\n},\n\n{\ntransform:\"scale(1)\"\n}\n\n],{\n\nduration:350\n\n});\n\n});\n\n}\n\n});\n<\/script>\n\n<!--==================================================\n            NOS PRESTATIONS\n===================================================-->\n\n<section class=\"dj-services\">\n\n    <div class=\"services-header\">\n\n        <span>\u2728 NOS PRESTATIONS<\/span>\n\n        <h2>\n\n            Une prestation adapt\u00e9e \u00e0 chaque \u00e9v\u00e9nement\n\n        <\/h2>\n\n        <p>\n\n            Quelle que soit l&rsquo;occasion, DJ VIP LUXURY met son exp\u00e9rience,\n            son mat\u00e9riel professionnel et sa passion au service de votre \u00e9v\u00e9nement.\n\n        <\/p>\n\n    <\/div>\n\n    <div class=\"services-grid\">\n\n        <!-- Mariage -->\n\n        <div class=\"service\">\n\n            <div class=\"icon\">\ud83d\udc8d<\/div>\n\n            <h3>Mariages<\/h3>\n\n            <p>\n\n                Animation compl\u00e8te de votre mariage :\n                c\u00e9r\u00e9monie, vin d&rsquo;honneur, repas,\n                ouverture de bal et soir\u00e9e dansante.\n\n            <\/p>\n\n        <\/div>\n\n        <!-- Anniversaire -->\n\n        <div class=\"service\">\n\n            <div class=\"icon\">\ud83c\udf82<\/div>\n\n            <h3>Anniversaires<\/h3>\n\n            <p>\n\n                Une ambiance personnalis\u00e9e,\n                adapt\u00e9e \u00e0 tous les \u00e2ges\n                pour une soir\u00e9e inoubliable.\n\n            <\/p>\n\n        <\/div>\n\n        <!-- Karaok\u00e9 -->\n\n        <div class=\"service\">\n\n            <div class=\"icon\">\ud83c\udfa4<\/div>\n\n            <h3>Karaok\u00e9<\/h3>\n\n            <p>\n\n                \u00c9cran g\u00e9ant,\n                micros sans fil\n                et milliers de chansons.\n\n            <\/p>\n\n        <\/div>\n\n        <!-- Comit\u00e9 -->\n\n        <div class=\"service\">\n\n            <div class=\"icon\">\ud83c\udfaa<\/div>\n\n            <h3>Comit\u00e9s des f\u00eates<\/h3>\n\n            <p>\n\n                Sonorisation,\n                \u00e9clairage\n                et animation de manifestations.\n\n            <\/p>\n\n        <\/div>\n\n        <!-- Entreprises -->\n\n        <div class=\"service\">\n\n            <div class=\"icon\">\ud83c\udfe2<\/div>\n\n            <h3>\u00c9v\u00e9nements professionnels<\/h3>\n\n            <p>\n\n                S\u00e9minaires,\n                soir\u00e9es d&rsquo;entreprise,\n                inaugurations,\n                cocktails.\n\n            <\/p>\n\n        <\/div>\n\n        <!-- Sonorisation -->\n\n        <div class=\"service\">\n\n            <div class=\"icon\">\ud83d\udd0a<\/div>\n\n            <h3>Sonorisation &amp; \u00c9clairage<\/h3>\n\n            <p>\n\n                Mat\u00e9riel professionnel,\n                jeux de lumi\u00e8res,\n                machines \u00e0 effets\n                et installation compl\u00e8te.\n\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n    <div class=\"services-bottom\">\n\n      \n\n            \n\n\n\n<style data-wp-block-html=\"css\">\n\/*====================================================\n            GENERATEUR DE DEVIS\n====================================================*\/\n\n.dj-estimate{\n\npadding:110px 8%;\n\nbackground:#070707;\n\nposition:relative;\n\noverflow:hidden;\n\n}\n\n.dj-estimate::before{\n\ncontent:\"\";\n\nposition:absolute;\n\ntop:-250px;\n\nleft:-250px;\n\nwidth:650px;\n\nheight:650px;\n\nbackground:radial-gradient(circle,#FFD70020,transparent);\n\nfilter:blur(45px);\n\n}\n\n.dj-estimate::after{\n\ncontent:\"\";\n\nposition:absolute;\n\nbottom:-250px;\n\nright:-250px;\n\nwidth:650px;\n\nheight:650px;\n\nbackground:radial-gradient(circle,#2D7FFF20,transparent);\n\nfilter:blur(45px);\n\n}\n\n\/****************************************\/\n\n.estimate-title{\n\nmax-width:850px;\n\nmargin:auto;\n\ntext-align:center;\n\nmargin-bottom:70px;\n\nposition:relative;\n\nz-index:2;\n\n}\n\n.estimate-title span{\n\ndisplay:inline-block;\n\npadding:12px 28px;\n\nborder-radius:50px;\n\nborder:1px solid rgba(255,215,0,.3);\n\nbackground:rgba(255,215,0,.08);\n\ncolor:#FFD700;\n\nfont-weight:700;\n\nletter-spacing:2px;\n\nmargin-bottom:20px;\n\n}\n\n.estimate-title h2{\n\nfont-size:56px;\n\nfont-weight:900;\n\ncolor:#fff;\n\nmargin-bottom:20px;\n\n}\n\n.estimate-title p{\n\nfont-size:19px;\n\nline-height:1.8;\n\ncolor:#d9d9d9;\n\n}\n\n\/****************************************\/\n\n.estimate-container{\n\ndisplay:grid;\n\ngrid-template-columns:1.3fr .7fr;\n\ngap:40px;\n\nmax-width:1500px;\n\nmargin:auto;\n\nposition:relative;\n\nz-index:2;\n\n}\n\n\/****************************************\/\n\n.estimate-form{\n\nbackground:#111;\n\npadding:45px;\n\nborder-radius:28px;\n\nborder:1px solid rgba(255,255,255,.08);\n\n}\n\n.field{\n\nmargin-bottom:30px;\n\n}\n\n.field label{\n\ndisplay:block;\n\nmargin-bottom:12px;\n\nfont-size:17px;\n\nfont-weight:700;\n\ncolor:#FFD700;\n\n}\n\n\/****************************************\/\n\n.estimate-form select{\n\nwidth:100% !important;\n\nheight:58px;\n\npadding:0 18px;\n\nborder-radius:15px;\n\nbackground:#1b1b1b !important;\n\ncolor:#fff !important;\n\nborder:2px solid #2D7FFF;\n\nfont-size:17px;\n\noutline:none;\n\nappearance:none;\n\n}\n\n.estimate-form option{\n\nbackground:#1b1b1b;\n\ncolor:white;\n\n}\n\n\/****************************************\/\n\n#distance{\n\nwidth:100%;\n\naccent-color:#FFD700;\n\nmargin-top:10px;\n\n}\n\n#kmValue{\n\ndisplay:block;\n\nmargin-top:12px;\n\nfont-weight:700;\n\ncolor:#2D7FFF;\n\n}\n\n\/****************************************\/\n\n.options{\n\ndisplay:grid;\n\ngrid-template-columns:repeat(2,1fr);\n\ngap:15px;\n\nmargin-top:25px;\n\n}\n\n.options h3{\n\ngrid-column:1\/-1;\n\ncolor:#fff;\n\nmargin-bottom:5px;\n\n}\n\n.options label{\n\ndisplay:flex;\n\nalign-items:center;\n\ngap:10px;\n\nbackground:#191919;\n\npadding:16px;\n\nborder-radius:15px;\n\ncursor:pointer;\n\ncolor:white;\n\ntransition:.35s;\n\nborder:1px solid rgba(255,255,255,.05);\n\n}\n\n.options label:hover{\n\ntransform:translateY(-6px);\n\nborder-color:#FFD700;\n\n}\n\n.options input{\n\ntransform:scale(1.2);\n\n}\n\n\/****************************************\/\n\n.estimate-result{\n\nbackground:linear-gradient(145deg,#101010,#181818);\n\nborder-radius:30px;\n\npadding:45px;\n\ntext-align:center;\n\nborder:1px solid rgba(255,215,0,.25);\n\ndisplay:flex;\n\nflex-direction:column;\n\njustify-content:center;\n\n}\n\n.estimate-label{\n\ncolor:#FFD700;\n\nfont-weight:700;\n\nletter-spacing:2px;\n\n}\n\n#prix{\n\nfont-size:74px;\n\nmargin:20px 0;\n\nfont-weight:900;\n\nbackground:linear-gradient(135deg,#FFD700,#2D7FFF);\n\n-webkit-background-clip:text;\n\n-webkit-text-fill-color:transparent;\n\n}\n\n.estimate-result p{\n\ncolor:#d8d8d8;\n\nmargin-bottom:25px;\n\n}\n\n.estimate-result ul{\n\nlist-style:none;\n\npadding:0;\n\nmargin:0 0 35px;\n\n}\n\n.estimate-result li{\n\npadding:8px 0;\n\ncolor:white;\n\n}\n\n\/****************************************\/\n\n.estimate-button{\n\ndisplay:block;\n\npadding:18px;\n\nborder-radius:50px;\n\nbackground:linear-gradient(135deg,#FFD700,#ffb400);\n\ntext-decoration:none;\n\ncolor:#111;\n\nfont-size:18px;\n\nfont-weight:800;\n\nmargin-bottom:15px;\n\ntransition:.35s;\n\n}\n\n.call-button{\n\ndisplay:block;\n\npadding:18px;\n\nborder-radius:50px;\n\nbackground:linear-gradient(135deg,#2D7FFF,#1652c8);\n\ntext-decoration:none;\n\ncolor:white;\n\nfont-size:18px;\n\nfont-weight:800;\n\ntransition:.35s;\n\n}\n\n.estimate-button:hover,\n\n.call-button:hover{\n\ntransform:translateY(-6px);\n\n}\n\n\/****************************************\/\n\n@media(max-width:1000px){\n\n.estimate-container{\n\ngrid-template-columns:1fr;\n\n}\n\n}\n\n@media(max-width:700px){\n\n.dj-estimate{\n\npadding:70px 20px;\n\n}\n\n.estimate-title h2{\n\nfont-size:36px;\n\n}\n\n.options{\n\ngrid-template-columns:1fr;\n\n}\n\n#prix{\n\nfont-size:52px;\n\n}\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const type = document.getElementById(\"type\");\n    const duree = document.getElementById(\"duree\");\n    const personnes = document.getElementById(\"personnes\");\n    const distance = document.getElementById(\"distance\");\n    const kmValue = document.getElementById(\"kmValue\");\n    const prix = document.getElementById(\"prix\");\n\n    if (\n        !type ||\n        !duree ||\n        !personnes ||\n        !distance ||\n        !kmValue ||\n        !prix\n    ) {\n        return;\n    }\n\n    const options = document.querySelectorAll(\".options input\");\n\n    const tarifs = {\n\n        mariage: {\n            6: {100:450,200:550},\n            10:{100:650,200:750}\n        },\n\n        bapteme: {\n            6:{100:350,200:450},\n            10:{100:450,200:550}\n        },\n\n        anniversaire: {\n            6:{100:400,200:500},\n            10:{100:500,200:600}\n        },\n\n        prive: {\n            6:{100:350,200:450},\n            10:{100:450,200:550}\n        },\n\n        comite: {\n            6:{100:400,200:500},\n            10:{100:550,200:650}\n        }\n\n    };\n\n    function calculer(){\n\n        let total = 0;\n\n        if(\n            tarifs[type.value] &&\n            tarifs[type.value][duree.value] &&\n            tarifs[type.value][duree.value][personnes.value]\n        ){\n\n            total = tarifs[type.value][duree.value][personnes.value];\n\n        }\n\n        const km = Number(distance.value);\n\n        kmValue.textContent = km + \" km\";\n\n        if(km > 5){\n\n            total += (km - 5) * 0.40;\n\n        }\n\n        options.forEach(function(option){\n\n            if(option.checked){\n\n                total += Number(option.value);\n\n            }\n\n        });\n\n        prix.textContent = Math.round(total) + \" \u20ac\";\n\n    }\n\n    type.onchange = calculer;\n    duree.onchange = calculer;\n    personnes.onchange = calculer;\n    distance.oninput = calculer;\n\n    options.forEach(function(option){\n\n        option.onchange = calculer;\n\n    });\n\n    calculer();\n\n});\n<\/script>\n\n<section class=\"dj-estimate\">\n\n    <div class=\"estimate-title\">\n\n        <span>\ud83d\udcb0 ESTIMATION INSTANTAN\u00c9E<\/span>\n\n        <h2>Estimez le co\u00fbt de votre \u00e9v\u00e9nement<\/h2>\n\n        <p>\n            Configurez votre prestation en quelques clics et obtenez une estimation instantan\u00e9e.\n        <\/p>\n\n    <\/div>\n\n    <div class=\"estimate-container\">\n\n        <!-- ====================== -->\n        <!-- FORMULAIRE -->\n        <!-- ====================== -->\n\n        <div class=\"estimate-form\">\n\n            <div class=\"field\">\n\n                <label>Type d&rsquo;\u00e9v\u00e9nement<\/label>\n\n                <select id=\"type\">\n\n                    <option value=\"mariage\">\ud83d\udc8d Mariage<\/option>\n\n                    <option value=\"bapteme\">\ud83d\udc76 Bapt\u00eame<\/option>\n\n                    <option value=\"anniversaire\">\ud83c\udf82 Anniversaire<\/option>\n\n                    <option value=\"prive\">\ud83c\udf89 Soir\u00e9e priv\u00e9e<\/option>\n\n                    <option value=\"comite\">\ud83c\udfaa Comit\u00e9 des f\u00eates<\/option>\n\n                <\/select>\n\n            <\/div>\n\n            <div class=\"field\">\n\n                <label>Dur\u00e9e de prestation<\/label>\n\n                <select id=\"duree\">\n\n                    <option value=\"6\">\n                        Jusqu&rsquo;\u00e0 6 heures\n                    <\/option>\n\n                    <option value=\"10\">\n                        6 \u00e0 10 heures\n                    <\/option>\n\n                <\/select>\n\n            <\/div>\n\n            <div class=\"field\">\n\n                <label>Nombre de personnes<\/label>\n\n                <select id=\"personnes\">\n\n                    <option value=\"100\">\n                        Jusqu&rsquo;\u00e0 100 personnes\n                    <\/option>\n\n                    <option value=\"200\">\n                        100 \u00e0 200 personnes\n                    <\/option>\n\n                <\/select>\n\n            <\/div>\n\n            <div class=\"field\">\n\n                <label>Kilom\u00e8tres suppl\u00e9mentaires<\/label>\n\n                <input\n                    type=\"range\"\n                    id=\"distance\"\n                    min=\"0\"\n                    max=\"150\"\n                    value=\"0\"\n                    step=\"1\">\n\n                <span id=\"kmValue\">0 km<\/span>\n\n            <\/div>\n\n            <div class=\"options\">\n\n                <h3>Options suppl\u00e9mentaires<\/h3>\n\n                <label>\n\n                    <input type=\"checkbox\" value=\"100\">\n\n                    \ud83c\udfa4 Karaok\u00e9 (+100\u20ac)\n\n                <\/label>\n\n                <label>\n\n                    <input type=\"checkbox\" value=\"150\">\n\n                    \ud83c\udf2b\ufe0f Machine \u00e0 fum\u00e9e (+150\u20ac)\n\n                <\/label>\n\n                <label>\n\n                    <input type=\"checkbox\" value=\"250\">\n\n                    \u2728 \u00c9tincelles froides (+250\u20ac)\n\n                <\/label>\n\n                <label>\n\n                    <input type=\"checkbox\" value=\"300\">\n\n                    \ud83e\udee7 Machine \u00e0 mousse (+300\u20ac)\n\n                <\/label>\n\n            <\/div>\n\n        <\/div>\n\n        <!-- ====================== -->\n        <!-- RESULTAT -->\n        <!-- ====================== -->\n\n        <div class=\"estimate-result\">\n\n            <span class=\"estimate-label\">\n\n                ESTIMATION\n\n            <\/span>\n\n            <h3 id=\"prix\">\n\n                450 \u20ac\n\n            <\/h3>\n\n            <p>\n\n                Prix indicatif TTC\n\n            <\/p>\n\n            <ul>\n\n                <li>\u2714 Installation comprise<\/li>\n\n                <li>\u2714 Sonorisation professionnelle<\/li>\n\n                <li>\u2714 \u00c9clairage professionnel<\/li>\n\n                <li>\u2714 Conseils personnalis\u00e9s<\/li>\n\n            <\/ul>\n\n            <a\n                href=\"https:\/\/sauxgroupe.fr\/?page_id=499\"\n                class=\"estimate-button\">\n\n                \ud83d\udccb Demander mon devis\n\n            <\/a>\n\n            <a\n                href=\"tel:0638150863\"\n                class=\"call-button\">\n\n                \ud83d\udcde 06 38 15 08 63\n\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udfa7 DJ VIP LUXURY L&rsquo;animation qui fait toute la diff\u00e9rence. Mariages \u2022 Anniversaires \u2022 Bapt\u00eames \u2022 Soir\u00e9es priv\u00e9es \u2022 Comit\u00e9s des f\u00eates \ud83c\udfb5 Playlist personnalis\u00e9e \ud83d\udd0a Sonorisation professionnelle \ud83d\udca1 Jeux de lumi\u00e8res \ud83c\udfa4 Karaok\u00e9 &#038; Animations \ud83d\udccb Demander un devis \ud83d\udcde 06 38 15 08 63 \ud83d\udcf8 NOS R\u00c9ALISATIONS Des souvenirs cr\u00e9\u00e9s \u00e0 chaque prestation [&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-193","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/sauxgroupe.fr\/index.php?rest_route=\/wp\/v2\/pages\/193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sauxgroupe.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sauxgroupe.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sauxgroupe.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sauxgroupe.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=193"}],"version-history":[{"count":20,"href":"https:\/\/sauxgroupe.fr\/index.php?rest_route=\/wp\/v2\/pages\/193\/revisions"}],"predecessor-version":[{"id":519,"href":"https:\/\/sauxgroupe.fr\/index.php?rest_route=\/wp\/v2\/pages\/193\/revisions\/519"}],"wp:attachment":[{"href":"https:\/\/sauxgroupe.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}