{"id":6436,"date":"2022-03-03T09:47:04","date_gmt":"2022-03-03T08:47:04","guid":{"rendered":"https:\/\/https:\/\/ies-synergy.com\/?page_id=6436"},"modified":"2025-11-14T22:53:30","modified_gmt":"2025-11-14T21:53:30","slug":"produits-bornes-de-recharge","status":"publish","type":"page","link":"https:\/\/ies-synergy.com\/es\/produits-bornes-de-recharge\/","title":{"rendered":"Estaciones de recarga"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00a0\u00bb1&Prime; custom_padding_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb background_color=\u00a0\u00bb#0c1219&Prime; background_enable_image=\u00a0\u00bboff\u00a0\u00bb custom_padding=\u00a0\u00bb||||false|false\u00a0\u00bb custom_padding_tablet=\u00a0\u00bb\u00a0\u00bb custom_padding_phone=\u00a0\u00bb||0px||false|false\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_row disabled_on=\u00a0\u00bboff|off|off\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb custom_margin=\u00a0\u00bb90px||||false|false\u00a0\u00bb custom_margin_tablet=\u00a0\u00bb\u00a0\u00bb custom_margin_phone=\u00a0\u00bb10px||||false|false\u00a0\u00bb custom_margin_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text disabled_on=\u00a0\u00bboff|off|off\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb header_font=\u00a0\u00bb&#8211;et_global_heading_font||||||||\u00a0\u00bb header_text_align=\u00a0\u00bbcenter\u00a0\u00bb header_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb header_font_size=\u00a0\u00bb62px\u00a0\u00bb header_line_height=\u00a0\u00bb1.2em\u00a0\u00bb custom_margin=\u00a0\u00bb||10px||false|false\u00a0\u00bb custom_padding=\u00a0\u00bb||0px||false|false\u00a0\u00bb header_font_size_tablet=\u00a0\u00bb43px\u00a0\u00bb header_font_size_phone=\u00a0\u00bb30px\u00a0\u00bb header_font_size_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb border_color_left=\u00a0\u00bb#2db5b2&Prime; global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n<h1>Bornes de recharge<\/h1>\n<p>[\/et_pb_text][et_pb_divider color=\u00a0\u00bb#2db5b2&Prime; divider_weight=\u00a0\u00bb1px\u00a0\u00bb divider_weight_tablet=\u00a0\u00bb11px\u00a0\u00bb divider_weight_phone=\u00a0\u00bb5px\u00a0\u00bb divider_weight_last_edited=\u00a0\u00bboff|desktop\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb width=\u00a0\u00bb100%\u00a0\u00bb width_tablet=\u00a0\u00bb7%\u00a0\u00bb width_phone=\u00a0\u00bb15%\u00a0\u00bb width_last_edited=\u00a0\u00bboff|desktop\u00a0\u00bb module_alignment=\u00a0\u00bbcenter\u00a0\u00bb custom_margin=\u00a0\u00bb10px||||false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px||||false|false\u00a0\u00bb module_alignment_tablet=\u00a0\u00bbcenter\u00a0\u00bb module_alignment_phone=\u00a0\u00bbcenter\u00a0\u00bb module_alignment_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb theme_builder_area=\u00a0\u00bbpost_content\u00a0\u00bb][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text disabled_on=\u00a0\u00bboff|off|off\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n<p><span><div id=\"config_9227\" class=\"ies-product-configurator\" style=\"max-width:1200px; margin:40px auto; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\"><div id=\"config_9227_contents\" style=\"position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden;\"><div id=\"config_9227_content_2\" class=\"viewer-360-container\"><div id=\"v360_7021\" class=\"viewer360-container\" style=\"max-width:600px; height:900px; margin:0 auto; position:relative; user-select:none; display:flex; align-items:center; justify-content:center; overflow:hidden;\"><img decoding=\"async\" id=\"v360_7021_img\" class=\"viewer360-img\" src=\"https:\/\/ies-synergy.com\/wp-content\/uploads\/2025\/11\/S200\/0001.png\" style=\"height:100%; width:auto; max-width:100%; display:block; cursor:grab; object-fit:contain;\" draggable=\"false\"><style>\n        @media (max-width: 768px) {\n            #v360_7021.viewer360-container {\n                height: auto !important;\n                max-width: 100% !important;\n            }\n            #v360_7021_img.viewer360-img {\n                height: auto !important;\n                width: 100% !important;\n                max-width: 100% !important;\n            }\n        }\n    <\/style><div id=\"v360_7021_hint\" style=\"position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:rgba(0,0,0,0.5); padding:20px; border-radius:50%; pointer-events:none; transition:opacity 0.5s; z-index:20; box-shadow:0 4px 15px rgba(0,0,0,0.2);\"><img decoding=\"async\" src=\"https:\/\/ies-synergy.com\/wp-content\/uploads\/2025\/11\/360-degree.png\" alt=\"360\u00b0\" style=\"width:80px; height:80px; display:block;\"><div id=\"v360_7021_loading\" style=\"position:absolute; bottom:-30px; left:50%; transform:translateX(-50%); color:#01aeb8; font-size:12px; white-space:nowrap; font-weight:bold;\">Chargement...<\/div><\/div><\/div><script>\n    (function() {\n        var container = document.getElementById(\"v360_7021\");\n        var img = document.getElementById(\"v360_7021_img\");\n        var hint = document.getElementById(\"v360_7021_hint\");\n        \n        var frame = 1;\n        var totalFrames = 70;\n        var padding = 4;\n        var url = \"https:\/\/ies-synergy.com\/wp-content\/uploads\/2025\/11\/S200\/\";\n        var ext = \"png\";\n        \n        var isDragging = false;\n        var startX = 0;\n        var lastX = 0;\n        var sensitivity = 8;\n        var imagesLoaded = 0;\n        var allImagesReady = false;\n        var loadingText = document.getElementById(\"v360_7021_loading\");\n        var inactivityTimer = null;\n        var inactivityDelay = 2000;\n        \n        function hideHint() {\n            if(hint) {\n                hint.style.opacity = \"0\";\n            }\n        }\n        \n        function showHint() {\n            if(hint && allImagesReady) {\n                hint.style.opacity = \"1\";\n            }\n        }\n        \n        function resetInactivityTimer() {\n            hideHint();\n            if(inactivityTimer) {\n                clearTimeout(inactivityTimer);\n            }\n            inactivityTimer = setTimeout(function() {\n                showHint();\n            }, inactivityDelay);\n        }\n        \n        var images = [];\n        for(var i = 1; i <= totalFrames; i++) {\n            var preload = new Image();\n            preload.onload = function() {\n                imagesLoaded++;\n                \n                if(loadingText) {\n                    var percent = Math.round((imagesLoaded \/ totalFrames) * 100);\n                    loadingText.textContent = \"Chargement \" + percent + \"%\";\n                }\n                \n                if(imagesLoaded === totalFrames) {\n                    allImagesReady = true;\n                    if(loadingText) {\n                        loadingText.style.display = \"none\";\n                    }\n                    img.style.cursor = \"grab\";\n                    container.style.opacity = \"1\";\n                    console.log(\"Toutes les images sont charg\u00e9es, viewer pr\u00eat !\");\n                }\n            };\n            preload.src = url + String(i).padStart(padding, \"0\") + \".\" + ext;\n            images.push(preload);\n        }\n        \n        function updateFrame() {\n            if(images[frame - 1] && images[frame - 1].complete) {\n                img.src = images[frame - 1].src;\n            }\n        }\n        \n        function changeFrame(dir) {\n            frame += dir;\n            if(frame > totalFrames) frame = 1;\n            if(frame < 1) frame = totalFrames;\n            updateFrame();\n        }\n        \n        container.addEventListener(\"mousedown\", function(e) {\n            if(!allImagesReady) {\n                console.log(\"Attendez que toutes les images soient charg\u00e9es\");\n                return;\n            }\n            \n            isDragging = true;\n            startX = e.pageX;\n            lastX = e.pageX;\n            img.style.cursor = \"grabbing\";\n            resetInactivityTimer();\n        });\n        \n        document.addEventListener(\"mousemove\", function(e) {\n            if(!isDragging || !allImagesReady) return;\n            var deltaX = e.pageX - lastX;\n            if(Math.abs(deltaX) > sensitivity) {\n                changeFrame(deltaX > 0 ? 1 : -1);\n                lastX = e.pageX;\n            }\n        });\n        \n        document.addEventListener(\"mouseup\", function() {\n            if(isDragging) {\n                isDragging = false;\n                img.style.cursor = \"grab\";\n                resetInactivityTimer();\n            }\n        });\n        \n        var touchStartX = 0;\n        var touchLastX = 0;\n        \n        container.addEventListener(\"touchstart\", function(e) {\n            if(!allImagesReady) return;\n            \n            touchStartX = e.touches[0].pageX;\n            touchLastX = e.touches[0].pageX;\n            resetInactivityTimer();\n        });\n        \n        container.addEventListener(\"touchmove\", function(e) {\n            if(!allImagesReady) return;\n            \n            e.preventDefault();\n            var deltaX = e.touches[0].pageX - touchLastX;\n            if(Math.abs(deltaX) > sensitivity) {\n                changeFrame(deltaX > 0 ? 1 : -1);\n                touchLastX = e.touches[0].pageX;\n            }\n        });\n        \n        container.addEventListener(\"touchend\", function() {\n            if(!allImagesReady) return;\n            resetInactivityTimer();\n        });\n        \n        var keyTimer = null;\n        document.addEventListener(\"keydown\", function(e) {\n            if(!allImagesReady) return;\n            \n            if(e.key === \"ArrowLeft\" || e.key === \"ArrowRight\") {\n                if(e.key === \"ArrowLeft\") changeFrame(-1);\n                if(e.key === \"ArrowRight\") changeFrame(1);\n                \n                hideHint();\n                \n                if(keyTimer) clearTimeout(keyTimer);\n                keyTimer = setTimeout(function() {\n                    resetInactivityTimer();\n                }, 300);\n            }\n        });\n        \n        img.style.cursor = \"wait\";\n        container.style.opacity = \"0.7\";\n        \n    })();\n    <\/script><\/div><\/div><div style=\"display:flex; gap:40px; margin-bottom:30px; flex-wrap:wrap;\"><div id=\"config_9227_viewer\" style=\"flex:1; min-width:300px; background:transparent; border-radius:8px; overflow:hidden; position:relative; aspect-ratio:1\/1; display:flex; align-items:center; justify-content:center;\"><div id=\"config_9227_viewer_content\" style=\"width:100%; height:100%; display:flex; align-items:center; justify-content:center;\"><\/div><\/div><div style=\"flex:1; min-width:300px; display:flex; flex-direction:column;\"><div id=\"config_9227_product_list\" style=\"display:flex; flex-direction:column; gap:0; flex-grow:1;\"><div class=\"product-item active\" \n                         data-index=\"0\"\n                         data-type=\"image\" \n                         data-image=\"https:\/\/ies-synergy.com\/wp-content\/uploads\/2026\/06\/3D-Gamme-S-1.png\" \n                         data-url=\"https:\/\/ies-synergy.com\/borne-de-recharge-gamme-s\/\" \n                         style=\"padding:20px 25px; border-bottom:1px solid #01aeb8; cursor:pointer; transition:all 0.3s; display:flex; justify-content:space-between; align-items:center; background:transparent; color:#fff;\"><span style=\"font-size:18px; font-weight:400;\">GAMME S \u2013 24 \u00e0 36KW<\/span><span class=\"item-icon\" style=\"font-size:20px; opacity:0.5; transition:all 0.3s;\">\u2192<\/span><\/div><div class=\"product-item \" \n                         data-index=\"1\"\n                         data-type=\"image\" \n                         data-image=\"https:\/\/ies-synergy.com\/wp-content\/uploads\/2026\/06\/3D-Gamme-M-1.png\" \n                         data-url=\"https:\/\/ies-synergy.com\/borne-de-recharge-gamme-m\/\" \n                         style=\"padding:20px 25px; border-bottom:1px solid #01aeb8; cursor:pointer; transition:all 0.3s; display:flex; justify-content:space-between; align-items:center; background:transparent; color:#fff;\"><span style=\"font-size:18px; font-weight:400;\">GAMME M - 50 \u00e0 250KW<\/span><span class=\"item-icon\" style=\"font-size:20px; opacity:0.5; transition:all 0.3s;\">\u2192<\/span><\/div><div class=\"product-item \" \n                         data-index=\"2\"\n                         data-type=\"shortcode\" \n                         data-image=\"https:\/\/ies-synergy.com\/wp-content\/uploads\/2026\/06\/3D-Gamme-H.png\" \n                         data-url=\"https:\/\/ies-synergy.com\/borne-de-recharge-gamme-h\/\" \n                         style=\"padding:20px 25px; border-bottom:1px solid #01aeb8; cursor:pointer; transition:all 0.3s; display:flex; justify-content:space-between; align-items:center; background:transparent; color:#fff;\"><span style=\"font-size:18px; font-weight:400;\">GAMME H - 100 \u00e0 500KW<\/span><span class=\"item-icon\" style=\"font-size:20px; opacity:0.5; transition:all 0.3s;\">\u2192<\/span><\/div><\/div><div style=\"text-align:right; margin-top:20px;\"><a id=\"config_9227_btn\" href=\"https:\/\/ies-synergy.com\/borne-de-recharge-gamme-s\/\" style=\"display:inline-block; background:#01aeb8; color:#fff; padding:15px 40px; border-radius:25px; text-decoration:none; font-weight:600; font-size:16px; transition:all 0.3s; box-shadow:0 4px 15px rgba(1,174,184,0.3);\">D\u00e9couvrir \u2192<\/a><\/div><\/div><\/div><\/div><style>\n        #config_9227 .product-item:hover { background:rgba(1,174,184,0.05) !important; }\n        #config_9227 .product-item:hover .item-icon { opacity:1 !important; }\n        #config_9227 .product-item.active { background:rgba(1,174,184,0.1) !important; color:#01aeb8 !important; font-weight:600; }\n        #config_9227 .product-item.active .item-icon { opacity:1 !important; }\n        #config_9227_btn:hover { background:#02c4cf !important; box-shadow:0 6px 20px rgba(1,174,184,0.4) !important; transform:translateY(-2px); color:#fff !important; }\n        #config_9227_viewer_content .viewer-360-container { width:100% !important; height:100% !important; max-width:100% !important; max-height:100% !important; }\n        #config_9227_viewer_content .viewer-360-container > div { width:100% !important; height:100% !important; max-width:100% !important; max-height:100% !important; }\n        #config_9227_viewer_content .viewer-360-container img { max-width:100% !important; max-height:100% !important; object-fit:contain !important; }\n        @media (max-width: 768px) { \n            #config_9227 > div:first-child { flex-direction:column !important; }\n            #config_9227 div[style*=\"text-align:right\"] { text-align:center !important; }\n        }\n    <\/style><script>\n    (function() {\n        var container = document.getElementById(\"config_9227\");\n        var viewerContent = document.getElementById(\"config_9227_viewer_content\");\n        var contentsContainer = document.getElementById(\"config_9227_contents\");\n        var btn = document.getElementById(\"config_9227_btn\");\n        var items = container.querySelectorAll(\".product-item\");\n        var uploadUrl = \"https:\/\/ies-synergy.com\/wp-content\/uploads\/\";\n        var currentViewer = null;\n        \n        function showImage(url) {\n            if(currentViewer) {\n                contentsContainer.appendChild(currentViewer);\n                currentViewer = null;\n            }\n            \n            if(!url.startsWith(\"http\")) {\n                url = uploadUrl + url;\n            }\n            viewerContent.innerHTML = '<img decoding=\"async\" src=\"' + url + '\" style=\"max-width:100%; max-height:100%; object-fit:contain;\">';\n        }\n        \n        function showViewer360(index) {\n            var sourceContainer = document.getElementById(\"config_9227_content_\" + index);\n            \n            if(!sourceContainer) {\n                viewerContent.innerHTML = '<p style=\"color:red; padding:20px; text-align:center;\">Viewer 360 introuvable.<\/p>';\n                return;\n            }\n            \n            if(currentViewer && currentViewer !== sourceContainer) {\n                contentsContainer.appendChild(currentViewer);\n            }\n            \n            viewerContent.innerHTML = \"\";\n            viewerContent.appendChild(sourceContainer);\n            \n            sourceContainer.style.position = \"relative\";\n            sourceContainer.style.left = \"auto\";\n            sourceContainer.style.width = \"100%\";\n            sourceContainer.style.height = \"100%\";\n            sourceContainer.style.maxWidth = \"100%\";\n            sourceContainer.style.maxHeight = \"100%\";\n            \n            var innerDiv = sourceContainer.querySelector(\"div\");\n            if(innerDiv) {\n                innerDiv.style.width = \"100%\";\n                innerDiv.style.height = \"100%\";\n                innerDiv.style.maxWidth = \"100%\";\n                innerDiv.style.maxHeight = \"100%\";\n            }\n            \n            currentViewer = sourceContainer;\n        }\n        \n        items.forEach(function(item) {\n            item.addEventListener(\"click\", function() {\n                items.forEach(function(i) { \n                    i.classList.remove(\"active\");\n                    i.querySelector(\".item-icon\").textContent = \"\u2192\";\n                });\n                \n                this.classList.add(\"active\");\n                this.querySelector(\".item-icon\").textContent = \"\u2713\";\n                \n                var type = this.dataset.type;\n                var url = this.dataset.url;\n                var index = this.dataset.index;\n                btn.href = url;\n                \n                if(type === \"image\") {\n                    showImage(this.dataset.image);\n                } else {\n                    showViewer360(index);\n                }\n            });\n        });\n        \n        var first = items[0];\n        first.querySelector(\".item-icon\").textContent = \"\u2713\";\n        \n        if(first.dataset.type === \"image\") {\n            showImage(first.dataset.image);\n        } else {\n            showViewer360(first.dataset.index);\n        }\n        \n        var btnClickActive = false;\n        \n        btn.addEventListener(\"mousedown\", function(e) {\n            btnClickActive = true;\n            this.style.background = \"rgba(1,174,184,0.18)\";\n            this.style.color = \"#000\";\n            this.style.boxShadow = \"0 2px 8px rgba(1,174,184,0.2)\";\n            this.style.transform = \"translateY(0px)\";\n        });\n        \n        btn.addEventListener(\"mouseup\", function() {\n            if(btnClickActive) {\n                btnClickActive = false;\n                this.style.background = \"#01aeb8\";\n                this.style.color = \"#fff\";\n                this.style.boxShadow = \"0 4px 15px rgba(1,174,184,0.3)\";\n                this.style.transform = \"\";\n            }\n        });\n        \n        btn.addEventListener(\"mouseleave\", function() {\n            if(btnClickActive) {\n                btnClickActive = false;\n                this.style.background = \"#01aeb8\";\n                this.style.color = \"#fff\";\n                this.style.boxShadow = \"0 4px 15px rgba(1,174,184,0.3)\";\n                this.style.transform = \"\";\n            }\n        });\n        \n        btn.addEventListener(\"touchstart\", function(e) {\n            this.style.background = \"rgba(1,174,184,0.18)\";\n            this.style.color = \"#000\";\n            this.style.boxShadow = \"0 2px 8px rgba(1,174,184,0.2)\";\n            this.style.transform = \"translateY(0px)\";\n        });\n        \n        btn.addEventListener(\"touchend\", function() {\n            var self = this;\n            setTimeout(function() {\n                self.style.background = \"#01aeb8\";\n                self.style.color = \"#fff\";\n                self.style.boxShadow = \"0 4px 15px rgba(1,174,184,0.3)\";\n                self.style.transform = \"\";\n            }, 100);\n        });\n        \n        btn.addEventListener(\"touchcancel\", function() {\n            this.style.background = \"#01aeb8\";\n            this.style.color = \"#fff\";\n            this.style.boxShadow = \"0 4px 15px rgba(1,174,184,0.3)\";\n            this.style.transform = \"\";\n        });\n        \n    })();\n    <\/script><\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00a0\u00bb1&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb background_color=\u00a0\u00bb#0c1017&Prime; custom_padding=\u00a0\u00bb0px||||false|false\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_row column_structure=\u00a0\u00bb2_5,3_5&Prime; disabled_on=\u00a0\u00bbon|on|on\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb custom_margin=\u00a0\u00bb0px||0px||false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px||0px||false|false\u00a0\u00bb disabled=\u00a0\u00bbon\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb2_5&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb custom_padding=\u00a0\u00bb0px||0px||false|false\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb custom_margin=\u00a0\u00bb0px||0px||false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px|70px|0px|70px|false|false\u00a0\u00bb custom_padding_tablet=\u00a0\u00bb10px|50px|10px|50px|false|false\u00a0\u00bb custom_padding_phone=\u00a0\u00bb10px|50px|10px|50px|false|false\u00a0\u00bb custom_padding_last_edited=\u00a0\u00bbon|desktop\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n<div id=\"v360_8112\" class=\"viewer360-container\" style=\"max-width:600px; height:900px; margin:0 auto; position:relative; user-select:none; display:flex; align-items:center; justify-content:center; overflow:hidden;\"><img decoding=\"async\" id=\"v360_8112_img\" class=\"viewer360-img\" src=\"https:\/\/ies-synergy.com\/wp-content\/uploads\/2025\/11\/S36\/0001.png\" style=\"height:100%; width:auto; max-width:100%; display:block; cursor:grab; object-fit:contain;\" draggable=\"false\"><style>\n        @media (max-width: 768px) {\n            #v360_8112.viewer360-container {\n                height: auto !important;\n                max-width: 100% !important;\n            }\n            #v360_8112_img.viewer360-img {\n                height: auto !important;\n                width: 100% !important;\n                max-width: 100% !important;\n            }\n        }\n    <\/style><div id=\"v360_8112_hint\" style=\"position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:rgba(0,0,0,0.5); padding:20px; border-radius:50%; pointer-events:none; transition:opacity 0.5s; z-index:20; box-shadow:0 4px 15px rgba(0,0,0,0.2);\"><img decoding=\"async\" src=\"https:\/\/ies-synergy.com\/wp-content\/uploads\/2025\/11\/360-degree.png\" alt=\"360\u00b0\" style=\"width:80px; height:80px; display:block;\"><div id=\"v360_8112_loading\" style=\"position:absolute; bottom:-30px; left:50%; transform:translateX(-50%); color:#01aeb8; font-size:12px; white-space:nowrap; font-weight:bold;\">Chargement...<\/div><\/div><\/div><script>\n    (function() {\n        var container = document.getElementById(\"v360_8112\");\n        var img = document.getElementById(\"v360_8112_img\");\n        var hint = document.getElementById(\"v360_8112_hint\");\n        \n        var frame = 1;\n        var totalFrames = 70;\n        var padding = 4;\n        var url = \"https:\/\/ies-synergy.com\/wp-content\/uploads\/2025\/11\/S36\/\";\n        var ext = \"png\";\n        \n        var isDragging = false;\n        var startX = 0;\n        var lastX = 0;\n        var sensitivity = 8;\n        var imagesLoaded = 0;\n        var allImagesReady = false;\n        var loadingText = document.getElementById(\"v360_8112_loading\");\n        var inactivityTimer = null;\n        var inactivityDelay = 2000;\n        \n        function hideHint() {\n            if(hint) {\n                hint.style.opacity = \"0\";\n            }\n        }\n        \n        function showHint() {\n            if(hint && allImagesReady) {\n                hint.style.opacity = \"1\";\n            }\n        }\n        \n        function resetInactivityTimer() {\n            hideHint();\n            if(inactivityTimer) {\n                clearTimeout(inactivityTimer);\n            }\n            inactivityTimer = setTimeout(function() {\n                showHint();\n            }, inactivityDelay);\n        }\n        \n        var images = [];\n        for(var i = 1; i <= totalFrames; i++) {\n            var preload = new Image();\n            preload.onload = function() {\n                imagesLoaded++;\n                \n                if(loadingText) {\n                    var percent = Math.round((imagesLoaded \/ totalFrames) * 100);\n                    loadingText.textContent = \"Chargement \" + percent + \"%\";\n                }\n                \n                if(imagesLoaded === totalFrames) {\n                    allImagesReady = true;\n                    if(loadingText) {\n                        loadingText.style.display = \"none\";\n                    }\n                    img.style.cursor = \"grab\";\n                    container.style.opacity = \"1\";\n                    console.log(\"Toutes les images sont charg\u00e9es, viewer pr\u00eat !\");\n                }\n            };\n            preload.src = url + String(i).padStart(padding, \"0\") + \".\" + ext;\n            images.push(preload);\n        }\n        \n        function updateFrame() {\n            if(images[frame - 1] && images[frame - 1].complete) {\n                img.src = images[frame - 1].src;\n            }\n        }\n        \n        function changeFrame(dir) {\n            frame += dir;\n            if(frame > totalFrames) frame = 1;\n            if(frame < 1) frame = totalFrames;\n            updateFrame();\n        }\n        \n        container.addEventListener(\"mousedown\", function(e) {\n            if(!allImagesReady) {\n                console.log(\"Attendez que toutes les images soient charg\u00e9es\");\n                return;\n            }\n            \n            isDragging = true;\n            startX = e.pageX;\n            lastX = e.pageX;\n            img.style.cursor = \"grabbing\";\n            resetInactivityTimer();\n        });\n        \n        document.addEventListener(\"mousemove\", function(e) {\n            if(!isDragging || !allImagesReady) return;\n            var deltaX = e.pageX - lastX;\n            if(Math.abs(deltaX) > sensitivity) {\n                changeFrame(deltaX > 0 ? 1 : -1);\n                lastX = e.pageX;\n            }\n        });\n        \n        document.addEventListener(\"mouseup\", function() {\n            if(isDragging) {\n                isDragging = false;\n                img.style.cursor = \"grab\";\n                resetInactivityTimer();\n            }\n        });\n        \n        var touchStartX = 0;\n        var touchLastX = 0;\n        \n        container.addEventListener(\"touchstart\", function(e) {\n            if(!allImagesReady) return;\n            \n            touchStartX = e.touches[0].pageX;\n            touchLastX = e.touches[0].pageX;\n            resetInactivityTimer();\n        });\n        \n        container.addEventListener(\"touchmove\", function(e) {\n            if(!allImagesReady) return;\n            \n            e.preventDefault();\n            var deltaX = e.touches[0].pageX - touchLastX;\n            if(Math.abs(deltaX) > sensitivity) {\n                changeFrame(deltaX > 0 ? 1 : -1);\n                touchLastX = e.touches[0].pageX;\n            }\n        });\n        \n        container.addEventListener(\"touchend\", function() {\n            if(!allImagesReady) return;\n            resetInactivityTimer();\n        });\n        \n        var keyTimer = null;\n        document.addEventListener(\"keydown\", function(e) {\n            if(!allImagesReady) return;\n            \n            if(e.key === \"ArrowLeft\" || e.key === \"ArrowRight\") {\n                if(e.key === \"ArrowLeft\") changeFrame(-1);\n                if(e.key === \"ArrowRight\") changeFrame(1);\n                \n                hideHint();\n                \n                if(keyTimer) clearTimeout(keyTimer);\n                keyTimer = setTimeout(function() {\n                    resetInactivityTimer();\n                }, 300);\n            }\n        });\n        \n        img.style.cursor = \"wait\";\n        container.style.opacity = \"0.7\";\n        \n    })();\n    <\/script>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=\u00a0\u00bb3_5&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb header_font=\u00a0\u00bb&#8211;et_global_heading_font||||||||\u00a0\u00bb header_text_align=\u00a0\u00bbcenter\u00a0\u00bb header_text_color=\u00a0\u00bb#283270&Prime; header_font_size=\u00a0\u00bb62px\u00a0\u00bb header_line_height=\u00a0\u00bb1.2em\u00a0\u00bb header_2_text_align=\u00a0\u00bbleft\u00a0\u00bb header_2_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb header_2_font_size=\u00a0\u00bb39px\u00a0\u00bb custom_margin=\u00a0\u00bb||0px||false|false\u00a0\u00bb custom_padding=\u00a0\u00bb||0px|10px|false|false\u00a0\u00bb header_font_size_tablet=\u00a0\u00bb43px\u00a0\u00bb header_font_size_phone=\u00a0\u00bb30px\u00a0\u00bb header_font_size_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb header_2_font_size_tablet=\u00a0\u00bb40px\u00a0\u00bb header_2_font_size_phone=\u00a0\u00bb30px\u00a0\u00bb header_2_font_size_last_edited=\u00a0\u00bbon|desktop\u00a0\u00bb border_color_left=\u00a0\u00bb#2db5b2&Prime; inline_fonts=\u00a0\u00bbNeueMontreal Bold\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n<h2><span style=\"font-family: 'NeueMontreal Bold';\">G4 SLIM<\/span> \u2014 S36 kW<\/h2>\n<p>[\/et_pb_text][et_pb_divider color=\u00a0\u00bb#01aeb8&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb custom_margin=\u00a0\u00bb20px||0px||false|false\u00a0\u00bb custom_margin_tablet=\u00a0\u00bb20px||0px||false|false\u00a0\u00bb custom_margin_phone=\u00a0\u00bb20px||0px||false|false\u00a0\u00bb custom_margin_last_edited=\u00a0\u00bbon|desktop\u00a0\u00bb custom_padding=\u00a0\u00bb||0px||false|false\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][\/et_pb_divider][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb text_font=\u00a0\u00bb&#8211;et_global_heading_font||||||||\u00a0\u00bb text_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb text_font_size=\u00a0\u00bb26px\u00a0\u00bb text_line_height=\u00a0\u00bb1.2em\u00a0\u00bb header_font=\u00a0\u00bbNeueMontreal light||||||||\u00a0\u00bb header_text_align=\u00a0\u00bbcenter\u00a0\u00bb header_font_size=\u00a0\u00bb40px\u00a0\u00bb header_line_height=\u00a0\u00bb1.3em\u00a0\u00bb text_orientation=\u00a0\u00bbjustified\u00a0\u00bb custom_margin=\u00a0\u00bb0px||||false|false\u00a0\u00bb text_font_size_tablet=\u00a0\u00bb26px\u00a0\u00bb text_font_size_phone=\u00a0\u00bb26px\u00a0\u00bb text_font_size_last_edited=\u00a0\u00bbon|desktop\u00a0\u00bb header_font_size_tablet=\u00a0\u00bb40px\u00a0\u00bb header_font_size_phone=\u00a0\u00bb25px\u00a0\u00bb header_font_size_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n<p><span>La r\u00e9f\u00e9rence urbaine : Fine et robuste.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_button button_url=\u00a0\u00bb@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjU5MjYifX0=@\u00a0\u00bb button_text=\u00a0\u00bbD\u00e9couvrir cette borne\u00a0\u00bb button_alignment=\u00a0\u00bbleft\u00a0\u00bb button_alignment_tablet=\u00a0\u00bbleft\u00a0\u00bb button_alignment_phone=\u00a0\u00bbleft\u00a0\u00bb button_alignment_last_edited=\u00a0\u00bbon|desktop\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.4&Prime; _dynamic_attributes=\u00a0\u00bbbutton_url\u00a0\u00bb _module_preset=\u00a0\u00bbdefault\u00a0\u00bb custom_button=\u00a0\u00bbon\u00a0\u00bb button_text_size=\u00a0\u00bb18px\u00a0\u00bb button_text_color=\u00a0\u00bb#01aeb8&Prime; button_border_width=\u00a0\u00bb1px\u00a0\u00bb button_border_color=\u00a0\u00bb#2db5b2&Prime; button_border_radius=\u00a0\u00bb30px\u00a0\u00bb button_font=\u00a0\u00bb&#8211;et_global_heading_font||||||||\u00a0\u00bb button_icon=\u00a0\u00bb&#x24;||divi||400&Prime; button_icon_color=\u00a0\u00bb#2db5b2&Prime; button_on_hover=\u00a0\u00bboff\u00a0\u00bb button_text_size_tablet=\u00a0\u00bb18px\u00a0\u00bb button_text_size_phone=\u00a0\u00bb18px\u00a0\u00bb button_text_size_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb button_bg_color__hover_enabled=\u00a0\u00bbon|hover\u00a0\u00bb transform_styles__hover_enabled=\u00a0\u00bbon|hover\u00a0\u00bb transform_scale__hover_enabled=\u00a0\u00bbon|hover\u00a0\u00bb transform_translate__hover_enabled=\u00a0\u00bbon|desktop\u00a0\u00bb transform_rotate__hover_enabled=\u00a0\u00bbon|desktop\u00a0\u00bb transform_skew__hover_enabled=\u00a0\u00bbon|desktop\u00a0\u00bb transform_origin__hover_enabled=\u00a0\u00bbon|desktop\u00a0\u00bb transform_scale__hover=\u00a0\u00bb102%|102%\u00a0\u00bb button_bg_color__hover=\u00a0\u00bbrgba(45,181,178,0.11)\u00a0\u00bb button_bg_enable_color__hover=\u00a0\u00bbon\u00a0\u00bb][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bornes de recharge<div id=\"config_1525\" class=\"ies-product-configurator\" style=\"max-width:1200px; margin:40px auto; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\"><div id=\"config_1525_contents\" style=\"position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden;\"><div id=\"config_1525_content_2\" class=\"viewer-360-container\"><div id=\"v360_7121\" class=\"viewer360-container\" style=\"max-width:600px; height:900px; margin:0 auto; position:relative; user-select:none; display:flex; align-items:center; justify-content:center; overflow:hidden;\"><img decoding=\"async\" id=\"v360_7121_img\" class=\"viewer360-img\" src=\"https:\/\/ies-synergy.com\/wp-content\/uploads\/2025\/11\/S200\/0001.png\" style=\"height:100%; width:auto; max-width:100%; display:block; cursor:grab; object-fit:contain;\" draggable=\"false\"><style>\n        @media (max-width: 768px) {\n            #v360_7121.viewer360-container {\n                height: auto !important;\n                max-width: 100% !important;\n            }\n            #v360_7121_img.viewer360-img {\n                height: auto !important;\n                width: 100% !important;\n                max-width: 100% !important;\n            }\n        }\n    <\/style><div id=\"v360_7121_hint\" style=\"position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:rgba(0,0,0,0.5); padding:20px; border-radius:50%; pointer-events:none; transition:opacity 0.5s; z-index:20; box-shadow:0 4px 15px rgba(0,0,0,0.2);\"><img decoding=\"async\" src=\"https:\/\/ies-synergy.com\/wp-content\/uploads\/2025\/11\/360-degree.png\" alt=\"360\u00b0\" style=\"width:80px; height:80px; display:block;\"><div id=\"v360_7121_loading\" style=\"position:absolute; bottom:-30px; left:50%; transform:translateX(-50%); color:#01aeb8; font-size:12px; white-space:nowrap; font-weight:bold;\">Chargement...<\/div><\/div><\/div><script>\n    (function() {\n        var container = document.getElementById(\"v360_7121\");\n        var img = document.getElementById(\"v360_7121_img\");\n        var hint = document.getElementById(\"v360_7121_hint\");\n        \n        var frame = 1;\n        var totalFrames = 70;\n        var padding = 4;\n        var url = \"https:\/\/ies-synergy.com\/wp-content\/uploads\/2025\/11\/S200\/\";\n        var ext = \"png\";\n        \n        var isDragging = false;\n        var startX = 0;\n        var lastX = 0;\n        var sensitivity = 8;\n        var imagesLoaded = 0;\n        var allImagesReady = false;\n        var loadingText = document.getElementById(\"v360_7121_loading\");\n        var inactivityTimer = null;\n        var inactivityDelay = 2000;\n        \n        function hideHint() {\n            if(hint) {\n                hint.style.opacity = \"0\";\n            }\n        }\n        \n        function showHint() {\n            if(hint && allImagesReady) {\n                hint.style.opacity = \"1\";\n            }\n        }\n        \n        function resetInactivityTimer() {\n            hideHint();\n            if(inactivityTimer) {\n                clearTimeout(inactivityTimer);\n            }\n            inactivityTimer = setTimeout(function() {\n                showHint();\n            }, inactivityDelay);\n        }\n        \n        var images = [];\n        for(var i = 1; i <= totalFrames; i++) {\n            var preload = new Image();\n            preload.onload = function() {\n                imagesLoaded++;\n                \n                if(loadingText) {\n                    var percent = Math.round((imagesLoaded \/ totalFrames) * 100);\n                    loadingText.textContent = \"Chargement \" + percent + \"%\";\n                }\n                \n                if(imagesLoaded === totalFrames) {\n                    allImagesReady = true;\n                    if(loadingText) {\n                        loadingText.style.display = \"none\";\n                    }\n                    img.style.cursor = \"grab\";\n                    container.style.opacity = \"1\";\n                    console.log(\"Toutes les images sont charg\u00e9es, viewer pr\u00eat !\");\n                }\n            };\n            preload.src = url + String(i).padStart(padding, \"0\") + \".\" + ext;\n            images.push(preload);\n        }\n        \n        function updateFrame() {\n            if(images[frame - 1] && images[frame - 1].complete) {\n                img.src = images[frame - 1].src;\n            }\n        }\n        \n        function changeFrame(dir) {\n            frame += dir;\n            if(frame > totalFrames) frame = 1;\n            if(frame < 1) frame = totalFrames;\n            updateFrame();\n        }\n        \n        container.addEventListener(\"mousedown\", function(e) {\n            if(!allImagesReady) {\n                console.log(\"Attendez que toutes les images soient charg\u00e9es\");\n                return;\n            }\n            \n            isDragging = true;\n            startX = e.pageX;\n            lastX = e.pageX;\n            img.style.cursor = \"grabbing\";\n            resetInactivityTimer();\n        });\n        \n        document.addEventListener(\"mousemove\", function(e) {\n            if(!isDragging || !allImagesReady) return;\n            var deltaX = e.pageX - lastX;\n            if(Math.abs(deltaX) > sensitivity) {\n                changeFrame(deltaX > 0 ? 1 : -1);\n                lastX = e.pageX;\n            }\n        });\n        \n        document.addEventListener(\"mouseup\", function() {\n            if(isDragging) {\n                isDragging = false;\n                img.style.cursor = \"grab\";\n                resetInactivityTimer();\n            }\n        });\n        \n        var touchStartX = 0;\n        var touchLastX = 0;\n        \n        container.addEventListener(\"touchstart\", function(e) {\n            if(!allImagesReady) return;\n            \n            touchStartX = e.touches[0].pageX;\n            touchLastX = e.touches[0].pageX;\n            resetInactivityTimer();\n        });\n        \n        container.addEventListener(\"touchmove\", function(e) {\n            if(!allImagesReady) return;\n            \n            e.preventDefault();\n            var deltaX = e.touches[0].pageX - touchLastX;\n            if(Math.abs(deltaX) > sensitivity) {\n                changeFrame(deltaX > 0 ? 1 : -1);\n                touchLastX = e.touches[0].pageX;\n            }\n        });\n        \n        container.addEventListener(\"touchend\", function() {\n            if(!allImagesReady) return;\n            resetInactivityTimer();\n        });\n        \n        var keyTimer = null;\n        document.addEventListener(\"keydown\", function(e) {\n            if(!allImagesReady) return;\n            \n            if(e.key === \"ArrowLeft\" || e.key === \"ArrowRight\") {\n                if(e.key === \"ArrowLeft\") changeFrame(-1);\n                if(e.key === \"ArrowRight\") changeFrame(1);\n                \n                hideHint();\n                \n                if(keyTimer) clearTimeout(keyTimer);\n                keyTimer = setTimeout(function() {\n                    resetInactivityTimer();\n                }, 300);\n            }\n        });\n        \n        img.style.cursor = \"wait\";\n        container.style.opacity = \"0.7\";\n        \n    })();\n    <\/script><\/div><\/div><div style=\"display:flex; gap:40px; margin-bottom:30px; flex-wrap:wrap;\"><div id=\"config_1525_viewer\" style=\"flex:1; min-width:300px; background:transparent; border-radius:8px; overflow:hidden; position:relative; aspect-ratio:1\/1; display:flex; align-items:center; justify-content:center;\"><div id=\"config_1525_viewer_content\" style=\"width:100%; height:100%; display:flex; align-items:center; justify-content:center;\"><\/div><\/div><div style=\"flex:1; min-width:300px; display:flex; flex-direction:column;\"><div id=\"config_1525_product_list\" style=\"display:flex; flex-direction:column; gap:0; flex-grow:1;\"><div class=\"product-item active\" \n                         data-index=\"0\"\n                         data-type=\"image\" \n                         data-image=\"https:\/\/ies-synergy.com\/wp-content\/uploads\/2026\/06\/3D-Gamme-S-1.png\" \n                         data-url=\"https:\/\/ies-synergy.com\/borne-de-recharge-gamme-s\/\" \n                         style=\"padding:20px 25px; border-bottom:1px solid #01aeb8; cursor:pointer; transition:all 0.3s; display:flex; justify-content:space-between; align-items:center; background:transparent; color:#fff;\"><span style=\"font-size:18px; font-weight:400;\">GAMME S \u2013 24 \u00e0 36KW<\/span><span class=\"item-icon\" style=\"font-size:20px; opacity:0.5; transition:all 0.3s;\">\u2192<\/span><\/div><div class=\"product-item \" \n                         data-index=\"1\"\n                         data-type=\"image\" \n                         data-image=\"https:\/\/ies-synergy.com\/wp-content\/uploads\/2026\/06\/3D-Gamme-M-1.png\" \n                         data-url=\"https:\/\/ies-synergy.com\/borne-de-recharge-gamme-m\/\" \n                         style=\"padding:20px 25px; border-bottom:1px solid #01aeb8; cursor:pointer; transition:all 0.3s; display:flex; justify-content:space-between; align-items:center; background:transparent; color:#fff;\"><span style=\"font-size:18px; font-weight:400;\">GAMME M - 50 \u00e0 250KW<\/span><span class=\"item-icon\" style=\"font-size:20px; opacity:0.5; transition:all 0.3s;\">\u2192<\/span><\/div><div class=\"product-item \" \n                         data-index=\"2\"\n                         data-type=\"shortcode\" \n                         data-image=\"https:\/\/ies-synergy.com\/wp-content\/uploads\/2026\/06\/3D-Gamme-H.png\" \n                         data-url=\"https:\/\/ies-synergy.com\/borne-de-recharge-gamme-h\/\" \n                         style=\"padding:20px 25px; border-bottom:1px solid #01aeb8; cursor:pointer; transition:all 0.3s; display:flex; justify-content:space-between; align-items:center; background:transparent; color:#fff;\"><span style=\"font-size:18px; font-weight:400;\">GAMME H - 100 \u00e0 500KW<\/span><span class=\"item-icon\" style=\"font-size:20px; opacity:0.5; transition:all 0.3s;\">\u2192<\/span><\/div><\/div><div style=\"text-align:right; margin-top:20px;\"><a id=\"config_1525_btn\" href=\"https:\/\/ies-synergy.com\/borne-de-recharge-gamme-s\/\" style=\"display:inline-block; background:#01aeb8; color:#fff; padding:15px 40px; border-radius:25px; text-decoration:none; font-weight:600; font-size:16px; transition:all 0.3s; box-shadow:0 4px 15px rgba(1,174,184,0.3);\">D\u00e9couvrir \u2192<\/a><\/div><\/div><\/div><\/div><style>\n        #config_1525 .product-item:hover { background:rgba(1,174,184,0.05) !important; }\n        #config_1525 .product-item:hover .item-icon { opacity:1 !important; }\n        #config_1525 .product-item.active { background:rgba(1,174,184,0.1) !important; color:#01aeb8 !important; font-weight:600; }\n        #config_1525 .product-item.active .item-icon { opacity:1 !important; }\n        #config_1525_btn:hover { background:#02c4cf !important; box-shadow:0 6px 20px rgba(1,174,184,0.4) !important; transform:translateY(-2px); color:#fff !important; }\n        #config_1525_viewer_content .viewer-360-container { width:100% !important; height:100% !important; max-width:100% !important; max-height:100% !important; }\n        #config_1525_viewer_content .viewer-360-container > div { width:100% !important; height:100% !important; max-width:100% !important; max-height:100% !important; }\n        #config_1525_viewer_content .viewer-360-container img { max-width:100% !important; max-height:100% !important; object-fit:contain !important; }\n        @media (max-width: 768px) { \n            #config_1525 > div:first-child { flex-direction:column !important; }\n            #config_1525 div[style*=\"text-align:right\"] { text-align:center !important; }\n        }\n    <\/style><script>\n    (function() {\n        var container = document.getElementById(\"config_1525\");\n        var viewerContent = document.getElementById(\"config_1525_viewer_content\");\n        var contentsContainer = document.getElementById(\"config_1525_contents\");\n        var btn = document.getElementById(\"config_1525_btn\");\n        var items = container.querySelectorAll(\".product-item\");\n        var uploadUrl = \"https:\/\/ies-synergy.com\/wp-content\/uploads\/\";\n        var currentViewer = null;\n        \n        function showImage(url) {\n            if(currentViewer) {\n                contentsContainer.appendChild(currentViewer);\n                currentViewer = null;\n            }\n            \n            if(!url.startsWith(\"http\")) {\n                url = uploadUrl + url;\n            }\n            viewerContent.innerHTML = '<img decoding=\"async\" src=\"' + url + '\" style=\"max-width:100%; max-height:100%; object-fit:contain;\">';\n        }\n        \n        function showViewer360(index) {\n            var sourceContainer = document.getElementById(\"config_1525_content_\" + index);\n            \n            if(!sourceContainer) {\n                viewerContent.innerHTML = '<p style=\"color:red; padding:20px; text-align:center;\">Viewer 360 introuvable.<\/p>';\n                return;\n            }\n            \n            if(currentViewer && currentViewer !== sourceContainer) {\n                contentsContainer.appendChild(currentViewer);\n            }\n            \n            viewerContent.innerHTML = \"\";\n            viewerContent.appendChild(sourceContainer);\n            \n            sourceContainer.style.position = \"relative\";\n            sourceContainer.style.left = \"auto\";\n            sourceContainer.style.width = \"100%\";\n            sourceContainer.style.height = \"100%\";\n            sourceContainer.style.maxWidth = \"100%\";\n            sourceContainer.style.maxHeight = \"100%\";\n            \n            var innerDiv = sourceContainer.querySelector(\"div\");\n            if(innerDiv) {\n                innerDiv.style.width = \"100%\";\n                innerDiv.style.height = \"100%\";\n                innerDiv.style.maxWidth = \"100%\";\n                innerDiv.style.maxHeight = \"100%\";\n            }\n            \n            currentViewer = sourceContainer;\n        }\n        \n        items.forEach(function(item) {\n            item.addEventListener(\"click\", function() {\n                items.forEach(function(i) { \n                    i.classList.remove(\"active\");\n                    i.querySelector(\".item-icon\").textContent = \"\u2192\";\n                });\n                \n                this.classList.add(\"active\");\n                this.querySelector(\".item-icon\").textContent = \"\u2713\";\n                \n                var type = this.dataset.type;\n                var url = this.dataset.url;\n                var index = this.dataset.index;\n                btn.href = url;\n                \n                if(type === \"image\") {\n                    showImage(this.dataset.image);\n                } else {\n                    showViewer360(index);\n                }\n            });\n        });\n        \n        var first = items[0];\n        first.querySelector(\".item-icon\").textContent = \"\u2713\";\n        \n        if(first.dataset.type === \"image\") {\n            showImage(first.dataset.image);\n        } else {\n            showViewer360(first.dataset.index);\n        }\n        \n        var btnClickActive = false;\n        \n        btn.addEventListener(\"mousedown\", function(e) {\n            btnClickActive = true;\n            this.style.background = \"rgba(1,174,184,0.18)\";\n            this.style.color = \"#000\";\n            this.style.boxShadow = \"0 2px 8px rgba(1,174,184,0.2)\";\n            this.style.transform = \"translateY(0px)\";\n        });\n        \n        btn.addEventListener(\"mouseup\", function() {\n            if(btnClickActive) {\n                btnClickActive = false;\n                this.style.background = \"#01aeb8\";\n                this.style.color = \"#fff\";\n                this.style.boxShadow = \"0 4px 15px rgba(1,174,184,0.3)\";\n                this.style.transform = \"\";\n            }\n        });\n        \n        btn.addEventListener(\"mouseleave\", function() {\n            if(btnClickActive) {\n                btnClickActive = false;\n                this.style.background = \"#01aeb8\";\n                this.style.color = \"#fff\";\n                this.style.boxShadow = \"0 4px 15px rgba(1,174,184,0.3)\";\n                this.style.transform = \"\";\n            }\n        });\n        \n        btn.addEventListener(\"touchstart\", function(e) {\n            this.style.background = \"rgba(1,174,184,0.18)\";\n            this.style.color = \"#000\";\n            this.style.boxShadow = \"0 2px 8px rgba(1,174,184,0.2)\";\n            this.style.transform = \"translateY(0px)\";\n        });\n        \n        btn.addEventListener(\"touchend\", function() {\n            var self = this;\n            setTimeout(function() {\n                self.style.background = \"#01aeb8\";\n                self.style.color = \"#fff\";\n                self.style.boxShadow = \"0 4px 15px rgba(1,174,184,0.3)\";\n                self.style.transform = \"\";\n            }, 100);\n        });\n        \n        btn.addEventListener(\"touchcancel\", function() {\n            this.style.background = \"#01aeb8\";\n            this.style.color = \"#fff\";\n            this.style.boxShadow = \"0 4px 15px rgba(1,174,184,0.3)\";\n            this.style.transform = \"\";\n        });\n        \n    })();\n    <\/script><div id=\"v360_1840\" class=\"viewer360-container\" style=\"max-width:600px; height:900px; margin:0 auto; position:relative; user-select:none; display:flex; align-items:center; justify-content:center; overflow:hidden;\"><img decoding=\"async\" id=\"v360_1840_img\" class=\"viewer360-img\" src=\"https:\/\/ies-synergy.com\/wp-content\/uploads\/2025\/11\/S36\/0001.png\" style=\"height:100%; width:auto; max-width:100%; display:block; cursor:grab; object-fit:contain;\" draggable=\"false\"><style>\n        @media (max-width: 768px) {\n            #v360_1840.viewer360-container {\n                height: auto !important;\n                max-width: 100% !important;\n            }\n            #v360_1840_img.viewer360-img {\n                height: auto !important;\n                width: 100% !important;\n                max-width: 100% !important;\n            }\n        }\n    <\/style><div id=\"v360_1840_hint\" style=\"position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:rgba(0,0,0,0.5); padding:20px; border-radius:50%; pointer-events:none; transition:opacity 0.5s; z-index:20; box-shadow:0 4px 15px rgba(0,0,0,0.2);\"><img decoding=\"async\" src=\"https:\/\/ies-synergy.com\/wp-content\/uploads\/2025\/11\/360-degree.png\" alt=\"360\u00b0\" style=\"width:80px; height:80px; display:block;\"><div id=\"v360_1840_loading\" style=\"position:absolute; bottom:-30px; left:50%; transform:translateX(-50%); color:#01aeb8; font-size:12px; white-space:nowrap; font-weight:bold;\">Chargement...<\/div><\/div><\/div><script>\n    (function() {\n        var container = document.getElementById(\"v360_1840\");\n        var img = document.getElementById(\"v360_1840_img\");\n        var hint = document.getElementById(\"v360_1840_hint\");\n        \n        var frame = 1;\n        var totalFrames = 70;\n        var padding = 4;\n        var url = \"https:\/\/ies-synergy.com\/wp-content\/uploads\/2025\/11\/S36\/\";\n        var ext = \"png\";\n        \n        var isDragging = false;\n        var startX = 0;\n        var lastX = 0;\n        var sensitivity = 8;\n        var imagesLoaded = 0;\n        var allImagesReady = false;\n        var loadingText = document.getElementById(\"v360_1840_loading\");\n        var inactivityTimer = null;\n        var inactivityDelay = 2000;\n        \n        function hideHint() {\n            if(hint) {\n                hint.style.opacity = \"0\";\n            }\n        }\n        \n        function showHint() {\n            if(hint && allImagesReady) {\n                hint.style.opacity = \"1\";\n            }\n        }\n        \n        function resetInactivityTimer() {\n            hideHint();\n            if(inactivityTimer) {\n                clearTimeout(inactivityTimer);\n            }\n            inactivityTimer = setTimeout(function() {\n                showHint();\n            }, inactivityDelay);\n        }\n        \n        var images = [];\n        for(var i = 1; i <= totalFrames; i++) {\n            var preload = new Image();\n            preload.onload = function() {\n                imagesLoaded++;\n                \n                if(loadingText) {\n                    var percent = Math.round((imagesLoaded \/ totalFrames) * 100);\n                    loadingText.textContent = \"Chargement \" + percent + \"%\";\n                }\n                \n                if(imagesLoaded === totalFrames) {\n                    allImagesReady = true;\n                    if(loadingText) {\n                        loadingText.style.display = \"none\";\n                    }\n                    img.style.cursor = \"grab\";\n                    container.style.opacity = \"1\";\n                    console.log(\"Toutes les images sont charg\u00e9es, viewer pr\u00eat !\");\n                }\n            };\n            preload.src = url + String(i).padStart(padding, \"0\") + \".\" + ext;\n            images.push(preload);\n        }\n        \n        function updateFrame() {\n            if(images[frame - 1] && images[frame - 1].complete) {\n                img.src = images[frame - 1].src;\n            }\n        }\n        \n        function changeFrame(dir) {\n            frame += dir;\n            if(frame > totalFrames) frame = 1;\n            if(frame < 1) frame = totalFrames;\n            updateFrame();\n        }\n        \n        container.addEventListener(\"mousedown\", function(e) {\n            if(!allImagesReady) {\n                console.log(\"Attendez que toutes les images soient charg\u00e9es\");\n                return;\n            }\n            \n            isDragging = true;\n            startX = e.pageX;\n            lastX = e.pageX;\n            img.style.cursor = \"grabbing\";\n            resetInactivityTimer();\n        });\n        \n        document.addEventListener(\"mousemove\", function(e) {\n            if(!isDragging || !allImagesReady) return;\n            var deltaX = e.pageX - lastX;\n            if(Math.abs(deltaX) > sensitivity) {\n                changeFrame(deltaX > 0 ? 1 : -1);\n                lastX = e.pageX;\n            }\n        });\n        \n        document.addEventListener(\"mouseup\", function() {\n            if(isDragging) {\n                isDragging = false;\n                img.style.cursor = \"grab\";\n                resetInactivityTimer();\n            }\n        });\n        \n        var touchStartX = 0;\n        var touchLastX = 0;\n        \n        container.addEventListener(\"touchstart\", function(e) {\n            if(!allImagesReady) return;\n            \n            touchStartX = e.touches[0].pageX;\n            touchLastX = e.touches[0].pageX;\n            resetInactivityTimer();\n        });\n        \n        container.addEventListener(\"touchmove\", function(e) {\n            if(!allImagesReady) return;\n            \n            e.preventDefault();\n            var deltaX = e.touches[0].pageX - touchLastX;\n            if(Math.abs(deltaX) > sensitivity) {\n                changeFrame(deltaX > 0 ? 1 : -1);\n                touchLastX = e.touches[0].pageX;\n            }\n        });\n        \n        container.addEventListener(\"touchend\", function() {\n            if(!allImagesReady) return;\n            resetInactivityTimer();\n        });\n        \n        var keyTimer = null;\n        document.addEventListener(\"keydown\", function(e) {\n            if(!allImagesReady) return;\n            \n            if(e.key === \"ArrowLeft\" || e.key === \"ArrowRight\") {\n                if(e.key === \"ArrowLeft\") changeFrame(-1);\n                if(e.key === \"ArrowRight\") changeFrame(1);\n                \n                hideHint();\n                \n                if(keyTimer) clearTimeout(keyTimer);\n                keyTimer = setTimeout(function() {\n                    resetInactivityTimer();\n                }, 300);\n            }\n        });\n        \n        img.style.cursor = \"wait\";\n        container.style.opacity = \"0.7\";\n        \n    })();\n    <\/script>G4 SLIM \u2014 S36 kWLa r\u00e9f\u00e9rence urbaine : Fine et robuste.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<!-- wp:divi\/placeholder \/-->","_et_gb_content_width":"","footnotes":""},"class_list":["post-6436","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Bornes de recharge - IES Synergy<\/title>\n<meta name=\"description\" content=\"Les bornes de recharge rapide Keywatt\u00ae sont de v\u00e9ritables surdou\u00e9es pour la charge des v\u00e9hicules \u00e9lectriques.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ies-synergy.com\/es\/produits-bornes-de-recharge\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bornes de recharge - IES Synergy\" \/>\n<meta property=\"og:description\" content=\"Les bornes de recharge rapide Keywatt\u00ae sont de v\u00e9ritables surdou\u00e9es pour la charge des v\u00e9hicules \u00e9lectriques.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ies-synergy.com\/es\/produits-bornes-de-recharge\/\" \/>\n<meta property=\"og:site_name\" content=\"IES Synergy\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-14T21:53:30+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ies-synergy.com\\\/produits-bornes-de-recharge\\\/\",\"url\":\"https:\\\/\\\/ies-synergy.com\\\/produits-bornes-de-recharge\\\/\",\"name\":\"Bornes de recharge - IES Synergy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ies-synergy.com\\\/#website\"},\"datePublished\":\"2022-03-03T08:47:04+00:00\",\"dateModified\":\"2025-11-14T21:53:30+00:00\",\"description\":\"Les bornes de recharge rapide Keywatt\u00ae sont de v\u00e9ritables surdou\u00e9es pour la charge des v\u00e9hicules \u00e9lectriques.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ies-synergy.com\\\/produits-bornes-de-recharge\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ies-synergy.com\\\/produits-bornes-de-recharge\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ies-synergy.com\\\/produits-bornes-de-recharge\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/ies-synergy.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bornes de recharge\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ies-synergy.com\\\/#website\",\"url\":\"https:\\\/\\\/ies-synergy.com\\\/\",\"name\":\"Keywatt charging by IES\",\"description\":\"Solutions de recharge pour v\u00e9hicules \u00e9lectriques\",\"publisher\":{\"@id\":\"https:\\\/\\\/ies-synergy.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ies-synergy.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ies-synergy.com\\\/#organization\",\"name\":\"Keywatt charging by IES\",\"url\":\"https:\\\/\\\/ies-synergy.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/ies-synergy.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ies-synergy.com\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/Logo-IES.jpg\",\"contentUrl\":\"https:\\\/\\\/ies-synergy.com\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/Logo-IES.jpg\",\"width\":120,\"height\":120,\"caption\":\"Keywatt charging by IES\"},\"image\":{\"@id\":\"https:\\\/\\\/ies-synergy.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Bornes de recharge - IES Synergy","description":"Les bornes de recharge rapide Keywatt\u00ae sont de v\u00e9ritables surdou\u00e9es pour la charge des v\u00e9hicules \u00e9lectriques.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ies-synergy.com\/es\/produits-bornes-de-recharge\/","og_locale":"es_ES","og_type":"article","og_title":"Bornes de recharge - IES Synergy","og_description":"Les bornes de recharge rapide Keywatt\u00ae sont de v\u00e9ritables surdou\u00e9es pour la charge des v\u00e9hicules \u00e9lectriques.","og_url":"https:\/\/ies-synergy.com\/es\/produits-bornes-de-recharge\/","og_site_name":"IES Synergy","article_modified_time":"2025-11-14T21:53:30+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"11 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ies-synergy.com\/produits-bornes-de-recharge\/","url":"https:\/\/ies-synergy.com\/produits-bornes-de-recharge\/","name":"Bornes de recharge - IES Synergy","isPartOf":{"@id":"https:\/\/ies-synergy.com\/#website"},"datePublished":"2022-03-03T08:47:04+00:00","dateModified":"2025-11-14T21:53:30+00:00","description":"Les bornes de recharge rapide Keywatt\u00ae sont de v\u00e9ritables surdou\u00e9es pour la charge des v\u00e9hicules \u00e9lectriques.","breadcrumb":{"@id":"https:\/\/ies-synergy.com\/produits-bornes-de-recharge\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ies-synergy.com\/produits-bornes-de-recharge\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ies-synergy.com\/produits-bornes-de-recharge\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/ies-synergy.com\/"},{"@type":"ListItem","position":2,"name":"Bornes de recharge"}]},{"@type":"WebSite","@id":"https:\/\/ies-synergy.com\/#website","url":"https:\/\/ies-synergy.com\/","name":"Keywatt charging by IES","description":"Solutions de recharge pour v\u00e9hicules \u00e9lectriques","publisher":{"@id":"https:\/\/ies-synergy.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ies-synergy.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/ies-synergy.com\/#organization","name":"Keywatt charging by IES","url":"https:\/\/ies-synergy.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/ies-synergy.com\/#\/schema\/logo\/image\/","url":"https:\/\/ies-synergy.com\/wp-content\/uploads\/2024\/01\/Logo-IES.jpg","contentUrl":"https:\/\/ies-synergy.com\/wp-content\/uploads\/2024\/01\/Logo-IES.jpg","width":120,"height":120,"caption":"Keywatt charging by IES"},"image":{"@id":"https:\/\/ies-synergy.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/ies-synergy.com\/es\/wp-json\/wp\/v2\/pages\/6436","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ies-synergy.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ies-synergy.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ies-synergy.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ies-synergy.com\/es\/wp-json\/wp\/v2\/comments?post=6436"}],"version-history":[{"count":74,"href":"https:\/\/ies-synergy.com\/es\/wp-json\/wp\/v2\/pages\/6436\/revisions"}],"predecessor-version":[{"id":16045,"href":"https:\/\/ies-synergy.com\/es\/wp-json\/wp\/v2\/pages\/6436\/revisions\/16045"}],"wp:attachment":[{"href":"https:\/\/ies-synergy.com\/es\/wp-json\/wp\/v2\/media?parent=6436"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}