{"id":261,"date":"2024-05-28T15:21:38","date_gmt":"2024-05-28T13:21:38","guid":{"rendered":"https:\/\/sauxgroup.fr\/?page_id=261"},"modified":"2026-07-16T13:46:49","modified_gmt":"2026-07-16T11:46:49","slug":"contactez-nous","status":"publish","type":"page","link":"https:\/\/sauxgroupe.fr\/?page_id=261","title":{"rendered":"Contactez-Nous"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/*==================================================\nCONTACT - HERO\n==================================================*\/\n\n.contact-hero{\n\n    width:100%;\n    padding:100px 20px 60px;\n    box-sizing:border-box;\n\n}\n\n.contact-hero-container{\n\n    max-width:1000px;\n    margin:auto;\n    text-align:center;\n\n}\n\n.contact-badge{\n\n    display:inline-block;\n    padding:12px 30px;\n    border:2px solid #FFD700;\n    border-radius:50px;\n    color:#FFD700;\n    font-size:15px;\n    font-weight:700;\n    letter-spacing:3px;\n    text-transform:uppercase;\n    margin-bottom:40px;\n\n}\n\n.contact-hero h1{\n\n    font-size:72px;\n    line-height:1.1;\n    color:#ffffff;\n    font-weight:800;\n    margin-bottom:45px;\n\n}\n\n.contact-hero p{\n\n    font-size:28px;\n    line-height:1.8;\n    color:#d9d9d9;\n    margin-bottom:25px;\n\n}\n\n.contact-hero strong{\n\n    color:#FFD700;\n    font-weight:700;\n\n}\n\n.hero-separator{\n\n    width:90px;\n    height:6px;\n    margin:60px auto 0;\n    border-radius:50px;\n    background:linear-gradient(90deg,#1ea7ff,#FFD700);\n    box-shadow:0 0 18px #FFD700;\n\n}\n\n\/*==================================================\nCARTES\n==================================================*\/\n\n.contact-cards{\n\n    max-width:1400px;\n    margin:90px auto;\n    padding:0 20px;\n\n    display:grid;\n    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));\n    gap:35px;\n\n    box-sizing:border-box;\n\n}\n\n.contact-card{\n\n    background:linear-gradient(145deg,#12233d,#1b2735);\n    border:2px solid #c79d1b;\n    border-radius:28px;\n    padding:45px 30px;\n    text-align:center;\n\n    transition:.35s;\n\n    box-shadow:\n    0 0 25px rgba(255,215,0,.12);\n\n}\n\n.contact-card:hover{\n\n    transform:translateY(-10px);\n\n    box-shadow:\n    0 0 35px rgba(255,215,0,.35);\n\n}\n\n.card-icon{\n\n    font-size:58px;\n    margin-bottom:25px;\n\n}\n\n.contact-card h3{\n\n    color:#FFD700;\n    font-size:34px;\n    margin-bottom:25px;\n\n}\n\n.contact-card p{\n\n    color:#ffffff;\n    line-height:1.8;\n    font-size:22px;\n\n}\n\n.contact-card a{\n\n    color:#ffffff;\n    text-decoration:none;\n    font-weight:700;\n\n}\n\n.contact-card a:hover{\n\n    color:#FFD700;\n\n}\n\n\/*==================================================\nANIMATION\n==================================================*\/\n\n.contact-hero,\n.contact-card{\n\n    opacity:0;\n    transform:translateY(40px);\n\n}\n\n.contact-hero.show,\n.contact-card.show{\n\n    opacity:1;\n    transform:translateY(0);\n\n    transition:\n    opacity .8s ease,\n    transform .8s ease;\n\n}\n\n\/*==================================================\nRESPONSIVE\n==================================================*\/\n\n@media(max-width:992px){\n\n.contact-hero{\n\npadding:80px 20px 40px;\n\n}\n\n.contact-hero h1{\n\nfont-size:52px;\n\n}\n\n.contact-hero p{\n\nfont-size:22px;\n\n}\n\n.contact-card h3{\n\nfont-size:28px;\n\n}\n\n.contact-card p{\n\nfont-size:19px;\n\n}\n\n}\n\n@media(max-width:768px){\n\n.contact-hero h1{\n\nfont-size:40px;\n\n}\n\n.contact-hero p{\n\nfont-size:19px;\n\n}\n\n.contact-badge{\n\nfont-size:13px;\npadding:10px 22px;\n\n}\n\n.contact-cards{\n\ngrid-template-columns:1fr;\n\n}\n\n.contact-card{\n\npadding:35px 25px;\n\n}\n\n.card-icon{\n\nfont-size:48px;\n\n}\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/*==================================================\nANIMATION APPARITION\n==================================================*\/\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const elements = document.querySelectorAll(\n        \".contact-hero, .contact-card\"\n    );\n\n    if (!elements.length) return;\n\n    const observer = new IntersectionObserver(function(entries){\n\n        entries.forEach(function(entry){\n\n            if(entry.isIntersecting){\n\n                entry.target.classList.add(\"show\");\n\n                observer.unobserve(entry.target);\n\n            }\n\n        });\n\n    },{\n\n        threshold:0.20\n\n    });\n\n    elements.forEach(function(element){\n\n        observer.observe(element);\n\n    });\n\n});\n\n\/*==================================================\nEFFET HOVER SUR LES CARTES\n==================================================*\/\n\ndocument.querySelectorAll(\".contact-card\").forEach(function(card){\n\n    card.addEventListener(\"mouseenter\", function(){\n\n        card.style.transform = \"translateY(-10px) scale(1.03)\";\n\n    });\n\n    card.addEventListener(\"mouseleave\", function(){\n\n        card.style.transform = \"translateY(0) scale(1)\";\n\n    });\n\n});\n<\/script>\n\n<!--==================================================\nBLOC 1 - PR\u00c9SENTATION\n==================================================-->\n\n<section class=\"contact-hero\">\n\n    <div class=\"contact-hero-container\">\n\n        <span class=\"contact-badge\">\n            SAUX GROUPE\n        <\/span>\n\n        <h1>\n\n            Votre projet m\u00e9rite une \u00e9quipe de confiance.\n\n        <\/h1>\n\n        <p>\n\n            Que vous recherchiez une solution informatique avec\n\n            <strong>Do Technologies<\/strong>\n\n            ou une prestation \u00e9v\u00e9nementielle avec\n\n            <strong>DJ VIP LUXURY<\/strong>,\n\n            nous mettons notre expertise \u00e0 votre service.\n\n        <\/p>\n\n        <p>\n\n            Notre priorit\u00e9 est de vous proposer un accompagnement\n            personnalis\u00e9, des conseils adapt\u00e9s \u00e0 vos besoins et\n            une r\u00e9ponse rapide pour chacun de vos projets.\n\n        <\/p>\n\n        <div class=\"hero-separator\"><\/div>\n\n    <\/div>\n\n<\/section>\n\n<!--==================================================\nBLOC 2 - CARTES\n==================================================-->\n\n<section class=\"contact-cards\">\n\n    <div class=\"contact-card\">\n\n        <div class=\"card-icon\">\n            \ud83d\udccd\n        <\/div>\n\n        <h3>\n            Adresse Postale\n        <\/h3>\n\n        <p>\n\n            1 Rue de la Carr\u00e8re<br>\n\n            31210 Ponlat-Taillebourg<br>\n\n            France\n\n        <\/p>\n\n    <\/div>\n\n    <div class=\"contact-card\">\n\n        <div class=\"card-icon\">\n            \ud83d\udcbb\n        <\/div>\n\n        <h3>\n\n            Do Technologies\n\n        <\/h3>\n\n        <p>\n\n            D\u00e9pannage informatique<br>\n\n            R\u00e9seaux &#038; Cybers\u00e9curit\u00e9<br>\n\n            Cr\u00e9ation de sites Internet<br>\n\n            Maintenance &#038; Assistance\n\n        <\/p>\n\n    <\/div>\n\n    <div class=\"contact-card\">\n\n        <div class=\"card-icon\">\n            \ud83c\udfa7\n        <\/div>\n\n        <h3>\n\n            DJ VIP LUXURY\n\n        <\/h3>\n\n        <p>\n\n            Mariages &#038; Anniversaires<br>\n\n            Soir\u00e9es priv\u00e9es<br>\n\n            Sonorisation &#038; \u00c9clairage<br>\n\n            Animation professionnelle\n\n        <\/p>\n\n    <\/div>\n\n    <div class=\"contact-card\">\n\n        <div class=\"card-icon\">\n            \ud83d\udcde\n        <\/div>\n\n        <h3>\n\n            T\u00e9l\u00e9phone\n\n        <\/h3>\n\n        <p>\n\n            <a href=\"tel:0638150863\">\n\n                06 38 15 08 63\n\n            <\/a>\n\n        <\/p>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/*==================================================\nBLOC 2 - FORMULAIRE\n==================================================*\/\n\n.contact-form-section{\n\n    padding:120px 20px;\n    background:#050505;\n\n}\n\n.contact-form-container{\n\n    max-width:1100px;\n    margin:auto;\n\n    background:linear-gradient(\n        145deg,\n        #101826,\n        #18283d\n    );\n\n    border:2px solid rgba(255,215,0,.25);\n\n    border-radius:30px;\n\n    padding:70px;\n\n    box-shadow:\n    0 0 40px rgba(255,215,0,.15);\n\n}\n\n\/*========================*\/\n\n.form-title{\n\n    text-align:center;\n\n    margin-bottom:55px;\n\n}\n\n.form-title span{\n\n    display:inline-block;\n\n    padding:12px 28px;\n\n    border-radius:50px;\n\n    border:2px solid rgba(255,215,0,.35);\n\n    color:#FFD700;\n\n    font-weight:700;\n\n    letter-spacing:2px;\n\n    margin-bottom:25px;\n\n}\n\n.form-title h2{\n\n    color:#fff;\n\n    font-size:54px;\n\n    font-weight:900;\n\n    margin-bottom:20px;\n\n}\n\n.form-title p{\n\n    color:#d7d7d7;\n\n    font-size:20px;\n\n    line-height:1.8;\n\n}\n\n\/*========================*\/\n\n.contact-form-container form{\n\n    display:flex;\n\n    flex-direction:column;\n\n    gap:25px;\n\n}\n\n.form-row{\n\n    display:grid;\n\n    grid-template-columns:1fr 1fr;\n\n    gap:25px;\n\n}\n\n\/*========================*\/\n\n.contact-form-container input,\n.contact-form-container select,\n.contact-form-container textarea{\n\n    width:100%;\n\n    padding:18px 22px;\n\n    border-radius:15px;\n\n    border:2px solid rgba(255,255,255,.08);\n\n    background:#0d1724;\n\n    color:#fff;\n\n    font-size:18px;\n\n    outline:none;\n\n    transition:.35s;\n\n    box-sizing:border-box;\n\n}\n\n.contact-form-container input::placeholder,\n.contact-form-container textarea::placeholder{\n\n    color:#aeb8c2;\n\n}\n\n.contact-form-container textarea{\n\n    min-height:220px;\n\n    resize:vertical;\n\n}\n\n\/*========================*\/\n\n.contact-form-container input:focus,\n.contact-form-container textarea:focus,\n.contact-form-container select:focus{\n\n    border-color:#FFD700;\n\n    box-shadow:\n    0 0 20px rgba(255,215,0,.25);\n\n}\n\n\/*========================*\/\n\n.contact-form-container button{\n\n    margin-top:15px;\n\n    padding:20px;\n\n    border:none;\n\n    border-radius:60px;\n\n    background:linear-gradient(\n        135deg,\n        #FFD700,\n        #ffb000\n    );\n\n    color:#111;\n\n    font-size:22px;\n\n    font-weight:800;\n\n    cursor:pointer;\n\n    transition:.35s;\n\n}\n\n.contact-form-container button:hover{\n\n    transform:translateY(-5px);\n\n    box-shadow:\n    0 0 35px rgba(255,215,0,.45);\n\n}\n\n\/*========================*\/\n\n.contact-form-section{\n\n    opacity:0;\n\n    transform:translateY(50px);\n\n}\n\n.contact-form-section.show{\n\n    opacity:1;\n\n    transform:translateY(0);\n\n    transition:.8s ease;\n\n}\n\n\/*========================*\/\n\n@media(max-width:900px){\n\n.form-row{\n\ngrid-template-columns:1fr;\n\n}\n\n.contact-form-container{\n\npadding:40px 25px;\n\n}\n\n.form-title h2{\n\nfont-size:40px;\n\n}\n\n.form-title p{\n\nfont-size:17px;\n\n}\n\n}\n\n@media(max-width:600px){\n\n.contact-form-section{\n\npadding:80px 15px;\n\n}\n\n.contact-form-container{\n\npadding:25px 18px;\n\n}\n\n.contact-form-container button{\n\nfont-size:18px;\n\n}\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/*==================================================\nBLOC 2 - FORMULAIRE\n==================================================*\/\n\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n    \/*==============================\n    APPARITION AU SCROLL\n    ==============================*\/\n\n    const formSection = document.querySelector(\".contact-form-section\");\n\n    if(formSection){\n\n        const observer = new IntersectionObserver(function(entries){\n\n            entries.forEach(function(entry){\n\n                if(entry.isIntersecting){\n\n                    entry.target.classList.add(\"show\");\n\n                    observer.unobserve(entry.target);\n\n                }\n\n            });\n\n        },{\n\n            threshold:0.20\n\n        });\n\n        observer.observe(formSection);\n\n    }\n\n    \/*==============================\n    ANIMATION DES CHAMPS\n    ==============================*\/\n\n    document.querySelectorAll(\n        \".contact-form-container input, .contact-form-container textarea, .contact-form-container select\"\n    ).forEach(function(field){\n\n        field.addEventListener(\"focus\",function(){\n\n            this.style.transform=\"scale(1.02)\";\n\n        });\n\n        field.addEventListener(\"blur\",function(){\n\n            this.style.transform=\"scale(1)\";\n\n        });\n\n    });\n\n    \/*==============================\n    BOUTON\n    ==============================*\/\n\n    const button=document.querySelector(\".contact-form-container button\");\n\n    if(button){\n\n        button.addEventListener(\"mouseenter\",function(){\n\n            this.style.transform=\"translateY(-5px) scale(1.03)\";\n\n        });\n\n        button.addEventListener(\"mouseleave\",function(){\n\n            this.style.transform=\"translateY(0) scale(1)\";\n\n        });\n\n    }\n\n    \/*==============================\n    VALIDATION\n    ==============================*\/\n\n    const form=document.querySelector(\".contact-form-container form\");\n\n    if(form){\n\n        form.addEventListener(\"submit\",function(e){\n\n            const nom=form.querySelector(\"[name='Nom']\").value.trim();\n            const prenom=form.querySelector(\"[name='Prenom']\").value.trim();\n            const telephone=form.querySelector(\"[name='Telephone']\").value.trim();\n            const email=form.querySelector(\"[name='Email']\").value.trim();\n            const sujet=form.querySelector(\"[name='Sujet']\").value.trim();\n            const message=form.querySelector(\"[name='Message']\").value.trim();\n\n            if(\n                nom===\"\" ||\n                prenom===\"\" ||\n                telephone===\"\" ||\n                email===\"\" ||\n                sujet===\"\" ||\n                message===\"\"\n            ){\n\n                e.preventDefault();\n\n                alert(\"Merci de compl\u00e9ter tous les champs.\");\n\n                return;\n\n            }\n\n        });\n\n    }\n\n});\n<\/script>\n\n<!--==================================================\nBLOC 2 - FORMULAIRE DE CONTACT\n==================================================-->\n\n<section class=\"contact-form-section\">\n\n    <div class=\"contact-form-container\">\n\n        <div class=\"form-title\">\n\n            <span>\n                \u2709 CONTACT\n            <\/span>\n\n            <h2>\n                Formulaire de contact\n            <\/h2>\n\n            <p>\n\n                Une question ? Un devis ? Un projet ?\n                Nous vous r\u00e9pondons g\u00e9n\u00e9ralement sous 24 heures.\n\n            <\/p>\n\n        <\/div>\n\n        <form action=\"\/send.php\"\n              method=\"POST\"\n              enctype=\"multipart\/form-data\">\n\n            <!-- Type du formulaire -->\n            <input type=\"hidden\" name=\"TypeFormulaire\" value=\"Contact\">\n\n            <div class=\"form-row\">\n\n                <input\n                    type=\"text\"\n                    name=\"Nom\"\n                    placeholder=\"Nom\"\n                    required>\n\n                <input\n                    type=\"text\"\n                    name=\"Prenom\"\n                    placeholder=\"Pr\u00e9nom\"\n                    required>\n\n            <\/div>\n\n            <div class=\"form-row\">\n\n                <input\n                    type=\"tel\"\n                    name=\"Telephone\"\n                    placeholder=\"Num\u00e9ro de t\u00e9l\u00e9phone\"\n                    required>\n\n                <select\n                    name=\"Activite\"\n                    required>\n\n                    <option value=\"\">\n                        Activit\u00e9 concern\u00e9e\n                    <\/option>\n\n                    <option>\n                        Do Technologies\n                    <\/option>\n\n                    <option>\n                        DJ VIP LUXURY\n                    <\/option>\n\n                <\/select>\n\n            <\/div>\n\n            <input\n                type=\"email\"\n                name=\"Email\"\n                placeholder=\"Adresse e-mail\"\n                required>\n\n            <input\n                type=\"text\"\n                name=\"Sujet\"\n                placeholder=\"Sujet\"\n                required>\n\n            <textarea\n                name=\"Message\"\n                placeholder=\"D\u00e9crivez votre demande...\"\n                required><\/textarea>\n\n            <button type=\"submit\">\n\n                \ud83d\ude80 Envoyer la demande\n\n            <\/button>\n\n        <\/form>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/*==================================================\nBLOC 3 - NOUS TROUVER\n==================================================*\/\n\n.location-section{\n\n    padding:120px 20px;\n    background:#050505;\n\n}\n\n.location-header{\n\n    max-width:900px;\n    margin:0 auto 70px;\n    text-align:center;\n\n}\n\n.location-badge{\n\n    display:inline-block;\n\n    padding:12px 28px;\n\n    border:2px solid rgba(255,215,0,.35);\n\n    border-radius:50px;\n\n    color:#FFD700;\n\n    font-weight:700;\n\n    letter-spacing:2px;\n\n    margin-bottom:25px;\n\n}\n\n.location-header h2{\n\n    color:#fff;\n\n    font-size:60px;\n\n    margin-bottom:25px;\n\n    font-weight:900;\n\n}\n\n.location-header p{\n\n    color:#d7d7d7;\n\n    font-size:20px;\n\n    line-height:1.9;\n\n}\n\n.location-header strong{\n\n    color:#FFD700;\n\n}\n\n\/*================================*\/\n\n.location-card{\n\n    max-width:1400px;\n\n    margin:auto;\n\n}\n\n\/*================================*\/\n\n.location-infos{\n\n    display:grid;\n\n    grid-template-columns:repeat(3,1fr);\n\n    gap:30px;\n\n    margin-bottom:50px;\n\n}\n\n.location-item{\n\n    background:linear-gradient(\n        145deg,\n        #101826,\n        #1b2b42\n    );\n\n    border:2px solid rgba(255,215,0,.20);\n\n    border-radius:25px;\n\n    padding:40px 30px;\n\n    text-align:center;\n\n    transition:.35s;\n\n}\n\n.location-item:hover{\n\n    transform:translateY(-8px);\n\n    border-color:#FFD700;\n\n    box-shadow:0 0 30px rgba(255,215,0,.20);\n\n}\n\n.location-icon{\n\n    width:85px;\n\n    height:85px;\n\n    margin:auto auto 25px;\n\n    border-radius:50%;\n\n    display:flex;\n\n    justify-content:center;\n\n    align-items:center;\n\n    background:linear-gradient(\n        135deg,\n        #FFD700,\n        #ffb100\n    );\n\n    font-size:38px;\n\n}\n\n.location-item h3{\n\n    color:#FFD700;\n\n    font-size:28px;\n\n    margin-bottom:20px;\n\n}\n\n.location-item p{\n\n    color:#fff;\n\n    line-height:1.8;\n\n    font-size:18px;\n\n}\n\n.location-item a{\n\n    color:#fff;\n\n    text-decoration:none;\n\n}\n\n.location-item a:hover{\n\n    color:#FFD700;\n\n}\n\n\/*================================*\/\n\n.google-map{\n\n    position:relative;\n\n    overflow:hidden;\n\n    border-radius:30px;\n\n    box-shadow:0 0 35px rgba(255,215,0,.18);\n\n}\n\n.google-map iframe{\n\n    width:100%;\n\n    height:600px;\n\n    border:none;\n\n    display:block;\n\n}\n\n\/*================================*\/\n\n.flight-path{\n\n    position:absolute;\n\n    inset:0;\n\n    width:100%;\n\n    height:100%;\n\n    pointer-events:none;\n\n    z-index:5;\n\n}\n\n.flight-path path{\n\n    fill:none;\n\n    stroke:#2ea4ff;\n\n    stroke-width:4;\n\n    stroke-dasharray:16 12;\n\n}\n\n\/*================================*\/\n\n.plane{\n\n    position:absolute;\n\n    width:45px;\n\n    height:45px;\n\n    fill:#fff;\n\n    filter:drop-shadow(0 0 12px #2ea4ff);\n\n    z-index:10;\n\n}\n\n\/*================================*\/\n\n.pin{\n\n    position:absolute;\n\n    left:88%;\n\n    top:28%;\n\n    transform:translate(-50%,-50%) scale(0);\n\n    font-size:55px;\n\n    z-index:15;\n\n}\n\n.pin-ring{\n\n    position:absolute;\n\n    left:88%;\n\n    top:28%;\n\n    width:28px;\n\n    height:28px;\n\n    border-radius:50%;\n\n    border:4px solid #FFD700;\n\n    transform:translate(-50%,-50%) scale(0);\n\n    opacity:0;\n\n    z-index:14;\n\n}\n\n@keyframes pulse{\n\n    0%{\n\n        transform:translate(-50%,-50%) scale(.5);\n\n        opacity:1;\n\n    }\n\n    100%{\n\n        transform:translate(-50%,-50%) scale(5);\n\n        opacity:0;\n\n    }\n\n}\n\n\/*================================*\/\n\n.location-section{\n\n    opacity:0;\n\n    transform:translateY(50px);\n\n}\n\n.location-section.show{\n\n    opacity:1;\n\n    transform:translateY(0);\n\n    transition:.8s ease;\n\n}\n\n\/*================================*\/\n\n@media(max-width:1000px){\n\n.location-infos{\n\ngrid-template-columns:1fr;\n\n}\n\n.google-map iframe{\n\nheight:450px;\n\n}\n\n}\n\n@media(max-width:768px){\n\n.location-section{\n\npadding:80px 15px;\n\n}\n\n.location-header h2{\n\nfont-size:40px;\n\n}\n\n.location-header p{\n\nfont-size:17px;\n\n}\n\n.location-item{\n\npadding:30px 20px;\n\n}\n\n.location-item h3{\n\nfont-size:24px;\n\n}\n\n.google-map iframe{\n\nheight:350px;\n\n}\n\n.pin{\n\nleft:82%;\ntop:35%;\n\n}\n\n.pin-ring{\n\nleft:82%;\ntop:35%;\n\n}\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/*==================================================\nBLOC 3 - CARTE GOOGLE ANIM\u00c9E\n==================================================*\/\n\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n    const section=document.querySelector(\".location-section\");\n    const path=document.querySelector(\"#planeRoute\");\n    const plane=document.querySelector(\".plane\");\n    const pin=document.querySelector(\".pin\");\n    const ring=document.querySelector(\".pin-ring\");\n    const map=document.querySelector(\".google-map\");\n\n    if(!section || !path || !plane) return;\n\n    \/*=========================\n    Apparition du bloc\n    =========================*\/\n\n    const observer=new IntersectionObserver(function(entries){\n\n        entries.forEach(function(entry){\n\n            if(entry.isIntersecting){\n\n                section.classList.add(\"show\");\n\n                startAnimation();\n\n                observer.disconnect();\n\n            }\n\n        });\n\n    },{\n\n        threshold:0.20\n\n    });\n\n    observer.observe(section);\n\n    \/*=========================\n    Animation avion\n    =========================*\/\n\n    function startAnimation(){\n\n        const length=path.getTotalLength();\n\n        path.style.strokeDasharray=length;\n        path.style.strokeDashoffset=length;\n\n        path.animate([\n\n            {\n                strokeDashoffset:length\n            },\n\n            {\n                strokeDashoffset:0\n            }\n\n        ],{\n\n            duration:5000,\n            fill:\"forwards\",\n            easing:\"ease\"\n\n        });\n\n        let start=null;\n\n        function fly(timestamp){\n\n            if(!start) start=timestamp;\n\n            let progress=(timestamp-start)\/5000;\n\n            if(progress>1) progress=1;\n\n            const point=path.getPointAtLength(progress*length);\n\n            const next=path.getPointAtLength(\n                Math.min(progress*length+1,length)\n            );\n\n            const angle=Math.atan2(\n                next.y-point.y,\n                next.x-point.x\n            )*(180\/Math.PI);\n\n            plane.style.left=point.x+\"px\";\n            plane.style.top=point.y+\"px\";\n            plane.style.transform=\n                \"translate(-50%,-50%) rotate(\"+angle+\"deg)\";\n\n            if(progress<1){\n\n                requestAnimationFrame(fly);\n\n            }else{\n\n                arrivee();\n\n            }\n\n        }\n\n        requestAnimationFrame(fly);\n\n    }\n\n    \/*=========================\n    Arriv\u00e9e\n    =========================*\/\n\n    function arrivee(){\n\n        pin.animate([\n\n            {\n\n                transform:\"translate(-50%,-50%) scale(0)\",\n\n                opacity:0\n\n            },\n\n            {\n\n                transform:\"translate(-50%,-50%) scale(1.3)\",\n\n                opacity:1\n\n            },\n\n            {\n\n                transform:\"translate(-50%,-50%) scale(1)\",\n\n                opacity:1\n\n            }\n\n        ],{\n\n            duration:700,\n\n            fill:\"forwards\"\n\n        });\n\n        ring.style.animation=\"pulse 1.8s infinite\";\n\n        if(map){\n\n            map.animate([\n\n                {\n\n                    transform:\"scale(1)\"\n\n                },\n\n                {\n\n                    transform:\"scale(1.03)\"\n\n                },\n\n                {\n\n                    transform:\"scale(1)\"\n\n                }\n\n            ],{\n\n                duration:1200\n\n            });\n\n        }\n\n    }\n\n});\n<\/script>\n\n<!--==================================================\nBLOC 3 - NOUS TROUVER\n==================================================-->\n\n<section class=\"location-section\">\n\n    <div class=\"location-header\">\n\n        <span class=\"location-badge\">\n\n            \ud83d\udccd NOUS TROUVER\n\n        <\/span>\n\n        <h2>\n\n            Venez nous rencontrer\n\n        <\/h2>\n\n        <p>\n\n            Nous vous accueillons dans nos locaux \u00e0\n            <strong>Ponlat-Taillebourg<\/strong>.\n            Nous intervenons \u00e9galement dans toute l'Occitanie\n            selon vos besoins.\n\n        <\/p>\n\n    <\/div>\n\n    <div class=\"location-card\">\n\n        <div class=\"location-infos\">\n\n            <div class=\"location-item\">\n\n                <div class=\"location-icon\">\n\n                    \ud83d\udccd\n\n                <\/div>\n\n                <h3>\n\n                    Adresse\n\n                <\/h3>\n\n                <p>\n\n                    1 Rue de la Carr\u00e8re<br>\n                    31210 Ponlat-Taillebourg\n\n                <\/p>\n\n            <\/div>\n\n            <div class=\"location-item\">\n\n                <div class=\"location-icon\">\n\n                    \ud83d\udcde\n\n                <\/div>\n\n                <h3>\n\n                    T\u00e9l\u00e9phone\n\n                <\/h3>\n\n                <p>\n\n                    <a href=\"tel:0638150863\">\n\n                        06 38 15 08 63\n\n                    <\/a>\n\n                <\/p>\n\n            <\/div>\n\n            <div class=\"location-item\">\n\n                <div class=\"location-icon\">\n\n                    \u2709\ufe0f\n\n                <\/div>\n\n                <h3>\n\n                    Email\n\n                <\/h3>\n\n                <p>\n\n                    <a href=\"mailto:sauxgroupe@gmail.com\">\n\n                        sauxgroupe@gmail.com\n\n                    <\/a>\n\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n        <!--=========================\n        CARTE\n        =========================-->\n\n        <div class=\"google-map\">\n\n            <!-- Trajectoire -->\n\n            <svg\n                class=\"flight-path\"\n                viewBox=\"0 0 1200 600\"\n                preserveAspectRatio=\"none\">\n\n                <path\n\n                    id=\"planeRoute\"\n\n                    d=\"M40 520\n                       C260 340\n                       520 180\n                       860 220\n                       S1120 300\n                       1160 170\"\/>\n\n            <\/svg>\n\n            <!-- Avion -->\n\n            <svg\n                class=\"plane\"\n                viewBox=\"0 0 64 64\">\n\n                <path\n\n                    d=\"M61 30\n                       L36 24\n                       L23 4\n                       L18 5\n                       L23 25\n                       L8 20\n                       L4 23\n                       L18 31\n                       L4 39\n                       L8 42\n                       L23 37\n                       L18 57\n                       L23 58\n                       L36 38\n                       L61 32\n                       Z\"\/>\n\n            <\/svg>\n\n            <div class=\"pin\">\n\n                \ud83d\udccd\n\n            <\/div>\n\n            <div class=\"pin-ring\"><\/div>\n\n            <iframe\n\n                src=\"https:\/\/www.google.com\/maps?q=1+Rue+de+la+Carrere+31210+Ponlat-Taillebourg&#038;output=embed\"\n\n                loading=\"lazy\"\n\n                allowfullscreen>\n\n            <\/iframe>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/*==================================================\nBLOC 5 - CALL TO ACTION\n==================================================*\/\n\n.cta-final{\n\n    position:relative;\n\n    overflow:hidden;\n\n    padding:130px 20px;\n\n    background:\n    radial-gradient(circle at top left,#163b73 0%,transparent 45%),\n    radial-gradient(circle at bottom right,#9d7b00 0%,transparent 35%),\n    #050505;\n\n}\n\n.cta-overlay{\n\n    position:absolute;\n\n    inset:0;\n\n    background:\n    linear-gradient(\n        135deg,\n        rgba(255,215,0,.05),\n        transparent,\n        rgba(0,140,255,.05)\n    );\n\n    pointer-events:none;\n\n}\n\n.cta-container{\n\n    position:relative;\n\n    z-index:2;\n\n    max-width:1300px;\n\n    margin:auto;\n\n    text-align:center;\n\n}\n\n\/*========================*\/\n\n.cta-badge{\n\n    display:inline-block;\n\n    padding:12px 30px;\n\n    border-radius:50px;\n\n    border:2px solid rgba(255,215,0,.35);\n\n    color:#FFD700;\n\n    font-weight:700;\n\n    letter-spacing:2px;\n\n    margin-bottom:30px;\n\n}\n\n.cta-container h2{\n\n    color:#fff;\n\n    font-size:68px;\n\n    line-height:1.1;\n\n    margin-bottom:30px;\n\n    font-weight:900;\n\n}\n\n.cta-container p{\n\n    max-width:900px;\n\n    margin:auto;\n\n    color:#d7d7d7;\n\n    font-size:22px;\n\n    line-height:1.9;\n\n    margin-bottom:70px;\n\n}\n\n\/*========================*\/\n\n.cta-stats{\n\n    display:grid;\n\n    grid-template-columns:repeat(4,1fr);\n\n    gap:30px;\n\n    margin-bottom:70px;\n\n}\n\n.stat{\n\n    background:linear-gradient(\n        145deg,\n        #101826,\n        #1c2b42\n    );\n\n    border:2px solid rgba(255,215,0,.20);\n\n    border-radius:25px;\n\n    padding:35px;\n\n    transition:.35s;\n\n}\n\n.stat:hover{\n\n    transform:translateY(-10px);\n\n    border-color:#FFD700;\n\n    box-shadow:0 0 35px rgba(255,215,0,.20);\n\n}\n\n.stat h3{\n\n    font-size:54px;\n\n    color:#FFD700;\n\n    margin-bottom:10px;\n\n    font-weight:900;\n\n}\n\n.stat span{\n\n    color:#fff;\n\n    font-size:18px;\n\n}\n\n\/*========================*\/\n\n.cta-buttons{\n\n    display:flex;\n\n    justify-content:center;\n\n    gap:25px;\n\n    flex-wrap:wrap;\n\n}\n\n.cta-buttons a{\n\n    padding:20px 40px;\n\n    border-radius:60px;\n\n    text-decoration:none;\n\n    font-size:19px;\n\n    font-weight:700;\n\n    transition:.35s;\n\n}\n\n\/*========================*\/\n\n.gold-btn{\n\n    background:linear-gradient(\n        135deg,\n        #FFD700,\n        #ffb000\n    );\n\n    color:#111;\n\n    box-shadow:0 0 30px rgba(255,215,0,.35);\n\n}\n\n.gold-btn:hover{\n\n    transform:translateY(-6px);\n\n    box-shadow:0 0 45px rgba(255,215,0,.55);\n\n}\n\n.blue-btn{\n\n    border:2px solid #2ea4ff;\n\n    color:#fff;\n\n}\n\n.blue-btn:hover{\n\n    background:#2ea4ff;\n\n    transform:translateY(-6px);\n\n}\n\n\/*========================*\/\n\n.cta-final{\n\n    opacity:0;\n\n    transform:translateY(60px);\n\n}\n\n.cta-final.show{\n\n    opacity:1;\n\n    transform:translateY(0);\n\n    transition:.9s ease;\n\n}\n\n\/*========================*\/\n\n@media(max-width:1050px){\n\n.cta-stats{\n\ngrid-template-columns:repeat(2,1fr);\n\n}\n\n.cta-container h2{\n\nfont-size:48px;\n\n}\n\n}\n\n@media(max-width:768px){\n\n.cta-final{\n\npadding:90px 20px;\n\n}\n\n.cta-container h2{\n\nfont-size:38px;\n\n}\n\n.cta-container p{\n\nfont-size:18px;\n\n}\n\n.cta-stats{\n\ngrid-template-columns:1fr;\n\n}\n\n.cta-buttons{\n\nflex-direction:column;\n\n}\n\n.cta-buttons a{\n\nwidth:100%;\n\ntext-align:center;\n\n}\n\n.stat h3{\n\nfont-size:42px;\n\n}\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/*==================================================\nBLOC 5 - CALL TO ACTION\n==================================================*\/\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const section = document.querySelector(\".cta-final\");\n\n    if (!section) return;\n\n    \/*====================================\n    Apparition du bloc\n    ====================================*\/\n\n    const observer = new IntersectionObserver(function(entries){\n\n        entries.forEach(function(entry){\n\n            if(entry.isIntersecting){\n\n                section.classList.add(\"show\");\n\n                startCounters();\n\n                observer.unobserve(section);\n\n            }\n\n        });\n\n    },{\n\n        threshold:0.20\n\n    });\n\n    observer.observe(section);\n\n    \/*====================================\n    Compteurs anim\u00e9s\n    ====================================*\/\n\n    let started = false;\n\n    function startCounters(){\n\n        if(started) return;\n\n        started = true;\n\n        document.querySelectorAll(\".counter\").forEach(function(counter){\n\n            const target = parseInt(counter.dataset.target);\n\n            let value = 0;\n\n            const increment = Math.max(1, Math.ceil(target \/ 80));\n\n            const interval = setInterval(function(){\n\n                value += increment;\n\n                if(value >= target){\n\n                    value = target;\n\n                    clearInterval(interval);\n\n                }\n\n                counter.textContent = value;\n\n            },20);\n\n        });\n\n    }\n\n    \/*====================================\n    Animation des cartes\n    ====================================*\/\n\n    document.querySelectorAll(\".stat\").forEach(function(card){\n\n        card.addEventListener(\"mouseenter\",function(){\n\n            this.style.transform = \"translateY(-10px) scale(1.03)\";\n\n        });\n\n        card.addEventListener(\"mouseleave\",function(){\n\n            this.style.transform = \"translateY(0) scale(1)\";\n\n        });\n\n    });\n\n    \/*====================================\n    Animation boutons\n    ====================================*\/\n\n    document.querySelectorAll(\".cta-buttons a\").forEach(function(btn){\n\n        btn.addEventListener(\"mouseenter\",function(){\n\n            this.style.transform = \"translateY(-6px) scale(1.05)\";\n\n        });\n\n        btn.addEventListener(\"mouseleave\",function(){\n\n            this.style.transform = \"translateY(0) scale(1)\";\n\n        });\n\n    });\n\n});\n<\/script>\n\n<!--==================================================\nBLOC 5 - CALL TO ACTION\n==================================================-->\n\n<section class=\"cta-final\">\n\n    <div class=\"cta-overlay\"><\/div>\n\n    <div class=\"cta-container\">\n\n        <span class=\"cta-badge\">\n\n            \ud83d\ude80 PR\u00caT \u00c0 D\u00c9MARRER ?\n\n        <\/span>\n\n        <h2>\n\n            Donnons vie \u00e0 votre projet.\n\n        <\/h2>\n\n        <p>\n\n            Que ce soit pour un d\u00e9pannage informatique,\n            la cr\u00e9ation de votre site Internet,\n            la location de mat\u00e9riel ou l'animation de votre \u00e9v\u00e9nement,\n            Saux Groupe vous accompagne de A \u00e0 Z.\n\n        <\/p>\n\n        <div class=\"cta-stats\">\n\n            <div class=\"stat\">\n\n                <h3 class=\"counter\" data-target=\"500\">0<\/h3>\n\n                <span>Clients accompagn\u00e9s<\/span>\n\n            <\/div>\n\n            <div class=\"stat\">\n\n                <h3 class=\"counter\" data-target=\"100\">0<\/h3>\n\n                <span>% Satisfaction<\/span>\n\n            <\/div>\n\n            <div class=\"stat\">\n\n                <h3>\n\n                    24H\n\n                <\/h3>\n\n                <span>R\u00e9ponse moyenne<\/span>\n\n            <\/div>\n\n            <div class=\"stat\">\n\n                <h3>\n\n                    7J\/7\n\n                <\/h3>\n\n                <span>Disponibilit\u00e9<\/span>\n\n            <\/div>\n\n        <\/div>\n\n        <div class=\"cta-buttons\">\n\n            <a href=\"https:\/\/sauxgroupe.fr\/?page_id=499\" class=\"gold-btn\">\n\n                \ud83d\udccb Demander un devis\n\n            <\/a>\n\n            <a href=\"tel:0638150863\" class=\"blue-btn\">\n\n                \ud83d\udcde Nous appeler\n\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/*==================================================\nBLOC 6 - AVIS CLIENTS PREMIUM\n==================================================*\/\n\n.reviews-section{\n\n    padding:120px 20px;\n    background:#050505;\n    overflow:hidden;\n\n}\n\n.reviews-header{\n\n    max-width:900px;\n    margin:0 auto 70px;\n    text-align:center;\n\n}\n\n.reviews-badge{\n\n    display:inline-block;\n\n    padding:12px 30px;\n\n    border-radius:50px;\n\n    border:2px solid rgba(255,215,0,.35);\n\n    background:rgba(255,215,0,.08);\n\n    color:#FFD700;\n\n    font-weight:700;\n\n    letter-spacing:2px;\n\n    margin-bottom:25px;\n\n}\n\n.reviews-header h2{\n\n    color:#fff;\n\n    font-size:60px;\n\n    font-weight:900;\n\n    margin-bottom:25px;\n\n}\n\n.reviews-header p{\n\n    color:#d7d7d7;\n\n    font-size:20px;\n\n    line-height:1.8;\n\n}\n\n.reviews-header strong{\n\n    color:#FFD700;\n\n}\n\n\/*================================*\/\n\n.reviews-slider{\n\n    width:100%;\n\n    overflow:hidden;\n\n    position:relative;\n\n    margin-top:30px;\n\n}\n\n\/* D\u00e9grad\u00e9 sur les c\u00f4t\u00e9s *\/\n\n.reviews-slider::before,\n.reviews-slider::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    top:0;\n\n    width:140px;\n\n    height:100%;\n\n    z-index:5;\n\n    pointer-events:none;\n\n}\n\n.reviews-slider::before{\n\n    left:0;\n\n    background:linear-gradient(\n        90deg,\n        #050505,\n        transparent\n    );\n\n}\n\n.reviews-slider::after{\n\n    right:0;\n\n    background:linear-gradient(\n        -90deg,\n        #050505,\n        transparent\n    );\n\n}\n\n\/*================================*\/\n\n.reviews-track{\n\n    display:flex;\n\n    gap:30px;\n\n    width:max-content;\n\n    will-change:transform;\n\n}\n\n\/*================================*\/\n\n.review-card{\n\n    width:360px;\n\n    min-height:340px;\n\n    flex-shrink:0;\n\n    border-radius:28px;\n\n    padding:35px;\n\n    position:relative;\n\n    overflow:hidden;\n\n    background:\n    linear-gradient(\n        145deg,\n        rgba(18,28,45,.95),\n        rgba(32,46,69,.95)\n    );\n\n    border:2px solid rgba(255,215,0,.18);\n\n    transition:.4s;\n\n    box-shadow:\n    0 0 35px rgba(0,0,0,.35);\n\n}\n\n.review-card::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:240px;\n\n    height:240px;\n\n    border-radius:50%;\n\n    background:rgba(255,215,0,.05);\n\n    top:-120px;\n\n    right:-120px;\n\n}\n\n.review-card:hover{\n\n    transform:translateY(-10px);\n\n    border-color:#FFD700;\n\n    box-shadow:\n    0 0 40px rgba(255,215,0,.28);\n\n}\n\n\/*================================*\/\n\n.review-top{\n\n    display:flex;\n\n    align-items:center;\n\n    gap:18px;\n\n    margin-bottom:25px;\n\n}\n\n.avatar{\n\n    width:70px;\n\n    height:70px;\n\n    border-radius:50%;\n\n    background:\n    linear-gradient(\n        135deg,\n        #FFD700,\n        #ffb000\n    );\n\n    display:flex;\n\n    justify-content:center;\n\n    align-items:center;\n\n    font-size:28px;\n\n    font-weight:900;\n\n    color:#111;\n\n    flex-shrink:0;\n\n}\n\n.review-top h3{\n\n    margin:0;\n\n    color:#fff;\n\n    font-size:23px;\n\n}\n\n.review-top span{\n\n    display:block;\n\n    margin-top:6px;\n\n    color:#FFD700;\n\n    font-size:15px;\n\n    letter-spacing:1px;\n\n}\n\n\/*================================*\/\n\n.stars{\n\n    color:#FFD700;\n\n    font-size:28px;\n\n    letter-spacing:4px;\n\n    margin-bottom:20px;\n\n    text-shadow:\n    0 0 12px rgba(255,215,0,.55);\n\n}\n\n.review-card p{\n\n    color:#e3e3e3;\n\n    font-size:17px;\n\n    line-height:1.9;\n\n}\n\n\/*================================*\/\n\n.review-card::after{\n\n    content:\"Google \u2605\u2605\u2605\u2605\u2605\";\n\n    position:absolute;\n\n    bottom:25px;\n\n    right:30px;\n\n    font-size:13px;\n\n    color:#7fb7ff;\n\n    font-weight:700;\n\n}\n\n\/*================================*\/\n\n.reviews-section{\n\n    opacity:0;\n\n    transform:translateY(60px);\n\n}\n\n.reviews-section.show{\n\n    opacity:1;\n\n    transform:translateY(0);\n\n    transition:.8s ease;\n\n}\n\n\/*================================*\/\n\n@media(max-width:1000px){\n\n.review-card{\n\nwidth:320px;\n\nmin-height:330px;\n\n}\n\n}\n\n@media(max-width:768px){\n\n.reviews-section{\n\npadding:90px 15px;\n\n}\n\n.reviews-header h2{\n\nfont-size:40px;\n\n}\n\n.reviews-header p{\n\nfont-size:17px;\n\n}\n\n.review-card{\n\nwidth:285px;\n\npadding:28px;\n\n}\n\n.avatar{\n\nwidth:58px;\n\nheight:58px;\n\nfont-size:22px;\n\n}\n\n.review-top h3{\n\nfont-size:19px;\n\n}\n\n.review-card p{\n\nfont-size:15px;\n\n}\n\n.stars{\n\nfont-size:22px;\n\n}\n\n.reviews-slider::before,\n.reviews-slider::after{\n\ndisplay:none;\n\n}\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/*==================================================\nBLOC 6 - AVIS CLIENTS PREMIUM\n==================================================*\/\n\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n    const section = document.querySelector(\".reviews-section\");\n    const track = document.querySelector(\".reviews-track\");\n\n    if(!section || !track) return;\n\n    \/*====================================\n    Apparition du bloc\n    ====================================*\/\n\n    const observer = new IntersectionObserver(function(entries){\n\n        entries.forEach(function(entry){\n\n            if(entry.isIntersecting){\n\n                section.classList.add(\"show\");\n\n                observer.unobserve(section);\n\n            }\n\n        });\n\n    },{\n\n        threshold:0.20\n\n    });\n\n    observer.observe(section);\n\n    \/*====================================\n    Carrousel infini\n    ====================================*\/\n\n    track.innerHTML += track.innerHTML;\n\n    let position = 0;\n    let speed = 0.6;\n    let pause = false;\n\n    function animate(){\n\n        if(!pause){\n\n            position += speed;\n\n            if(position >= track.scrollWidth \/ 2){\n\n                position = 0;\n\n            }\n\n            track.style.transform =\n                \"translateX(-\" + position + \"px)\";\n\n        }\n\n        requestAnimationFrame(animate);\n\n    }\n\n    animate();\n\n    \/*====================================\n    Pause au survol\n    ====================================*\/\n\n    track.addEventListener(\"mouseenter\", function(){\n\n        pause = true;\n\n    });\n\n    track.addEventListener(\"mouseleave\", function(){\n\n        pause = false;\n\n    });\n\n    \/*====================================\n    Mobile\n    ====================================*\/\n\n    let startX = 0;\n    let dragging = false;\n\n    track.addEventListener(\"touchstart\", function(e){\n\n        dragging = true;\n\n        pause = true;\n\n        startX = e.touches[0].clientX;\n\n    });\n\n    track.addEventListener(\"touchmove\", function(e){\n\n        if(!dragging) return;\n\n        const currentX = e.touches[0].clientX;\n\n        position -= (currentX - startX);\n\n        startX = currentX;\n\n        if(position < 0){\n\n            position = 0;\n\n        }\n\n        if(position > track.scrollWidth \/ 2){\n\n            position = 0;\n\n        }\n\n        track.style.transform =\n            \"translateX(-\" + position + \"px)\";\n\n    });\n\n    track.addEventListener(\"touchend\", function(){\n\n        dragging = false;\n\n        pause = false;\n\n    });\n\n    \/*====================================\n    Effet sur les cartes\n    ====================================*\/\n\n    document.querySelectorAll(\".review-card\").forEach(function(card){\n\n        card.addEventListener(\"mouseenter\", function(){\n\n            this.style.transform =\n                \"translateY(-10px) scale(1.03)\";\n\n        });\n\n        card.addEventListener(\"mouseleave\", function(){\n\n            this.style.transform =\n                \"translateY(0) scale(1)\";\n\n        });\n\n    });\n\n});\n<\/script>\n\n<!--==================================================\nBLOC 6 - AVIS CLIENTS\n==================================================-->\n\n<section class=\"reviews-section\">\n\n    <div class=\"reviews-header\">\n\n        <span class=\"reviews-badge\">\n\n            \u2b50 AVIS GOOGLE\n\n        <\/span>\n\n        <h2>\n\n            Ils nous font confiance\n\n        <\/h2>\n\n        <p>\n\n            D\u00e9couvrez les t\u00e9moignages de nos clients concernant\n            <strong>Do Technologies<\/strong> et\n            <strong>DJ VIP LUXURY<\/strong>.\n\n        <\/p>\n\n    <\/div>\n\n    <div class=\"reviews-slider\">\n\n        <div class=\"reviews-track\">\n\n            <!--============================-->\n            <!-- DO TECHNOLOGIES -->\n            <!--============================-->\n\n            <div class=\"review-card\">\n\n                <div class=\"review-top\">\n\n                    <div class=\"avatar\">N<\/div>\n\n                    <div>\n\n                        <h3>Nathalie Guinnebault<\/h3>\n\n                        <span>\ud83d\udcbb Do Technologies<\/span>\n\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n\n                <p>\n\n                    Super informaticien.\n                    Intervention rapide,\n                    efficace et de tr\u00e8s bons conseils.\n                    Je recommande vivement.\n\n                <\/p>\n\n            <\/div>\n\n            <div class=\"review-card\">\n\n                <div class=\"review-top\">\n\n                    <div class=\"avatar\">N<\/div>\n\n                    <div>\n\n                        <h3>Nassera El Hocine<\/h3>\n\n                        <span>\ud83d\udcbb Do Technologies<\/span>\n\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n\n                <p>\n\n                    Tr\u00e8s professionnel,\n                    rassurant et efficace.\n                    Prise en charge rapide.\n\n                <\/p>\n\n            <\/div>\n\n            <div class=\"review-card\">\n\n                <div class=\"review-top\">\n\n                    <div class=\"avatar\">E<\/div>\n\n                    <div>\n\n                        <h3>Emma Baron<\/h3>\n\n                        <span>\ud83d\udcbb Do Technologies<\/span>\n\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n\n                <p>\n\n                    Tr\u00e8s comp\u00e9tent,\n                    explique parfaitement\n                    et trouve rapidement la panne.\n\n                <\/p>\n\n            <\/div>\n\n            <div class=\"review-card\">\n\n                <div class=\"review-top\">\n\n                    <div class=\"avatar\">V<\/div>\n\n                    <div>\n\n                        <h3>Val\u00e9rie Roger<\/h3>\n\n                        <span>\ud83d\udcbb Do Technologies<\/span>\n\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n\n                <p>\n\n                    Intervention s\u00e9rieuse,\n                    rapide et tr\u00e8s efficace.\n\n                <\/p>\n\n            <\/div>\n\n            <div class=\"review-card\">\n\n                <div class=\"review-top\">\n\n                    <div class=\"avatar\">J<\/div>\n\n                    <div>\n\n                        <h3>Josiane Delrieu<\/h3>\n\n                        <span>\ud83d\udcbb Do Technologies<\/span>\n\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n\n                <p>\n\n                    Professionnel,\n                    comp\u00e9tent et r\u00e9actif.\n                    Je recommande.\n\n                <\/p>\n\n            <\/div>\n\n            <div class=\"review-card\">\n\n                <div class=\"review-top\">\n\n                    <div class=\"avatar\">E<\/div>\n\n                    <div>\n\n                        <h3>Emma Baron<\/h3>\n\n                        <span>\ud83d\udcbb Do Technologies<\/span>\n\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n\n                <p>\n\n                    Excellent travail,\n                    toujours disponible\n                    et tr\u00e8s professionnel.\n\n                <\/p>\n\n            <\/div>\n\n            <!--============================-->\n            <!-- DJ VIP LUXURY -->\n            <!--============================-->\n\n            <div class=\"review-card\">\n\n                <div class=\"review-top\">\n\n                    <div class=\"avatar\">C<\/div>\n\n                    <div>\n\n                        <h3>Carine Salandini<\/h3>\n\n                        <span>\ud83c\udfa7 DJ VIP LUXURY<\/span>\n\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n\n                <p>\n\n                    Animateur exceptionnel.\n                    \u00c0 l'\u00e9coute et tr\u00e8s professionnel.\n\n                <\/p>\n\n            <\/div>\n\n            <div class=\"review-card\">\n\n                <div class=\"review-top\">\n\n                    <div class=\"avatar\">V<\/div>\n\n                    <div>\n\n                        <h3>Vanessa Rubio<\/h3>\n\n                        <span>\ud83c\udfa7 DJ VIP LUXURY<\/span>\n\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n\n                <p>\n\n                    Magnifique collaboration.\n                    Merci pour votre professionnalisme.\n\n                <\/p>\n\n            <\/div>\n\n            <div class=\"review-card\">\n\n                <div class=\"review-top\">\n\n                    <div class=\"avatar\">Y<\/div>\n\n                    <div>\n\n                        <h3>Yvan Micek<\/h3>\n\n                        <span>\ud83c\udfa7 DJ VIP LUXURY<\/span>\n\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n\n                <p>\n\n                    Tr\u00e8s professionnel,\n                    sympathique et \u00e0 l'\u00e9coute.\n\n                <\/p>\n\n            <\/div>\n\n            <div class=\"review-card\">\n\n                <div class=\"review-top\">\n\n                    <div class=\"avatar\">A<\/div>\n\n                    <div>\n\n                        <h3>Amaryllis Larrieu<\/h3>\n\n                        <span>\ud83c\udfa7 DJ VIP LUXURY<\/span>\n\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n\n                <p>\n\n                    Deux prestations parfaites.\n                    Ambiance au top.\n\n                <\/p>\n\n            <\/div>\n\n            <div class=\"review-card\">\n\n                <div class=\"review-top\">\n\n                    <div class=\"avatar\">S<\/div>\n\n                    <div>\n\n                        <h3>Sandrine Peres<\/h3>\n\n                        <span>\ud83c\udfa7 DJ VIP LUXURY<\/span>\n\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n\n                <p>\n\n                    Mariage r\u00e9ussi.\n                    Tr\u00e8s belle animation\n                    et respect de nos demandes.\n\n                <\/p>\n\n            <\/div>\n\n            <div class=\"review-card\">\n\n                <div class=\"review-top\">\n\n                    <div class=\"avatar\">V<\/div>\n\n                    <div>\n\n                        <h3>Virginie Carmagnole<\/h3>\n\n                        <span>\ud83c\udfa7 DJ VIP LUXURY<\/span>\n\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n\n                <p>\n\n                    Une journ\u00e9e magnifique.\n                    Tr\u00e8s professionnel\n                    et toujours disponible.\n\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>SAUX GROUPE Votre projet m\u00e9rite une \u00e9quipe de confiance. Que vous recherchiez une solution informatique avec Do Technologies ou une prestation \u00e9v\u00e9nementielle avec DJ VIP LUXURY, nous mettons notre expertise \u00e0 votre service. Notre priorit\u00e9 est de vous proposer un accompagnement personnalis\u00e9, des conseils adapt\u00e9s \u00e0 vos besoins et une r\u00e9ponse rapide pour chacun de [&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-261","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/sauxgroupe.fr\/index.php?rest_route=\/wp\/v2\/pages\/261","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=261"}],"version-history":[{"count":24,"href":"https:\/\/sauxgroupe.fr\/index.php?rest_route=\/wp\/v2\/pages\/261\/revisions"}],"predecessor-version":[{"id":558,"href":"https:\/\/sauxgroupe.fr\/index.php?rest_route=\/wp\/v2\/pages\/261\/revisions\/558"}],"wp:attachment":[{"href":"https:\/\/sauxgroupe.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}