{"id":8,"date":"2025-11-05T12:37:31","date_gmt":"2025-11-05T12:37:31","guid":{"rendered":"https:\/\/tania.travel\/?page_id=8"},"modified":"2025-11-05T14:52:12","modified_gmt":"2025-11-05T14:52:12","slug":"8-2","status":"publish","type":"page","link":"https:\/\/tania.travel\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>TANIA TRAVEL &#8211; Votre Gateway de Luxe vers les Alpes &#038; French Riviera<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        html {\n            width: 100% !important;\n            overflow-x: hidden !important;\n        }\n\n        body {\n            font-family: 'Georgia', serif;\n            line-height: 1.6;\n            color: #333;\n            overflow-x: hidden;\n            width: 100% !important;\n            max-width: 100% !important;\n            margin: 0 !important;\n            padding: 0 !important;\n        }\n\n        \/* Force remove all WordPress containers and wrappers *\/\n        body > *:not(script):not(style) {\n            width: 100vw !important;\n            max-width: 100vw !important;\n            margin-left: 0 !important;\n            margin-right: 0 !important;\n            padding-left: 0 !important;\n            padding-right: 0 !important;\n        }\n\n        #page, #content, .site, .site-content, main, article, .entry-content,\n        .container, .wrapper, .content-area, .site-main {\n            width: 100% !important;\n            max-width: 100% !important;\n            margin: 0 !important;\n            padding: 0 !important;\n        }\n\n        .fullwidth-wrapper {\n            width: 100vw !important;\n            max-width: 100vw !important;\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw !important;\n            margin-right: -50vw !important;\n            padding-left: 0 !important;\n            padding-right: 0 !important;\n        }\n\n        .hero {\n            width: 100% !important;\n            height: 100vh;\n            background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('https:\/\/tania.travel\/wp-content\/uploads\/2025\/11\/web_tmp_068.jpg');\n            background-size: cover;\n            background-position: center;\n            background-attachment: fixed;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            color: white;\n            margin: 0 !important;\n            margin-top: -50px !important;\n            padding: 0 !important;\n        }\n\n        .hero-content {\n            padding: 0 20px;\n        }\n\n        .hero h1 {\n            font-size: clamp(2.5rem, 6vw, 5rem);\n            font-weight: 300;\n            letter-spacing: 0.1em;\n            margin-bottom: 1rem;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\n            color: #d4a574 !important;\n        }\n\n        .hero p {\n            font-size: clamp(1.2rem, 3vw, 2rem);\n            font-style: italic;\n            margin-bottom: 2rem;\n            text-shadow: 1px 1px 2px rgba(0,0,0,0.5);\n        }\n\n        .cta {\n            display: inline-block;\n            padding: 15px 40px;\n            background: transparent;\n            color: white;\n            border: 2px solid white;\n            text-decoration: none;\n            font-size: 1rem;\n            letter-spacing: 0.1em;\n            transition: all 0.3s;\n            text-transform: uppercase;\n        }\n\n        .cta:hover {\n            background: white;\n            color: #333;\n            transform: translateY(-2px);\n        }\n\n        .content-section {\n            padding: 100px 8%;\n        }\n\n        .about {\n            background: #f5f5f5;\n        }\n\n        .about-content {\n            max-width: 1400px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 80px;\n            align-items: center;\n        }\n\n        .about img {\n            width: 100%;\n            height: 550px;\n            object-fit: contain;\n            border-radius: 4px;\n            background: #f5f5f5;\n        }\n\n        h2 {\n            font-size: clamp(2.5rem, 5vw, 4rem);\n            font-weight: 300;\n            margin-bottom: 2rem;\n        }\n\n        .about p {\n            margin-bottom: 1.5rem;\n            line-height: 1.9;\n            font-size: 1.05rem;\n        }\n\n        .star {\n            color: #d4a574;\n            margin-right: 8px;\n        }\n\n        .services {\n            background: white;\n        }\n\n        .services h2 {\n            text-align: center;\n            margin-bottom: 80px;\n        }\n\n        .services-grid {\n            max-width: 1400px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n            gap: 50px;\n        }\n\n        .service-card img {\n            width: 100%;\n            height: 280px;\n            object-fit: cover;\n            margin-bottom: 25px;\n            border-radius: 4px;\n            transition: transform 0.3s ease;\n        }\n\n        .service-card:hover img {\n            transform: scale(1.02);\n        }\n\n        .service-card h3 {\n            font-size: 1.6rem;\n            margin-bottom: 15px;\n            font-weight: 400;\n        }\n\n        .service-card p {\n            color: #666;\n            line-height: 1.9;\n            margin-bottom: 12px;\n        }\n\n        .gallery {\n            background: #f5f5f5;\n        }\n\n        .gallery h2 {\n            text-align: center;\n            margin-bottom: 80px;\n        }\n\n        .gallery-grid {\n            max-width: 1400px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 25px;\n        }\n\n        .video-container {\n            position: relative;\n            width: 100%;\n            padding-bottom: 56.25%;\n            height: 0;\n            overflow: hidden;\n            border-radius: 4px;\n            cursor: pointer;\n            transition: transform 0.3s ease;\n            box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n        }\n\n        .video-container:hover {\n            transform: scale(1.02);\n            box-shadow: 0 6px 12px rgba(0,0,0,0.15);\n        }\n\n        .video-container iframe {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            border-radius: 4px;\n            pointer-events: none;\n        }\n\n        .video-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.4);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            opacity: 0;\n            transition: opacity 0.3s;\n            pointer-events: none;\n            border-radius: 4px;\n        }\n\n        .video-container:hover .video-overlay {\n            opacity: 1;\n        }\n\n        .video-overlay span {\n            color: white;\n            font-size: 1.2rem;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.8);\n            font-weight: 500;\n        }\n\n        .video-modal {\n            display: none;\n            position: fixed;\n            z-index: 9999;\n            left: 0;\n            top: 0;\n            width: 100%;\n            height: 100%;\n            background-color: rgba(0,0,0,0.95);\n            animation: fadeIn 0.3s;\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n\n        .video-modal.active {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .modal-content {\n            position: relative;\n            width: 90%;\n            max-width: 1400px;\n            aspect-ratio: 16\/9;\n        }\n\n        .modal-content iframe {\n            width: 100%;\n            height: 100%;\n            border-radius: 8px;\n        }\n\n        .close-modal {\n            position: absolute;\n            top: 20px;\n            right: 40px;\n            color: white;\n            font-size: 50px;\n            font-weight: bold;\n            cursor: pointer;\n            z-index: 10000;\n            transition: color 0.3s;\n        }\n\n        .close-modal:hover {\n            color: #d4a574;\n        }\n\n        .contact {\n            background: #1a1a1a;\n            color: #d4a574;\n            text-align: center;\n        }\n\n        .contact h2 {\n            color: #d4a574;\n            margin-bottom: 30px;\n        }\n\n        .contact p {\n            font-size: 1.1rem;\n            margin: 25px 0;\n        }\n\n        .contact-info {\n            font-size: 1.4rem;\n            margin: 25px 0;\n        }\n\n        .contact a {\n            color: #d4a574;\n            text-decoration: none;\n            border-bottom: 1px solid rgba(212, 165, 116, 0.3);\n            transition: all 0.3s;\n        }\n\n        .contact a:hover {\n            border-bottom-color: #d4a574;\n        }\n\n        @media (max-width: 968px) {\n            .gallery-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (max-width: 768px) {\n            .content-section {\n                padding: 80px 5%;\n            }\n\n            .about-content {\n                grid-template-columns: 1fr;\n                gap: 40px;\n            }\n\n            .about img {\n                height: 400px;\n            }\n\n            .services-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .gallery-grid {\n                grid-template-columns: 1fr;\n            }\n\n            h2 {\n                font-size: 2rem;\n            }\n\n            .close-modal {\n                top: 10px;\n                right: 20px;\n                font-size: 40px;\n            }\n\n            .modal-content {\n                width: 95%;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"fullwidth-wrapper\">\n        <section class=\"hero\">\n            <div class=\"hero-content\">\n                <h1>TANIA TRAVEL<\/h1>\n                <p>Votre Gateway de Luxe vers les Alpes &#038; French Riviera<\/p>\n                <a href=\"#contact\" class=\"cta\">Contactez-nous<\/a>\n            <\/div>\n        <\/section>\n    <\/div>\n\n    <div class=\"fullwidth-wrapper\">\n        <section class=\"about content-section\">\n            <div class=\"about-content\">\n                <img decoding=\"async\" src=\"https:\/\/tania.travel\/wp-content\/uploads\/2025\/11\/tania.png\" alt=\"Tania\">\n                <div>\n                    <h2>\u00c0 propos<\/h2>\n                    <p><span class=\"star\">\u2726<\/span><strong>Avec plus de 10 ans d&#8217;exp\u00e9rience<\/strong>, Tania Travel vous offre une approche v\u00e9ritablement personnalis\u00e9e de vos voyages de luxe dans les destinations les plus pris\u00e9es d&#8217;Europe. Nous connaissons chaque recoin des Alpes fran\u00e7aises et suisses, ainsi que les tr\u00e9sors cach\u00e9s de la C\u00f4te d&#8217;Azur.<\/p>\n                    <p><span class=\"star\">\u2726<\/span><strong>Chaque voyage est unique<\/strong>. Du moment o\u00f9 vous arrivez \u00e0 l&#8217;a\u00e9roport jusqu&#8217;\u00e0 votre dernier d\u00eener face au coucher du soleil \u2013 nous sommes l\u00e0 pour rendre chaque instant inoubliable.<\/p>\n                    <p><span class=\"star\">\u2726<\/span><strong>Nous prenons soin de chaque d\u00e9tail<\/strong> \u2013 r\u00e9servations de restaurants \u00e9toil\u00e9s, organisation d&#8217;\u00e9v\u00e9nements priv\u00e9s, acc\u00e8s VIP, transferts en h\u00e9licopt\u00e8re \u2013 pour que vous puissiez simplement vous d\u00e9tendre et profiter pleinement de votre voyage.<\/p>\n                    <p><span class=\"star\">\u2726<\/span><strong>Service multilingue<\/strong> : Ma\u00eetrise parfaite de l&#8217;anglais, du russe et du fran\u00e7ais.<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/div>\n\n    <div class=\"fullwidth-wrapper\">\n        <section class=\"services content-section\">\n            <h2>Nos Services<\/h2>\n            <div class=\"services-grid\">\n                <div class=\"service-card\">\n                    <img decoding=\"async\" src=\"https:\/\/tania.travel\/wp-content\/uploads\/2025\/11\/vue-chalet.png\" alt=\"Chalet Alpes\">\n                    <h3><span class=\"star\">\u2726<\/span> Chalets &#038; Appartements de Luxe<\/h3>\n                    <p><strong>Alpes fran\u00e7aises &#038; suisses<\/strong> : D\u00e9couvrez notre s\u00e9lection exclusive de chalets et appartements d&#8217;exception avec service complet de conciergerie.<\/p>\n                    <p>Nous vous offrons bien plus qu&#8217;un simple h\u00e9bergement : forfaits de ski personnalis\u00e9s, transferts priv\u00e9s en limousine, vols panoramiques en h\u00e9licopt\u00e8re, r\u00e9servations dans les meilleurs restaurants de montagne, organisation d&#8217;\u00e9v\u00e9nements priv\u00e9s, chefs priv\u00e9s, instructeurs de ski VIP.<\/p>\n                <\/div>\n                <div class=\"service-card\">\n                    <img decoding=\"async\" src=\"https:\/\/tania.travel\/wp-content\/uploads\/2025\/11\/web__tmp_w14withtv.jpg\" alt=\"Villa C\u00f4te d'Azur\">\n                    <h3><span class=\"star\">\u2726<\/span> Villas &#038; Escapades Priv\u00e9es<\/h3>\n                    <p><strong>C\u00f4te d&#8217;Azur<\/strong> : Vivez le luxe absolu dans nos villas exclusives et h\u00f4tels d&#8217;exception soigneusement s\u00e9lectionn\u00e9s \u00e0 Saint-Tropez, Cannes, Monaco et Nice.<\/p>\n                    <p>Services premium inclus : r\u00e9servations dans les restaurants gastronomiques et clubs de plage les plus pris\u00e9s, location de yachts priv\u00e9s avec \u00e9quipage, organisation de soir\u00e9es VIP et acc\u00e8s aux \u00e9v\u00e9nements exclusifs (Grand Prix de Monaco, Festival de Cannes).<\/p>\n                <\/div>\n                <div class=\"service-card\">\n                    <img decoding=\"async\" src=\"https:\/\/tania.travel\/wp-content\/uploads\/2025\/11\/web_tmp_068.jpg\" alt=\"Propri\u00e9t\u00e9 de Prestige\">\n                    <h3><span class=\"star\">\u2726<\/span> Vente de Propri\u00e9t\u00e9s<\/h3>\n                    <p><strong>Investissement immobilier de prestige<\/strong> : \u00c0 la recherche de votre chalet de r\u00eave dans les Alpes ou d&#8217;une villa paradisiaque au bord de la M\u00e9diterran\u00e9e ?<\/p>\n                    <p>Nous vous accompagnons dans toutes les \u00e9tapes de l&#8217;acquisition : s\u00e9lection personnalis\u00e9e de propri\u00e9t\u00e9s selon vos crit\u00e8res, visites priv\u00e9es organis\u00e9es, conseil en investissement et analyse du march\u00e9 local, accompagnement juridique complet, n\u00e9gociation du meilleur prix.<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/div>\n\n    <div class=\"fullwidth-wrapper\">\n        <section class=\"gallery content-section\">\n            <h2>Galerie<\/h2>\n            <div class=\"gallery-grid\">\n                <div class=\"video-container\" onclick=\"openVideo('gogiFhVp0pM')\">\n                    <iframe src=\"https:\/\/www.youtube.com\/embed\/gogiFhVp0pM\" \n                            title=\"Vid\u00e9o 1\" \n                            frameborder=\"0\" \n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \n                            allowfullscreen>\n                    <\/iframe>\n                    <div class=\"video-overlay\">\n                        <span>\u25b6 Cliquez pour agrandir<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"video-container\" onclick=\"openVideo('T-5gdzjO-Wk')\">\n                    <iframe src=\"https:\/\/www.youtube.com\/embed\/T-5gdzjO-Wk\" \n                            title=\"Vid\u00e9o 2\" \n                            frameborder=\"0\" \n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \n                            allowfullscreen>\n                    <\/iframe>\n                    <div class=\"video-overlay\">\n                        <span>\u25b6 Cliquez pour agrandir<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"video-container\" onclick=\"openVideo('Loflq02ixE0')\">\n                    <iframe src=\"https:\/\/www.youtube.com\/embed\/Loflq02ixE0\" \n                            title=\"Vid\u00e9o 3\" \n                            frameborder=\"0\" \n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \n                            allowfullscreen>\n                    <\/iframe>\n                    <div class=\"video-overlay\">\n                        <span>\u25b6 Cliquez pour agrandir<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/div>\n\n    <div class=\"fullwidth-wrapper\">\n        <section class=\"contact content-section\" id=\"contact\">\n            <h2>Contact<\/h2>\n            <p>Bas\u00e9 \u00e0 Courchevel en hiver &#038; Saint-Tropez en \u00e9t\u00e9<\/p>\n            <div class=\"contact-info\">\n                <a href=\"tel:+33781664759\">+33 7 81 66 47 59<\/a>\n            <\/div>\n            <div class=\"contact-info\">\n                <a href=\"mailto:info.taniatravel@gmail.com\">info.taniatravel@gmail.com<\/a>\n            <\/div>\n        <\/section>\n    <\/div>\n\n    <!-- Lightbox Modal -->\n    <div id=\"videoModal\" class=\"video-modal\" onclick=\"closeVideo()\">\n        <span class=\"close-modal\" onclick=\"closeVideo()\">&times;<\/span>\n        <div class=\"modal-content\" onclick=\"event.stopPropagation()\">\n            <iframe id=\"modalVideo\" src=\"\" frameborder=\"0\" allowfullscreen><\/iframe>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ Video Modal Functions\n        function openVideo(videoId) {\n            const modal = document.getElementById('videoModal');\n            const iframe = document.getElementById('modalVideo');\n            iframe.src = 'https:\/\/www.youtube.com\/embed\/' + videoId + '?autoplay=1';\n            modal.classList.add('active');\n            document.body.style.overflow = 'hidden';\n        }\n\n        function closeVideo() {\n            const modal = document.getElementById('videoModal');\n            const iframe = document.getElementById('modalVideo');\n            iframe.src = '';\n            modal.classList.remove('active');\n            document.body.style.overflow = 'auto';\n        }\n\n        \/\/ Close modal with Escape key\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape') {\n                closeVideo();\n            }\n        });\n\n        \/\/ Force fullwidth by moving content out of WordPress containers\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Find all fullwidth wrappers\n            const wrappers = document.querySelectorAll('.fullwidth-wrapper');\n            \n            \/\/ Move them to body if they're inside containers\n            wrappers.forEach(wrapper => {\n                \/\/ Get all parent elements\n                let parent = wrapper.parentElement;\n                while (parent && parent !== document.body) {\n                    \/\/ Remove width restrictions from parents\n                    parent.style.maxWidth = '100%';\n                    parent.style.width = '100%';\n                    parent.style.margin = '0';\n                    parent.style.padding = '0';\n                    parent = parent.parentElement;\n                }\n            });\n            \n            \/\/ Also target common WordPress containers\n            const containers = document.querySelectorAll('.site-content, .entry-content, #content, #primary, .content-area, main, article');\n            containers.forEach(container => {\n                container.style.maxWidth = '100%';\n                container.style.width = '100%';\n                container.style.margin = '0';\n                container.style.padding = '0';\n            });\n        });\n\n        \/\/ Smooth scroll\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    target.scrollIntoView({ behavior: 'smooth' });\n                }\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>TANIA TRAVEL &#8211; Votre Gateway de Luxe vers les Alpes &#038; French Riviera TANIA TRAVEL Votre Gateway de Luxe vers les Alpes &#038; French Riviera Contactez-nous \u00c0 propos \u2726Avec plus de 10 ans d&#8217;exp\u00e9rience, Tania Travel vous offre une approche v\u00e9ritablement personnalis\u00e9e de vos voyages de luxe dans les destinations les plus pris\u00e9es d&#8217;Europe. Nous [&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-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tania.travel\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tania.travel\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tania.travel\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tania.travel\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tania.travel\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":10,"href":"https:\/\/tania.travel\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":51,"href":"https:\/\/tania.travel\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/51"}],"wp:attachment":[{"href":"https:\/\/tania.travel\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}