{"id":6233,"date":"2026-03-23T08:50:06","date_gmt":"2026-03-23T07:50:06","guid":{"rendered":"https:\/\/litroo.com\/fr-fr\/?page_id=6233"},"modified":"2026-03-29T08:18:33","modified_gmt":"2026-03-29T06:18:33","slug":"autour-de-moi","status":"publish","type":"page","link":"https:\/\/litroo.com\/fr-fr\/autour-de-moi\/","title":{"rendered":"Autour de moi"},"content":{"rendered":"    <div class=\"litroo-page-wrapper\">\n\n    <!-- HERO -->\n    <div class=\"litroo-hero-region\">\n\n        <!-- FIL D'ARIANE -->\n        <div class=\"litroo-breadcrumb\">\n            <a href=\"https:\/\/litroo.com\/fr-fr\/\">Accueil<\/a>\n            <span class=\"litroo-bc-sep\">\u203a<\/span>\n            <span>Autour de moi<\/span>\n        <\/div>\n\n        <h1 class=\"litroo-hero-region-h1\">Prix des carburants <span class=\"litroo-hero-region-nom\">autour de moi<\/span><\/h1>\n        <p class=\"litroo-hero-region-intro\">Les stations les moins ch\u00e8res dans un rayon de 20 km autour de votre position actuelle.<\/p>\n        <p class=\"litroo-hero-region-sync\" id=\"litroo-gps-status\">\ud83d\udccd D\u00e9tection de votre position...<\/p>\n        <div class=\"litroo-hero-region-search-row\">\n            <div class=\"litroo-hero-region-search-wrap\">\n                <input type=\"text\" id=\"litroo-search\" class=\"litroo-search-input litroo-hero-region-search-input\" placeholder=\"Ville, D\u00e9partement, R\u00e9gion\" autocomplete=\"off\">\n                <button class=\"litroo-search-btn litroo-hero-region-search-btn\" id=\"litroo-search-submit\" aria-label=\"Rechercher\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/>\n                    <\/svg>\n                <\/button>\n                <div id=\"litroo-search-results\" class=\"litroo-search-dropdown\" style=\"display:none\"><\/div>\n            <\/div>\n            <span class=\"litroo-hero-region-sep\">\u2014<\/span>\n            <button class=\"litroo-hero-region-autour-btn\" id=\"litroo-relancer-gps\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z\"\/>\n                    <circle cx=\"12\" cy=\"9\" r=\"2.5\"\/>\n                <\/svg>\n                Actualiser\n            <\/button>\n        <\/div>\n\n        <div class=\"litroo-carb-selector\" id=\"litroo-carb-selector\" style=\"margin-top:14px\">\n                        <button class=\"litroo-carb-btn active\" data-carb=\"Gazole\">\n                GO            <\/button>\n                        <button class=\"litroo-carb-btn \" data-carb=\"E10\">\n                E10            <\/button>\n                        <button class=\"litroo-carb-btn \" data-carb=\"SP95\">\n                SP95            <\/button>\n                        <button class=\"litroo-carb-btn \" data-carb=\"SP98\">\n                SP98            <\/button>\n                        <button class=\"litroo-carb-btn \" data-carb=\"E85\">\n                E85            <\/button>\n                        <button class=\"litroo-carb-btn \" data-carb=\"GPLc\">\n                GPLc            <\/button>\n                    <\/div>\n    <\/div>\n\n    <!-- STATIONS AUTOUR -->\n    <div id=\"litroo-autour-moi-content\">\n        <!-- Fallback si JS d\u00e9sactiv\u00e9 ou refus GPS -->\n        <div id=\"litroo-gps-fallback\" style=\"display:none\">\n            <div class=\"litroo-gps-fallback-box\">\n                <p class=\"litroo-gps-fallback-msg\">\ud83d\udccd Activez votre localisation ou recherchez une ville ci-dessus.<\/p>\n                <p class=\"litroo-gps-fallback-sub\">Ou consultez une ville populaire :<\/p>\n                <div class=\"litroo-gps-villes-pop\">\n                                        <a href=\"https:\/\/litroo.com\/fr-fr\/prix-carburant\/paris\/paris\/\" class=\"litroo-gps-ville-btn\">\n                        Paris                    <\/a>\n                                        <a href=\"https:\/\/litroo.com\/fr-fr\/prix-carburant\/rhone\/lyon\/\" class=\"litroo-gps-ville-btn\">\n                        Lyon                    <\/a>\n                                        <a href=\"https:\/\/litroo.com\/fr-fr\/prix-carburant\/bouches-du-rhone\/marseille\/\" class=\"litroo-gps-ville-btn\">\n                        Marseille                    <\/a>\n                                        <a href=\"https:\/\/litroo.com\/fr-fr\/prix-carburant\/haute-garonne\/toulouse\/\" class=\"litroo-gps-ville-btn\">\n                        Toulouse                    <\/a>\n                                        <a href=\"https:\/\/litroo.com\/fr-fr\/prix-carburant\/gironde\/bordeaux\/\" class=\"litroo-gps-ville-btn\">\n                        Bordeaux                    <\/a>\n                                        <a href=\"https:\/\/litroo.com\/fr-fr\/prix-carburant\/bas-rhin\/strasbourg\/\" class=\"litroo-gps-ville-btn\">\n                        Strasbourg                    <\/a>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- R\u00e9sultats stations -->\n        <div id=\"litroo-stations-autour-result\">\n            <div class=\"litroo-loading\">\ud83d\udccd D\u00e9tection de votre position en cours...<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- VILLES PROCHES -->\n    <div id=\"litroo-villes-proches-gps\" style=\"display:none\">\n        <div class=\"litroo-bloc-header\" style=\"text-align:left\">\n            <h2 class=\"litroo-bloc-h2\">Villes proches de vous<\/h2>\n            <p class=\"litroo-bloc-intro\">Consultez les pages villes proches pour comparer les prix des carburants.<\/p>\n        <\/div>\n        <div class=\"litroo-villes-proches\" id=\"litroo-villes-gps-list\"><\/div>\n    <\/div>\n\n    <!-- LIENS DEPARTEMENT \/ REGION -->\n    <div id=\"litroo-dept-region-gps\" style=\"display:none;margin:16px 0 32px\">\n        <div class=\"litroo-dept-region-links\" id=\"litroo-dept-region-list\"><\/div>\n    <\/div>\n\n    <\/div><!-- \/litroo-page-wrapper -->\n\n    <style>\n    .litroo-gps-fallback-box{background:#f8faff;border:2px solid #e0e8f8;border-radius:8px;padding:24px;text-align:center;margin:16px 0}\n    .litroo-gps-fallback-msg{font-size:16px;font-weight:600;color:#1a3a6b;margin:0 0 8px}\n    .litroo-gps-fallback-sub{font-size:14px;color:#555;margin:0 0 16px}\n    .litroo-gps-villes-pop{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}\n    .litroo-gps-ville-btn{padding:8px 16px;border:2px solid #1a3a6b;border-radius:20px;color:#1a3a6b;font-weight:600;font-size:14px;text-decoration:none;background:#fff}\n    .litroo-gps-ville-btn:hover{background:#1a3a6b;color:#fff}\n    .litroo-dept-region-links{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0 32px}\n    .litroo-dept-region-btn{padding:10px 20px;border:2px solid #1a3a6b;border-radius:8px;color:#1a3a6b;font-weight:600;font-size:14px;text-decoration:none;background:#fff}\n    .litroo-dept-region-btn:hover{background:#1a3a6b;color:#fff}\n    .litroo-loading{text-align:center;padding:32px;color:#888;font-size:15px}\n    .litroo-badge-vigilance {\n        position: relative;\n        display: inline-flex; align-items: center; gap: 3px;\n        color: #e65100; font-size: 0.88rem; font-weight: 700;\n        cursor: pointer;\n    }\n    .litroo-badge-vigilance-i { font-size: 0.85rem; opacity: 0.9; }\n    .litroo-tooltip-box {\n        display: none;\n        position: absolute;\n        bottom: calc(100% + 8px);\n        left: 50%;\n        transform: translateX(-50%);\n        background: #1a3a6b;\n        color: #fff;\n        font-size: 0.78rem;\n        font-weight: 400;\n        line-height: 1.4;\n        padding: 8px 12px;\n        border-radius: 6px;\n        width: 220px;\n        text-align: center;\n        z-index: 999;\n        pointer-events: none;\n        white-space: normal;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n    }\n    .litroo-tooltip-box::after {\n        content: '';\n        position: absolute;\n        top: 100%;\n        left: 50%;\n        transform: translateX(-50%);\n        border: 6px solid transparent;\n        border-top-color: #1a3a6b;\n    }\n    .litroo-badge-vigilance:hover .litroo-tooltip-box,\n    .litroo-badge-vigilance.tooltip-open .litroo-tooltip-box { display: block; }\n    .litroo-top3-prix-group { display: inline-flex; align-items: center; gap: 6px; }\n    <\/style>\n\n    <script>\n    (function(){\n        var carburantActif = 'Gazole';\n        var userLat = null, userLng = null;\n\n        \/\/ S\u00e9lecteur carburant\n        document.querySelectorAll('#litroo-carb-selector .litroo-carb-btn').forEach(function(btn){\n            btn.addEventListener('click', function(){\n                document.querySelectorAll('#litroo-carb-selector .litroo-carb-btn').forEach(function(b){ b.classList.remove('active'); });\n                this.classList.add('active');\n                carburantActif = this.dataset.carb;\n                if (userLat) fetchStations(userLat, userLng, carburantActif);\n            });\n        });\n\n        \/\/ Bouton actualiser\n        document.getElementById('litroo-relancer-gps').addEventListener('click', function(){\n            demanderGPS();\n        });\n\n        function demanderGPS() {\n            var status = document.getElementById('litroo-gps-status');\n            var result = document.getElementById('litroo-stations-autour-result');\n            status.textContent = '\ud83d\udccd D\u00e9tection de votre position...';\n            result.innerHTML = '<div class=\"litroo-loading\">\ud83d\udccd D\u00e9tection de votre position en cours...<\/div>';\n            document.getElementById('litroo-gps-fallback').style.display = 'none';\n\n            if (!navigator.geolocation) {\n                showFallback('La g\u00e9olocalisation n\\'est pas support\u00e9e par votre navigateur.');\n                result.innerHTML = '';\n                return;\n            }\n            navigator.geolocation.getCurrentPosition(\n                function(pos) {\n                    userLat = pos.coords.latitude;\n                    userLng = pos.coords.longitude;\n                    status.textContent = '\ud83d\udccd Position d\u00e9tect\u00e9e';\n                    fetchStations(userLat, userLng, carburantActif);\n                    fetchVillesProches(userLat, userLng);\n                    fetchDeptRegion(userLat, userLng);\n                },\n                function(err) {\n                    result.innerHTML = '';\n                    if (err.code === 1) {\n                        showFallback('Localisation refus\u00e9e. Autorisez l\\'acc\u00e8s dans les param\u00e8tres de votre navigateur puis cliquez sur Actualiser.');\n                    } else {\n                        showFallback('Localisation indisponible. Recherchez une ville ci-dessus.');\n                    }\n                },\n                { timeout: 10000, maximumAge: 0 }\n            );\n        }\n\n        function showFallback(msg) {\n            document.getElementById('litroo-gps-status').textContent = '\u26a0\ufe0f ' + msg;\n            document.getElementById('litroo-gps-fallback').style.display = 'block';\n        }\n\n        function fetchStations(lat, lng, carb) {\n            var result = document.getElementById('litroo-stations-autour-result');\n            result.innerHTML = '<div class=\"litroo-loading\">Chargement des stations...<\/div>';\n            document.getElementById('litroo-gps-fallback').style.display = 'none';\n\n            fetch('https:\/\/litroo.com\/fr-fr\/wp-admin\/admin-ajax.php?action=litroo_stations_gps&lat=' + lat + '&lng=' + lng + '&carb=' + encodeURIComponent(carb))\n                .then(function(r){ return r.json(); })\n                .then(function(data){\n                    result.innerHTML = data.html || '<p class=\"litroo-msg-vide\">Aucune station trouv\u00e9e dans ce rayon.<\/p>';\n                    \/\/ R\u00e9active le toggle apr\u00e8s injection HTML\n                    result.querySelectorAll('.litroo-autour-toggle').forEach(function(toggle){\n                        toggle.addEventListener('click', function(e){\n                            var btn = e.target.closest('.litroo-autour-btn');\n                            if (!btn) return;\n                            var tri = btn.dataset.tri;\n                            toggle.querySelectorAll('.litroo-autour-btn').forEach(function(b){ b.classList.remove('active'); });\n                            btn.classList.add('active');\n                            result.querySelectorAll('.litroo-autour-grid').forEach(function(g){\n                                g.style.display = g.dataset.tri === tri ? 'block' : 'none';\n                            });\n                        });\n                    });\n                    \/\/ Tooltip vigilance \u2014 clic mobile sur HTML inject\u00e9\n                    result.addEventListener('click', function(e) {\n                        var badge = e.target.closest('.litroo-badge-vigilance');\n                        result.querySelectorAll('.litroo-badge-vigilance.tooltip-open').forEach(function(b) {\n                            if (b !== badge) b.classList.remove('tooltip-open');\n                        });\n                        if (badge) badge.classList.toggle('tooltip-open');\n                    });\n                })\n                .catch(function(){ result.innerHTML = '<p class=\"litroo-msg-vide\">Erreur lors du chargement.<\/p>'; });\n        }\n\n        function fetchVillesProches(lat, lng) {\n            fetch('https:\/\/litroo.com\/fr-fr\/wp-admin\/admin-ajax.php?action=litroo_villes_gps&lat=' + lat + '&lng=' + lng)\n                .then(function(r){ return r.json(); })\n                .then(function(data){\n                    if (!data.villes || !data.villes.length) return;\n                    var wrap = document.getElementById('litroo-villes-proches-gps');\n                    var list = document.getElementById('litroo-villes-gps-list');\n                    list.innerHTML = data.villes.map(function(v){\n                        return '<a href=\"' + v.url + '\" class=\"litroo-villes-proches-link\">' + v.ville + ' <span class=\"litroo-vp-dist\">' + v.distance + ' km<\/span><\/a>';\n                    }).join('');\n                    wrap.style.display = 'block';\n                });\n        }\n\n        function fetchDeptRegion(lat, lng) {\n            fetch('https:\/\/litroo.com\/fr-fr\/wp-admin\/admin-ajax.php?action=litroo_dept_region_gps&lat=' + lat + '&lng=' + lng)\n                .then(function(r){ return r.json(); })\n                .then(function(data){\n                    if (!data.liens || !data.liens.length) return;\n                    var wrap = document.getElementById('litroo-dept-region-gps');\n                    var list = document.getElementById('litroo-dept-region-list');\n                    list.innerHTML = data.liens.map(function(l){\n                        return '<a href=\"' + l.url + '\" class=\"litroo-dept-region-btn\">' + l.label + '<\/a>';\n                    }).join('');\n                    wrap.style.display = 'block';\n                });\n        }\n\n        \/\/ Lance la g\u00e9olocalisation au chargement\n        demanderGPS();\n    })();\n    <\/script>\n    \n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-6233","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/litroo.com\/fr-fr\/wp-json\/wp\/v2\/pages\/6233","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/litroo.com\/fr-fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/litroo.com\/fr-fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/litroo.com\/fr-fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/litroo.com\/fr-fr\/wp-json\/wp\/v2\/comments?post=6233"}],"version-history":[{"count":2,"href":"https:\/\/litroo.com\/fr-fr\/wp-json\/wp\/v2\/pages\/6233\/revisions"}],"predecessor-version":[{"id":6237,"href":"https:\/\/litroo.com\/fr-fr\/wp-json\/wp\/v2\/pages\/6233\/revisions\/6237"}],"wp:attachment":[{"href":"https:\/\/litroo.com\/fr-fr\/wp-json\/wp\/v2\/media?parent=6233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}