CINXE.COM
Kia Charge - Rechargez facilement votre Kia Électrique sur des bornes publiques | Kia France
<!DOCTYPE html> <html lang="fr" class=""> <head> <!--KWCMSLIVE-30442 --> <!--End of KWCMSLIVE-30442 --> <title>Kia Charge - Rechargez facilement votre Kia Électrique sur des bornes publiques | Kia France</title> <meta http-equiv="X-UA-Compatible" content="IE=11"/> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0"/> <link rel="icon" href="/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/rbr-fav.ico" type="image/x-icon"/> <!-- 48×48 --> <!-- <link rel="icon" href="/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/Favicon-Light-180.svg" type="image/svg+xml"> --> <link rel="apple-touch-icon" href="/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/apple-icon-144x144.png"/><!-- 144x144 --> <link rel="preload" href="https://www.kia.com/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/logo_kia_white-rbr.png" as="image"/> <link rel="preload" href="https://www.kia.com/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/logo_kia_black-rbr.png" as="image"/> <link rel="preconnect" href="https://releases.flowplayer.org"/> <link rel="alternate" href="https://www.kia.com/fr/mobilite-electrique/recharge-publique/" hreflang="fr-FR"/> <!-- One trust cookie policy script--> <script id="onetrust_autoblock_script" type="text/javascript" src="https://cdn.cookielaw.org/consent/8e372c98-6e51-414e-8e9f-04eb5a983c00/OtAutoBlock.js" async></script> <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="8e372c98-6e51-414e-8e9f-04eb5a983c00" async> </script> <script type="text/javascript" src="/ruxitagentjs_ICA27NVfjqrux_10257230921194352.js" data-dtconfig="uam=1|app=547b53e79b49f2b8|coo=1|featureHash=ICA27NVfjqrux|srsr=0|vcv=2|rdnt=1|uxrgce=1|bp=3|cuc=u5wmqwhk|mel=100000|dpvc=1|ssv=4|lastModification=1731276487443|dtVersion=10257230921194352|tp=500,50,0,1|uxdcw=1500|agentUri=/ruxitagentjs_ICA27NVfjqrux_10257230921194352.js|reportUrl=/rb_c705f08c-e9df-492c-bd16-fbf35d1f9647|rid=RID_1740089581|rpid=2097341104|domain=kia.com"></script><script type="text/javascript" src="/ruxitagentjs_ICA27NVfjqrux_10257230921194352.js" data-dtconfig="rid=RID_1740089581|rpid=-1805379606|domain=kia.com|reportUrl=/rb_c705f08c-e9df-492c-bd16-fbf35d1f9647|uam=1|app=547b53e79b49f2b8|coo=1|featureHash=ICA27NVfjqrux|srsr=0|vcv=2|rdnt=1|uxrgce=1|bp=3|cuc=u5wmqwhk|mel=100000|dpvc=1|ssv=4|lastModification=1732356487444|dtVersion=10257230921194352|tp=500,50,0,1|uxdcw=1500|agentUri=/ruxitagentjs_ICA27NVfjqrux_10257230921194352.js"></script><script type="text/javascript" class="cookieLocation_top" data-cookielocation="top"> function IEdetection() { var ua = window.navigator.userAgent; var msie = ua.indexOf('MSIE '); if (msie > 0) { // IE 10 or older, return version number return ('IE ' + parseInt(ua.substring( msie + 5, ua.indexOf('.', msie)), 10)); } var trident = ua.indexOf('Trident/'); if (trident > 0) { // IE 11, return version number var rv = ua.indexOf('rv:'); return ('IE ' + parseInt(ua.substring( rv + 3, ua.indexOf('.', rv)), 10)); } var edge = ua.indexOf('Edge/'); if (edge > 0) { //Edge (IE 12+), return version number return ('IE ' + parseInt(ua.substring( edge + 5, ua.indexOf('.', edge)), 10)); } // User uses other browser return ('Not IE'); } function OptanonWrapper() { var isNewBanner= false; if(isNewBanner ===true && !window.eut.COUNTRY == 'dk'){ var button = document.querySelector('#accept-recommended-btn-handler').cloneNode(true) button.style.display = 'inline-block'; var savePrefencesWrapper = document.querySelector('.save-preference-btn-container') var logo = document.querySelector('.pc-footer-logo') if (savePrefencesWrapper.querySelector('#accept-recommended-btn-handler') === null) { savePrefencesWrapper.appendChild(button) } } if ((document.referrer).indexOf('kia.com') == -1 && OptanonActiveGroups.indexOf(',2,') == -1) { sessionStorage.referrerUrl = document.referrer; sessionStorage.cmpId = location.search.concat("&").substring(location.search.concat("&").indexOf("cmpid")).split("&")[0].split("=")[1]; sessionStorage.pageName = $('meta[name=kia_metrics_pagename]').attr("content"); sessionStorage.pageUrl = location.href; } if (jQuery('.cookieLocation_top').length > 0) { if (jQuery('.optanon-alert-box-wrapper').css('display') == "block") { jQuery('#eut_header').animate({ 'margin-top': jQuery('.optanon-alert-box-wrapper').height() }, 500); } else { jQuery('#eut_header').animate({ 'margin-top': 0 }, 500); } } jQuery('.optanon-alert-box-close').click(function (e) { animateBar(); }); var checkCookieStatus, cookieSetCounter = 0; var acceptButtonList = ['.optanon-allow-all','#onetrust-accept-btn-handler'], acceptButtonElementList = []; acceptButtonList.forEach(function(element, i){ if(document.querySelector(element)){ acceptButtonElementList.push(element); } }); function cookieStatus() { cookieSetCounter++; if (cookieSetCounter > 12) { clearInterval(checkCookieStatus); eut.loading.close(); } else { if (OptanonActiveGroups.length > 3) { clearInterval(checkCookieStatus); window.location.reload(true); } } } var selectorForClickHandler = (acceptButtonElementList && acceptButtonElementList.length > 0)? function(){ return acceptButtonElementList.join(',')+",.optanon-white-button-middle"; }(): function(){ return ".optanon-white-button-middle"; }(); jQuery(selectorForClickHandler).off('click').on("click", function (e) { animateBar(); if (OptanonActiveGroups.length <= 3 && eut.COUNTRY == "de") { eut.loading.open(); jQuery('.eut_loading_dim').css('top', '0'); jQuery('.eut_loading_dim .loading').css('top', '30px'); checkCookieStatus = setInterval(cookieStatus, 300); } var satellite = window._satellite || { track: function () { } }; satellite.track('acceptcookies_btn'); }); jQuery('#accept-recommended-btn-handler,.save-preference-btn-handler').off('click').on("click", function (e) { var satellite = window._satellite || { track: function () { } }; satellite.track('acceptcookies_btn'); }); function animateBar() { if (jQuery('.cookieLocation_top').length > 0) { jQuery('.optanon-alert-box-wrapper').css('display', 'none'); jQuery('#eut_header').animate({ 'margin-top': 0 }, 500); } } if(isNewBanner ===true){ if(!getCookie("OptanonAlertBoxClosed")){ var banner = document.getElementById("onetrust-banner-sdk"); var prefpc = document.getElementById("onetrust-pc-sdk"); var filter = document.getElementsByClassName("onetrust-pc-dark-filter")[0]; // banner.style = "display: none;"; // prefpc.style = "display: block !important;"; // filter.style = "display: block !important;"; if (!document.all) { banner.setAttribute('style', 'display: none'); prefpc.setAttribute('style', 'display: block!important'); filter.setAttribute('style', 'display: block!important'); } else { banner.style = 'display: none;'; prefpc.style = 'display: block !important;'; filter.style = 'display: block !important;'; } } function getCookie(name) { var value = "; " + document.cookie; var parts = value.split("; " + name + "="); if (parts.length == 2) return parts.pop().split(";").shift(); } }else{ var browserResult = IEdetection(); if(browserResult && browserResult !== "Not IE"){ var checkExist = setInterval(function() { if (jQuery('.cookieLocation_top').length > 0 && jQuery('.optanon-alert-box-wrapper').css('display', 'block') ){ setTimeout(function(){ document.querySelector(".otFlat#onetrust-banner-sdk").style.overflowY = "hidden"; },2000); clearInterval(checkExist); } }, 100); } } } window.sat_track = false; </script> <script type="text/plain" class="optanon-category-3"> window.isCookieAccepted = "true"; </script> <script type="text/plain" class="optanon-category-4"> window.isCookieAccepted_Pixel = "true"; </script> <script> function safeAdd(v, t) { if (!v) return undefined; if (t === "int") return parseInt(v) ? parseInt(v) : undefined; if (t === "array") return Array.isArray(v) ? v : undefined; if (t === "boolean") return typeof v === "boolean" ? v : undefined; return v; } </script> <!-- Script ends here--> <link rel="stylesheet" href="/etc.clientlibs/foundation/clientlibs/main.min.39205c3cfe26e0ca5a90b94431363384.css" type="text/css"/> <script src="/etc.clientlibs/clientlibs/granite/jquery.min.3e24d4d067ac58228b5004abb50344ef.js"></script> <script src="/etc.clientlibs/clientlibs/granite/utils.min.3b86602c4e1e0b41d9673f674a75cd4b.js"></script> <script src="/etc.clientlibs/clientlibs/granite/jquery/granite.min.011c0fc0d0cf131bdff879743a353002.js"></script> <script src="/etc.clientlibs/foundation/clientlibs/jquery.min.dd9b395c741ce2784096e26619e14910.js"></script> <script src="/etc.clientlibs/foundation/clientlibs/shared.min.e9d9a3990d7779c2e8e3361187f3d36b.js"></script> <script src="/etc.clientlibs/foundation/clientlibs/main.min.be53d5d2acc50492007c4929cbe3ee9e.js"></script> <meta name="kia_metrics_pagename" content="mobilite-electrique|public-charging"/> <script id="scriptNameScript" data-scriptname="EN4a6bd466fba840ee81cd47e7ffdb1764"> var getScriptName = $("script#scriptNameScript").attr("data-scriptName"); function wait(method){ document.querySelector("#onetrust_autoblock_script").onload = function() { method(); } } function waitForElement(){ if(typeof _satellite !== "undefined"){ setTimeout(_satellite.pageBottom(), 500); if(eut && eut.analytics){ eut.analytics.track = window._satellite.track; } } else{ setTimeout(waitForElement, 0); } } wait(function(){ $.getScript("//assets.adobedtm.com/launch-"+getScriptName+".min.js") .done(function(script, textStatus) { waitForElement(); }) .fail(function(jqxhr, settings, exception) { console.log("loading script failed."); }); }); </script> <link rel="canonical" href="https://www.kia.com/fr/mobilite-electrique/recharge-publique/"/> <!-- meta --> <meta charset="utf-8"/> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <meta name="keywords"/> <meta name="description" content="Passer à l'électrique n'a jamais été aussi simple. Avec Kia Charge, une seule carte vous offre un accès facile à l'un des plus grands réseaux de recharge publics en Europe, une gamme de services intelligents et des tarifs compétitifs. Découvrez tous les avantages dès maintenant."/> <meta name="title" content="Kia Charge"/> <meta property="og:title" content="Kia Charge"/> <meta property="og:description" content="Going electric is now as easy as ever. With Kia Charge, one card grants you easy access to one of the largest public charging networks in Europe, a range of smart services and competitive tariffs. Discover all the benefits now."/> <meta property="og:url" content="https://www.kia.com/fr/mobilite-electrique/recharge-publique/"/> <meta property="og:image" content="https://www.kia.com/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/kia-company-logo.jpg"/> <meta name="twitter:title" content="Kia Charge"/> <meta name="twitter:description" content="Passer à l'électrique n'a jamais été aussi simple. Avec Kia Charge, une seule carte vous offre un accès facile à l'un des plus grands réseaux de recharge publics en Europe, une gamme de services intelligents et des tarifs compétitifs. Découvrez tous les avantages dès maintenant."/> <meta name="twitter:url" content="https://www.kia.com/fr/mobilite-electrique/recharge-publique/"/> <meta name="robots" content='NOODP, NOYDIR'/> <meta name="format-detection" content="telephone=no"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:image" content="https://www.kia.com"/> <!--// meta --> <!--KWCMSLIVE-17690--> <script type="text/javascript"> function OptanonWrapper() { if(!getCookie("OptanonAlertBoxClosed")){ var newButton = document.createElement("button") // Create a button newButton.setAttribute("id", "onetrust-reject-all-handler") // Name the button + pick up style as per template newButton.onclick = function(one){ OneTrust.RejectAll(); } newButton.innerText = Optanon.GetDomainData().BannerRejectAllButtonText;// Add text to button document.getElementById("onetrust-policy").prepend(newButton) // Place button } } function getCookie(name) { var value = "; " + document.cookie; var parts = value.split("; " + name + "="); if (parts.length >= 2) return parts.pop().split(";").shift(); } </script> <script type="text/javascript"> Granite.I18n.setLocale('fr-fr'); window.eut = { COUNTRY: 'fr', LANGUAGE: 'fr', LOCATION: 'fr-fr', EDIT_MODE: 'false', PREVIEW_MODE: 'false', CURRENCY: '€', INCOMPATIBLE_PAGE: '', MODEL_ID: '', EXCLUSIONS: [], CURRENCY_COUNTRY : 'de', FREESPEE: '' }; //Adobe DTM Variable (Analytics) window.dtmDataLayer = {}; </script> <!--Structured FAQ component data--> <!-- End of Structured FAQ component data--> <link rel="dns-prefetch" href="https://www.kia.com/fr/"/> <link rel="preload" href="https://coy6at5zba.kameleoon.eu/kameleoon.js" as="script"/> <script type="text/javascript"> var kameleoonIframeURL = "https://www.kia.com/fr/Test-kme/iframe-kameleoon/"; // Duration in milliseconds to wait while the Kameleoon application file is loaded var kameleoonLoadingTimeout = 1000; var kameleoonIframeOriginElement = document.createElement("a"); kameleoonIframeOriginElement.href = kameleoonIframeURL; var kameleoonIframeOrigin = kameleoonIframeOriginElement.origin || (kameleoonIframeOriginElement.protocol + "//" + kameleoonIframeOriginElement.hostname); var kameleoonStartLoadTime = new Date().getTime(); var kameleoonLightIframe = false; if (!document.getElementById("kameleoonLoadingStyleSheet") && !window.kameleoonDisplayPageTimeOut) { var kameleoonS = document.getElementsByTagName("script")[0]; var kameleoonCc = "* { visibility: hidden !important; background-image: none !important; }"; var kameleoonStn = document.createElement("style"); kameleoonStn.type = "text/css"; kameleoonStn.id = "kameleoonLoadingStyleSheet"; if (kameleoonStn.styleSheet) { kameleoonStn.styleSheet.cssText = kameleoonCc; } else { kameleoonStn.appendChild(document.createTextNode(kameleoonCc)); } kameleoonS.parentNode.insertBefore(kameleoonStn, kameleoonS); window.kameleoonDisplayPage = function (fromEngine) { if (!fromEngine) { window.kameleoonTimeout = true; } if (kameleoonStn.parentNode) { kameleoonStn.parentNode.removeChild(kameleoonStn); } }; window.setTimeout(function () { }, 25); window.kameleoonDisplayPageTimeOut = window.setTimeout(window.kameleoonDisplayPage, kameleoonLoadingTimeout); } if (location.href.indexOf(kameleoonIframeOrigin) == -1) { kameleoonLightIframe = true; var kameleoonProcessMessageEvent = function (event) { if (kameleoonIframeOrigin == event.origin) { window.removeEventListener("message", kameleoonProcessMessageEvent); window.kameleoonExternalIFrameLoaded = true; if (window.Kameleoon) { eval(event.data); Kameleoon.Analyst.load(); } else { window.kameleoonExternalIFrameLoadedData = event.data; } } }; if (window.addEventListener) { window.addEventListener("message", kameleoonProcessMessageEvent, false); } var iframeNode = document.createElement("iframe"); iframeNode.src = kameleoonIframeURL; iframeNode.id = "kameleoonExternalIframe"; iframeNode.title = "kameleoonExternalIframe"; iframeNode.style = "float: left !important; opacity: 0.0 !important; width: 0px !important; height: 0px !important;"; document.head.appendChild(iframeNode); } </script> <script type="text/javascript" src="//coy6at5zba.kameleoon.eu/kameleoon.js" async></script> <script src="/etc.clientlibs/settings/wcm/designs/eut/clientlib/libs/libs.min.995f851ba5c3aeff77d1461aab19bf55.js"></script> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/eutSpec/clientlib/fr/libs/common.min.b835aff5536a880cc0740ca6da3c5cfb.css" type="text/css"/> <script src="/etc.clientlibs/settings/wcm/designs/eutSpec/clientlib/fr/libs/common.min.53d97f1be9cf2d5a32177fbf3ce7bad3.js"></script> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/eut/clientlib/libs/components.min.ccef0a3702825756c55e428b85a88f4f.css" type="text/css"/> </head> <body class="bg_white"> <div id="accessbility"><a href="#contents">Go to content</a></div> <!-- header// --> <header id="eut_header" class="lang " data-is-homepage="false"> <div class="eut_header eut_header-de"> <div class="eut_header-xl-hidden--cta-buttons"> <ul class="eut_header-xl-hidden-cta-buttons__ctaList"> <li class="eut_configurator eut_configuratorBuyButton gnbListItem--right" data-gnb-item="buyButton"> <a href="https://www.kia.com/fr/achat-location/offres-commerciales/?type=100%-electrique" class="eut_cmpe_btn icon buy ctaButton ctaButton_secondary"> <img src="/content/dam/kwcms/kme/global/en/assets/common/icon-shopping-cart.png"/>Nos offres</a> </li> <li class="eut_configurator eut_configuratorCarButton" data-gnb-item="carButton"> <a href="https://www.kia.com/fr/achat-location/configurateur/" class="eut_cmpe_btn icon ctaButton" onclick="eut.analytics.prop({internal_link: 'conversion|GNB|car configurator'}).track( 'internal_link' );"><span class="configurator"></span>Configurateur</a> </li> </ul> </div> <div class="eut_header_utilityBar eut_header--rbr-spacing"> <!-- util// --> <div id="eut_util"> <ul class="util_menu"> <li> <a class="optanon-toggle-display">Gestion des cookies</a> </li> <li><a href="https://www.kia.com/fr/decouvrir-kia/notre-entreprise/">Notre Entreprise</a></li> <li><a href="https://www.kia.com/fr/decouvrir-kia/partenariats/">Partenariats</a></li> <li><a href="https://www.kia.com/fr/decouvrir-kia/carriere/" target="_self">Carrière</a></li> <li><a href="https://www.kia.com/fr/points-de-vente/">216 Points de vente</a></li> <li><a href="https://www.kia.com/fr/nous-contacter/contact/">Contact</a></li> <li><a href="https://www.kia.com/fr/decouvrir-kia/inspiredbykia/">#Inspiredbykia</a></li> </ul> </div> <!-- //util --> <!-- util_search - only XL // --> <div data-id="eut_util_right" class="eut_util_right xl-only"> <!-- <sly data-sly-test.endpointURL=""/> --> <!-- <sly data-sly-test.clientId=""/> --> <ul class="util_menu login_menu" style="z-index: 100"> <li> <a class="myPage" href="/fr/reserver-en-ligne/mon-espace/?active=1.0" target="_self">Mon Espace</a> </li> <li> <a href="https://eu-account.kia.com/auth/realms/eukiaidm/protocol/openid-connect/logout?redirect_uri=https://www.kia.com/fr/" target="_self" class="logout user"><img alt="profile Icon"/>Se déconnecter</a> </li> </ul> <!-- User Not Logged In --> <ul class="util_menu logout_menu"> <li> <a href="https://eu-account.kia.com/auth/realms/eukiaidm/protocol/openid-connect/auth?ui_locales=fr&scope=openid%20profile%20email%20phone&response_type=code&client_id=kia-default&redirect_uri=https://www.kia.com/api/bin/oneid/login&state=aHR0cHM6Ly93d3cua2lhLmNvbTo0NDMvZnIvbW9iaWxpdGUtZWxlY3RyaXF1ZS9yZWNoYXJnZS1wdWJsaXF1ZS8/X3RtPTE3MzEzMTUyNTgyODM=_default" target="_self" class="login user"> Mon Espace<!-- Login --></a> </li> </ul> <link rel="stylesheet" href="/etc.clientlibs/eut/components/content/pageComponent/util_search/clientlibs.min.331af619dba0405ae216ea23fc1acf2d.css" type="text/css"/> <script src="/etc.clientlibs/eut/components/content/pageComponent/util_search/clientlibs.min.281cd2e6adda3f2ddf50810c367d8810.js"></script> </div> <div id="eut_util_search"> <div class="u_sch_box"> <form class="eut_util_searchForm" action="/fr/recherche/results/" method="get"> <div class="eut_form_plugin"> <button type="submit" title="Rechercher">"Rechercher"</button> <label for="header_search_input" class="eut_text">"Rechercher"</label> <input type="text" title="Recherche par mots clés" id="header_search_input" placeholder="Rechercher" name="keyword"/> </div> </form> </div> </div> <!-- //util_search - only XL --> <!-- country_selector - only XL // --> <div class="country-selector__wrapper xl-only"> <span class="country-list init-country"><a>CHANGE COUNTRY</a></span> <div class="overlaY"></div> <ul class="country-selector"> <li class="country-list" countrycode="eu"> <a class="countryLink" href="https://www.kia.com/eu/"><span class="countryName Europe"></span>Europe</a> </li> <li class="country-list"> <a class="countryLink" href="https://www.kia-albania.com/"><span class="countryName Albania"></span>Albania</a> </li> <li class="country-list" countrycode="at"> <a class="countryLink" href="https://www.kia.com/at/"><span class="countryName Austria"></span>Austria</a> </li> <li class="country-list" countrycode="az"> <a class="countryLink" href="https://www.kia.com/az/"><span class="countryName Azerbaijan"></span>Azerbaijan</a> </li> <li class="country-list" countrycode="be"> <a class="countryLink" href="https://www.kia.com/be/nl/"><span class="countryName Belgium (Dutch)"></span>Belgium (Dutch)</a> </li> <li class="country-list" countrycode="be"> <a class="countryLink" href="https://www.kia.com/be/fr/"><span class="countryName Belgium (French)"></span>Belgium (French)</a> </li> <li class="country-list" countrycode="ba"> <a class="countryLink" href="https://www.kia.com/ba/"><span class="countryName Bosnia-Herzegovina"></span>Bosnia-Herzegovina</a> </li> <li class="country-list" countrycode="bg"> <a class="countryLink" href="https://www.kia.com/bg/"><span class="countryName Bulgaria"></span>Bulgaria</a> </li> <li class="country-list"> <a class="countryLink" href="https://kiacanarias.es/"><span class="countryName Canary Islands"></span>Canary Islands</a> </li> <li class="country-list" countrycode="hr"> <a class="countryLink" href="https://www.kia.com/hr/"><span class="countryName Croatia"></span>Croatia</a> </li> <li class="country-list"> <a class="countryLink" href="https://kia.com.cy/"><span class="countryName Cyprus"></span>Cyprus</a> </li> <li class="country-list" countrycode="cz"> <a class="countryLink" href="https://www.kia.com/cz/"><span class="countryName Czech Republic"></span>Czech Republic</a> </li> <li class="country-list" countrycode="dk"> <a class="countryLink" href="https://www.kia.com/dk/"><span class="countryName Denmark"></span>Denmark</a> </li> <li class="country-list"> <a class="countryLink" href="https://www.kia.ee/"><span class="countryName Estonia"></span>Estonia</a> </li> <li class="country-list" countrycode="fi"> <a class="countryLink" href="https://www.kia.com/fi/"><span class="countryName Finland"></span>Finland</a> </li> <li class="country-list" countrycode="fr"> <a class="countryLink" href="https://www.kia.com/fr/mobilite-electrique/recharge-publique/"><span class="countryName France"></span>France</a> </li> <li class="country-list" countrycode="ge"> <a class="countryLink" href="https://www.kia.com/ge"><span class="countryName Georgia"></span>Georgia</a> </li> <li class="country-list" countrycode="de"> <a class="countryLink" href="https://www.kia.com/de/"><span class="countryName Germany"></span>Germany</a> </li> <li class="country-list" countrycode="gi"> <a class="countryLink" href="https://www.kia.com/gi/"><span class="countryName Gibraltar"></span>Gibraltar</a> </li> <li class="country-list" countrycode="gr"> <a class="countryLink" href="https://www.kia.com/gr/"><span class="countryName Greece"></span>Greece</a> </li> <li class="country-list" countrycode="hu"> <a class="countryLink" href="https://www.kia.com/hu/"><span class="countryName Hungary"></span>Hungary</a> </li> <li class="country-list" countrycode="is"> <a class="countryLink" href="https://www.kia.com/is/"><span class="countryName Iceland"></span>Iceland</a> </li> <li class="country-list" countrycode="ie"> <a class="countryLink" href="https://www.kia.com/ie/"><span class="countryName Ireland"></span>Ireland</a> </li> <li class="country-list" countrycode="it"> <a class="countryLink" href="https://www.kia.com/it/"><span class="countryName Italy"></span>Italy</a> </li> <li class="country-list" countrycode="lv"> <a class="countryLink" href="https://www.kia.com/lv/"><span class="countryName Latvia"></span>Latvia</a> </li> <li class="country-list" countrycode="lt"> <a class="countryLink" href="https://www.kia.com/lt/"><span class="countryName Lithuania"></span>Lithuania</a> </li> <li class="country-list" countrycode="lu"> <a class="countryLink" href="https://www.kia.com/lu/"><span class="countryName Luxembourg"></span>Luxembourg</a> </li> <li class="country-list" countrycode="ht"> <a class="countryLink" href="https://www.kiamotors.com.mk"><span class="countryName Macedonia"></span>Macedonia</a> </li> <li class="country-list" countrycode="mt"> <a class="countryLink" href="https://www.kia.com/mt/"><span class="countryName Malta"></span>Malta</a> </li> <li class="country-list" countrycode="ht"> <a class="countryLink" href="https://kia.md"><span class="countryName Moldova"></span>Moldova</a> </li> <li class="country-list" countrycode="me"> <a class="countryLink" href="https://www.kia.com/me/"><span class="countryName Montenegro"></span>Montenegro</a> </li> <li class="country-list" countrycode="nl"> <a class="countryLink" href="https://www.kia.com/nl/"><span class="countryName Netherlands"></span>Netherlands</a> </li> <li class="country-list" countrycode="no"> <a class="countryLink" href="https://www.kia.com/no/"><span class="countryName Norway"></span>Norway</a> </li> <li class="country-list" countrycode="pl"> <a class="countryLink" href="https://www.kia.com/pl/"><span class="countryName Poland"></span>Poland</a> </li> <li class="country-list" countrycode="pt"> <a class="countryLink" href="https://www.kia.com/pt/"><span class="countryName Portugal"></span>Portugal</a> </li> <li class="country-list" countrycode="ro"> <a class="countryLink" href="https://www.kia.com/ro/"><span class="countryName Romania"></span>Romania</a> </li> <li class="country-list" countrycode="rs"> <a class="countryLink" href="https://www.kia.com/rs/"><span class="countryName Serbia"></span>Serbia</a> </li> <li class="country-list" countrycode="sk"> <a class="countryLink" href="https://www.kia.com/sk/"><span class="countryName Slovakia"></span>Slovakia</a> </li> <li class="country-list" countrycode="es"> <a class="countryLink" href="https://www.kia.com/es/"><span class="countryName Spain"></span>Spain</a> </li> <li class="country-list" countrycode="si"> <a class="countryLink" href="https://www.kia.com/si/"><span class="countryName Slovenia"></span>Slovenia</a> </li> <li class="country-list" countrycode="se"> <a class="countryLink" href="https://www.kia.com/se/"><span class="countryName Sweden"></span>Sweden</a> </li> <li class="country-list" countrycode="ch"> <a class="countryLink" href="https://www.kia.com/ch/"><span class="countryName Switzerland"></span>Switzerland</a> </li> <li class="country-list" countrycode="tr"> <a class="countryLink" href="https://www.kia.com/tr"><span class="countryName Turkey"></span>Turkey</a> </li> <li class="country-list" countrycode="ua"> <a class="countryLink" href="https://www.kia.com/ua"><span class="countryName Ukraine"></span>Ukraine</a> </li> <li class="country-list" countrycode="uk"> <a class="countryLink" href="https://www.kia.com/uk/"><span class="countryName United Kingdom"></span>United Kingdom</a> </li> </ul> </div> <!-- //country_selector - only XL --> </div> <div class="eut_header_navigation eut_header--rbr-spacing"> <button type="button" class="eut_gnb_opener" title="open menu"><span class="sr-only">open menu</span></button> <!-- select language// --> <div class="eut_select_language"> <p> <a href="https://www.kia.com/fr/mobilite-electrique/recharge-publique.html" class="active"> fr </a> </p> </div> <!-- //select language --> <!-- gnb// --> <input type="hidden" id="checkDisclaimer" value="false"/> <nav class="gnbNavigation"> <ul id="eut_gnb"> <li class="gnbListItem gnbListItem--left eut_nav_newcar"> <a href="#">Modèles</a> <div class="eut_nav_dth2"> <ul class="newcar_category eut_header--rbr-spacing"> <li class="category active"> <a href="javascript:;" data-category="all"> Tous les véhicules </a> </li> <li class="category"> <a href="javascript:;" data-category="115"> 100% électrique </a> </li> <li class="category"> <a href="javascript:;" data-category="114"> Hybride </a> </li> <li class="category"> <a href="javascript:;" data-category="229"> Hybride Rechargeable </a> </li> <li class="category"> <a href="javascript:;" data-category="111"> Thermique </a> </li> <li class="category"> <a href="javascript:;" data-category="109"> Citadines </a> </li> <li class="category"> <a href="javascript:;" data-category="110"> Compactes </a> </li> <li class="category"> <a href="javascript:;" data-category="113"> Breaks </a> </li> <li class="category"> <a href="javascript:;" data-category="112"> Crossover / SUV </a> </li> <!-- KWCMSLIVE-18429 --> <!-- KWCMSLIVE-18429 --> </ul> <div class="eut_header--rbr-spacing"> <div> <ul class="newcar_list"> <li class="category_item 111 109 " data-model-id="G6-S6-*"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/fr/modeles/picanto/decouvrir/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-picanto-gtl-520x260.webp" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-picanto-gtl-268x134.webp" alt="Nouvelle Picanto"/> </picture> </span> <strong translate="no">Nouvelle Picanto</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 15 990 € </span> </a> </li> <li class="category_item 111 109 112 " data-model-id="H8-W5-*"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/fr/modeles/stonic/decouvrir/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-stonic-520x260.webp" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-stonic-268x134.webp" alt="Stonic"/> </picture> </span> <strong translate="no">Stonic</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 22 490 € </span> </a> </li> <li class="category_item 115 112 " data-model-id="J2-W5-*"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/fr/modeles/e-soul/decouvrir/"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-e-soul-520x260.webp" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-e-soul-268x134.webp" alt="e-Soul 100% électrique"/> </picture> </span> <strong translate="no">e-Soul 100% électrique</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 47 540 € </span> </a> </li> <li class="category_item 115 112 " data-model-id="9V-W5-*"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/fr/modeles/ev3/decouvrir/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/Vignette-EV3-Nav-520x260-2.png" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/Vignette-EV3-Nav-520x260-2.png" alt="kia-ev3"/> </picture> </span> <strong translate="no">Nouveau EV3 100% électrique</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 35 990 € </span> </a> </li> <li class="category_item 111 110 " data-model-id="J7-S6-*"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/fr/modeles/ceed/decouvrir/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-ceed-520x260.webp" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-ceed-268x134.webp" alt="Ceed"/> </picture> </span> <strong translate="no">Ceed</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 27 690 € </span> </a> </li> <li class="category_item 111 113 " data-model-id="J7-W5-*"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/fr/modeles/ceed-sw/decouvrir/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-ceed-sw-gtl-520x260.webp" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-ceed-sw-gtl-268x134.webp" alt="Ceed SW"/> </picture> </span> <strong translate="no">Ceed SW</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 28 690 € </span> </a> </li> <li class="category_item 229 113 " data-model-id="JM-W5-EV2"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/fr/modeles/ceed-sw/decouvrir/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-ceed-sw-phev-520x260.webp" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-ceed-sw-phev-268x134.webp" alt="Ceed SW Hybride Rechargeable"/> </picture> </span> <strong translate="no">Ceed SW Hybride Rechargeable</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 38 940 € </span> </a> </li> <li class="category_item 111 113 " data-model-id="J7-Q1-*"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/fr/modeles/proceed/decouvrir/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-proceed-gtl-520x260.webp" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-proceed-gtl-268x134.webp" alt="ProCeed"/> </picture> </span> <strong translate="no">ProCeed</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 32 950 € </span> </a> </li> <li class="category_item 111 112 " data-model-id="J7-S8-*"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/fr/modeles/xceed/decouvrir/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-xceed-gtl-520x260.webp" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-xceed-gtl-268x134.webp" alt="XCeed"/> </picture> </span> <strong translate="no">XCeed</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 28 250 € </span> </a> </li> <li class="category_item 229 112 " data-model-id="JM-S8-EV2"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/fr/modeles/xceed/decouvrir/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-xceed-phev-520x260v2.webp" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-xceed-phev-268x134v2.webp" alt="XCeed Hybride Rechargeable"/> </picture> </span> <strong translate="no">XCeed Hybride Rechargeable</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 37 540 € </span> </a> </li> <li class="category_item 115 112 " data-model-id="TO-W5-*"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/fr/modeles/niro/decouvrir/?trim=electrique" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-niro-ev-520x260_2.webp" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-niro-ev-268x134_2.webp" alt="Niro EV 100% électrique"/> </picture> </span> <strong translate="no">Niro EV 100% électrique</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 45 690 € </span> </a> </li> <li class="category_item 114 112 " data-model-id="0T-W5-EV1"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/fr/modeles/niro/decouvrir/?trim=hybride" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-niro-hev-520x260.webp" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-niro-hev-268x134.webp" alt="Niro Hybride"/> </picture> </span> <strong translate="no">Niro Hybride</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 33 790 € </span> </a> </li> <li class="category_item 229 112 " data-model-id="0T-W5-EV2"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/fr/modeles/niro/decouvrir/?trim=hybride-rechargeable" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-niro-phev-520x260.webp" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-niro-phev-268x134.webp" alt="Niro Hybride Rechargeable"/> </picture> </span> <strong translate="no">Niro Hybride Rechargeable</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 40 640 € </span> </a> </li> <li class="category_item 229 112 " data-model-id="JY-W5-EV2"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/fr/modeles/sportage/decouvrir/?trim=hybride-rechargeable" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-sportage-phev-520x260.webp" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-sportage-phev-268x134.webp" alt="Sportage Hybride Rechargeable"/> </picture> </span> <strong translate="no">Sportage Hybride Rechargeable</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 45 440 € </span> </a> </li> <li class="category_item 111 112 " data-model-id="HW-W5-*"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/fr/modeles/sportage/decouvrir/?trim=thermique" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-sportage-520x260.webp" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-sportage-268x134.webp" alt="Sportage"/> </picture> </span> <strong translate="no">Sportage</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 32 840 € </span> </a> </li> <li class="category_item 114 112 " data-model-id="JY-W5-EV1"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/fr/modeles/sportage/decouvrir/?trim=hybride" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-sportage-hev-520x260.webp" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-sportage-hev-268x134.webp" alt="Sportage Hybride"/> </picture> </span> <strong translate="no">Sportage Hybride</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 39 690 € </span> </a> </li> <li class="category_item 115 112 " data-model-id="AS-W5-*"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/fr/modeles/ev6/decouvrir/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-ev6-520x260.webp" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-ev6-268x134.webp" alt="EV6 100% électrique"/> </picture> </span> <strong translate="no">EV6 100% électrique</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 49 690 € </span> </a> </li> <li class="category_item 115 112 " data-model-id="AS-W5-*"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/fr/modeles/ev6-gt/decouvrir/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-ev6-gt-520x260.webp" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-ev6-gt-268x134.webp" alt="EV6 GT 100% ÉLECTRIQUE"/> </picture> </span> <strong translate="no">EV6 GT 100% ÉLECTRIQUE</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 74 690 € </span> </a> </li> <li class="category_item 114 112 " data-model-id="HC-W5-EV1"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/fr/modeles/sorento/decouvrir/?trim=hybride" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-sorento-hev-520x260.webp" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-sorento-hev-268x134.webp" alt="Sorento"/> </picture> </span> <strong translate="no">Sorento Hybride</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 47 990 € </span> </a> </li> <li class="category_item 229 112 " data-model-id="HC-W5-EV2"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/fr/modeles/sorento/decouvrir/?trim=hybride-rechargeable" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-sorento-phev-520x260.webp" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-sorento-phev-268x134.webp" alt="Sorento Hybride Rechargeable"/> </picture> </span> <strong translate="no">Sorento Hybride Rechargeable</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 54 490 € </span> </a> </li> <li class="category_item 115 112 " data-model-id="DO-W7-*"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/fr/modeles/ev9/decouvrir/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-ev9-520x260.webp" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/fr/fr/assets/nav/nav-ev9-268x134.webp" alt="EV9 100% électrique"/> </picture> </span> <strong translate="no">EV9 100% électrique</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 73 000 € </span> </a> </li> </ul> </div> </div> </div> </li> <li class="gnbListItem gnbListItem--left "> <a href="#">Mobilité électrique</a> <ul class="eut_nav_dth2"> <li> <a href="https://www.kia.com/fr/mobilite-electrique/gamme-electrifiee/">Modèles électrifiés</a> </li> <li> <a href="https://www.kia.com/fr/mobilite-electrique/kia-flex/">S'abonner à l'électrique</a> </li> <li> <a href="https://www.kia.com/fr/mobilite-electrique/electrique-par-kia/">L’électrique par Kia</a> </li> <li> <a href="https://www.kia.com/fr/mobilite-electrique/recharge-publique/">Solution de recharge publique</a> </li> <li> <a href="https://www.kia.com/fr/mobilite-electrique/recharge-a-domicile/">Solution de recharge à domicile</a> </li> </ul> </li> <li class="gnbListItem gnbListItem--left "> <a href="#">Achat & Location</a> <ul class="eut_nav_dth2"> <li> <a href="https://www.kia.com/fr/achat-location/offres-commerciales/">Offres commerciales</a> </li> <li> <a href="https://www.kia.com/fr/achat-location/kia-flex/">Abonnement Kia Flex</a> </li> <li> <a href="https://www.kia.com/fr/achat-location/kia-drive/" target="_self">Louer avec Kia Drive</a> </li> <li> <a href="https://www.kia.com/fr/reserver-un-essai/">Faire un essai</a> </li> <li> <a href="https://www.kia.com/fr/achat-location/comparateur-de-modeles/">Comparateur de modèles</a> </li> <li> <a href="https://www.kia.com/fr/points-de-vente/">Nos 216 points de vente</a> </li> </ul> </li> <li class="gnbListItem gnbListItem--left "> <a href="#">Concept PBV</a> <ul class="eut_nav_dth2"> <li> <a href="https://www.kia.com/fr/pbv/modeles/gamme/">Modèles</a> </li> <li> <a href="https://www.kia.com/fr/pbv/avec-kia-pbv/a-propos/">Avec Kia PBV</a> </li> <li> <a href="https://www.kia.com/fr/pbv/services-%20connectivite/ecosysteme/">Services et connectivité</a> </li> <li> <a href="https://www.kia.com/fr/pbv/professionnels/">Pour les professionnels</a> </li> <li> <a href="https://www.kia.com/fr/pbv/salon-vehicule-utilitaire-hanovre/">Salon de Hanovre (IAA)</a> </li> <li> <a href="https://www.kia.com/fr/pbv/ces/">CES 2024</a> </li> </ul> </li> <li class="gnbListItem--filler"></li> <li class="gnbListItem gnbListItem--right"> <a href="#">Entreprises</a> <ul class="eut_nav_dth2"> <li> <a href="https://www.kia.com/fr/entreprises/kia-entreprise/">Kia Entreprise</a> </li> <li> <a href="https://www.kia.com/fr/entreprises/offres/">Offres du moment</a> </li> <li> <a href="https://www.kia.com/fr/entreprises/financement/">Solutions de financement</a> </li> <li> <a href="https://www.kia.com/fr/entreprises/fiscalite/">Fiscalité</a> </li> <li> <a href="https://www.kia.com/fr/entreprises/contact/" target="_self">Contacter Kia Entreprise</a> </li> </ul> </li> <li class="gnbListItem gnbListItem--right"> <a href="#">Occasion</a> <ul class="eut_nav_dth2"> <li> <a href="https://www.kia.com/fr/occasion/kia-occasion/">Label Kia Occasion</a> </li> <li> <a href="https://www.kia.com/fr/occasion/nos-vehicules-doccasion/#/search/">Nos véhicules d'occasion</a> </li> </ul> </li> <li class="gnbListItem gnbListItem--right"> <a href="#">Services</a> <ul class="eut_nav_dth2"> <li> <a href="https://www.kia.com/fr/services/rendez-vous-atelier/">Prendre RDV en atelier</a> </li> <li> <a href="https://www.kia.com/fr/services/apres-vente/" target="_self">Après-vente</a> </li> <li> <a href="https://www.mes-accessoires-kia.fr/" target="_blank">Boutique accessoires Kia</a> </li> <li> <a href="https://www.kia.com/fr/services/garantie/7-ans-de-garantie/">7 ans de garantie</a> </li> <li> <a href="https://www.kia.com/fr/services/kia-connect/">Kia Connect</a> </li> <li> <a href="https://www.kia.com/fr/services/compte-kia/">Mon compte Kia</a> </li> </ul> </li> <li class="eut_configurator eut_configuratorBuyButton gnbListItem--right gnbListItem--extra-item" data-gnb-item="buyButton"> <a href="https://www.kia.com/fr/achat-location/offres-commerciales/?type=100%-electrique" class="eut_cmpe_btn icon buy ctaButton ctaButton_secondary"> <img src="/content/dam/kwcms/kme/global/en/assets/common/icon-shopping-cart.png" alt="shoppingCart Icon"/>Nos offres</a> </li> <li class="eut_configurator eut_configuratorCarButton gnbListItem--right gnbListItem--extra-item" data-gnb-item="carButton"> <a href="https://www.kia.com/fr/achat-location/configurateur/" class="eut_cmpe_btn icon ctaButton" onclick="eut.analytics.prop({internal_link: 'conversion|GNB|car configurator'}).track( 'internal_link' );"><span class="configurator"></span>Configurateur</a> </li> </ul> <div class="eut_nav_logo"> <div itemscope itemtype="http://schema.org/Organization" class="header_logo"> <a itemprop="url" href="https://www.kia.com/fr/"> <img class="eut_nav_logo__whiteLogo" itemprop="logo" src="/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/logo_kia_white-rbr.png" alt="Kia"/> <img class="eut_nav_logo__blackLogo" itemprop="logo" src="/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/logo_kia_black-rbr.png" alt="Kia"/> </a> <!-- KWCMSLIVE-23329 fix to add domain for Kia logo for mykia test environment --> </div> </div> </nav> <!-- //gnb --> <div class="xl-hidden eut_header_navigation__searchButton"></div> </div> <div class="eut_header_navigation--xl-hidden xl-hidden"> <!-- country_selector - mobile // --> <div class="country-selector__wrapper"> <span class="country-list init-country"><a>CHANGE COUNTRY</a></span> <div class="overlaY"></div> <ul class="country-selector"> <li class="country-list" countrycode="eu"> <a class="countryLink" href="https://www.kia.com/eu/"><span class="countryName Europe"></span>Europe</a> </li> <li class="country-list"> <a class="countryLink" href="https://www.kia-albania.com/"><span class="countryName Albania"></span>Albania</a> </li> <li class="country-list" countrycode="at"> <a class="countryLink" href="https://www.kia.com/at/"><span class="countryName Austria"></span>Austria</a> </li> <li class="country-list" countrycode="az"> <a class="countryLink" href="https://www.kia.com/az/"><span class="countryName Azerbaijan"></span>Azerbaijan</a> </li> <li class="country-list" countrycode="be"> <a class="countryLink" href="https://www.kia.com/be/nl/"><span class="countryName Belgium (Dutch)"></span>Belgium (Dutch)</a> </li> <li class="country-list" countrycode="be"> <a class="countryLink" href="https://www.kia.com/be/fr/"><span class="countryName Belgium (French)"></span>Belgium (French)</a> </li> <li class="country-list" countrycode="ba"> <a class="countryLink" href="https://www.kia.com/ba/"><span class="countryName Bosnia-Herzegovina"></span>Bosnia-Herzegovina</a> </li> <li class="country-list" countrycode="bg"> <a class="countryLink" href="https://www.kia.com/bg/"><span class="countryName Bulgaria"></span>Bulgaria</a> </li> <li class="country-list"> <a class="countryLink" href="https://kiacanarias.es/"><span class="countryName Canary Islands"></span>Canary Islands</a> </li> <li class="country-list" countrycode="hr"> <a class="countryLink" href="https://www.kia.com/hr/"><span class="countryName Croatia"></span>Croatia</a> </li> <li class="country-list"> <a class="countryLink" href="https://kia.com.cy/"><span class="countryName Cyprus"></span>Cyprus</a> </li> <li class="country-list" countrycode="cz"> <a class="countryLink" href="https://www.kia.com/cz/"><span class="countryName Czech Republic"></span>Czech Republic</a> </li> <li class="country-list" countrycode="dk"> <a class="countryLink" href="https://www.kia.com/dk/"><span class="countryName Denmark"></span>Denmark</a> </li> <li class="country-list"> <a class="countryLink" href="https://www.kia.ee/"><span class="countryName Estonia"></span>Estonia</a> </li> <li class="country-list" countrycode="fi"> <a class="countryLink" href="https://www.kia.com/fi/"><span class="countryName Finland"></span>Finland</a> </li> <li class="country-list" countrycode="fr"> <a class="countryLink" href="https://www.kia.com/fr/mobilite-electrique/recharge-publique/"><span class="countryName France"></span>France</a> </li> <li class="country-list" countrycode="ge"> <a class="countryLink" href="https://www.kia.com/ge"><span class="countryName Georgia"></span>Georgia</a> </li> <li class="country-list" countrycode="de"> <a class="countryLink" href="https://www.kia.com/de/"><span class="countryName Germany"></span>Germany</a> </li> <li class="country-list" countrycode="gi"> <a class="countryLink" href="https://www.kia.com/gi/"><span class="countryName Gibraltar"></span>Gibraltar</a> </li> <li class="country-list" countrycode="gr"> <a class="countryLink" href="https://www.kia.com/gr/"><span class="countryName Greece"></span>Greece</a> </li> <li class="country-list" countrycode="hu"> <a class="countryLink" href="https://www.kia.com/hu/"><span class="countryName Hungary"></span>Hungary</a> </li> <li class="country-list" countrycode="is"> <a class="countryLink" href="https://www.kia.com/is/"><span class="countryName Iceland"></span>Iceland</a> </li> <li class="country-list" countrycode="ie"> <a class="countryLink" href="https://www.kia.com/ie/"><span class="countryName Ireland"></span>Ireland</a> </li> <li class="country-list" countrycode="it"> <a class="countryLink" href="https://www.kia.com/it/"><span class="countryName Italy"></span>Italy</a> </li> <li class="country-list" countrycode="lv"> <a class="countryLink" href="https://www.kia.com/lv/"><span class="countryName Latvia"></span>Latvia</a> </li> <li class="country-list" countrycode="lt"> <a class="countryLink" href="https://www.kia.com/lt/"><span class="countryName Lithuania"></span>Lithuania</a> </li> <li class="country-list" countrycode="lu"> <a class="countryLink" href="https://www.kia.com/lu/"><span class="countryName Luxembourg"></span>Luxembourg</a> </li> <li class="country-list" countrycode="ht"> <a class="countryLink" href="https://www.kiamotors.com.mk"><span class="countryName Macedonia"></span>Macedonia</a> </li> <li class="country-list" countrycode="mt"> <a class="countryLink" href="https://www.kia.com/mt/"><span class="countryName Malta"></span>Malta</a> </li> <li class="country-list" countrycode="ht"> <a class="countryLink" href="https://kia.md"><span class="countryName Moldova"></span>Moldova</a> </li> <li class="country-list" countrycode="me"> <a class="countryLink" href="https://www.kia.com/me/"><span class="countryName Montenegro"></span>Montenegro</a> </li> <li class="country-list" countrycode="nl"> <a class="countryLink" href="https://www.kia.com/nl/"><span class="countryName Netherlands"></span>Netherlands</a> </li> <li class="country-list" countrycode="no"> <a class="countryLink" href="https://www.kia.com/no/"><span class="countryName Norway"></span>Norway</a> </li> <li class="country-list" countrycode="pl"> <a class="countryLink" href="https://www.kia.com/pl/"><span class="countryName Poland"></span>Poland</a> </li> <li class="country-list" countrycode="pt"> <a class="countryLink" href="https://www.kia.com/pt/"><span class="countryName Portugal"></span>Portugal</a> </li> <li class="country-list" countrycode="ro"> <a class="countryLink" href="https://www.kia.com/ro/"><span class="countryName Romania"></span>Romania</a> </li> <li class="country-list" countrycode="rs"> <a class="countryLink" href="https://www.kia.com/rs/"><span class="countryName Serbia"></span>Serbia</a> </li> <li class="country-list" countrycode="sk"> <a class="countryLink" href="https://www.kia.com/sk/"><span class="countryName Slovakia"></span>Slovakia</a> </li> <li class="country-list" countrycode="es"> <a class="countryLink" href="https://www.kia.com/es/"><span class="countryName Spain"></span>Spain</a> </li> <li class="country-list" countrycode="si"> <a class="countryLink" href="https://www.kia.com/si/"><span class="countryName Slovenia"></span>Slovenia</a> </li> <li class="country-list" countrycode="se"> <a class="countryLink" href="https://www.kia.com/se/"><span class="countryName Sweden"></span>Sweden</a> </li> <li class="country-list" countrycode="ch"> <a class="countryLink" href="https://www.kia.com/ch/"><span class="countryName Switzerland"></span>Switzerland</a> </li> <li class="country-list" countrycode="tr"> <a class="countryLink" href="https://www.kia.com/tr"><span class="countryName Turkey"></span>Turkey</a> </li> <li class="country-list" countrycode="ua"> <a class="countryLink" href="https://www.kia.com/ua"><span class="countryName Ukraine"></span>Ukraine</a> </li> <li class="country-list" countrycode="uk"> <a class="countryLink" href="https://www.kia.com/uk/"><span class="countryName United Kingdom"></span>United Kingdom</a> </li> </ul> </div> <!-- //country_selector - mobile --> <!-- login - mobile // --> <div data-id="eut_util_right" class="eut_util_right"> <!-- <sly data-sly-test.endpointURL=""/> --> <!-- <sly data-sly-test.clientId=""/> --> <ul class="util_menu login_menu" style="z-index: 100"> <li> <a class="myPage" href="/fr/reserver-en-ligne/mon-espace/?active=1.0" target="_self">Mon Espace</a> </li> <li> <a href="https://eu-account.kia.com/auth/realms/eukiaidm/protocol/openid-connect/logout?redirect_uri=https://www.kia.com/fr/" target="_self" class="logout user"><img alt="profile Icon"/>Se déconnecter</a> </li> </ul> <!-- User Not Logged In --> <ul class="util_menu logout_menu"> <li> <a href="https://eu-account.kia.com/auth/realms/eukiaidm/protocol/openid-connect/auth?ui_locales=fr&scope=openid%20profile%20email%20phone&response_type=code&client_id=kia-default&redirect_uri=https://www.kia.com/api/bin/oneid/login&state=aHR0cHM6Ly93d3cua2lhLmNvbTo0NDMvZnIvbW9iaWxpdGUtZWxlY3RyaXF1ZS9yZWNoYXJnZS1wdWJsaXF1ZS8/X3RtPTE3MzEzMTUyNTk4NjU=_default" target="_self" class="login user"> Mon Espace<!-- Login --></a> </li> </ul> </div> <!-- //login - mobile --> </div> </div> </header> <!-- //header --> <!-- container// --> <div id="eut_container"> <div id="contents"> <div class="par parsys"><div class="eutSnb common section"> <div class="eut_cmly_section "> <div class="snb-parent"> <div class="electric_gnbCont" style="background:url('') 0 0/cover no-repeat #05141f ;"> <div class="electric_Gnb "> <div class="electric_menuhdr"> </div> <button type="button" class="eut_snb_menuopener" title="open menu"></button> <ul class="electric_menu"> <li class="electric_menuchild white_font"> <a href="javascript:" class="electric_menutxt" data-rel="1. Votre carte Kia Charge constitue le ticket d’entrée au monde de la recharge simplifiée." title="Carte Kia Charge">Carte Kia Charge</a> </li> <li class="electric_menuchild white_font"> <a href="javascript:" class="electric_menutxt" data-rel="2. Rehaussez votre expérience Kia Charge grâce à l'abonnement complémentaire IONITY Power." title="IONITY">IONITY</a> </li> <li class="electric_menuchild white_font"> <a href="javascript:" class="electric_menutxt" data-rel="3. Votre application Kia Charge s’occupe de tout." title="Application Mobile">Application Mobile</a> </li> <li class="electric_menuchild white_font"> <a href="javascript:" class="electric_menutxt" data-rel="4. Votre compte Kia Charge vous simplifie la vie." title="Compte Kia Charge">Compte Kia Charge</a> </li> </ul> </div> </div> </div> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/eut/clientlib/libs/components/snb.min.672a1dc6a81775688d82deb126461079.css" type="text/css"/> <script src="/etc.clientlibs/settings/wcm/designs/eut/clientlib/libs/components/snb.min.5bd2f7417e5857d28c558a701c14a32a.js"></script> </div></div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const scriptID = 'ev9-highlights-definitions'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (parent.document.location.href.includes('editor.html')){ const pre = document.createElement('pre'); pre.innerHTML = '<center>FREECODE MODIFICATIONS FOR HIGHLIGHTS</center>'; script.before(pre); } }); } const modifyHighlights = (sectionContainer) => { const img = sectionContainer.querySelector('img'); const picture = document.createElement('picture'); picture.innerHTML = ` <source media="(min-aspect-ratio: 7/10)" srcset="${img.src}/jcr:content/renditions/landscape.jpg 1x, ${img.src}/jcr:content/renditions/landscape@2x.jpg 2x"> <source media="(max-aspect-ratio: 7/10)" srcset="${img.src}/jcr:content/renditions/portrait.jpg 1x, ${img.src}/jcr:content/renditions/portrait@2x.jpg 2x"> `; img.setAttribute('onerror', 'console.error("image rendition missing for", this); this.parentNode.children[0].srcset = this.parentNode.children[1].srcset = this.src;'); picture.appendChild(img.cloneNode(true)); img.parentNode.replaceChild(picture, img); } </script> <link href="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/public-charging/freecoding/styles.css" rel="stylesheet"/> <style> .elp-teaser_wrapper h4 { font-size: 18px; line-height: 23px; } </style> </div></div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const scriptID = 'k-header-definitions'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (parent.document.location.href.includes('editor.html')){ const pre = document.createElement('pre'); pre.innerHTML = '<center>FREECODE MODIFICATIONS FOR HEADER</center>'; script.before(pre); } }); } let headerOverlayObserver = new MutationObserver(function(entries, observer) { entries.forEach(function(mutation) { if (mutation.type === "attributes" && mutation.attributeName === "class") { if(mutation.target.classList.contains('active')) { const video = mutation.target.closest('.visual-media-image').querySelector('picture video'); if(video) video.pause(); } else { const video = mutation.target.closest('.visual-media-image').querySelector('picture video'); if(video) video.play(); } } }); }); const modifyHeader = (sectionContainer, useBackgroundVideo) => { const copy = sectionContainer.querySelector('.text.section'); let isVideo = false; let imgSrc = ''; let img = sectionContainer.querySelector('.visual-media-image img'); if(img) { imgSrc = img.src; } else { isVideo = true; const videoData = JSON.parse(sectionContainer.querySelector('.visual-media-video [data-component]').dataset.component); imgSrc = videoData.path[0].poster; img = document.createElement('img'); img.setAttribute('alt', videoData.title); img.src = imgSrc; } const picture = document.createElement('picture'); picture.innerHTML = ` <source media="(min-aspect-ratio: 7/10)" srcset="${img.src}/jcr:content/renditions/landscape.jpg 1x, ${img.src}/jcr:content/renditions/landscape@2x.jpg 2x"> <source media="(max-aspect-ratio: 7/10) and (max-width: 390px)" srcset="${img.src} 1x, ${img.src}/jcr:content/renditions/portrait@2x.jpg 2x"> <source media="(max-aspect-ratio: 7/10)" srcset="${img.src}/jcr:content/renditions/portrait@2x.jpg 1x, ${img.src}/jcr:content/renditions/portrait@2x.jpg 2x"> `; img.setAttribute('onerror', 'console.warn("image rendition missing for", this, "fallback to image default source"); this.parentNode.children[0].srcset = this.parentNode.children[1].srcset = this.parentNode.children[2].srcset = this.src;'); if(isVideo) { const imageContainer = document.createElement('div'); imageContainer.classList.add('visual-media-image'); const videoContainer = sectionContainer.querySelector('.visual-media-video'); imageContainer.appendChild(videoContainer.cloneNode(true)); videoContainer.parentNode.replaceChild(imageContainer, videoContainer); imageContainer.appendChild(picture); picture.appendChild(img); console.log(sectionContainer.querySelector('.trailer')) headerOverlayObserver.observe(sectionContainer.querySelector('.trailer'), { attributes: true, childList: false, subtree: false }); } else { const imageContainer = sectionContainer.querySelector('.visual-media-image'); const videoContainer = sectionContainer.querySelector('.visual-media-video'); imageContainer.prepend(videoContainer); picture.appendChild(img.cloneNode(true)); img.parentNode.replaceChild(picture, img); } picture.parentNode.appendChild(copy); if(useBackgroundVideo){ fetch(img.src + '/jcr:content/metadata/Iptc4xmpExt:LocationShown').then(res => { if(res.ok){ res.text().then(text => { if(text) { const video = document.createElement('video'); video.muted = true; video.setAttribute('muted', ""); video.setAttribute('loop', ""); video.setAttribute('playsinline', ""); video.setAttribute('autoplay', ""); video.setAttribute('disablePictureInPicture', ""); video.setAttribute('preload', "auto"); video.setAttribute('src', text); picture.appendChild(video); } }); } }); } } </script> <style> @media (min-width: 768px) { .k-header .column_control>ul>li>.visual.image.section { grid-area: 1 / c0 / 1 / c13; margin: 0; } .k-header .column_control>ul>li>:not(.visual.image.section){ grid-area: 1 / c3 / 1 / c10; } } @media (max-width: 767px) { .k-header .column_control>ul>li>.visual.image.section { grid-area: 1 / c0 / 1 / c7; margin: 0; } .k-header .column_control>ul>li>:not(.visual.image.section){ grid-area: 1 / c1 / 1 / c6; } } .k-header .inner_offer { margin-top: 0; margin-bottom: 0; } .k-header .column_control>ul, .k-header .column_control>li { height: 100%; } .k-header .visual-container, .k-header .inner-container, .k-header .visual-media { height: 100%; } .k-header .visual-media { display: flex; flex-direction: column; height: 100%; } .k-header .visual-media-image { flex-grow: 1; overflow: hidden; display: flex; flex-direction: column; position: relative; justify-content: space-between; } .k-header .visual-media-video { position: relative; height: auto; width: 100%; display: block; flex-grow: 5; } .k-header .video-maincontainer * { background-image: none !important; } .k-header picture { display: block; height: 100%; width: 100%; position: relative; position: absolute; } .k-header .visual-media-video picture { position: absolute; } .k-header picture img { display: block; height: 100%; width: 100%; object-fit: cover; } .k-header picture video { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; object-fit: cover; } .k-header .fp-controls { display:none !important; } .k-header .visual-player-container { padding-top: 0px !important; padding-bottom: 102px !important; } .k-header .btn-container { padding-bottom:102px !important; } .k-header .video-maincontainer{ display: flex; flex-direction: column; justify-content: center; } @media (min-width: 1440px) { .k-header .column_control { height: calc(100vh - 80px - 32px); } } @media (max-width: 1439px) { .k-header .column_control { height: calc(100vh - 60px); } .space-container-top .k-header .column_control { height: calc(100vh - 60px - 67px); margin-top: 7px; } .mobile-menu-active .k-header .column_control { height: calc(100vh); } } .k-header .text.section { color: #FFF; position: relative; flex-grow: 1; } .k-header .text.section .elp-text { bottom: 0; position: absolute } .k-header .disclaimer .visual-disclaimer { margin-bottom: 20px; } @media (min-width: 1025px) { .k-header .disclaimer .visual-disclaimer { margin-left: 30px; margin-right: 30px; } } .k-header .visual-media-image::after { content: ""; background-color: white; width: 24px; height: 24px; position: relative; margin: 20px auto 20px auto; animation: arrow-down infinite 1.5s; background: url(https://www.kia.com/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/icons/icon-arrow-down-light.svg); background-size: cover; display: block; } @keyframes arrow-down { 0% { transform: translateY(0); } 30% { transform: translateY(20%); } 60% { transform: translateY(0); } } .k-header .visual-media-image .text.section .elp-text{ display: grid; grid-auto-rows: auto; width:100%; margin: 0; } @media (min-width: 1025px) { .k-header .visual-media-image .text.section .elp-text { grid-template-columns: 80px repeat(11, 1fr 40px) 1fr 80px; grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 . c7 . c8 . c9 . c10 . c11 . c12 c13'; } } @media (min-width: 768px) and (max-width: 1024px) { .k-header .visual-media-image .text.section .elp-text { grid-template-columns: 30px repeat(11, 1fr 20px) 1fr 30px; grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 . c7 . c8 . c9 . c10 . c11 . c12 c13'; } } @media (min-width: 481px) and (max-width: 767px) { .k-header .visual-media-image .text.section .elp-text{ grid-template-columns: 30px repeat(5, 1fr 20px) 1fr 30px; grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 c7'; } } @media (max-width: 480px) { .k-header .visual-media-image .text.section .elp-text{ grid-template-columns: 15px repeat(5, 1fr 20px) 1fr 15px; grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 c7'; } } @media (min-width: 768px) { .k-header .visual-media-image .text.section .elp-text>*{ grid-area: 1 / c3 / 1 / c10; } } @media (max-width: 767px) { .k-header .visual-media-image .text.section .elp-text>*{ grid-area: 1 / c1 / 1 / c6; } } /* fix for language specific video overlay */ .k-header .visual-media-video .trailer.trailer.active { position: fixed; } .k-header .visual-media-video .trailer.trailer.active .iframe-container { position: relative; } </style> </div></div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const scriptID = 'k-visual-definitions'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (parent.document.location.href.includes('editor.html')){ const pre = document.createElement('pre'); pre.innerHTML = '<center>FREECODE MODIFICATIONS FOR VISUAL</center>'; script.before(pre); } }); } let intersectVisualObserver; if ("IntersectionObserver" in window) { intersectVisualObserver = new IntersectionObserver(function(entries, observer) { entries.forEach(function(entry) { const sectionContainer = entry.target; const video = sectionContainer.querySelector('picture video'); if(video && video.dataset.playOnIntersect) { if (entry.isIntersecting) { video.src = video.dataset.src video.load(); } else { video.src = ''; video.removeAttribute('src'); } } if (entry.isIntersecting) sectionContainer.classList.add('k-intersecting'); else sectionContainer.classList.remove('k-intersecting'); }); }); } const modifyVisual = (sectionContainer, mouseOver, targetBlank, useBackgroundVideo) => { Array.from(sectionContainer.querySelectorAll('.visual.image.section')).forEach((sectionContainer,index) => { sectionContainer.classList.add('k-modified'); if(targetBlank) sectionContainer.querySelector('a').setAttribute('target', "_blank"); let isVideo = false; let imgSrc = ''; let img = sectionContainer.querySelector('.visual-media-image img'); if(img) { imgSrc = img.src; } else { isVideo = true; const videoData = JSON.parse(sectionContainer.querySelector('.visual-media-video [data-component]').dataset.component); imgSrc = videoData.path[0].poster; img = document.createElement('img'); img.setAttribute('alt', videoData.title); img.src = imgSrc; } const picture = document.createElement('picture'); picture.innerHTML = ` <source media="(min-aspect-ratio: 7/10)" srcset="${img.src}/jcr:content/renditions/landscape.jpg 1x, ${img.src}/jcr:content/renditions/landscape@2x.jpg 2x"> <source media="(max-aspect-ratio: 7/10) and (max-width: 390px)" srcset="${img.src} 1x, ${img.src}/jcr:content/renditions/portrait@2x.jpg 2x"> <source media="(max-aspect-ratio: 7/10)" srcset="${img.src}/jcr:content/renditions/portrait@2x.jpg 1x, ${img.src}/jcr:content/renditions/portrait@2x.jpg 2x"> `; img.setAttribute('onerror', 'console.warn("image rendition missing for", this, "fallback to image default source"); this.parentNode.children[0].srcset = this.parentNode.children[1].srcset = this.parentNode.children[2].srcset = this.src;'); if(isVideo) { const imageContainer = document.createElement('div'); imageContainer.classList.add('visual-media-image'); const videoContainer = sectionContainer.querySelector('.visual-media-video'); imageContainer.appendChild(videoContainer.cloneNode(true)); videoContainer.parentNode.replaceChild(imageContainer, videoContainer); imageContainer.appendChild(picture); picture.appendChild(img); } else { const imageContainer = sectionContainer.querySelector('.visual-media-image'); const videoContainer = sectionContainer.querySelector('.visual-media-video'); imageContainer.prepend(videoContainer); picture.appendChild(img.cloneNode(true)); img.parentNode.replaceChild(picture, img); } if(useBackgroundVideo){ fetch(img.src + '/jcr:content/metadata/Iptc4xmpExt:LocationShown').then(res => { if(res.ok) { res.text().then(text => { if(text) { const video = document.createElement('video'); video.muted = true; video.setAttribute('muted', ""); video.setAttribute('loop', ""); video.setAttribute('playsinline', ""); video.setAttribute('autoplay', ""); video.setAttribute('disablePictureInPicture', ""); video.setAttribute('preload', "auto"); if(mouseOver) { video.dataset.src = text; if(window.matchMedia("(any-hover: hover)").matches) { video.addEventListener("mouseover", _ => {video.setAttribute('src', video.dataset.src); video.load();}, false); video.addEventListener("mouseout", _ => {video.setAttribute('src', ''); video.removeAttribute('src');}, false); } else { video.dataset.playOnIntersect = true; } } else if (intersectVisualObserver) { video.dataset.src = text; video.dataset.playOnIntersect = true; } else { video.setAttribute('src', text); } picture.appendChild(video); } }); } }); } if (intersectVisualObserver) intersectVisualObserver.observe(sectionContainer); }); } </script> <style> /* -- visuals -- */ .visual.image.section.k-modified .visual-container, .visual.image.section.k-modified .inner-container, .visual.image.section.k-modified .visual-media { height: 100%; display: flex; flex-direction: column; } .visual.image.section.k-modified .visual-media { display: flex; flex-direction: column; height: 100%; } .visual.image.section.k-modified .visual-media-image { flex-grow: 1; overflow: hidden; display: flex; flex-direction: column; position: relative; justify-content: space-between; } .visual.image.section.k-modified .visual-media-image>a { height: 100% } .visual.image.section.k-modified .visual-media-video { position: absolute; height: auto; width: 100%; display: block; top: calc(50% - 50px); } .visual.image.section.k-modified .video-maincontainer * { background-image: none !important; } .visual.image.section.k-modified picture { display: block; height: 100%; width: 100%; position: relative; } .visual.image.section.k-modified .visual-media-video picture { position: absolute; } .visual.image.section.k-modified picture img { display: block; height: 100%; width: 100%; object-fit: cover; object-position: 50% 10%; } .visual.image.section.k-modified picture video { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; object-fit: cover; } .visual.image.section.k-modified .fp-controls { display:none !important; } .visual.image.section.k-modified .fp-ratio, .visual.image.section.k-modified .btn-container, .visual.image.section.k-modified .visual-player-container { padding-top:102px !important; padding-bottom:0px !important; } .visual.image.section.k-modified .video-maincontainer{ display: flex; flex-direction: column; justify-content: center; } .visual.image.section.k-modified .disclaimer { margin-bottom: 10px; } /* fix for language specific video overlay */ .visual.image.section.k-modified .visual-media-video .trailer.trailer.active { position: fixed; } .visual.image.section.k-modified .visual-media-video .trailer.trailer.active .iframe-container { position: relative; } </style> </div></div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <!-- to be embedded begin --> <script src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/innovation/freecoding/swiper-element-bundle.min.js"></script> <!-- to be embedded end --> <script> { const scriptID = 'k-slider-definitions'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (parent.document.location.href.includes('editor.html')){ const pre = document.createElement('pre'); pre.innerHTML = '<center>FREECODE MODIFICATIONS FOR SLIDER</center>'; script.before(pre); } }); } const modifySlider = (sectionContainer, sliderConfiguration) => { const slideElements = Array.from(sectionContainer.querySelectorAll('li>*')); /*if(sliderConfiguration.loop && sliderConfiguration.breakpoints) { for (var b in sliderConfiguration.breakpoints) { // reduce slidesPerView if number of slides is insufficient for looping if(sliderConfiguration.breakpoints[b].slidesPerView === 3 && (slideElements.length === 4 || slideElements.length === 5)){ sliderConfiguration.breakpoints[b].slidesPerView = 2; if(sliderConfiguration.breakpoints[b].slidesPerGroup) sliderConfiguration.breakpoints[b].slidesPerGroup = 2; } }; }*/ sectionContainer.dataset.count = slideElements.length; const slider = document.createElement('swiper-container'); slider.setAttribute('init', 'false'); slideElements.forEach((element,index) => { const desc = element.querySelector('.visual-description'); const picture = element.querySelector('.visual-media-image picture'); picture.parentNode.appendChild(desc); const slide = document.createElement('swiper-slide'); slide.appendChild(element); slider.appendChild(slide); }); sectionContainer.querySelector('li').appendChild(slider); const nextButton = document.createElement('div'); nextButton.classList.add('k-slider-next'); const prevButton = document.createElement('div'); prevButton.classList.add('k-slider-prev'); sectionContainer.querySelector('li').appendChild(nextButton); sectionContainer.querySelector('li').appendChild(prevButton); sliderConfiguration.navigation = { nextEl: nextButton, prevEl: prevButton } Object.assign(slider, sliderConfiguration); requestAnimationFrame(() => { slider.initialize(); }); } </script> </div></div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <style> /* -- k-double-teaser -- */ @media (min-width: 768px) { .k-double-teaser-left .column_control>ul>li> .visual.image { grid-area: 1 / c6 / span 1 / c13; } .k-double-teaser-left .column_control>ul>li> .teaser { grid-area: 1 / c0 / span 1 / c5; margin-bottom: 30px; } } @media (max-width: 767px) { .k-double-teaser-left .column_control>ul>li> .visual.image{ grid-area: auto / c1 / span 1 / c6; } .k-double-teaser-left .column_control>ul>li> .teaser{ grid-area: auto / c1 / span 1 / c6; } } @media (min-width: 768px) { .k-double-teaser-right .column_control>ul>li> .visual.image { grid-area: 1 / c0 / span 1 / c7; } .k-double-teaser-right .column_control>ul>li> .teaser { grid-area: 1 / c8 / span 1 / c13; margin-bottom: 30px; } } @media (max-width: 767px) { .k-double-teaser-right .column_control>ul>li> .visual.image{ grid-area: auto / c1 / span 1 / c6; } .k-double-teaser-right .column_control>ul>li> .teaser{ grid-area: auto / c1 / span 1 / c6; } } [class*="k-double-teaser"] .column_control>ul>li> .teaser{ background-image: linear-gradient(to bottom , #FFFFFF 25%, #F7F8F8 65%); } [class*="k-double-teaser"] .elp-teaser_wrapper { display: grid; grid-auto-columns: auto; height: 100% } [class*="k-double-teaser"] .elp-teaser_wrapper > .cmp-teaser__content { grid-area: 1 / 1 / span 2 / span 3; } [class*="k-double-teaser"] .elp-teaser_wrapper > .cmp-teaser__image { grid-area: 2 / 2 / span 2 / span 2; justify-content: flex-end; align-items: flex-end; display: flex; } [class*="k-double-teaser"] .cmp-teaser__content { padding: 15px; display: grid; grid-auto-rows: min-content; grid-auto-columns: 1fr; } [class*="k-double-teaser"] .cmp-teaser__content .cmp-teaser__description { grid-area: 1 / 1 / span 1 / span 1; margin-top: 20p; } [class*="k-double-teaser"] .cmp-teaser__content .cmp-teaser__action-container { grid-area: 2 / 1 / span 1 / span 1; } [class*="k-double-teaser"] .elp-teaser_wrapper > .cmp-teaser__image img { object-fit: contain; aspect-ratio: 1.4; } @media (min-width: 768px) { [class*="k-double-teaser"] .elp-teaser_action { width: auto; } } @media (max-width: 767px) { [class*="k-double-teaser"] .cmp-teaser__content { padding: 0px; display: grid; grid-auto-rows:auto; grid-auto-columns: 1fr; } [class*="k-double-teaser"] .elp-teaser_wrapper > .cmp-teaser__content { grid-area: 1 / 1 / span 1 / span 3; } [class*="k-double-teaser"] .elp-teaser_wrapper > .cmp-teaser__image { grid-area: 2 / 1 / span 2 / span 3; justify-content: flex-end; align-items: flex-end; display: flex; } [class*="k-double-teaser"] .cmp-teaser__content .cmp-teaser__action-container { grid-area: 2 / 1 / span 1 / span 1; } [class*="k-double-teaser"] .elp-teaser_wrapper > .cmp-teaser__image img { object-fit: contain; aspect-ratio: .9; } } </style> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 0.46208530805687204;"> <img alt="Kia Charge" src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/public-charging/freecoding/header-portrait.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/kia-elp/elp-common/visual/visual-author.min.f1b8aa9e7809111f3a3cf2413accf4ac.css" type="text/css"/> <script src="/etc.clientlibs/settings/wcm/designs/kia-elp/elp-common/visual/visual-author.min.32cc8dbf24868690ff840872c2832035.js"></script> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h1 style="text-align: center;">Kia Charge.<br /> Rechargez facilement votre Kia lors de vos déplacements.</h1> </div> </div> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/kia-elp/elp-common/text.min.8dd7f21a0a13d089f55f66c4c0745bf9.css" type="text/css"/> </div> </li> </ul> </div> </div> </div> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/kia-elp/elp-common/columnControl.min.a9aef5557ffa08ddc9f13b8aafb8f6c5.css" type="text/css"/> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'k-header'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-header'; // <-- ADDED AS CLASS TO PRECEDING SECTION const useBackgroundVideo = false; const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; console.log(sectionID, sectionClass, scriptID, document.currentScript) window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.previousElementSibling.classList.add(sectionClass); container.previousElementSibling.id = sectionID; modifyHeader(container.previousElementSibling, useBackgroundVideo); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h2 class="sr-only">Simplifiez vos expériences de recharge avec Kia.</h2> <h3>Une seule carte. Une seule application. Une seule facture.</h3> <h3>Plus de 800 000 points de charge en Europe dont environ 120 000 en France.</h3> <p> </p> <p>Avec Kia Charge, vous disposerez toujours à portée de main d’un service de recharge pratique et facile à utiliser, où que vous soyez. Vous n’avez besoin que d’une seule carte : la carte RFID (à identification par radio fréquence) Kia Charge qui vous offre un accès rapide et simple au réseau DCS. Un réseau de recharge en perpétuelle expansion, composé de plus d'un demi-million de points de charge répartis dans 28 pays européens. De plus, vous bénéficiez d’un large éventail de services utiles grâce à l'application Kia Charge. Vous avez le choix entre deux formules attractives adaptées à vos habitudes et besoins de recharge : Kia Charge Easy ou Kia Charge Plus. Pour une expérience de recharge alliant commodité, efficacité et simplicité.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'k-copy-41'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-copy'; // <-- ADDED AS CLASS TO PRECEDING SECTION const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; console.log(sectionID, sectionClass, scriptID, document.currentScript) window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.previousElementSibling.classList.add(sectionClass); container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> <style> #k-copy-21 .inner_offer { background-color: #F7F8F8; margin: 0; padding: 80px 0; } </style> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1.7742857142857142;"> <img alt="Carte Kia Charge" src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/public-charging/freecoding/ev_public-charging_image-1_.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 0.6753246753246753;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/public-charging/freecoding/kia-charge-card.png "/> </div> <div class="cmp-teaser__content"> <div class="cmp-teaser__description elp-teaser_description"><h4>Créez votre compte Kia Charge dès aujourd'hui.</h4> <p> </p> </div> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="https://kiacharge.com/web/kia-fr/dashboard/register" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Je m'inscris ⁽¹⁾'}).track( 'internal_link' );">Je m'inscris ⁽¹⁾</a> </div> </div> </div> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/kia-elp/elp-common/teaser.min.a9971ec3e68e0d346ee83c8148f8c178.css" type="text/css"/> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'k-double-teaser-1'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-double-teaser-left'; // <-- ADDED AS CLASS TO PRECEDING SECTION const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; console.log(sectionID, sectionClass, scriptID, document.currentScript) window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.previousElementSibling.classList.add(sectionClass); container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> <style> </style> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h2 style="text-align: center;">Voyagez sereinement, tout est sous contrôle.</h2> <p style="text-align: center;"> </p> <p style="text-align: center;">Quatre avantages qui font de Kia Charge la solution la plus pratique et confortable pour recharger votre véhicule 100% électrique ou hybride rechargeable :</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'k-copy-2'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-copy'; // <-- ADDED AS CLASS TO PRECEDING SECTION const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; console.log(sectionID, sectionClass, scriptID, document.currentScript) window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.previousElementSibling.classList.add(sectionClass); container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h2 style="text-align: center;">1. Votre carte Kia Charge constitue le ticket d’entrée au monde de la recharge simplifiée.</h2> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'k-copy-6'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-copy'; // <-- ADDED AS CLASS TO PRECEDING SECTION const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; console.log(sectionID, sectionClass, scriptID, document.currentScript) window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.previousElementSibling.classList.add(sectionClass); container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1;"> <img alt="Cable Kia Charge" src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/public-charging/freecoding/public-charging-portrait-3.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__content"> <div class="cmp-teaser__description elp-teaser_description"><h3 class="sr-only">Roulez à travers la France avec facilité.</h3> <h4>Accédez à plus d'un demi-million de points de charge.</h4> <p> </p> <p>Nous avons conclu un partenariat avec DCS, Digital Charging Solutions GmbH, fournisseur majeur d’accès aux stations de recharge, afin que votre carte Kia Charge fonctionne dans la majeure partie des stations déjà installées en Europe. Mais ce n'est pas tout. Digital Charging Solutions poursuit de manière permanente l'extension de la couverture de son réseau pour vous garantir un service de recharge haut de gamme et vous donner l’opportunité d’accomplir autant de voyages que vous le souhaitez au volant de votre Kia électrique.</p> </div> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="https://kiacharge.com/web/kia-fr/map" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Trouvez des stations de recharge à proximité ⁽¹⁾'}).track( 'internal_link' );">Trouvez des stations de recharge à proximité ⁽¹⁾</a> </div> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__content"> <div class="cmp-teaser__description elp-teaser_description"><h4>Accédez aux différents types de bornes.</h4> <p> </p> <p>Oubliez les différences de normes et de câbles de recharge. Kia Charge ne référence que les bornes compatibles avec votre Kia électrique. La plupart du temps, vous avez simplement besoin d’un câble de recharge de Type 2 (fourni de série sur toutes les Kia 100% électrique) pour recharger votre véhicule sur une borne de recharge publique à courant alternatif (CA). Quant aux bornes de recharge rapide et ultra-rapide à courant continu (CC), le câble correspondant est toujours fixé à la borne.</p> </div> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/fr/mobilite-electrique/electrique-par-kia/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|En savoir plus sur les câbles et les types de recharge'}).track( 'internal_link' );">En savoir plus sur les câbles et les types de recharge</a> </div> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'k-split-4'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-splitleft'; // <-- ADDED AS CLASS TO PRECEDING SECTION const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; console.log(sectionID, sectionClass, scriptID, document.currentScript) window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.previousElementSibling.classList.add(sectionClass); container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> <style> @media (min-width: 768px){ #k-split-4 .column_control>ul>li>*:first-child { grid-area: 1 / c0 / span 2 / c6; } } #k-split-4 .teaser.section img { height: 80px; display:none; } </style> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h2 style="text-align: center;">2. Rehaussez votre expérience Kia Charge grâce à l'abonnement complémentaire IONITY Power.</h2> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'k-copy-8'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-copy'; // <-- ADDED AS CLASS TO PRECEDING SECTION const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; console.log(sectionID, sectionClass, scriptID, document.currentScript) window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.previousElementSibling.classList.add(sectionClass); container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1;"> <img alt="IONITY" src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/public-charging/freecoding/public-charging-portrait-5.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3 class="sr-only">Exploitez la puissance d'IONITY pour une expérience de recharge optimale.</h3> <h4>Profitez d’une recharge encore plus rapide en toute simplicité.</h4> <p> </p> <p>IONITY est l'un des plus vastes réseaux de super-chargeurs d'Europe capables de délivrer 350 kW, réduisant ainsi vos temps de recharge. Il ne vous faudra, par exemple, que 4 minutes 30 pour gagner 100 km d’autonomie avec Kia EV6 !</p> <p> </p> <h4>Plus vite, plus loin, plus économique.</h4> <p> </p> <p>Grace à la formule par abonnement mensuel sans engagement IONITY Power, profitez d’une recharge illimitée à tarif préférentiel sur les principales autoroutes européennes – l’offre complémentaire IONITY Power est spécialement conçue pour tous ceux qui voyagent beaucoup…. mais pas seulement. Le coût de l'abonnement mensuel IONITY Power est amorti à l'issue de la première recharge, de 10% à 80%, effectuée sur le réseau IONITY. Ainsi, que ce soit pour une utilisation régulière ou occasionnelle, l'offre IONITY Power s'adapte à un large panel de besoins.</p> <p> </p> <h4>Profitez d’un confort et d’une fiabilité maximales.</h4> <p> </p> <p>Les stations de recharge rapide IONITY sont principalement situées le long des autoroutes européennes à environ 150-200 km d’intervalle. Offrant ainsi une solution de recharge optimale qui facilite encore davantage l’utilisation d’un véhicule électrique sur de longues distances.</p> <p> </p> <h4>Utilisez simplement votre carte RFID Kia Charge.</h4> <p> </p> <p>Quelle que soit la formule Kia Charge que vous choisierez, son utilisation s’avérera tout aussi facile si vous optez pour l’abonnement complémentaire IONITY Power. Vous disposerez toujours de la même et seule carte et d'une seule facture mensuelle – tout en étant pleinement libre de parcourir de longues distances à travers toute l’Europe.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'k-split-6'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-splitright'; // <-- ADDED AS CLASS TO PRECEDING SECTION const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; console.log(sectionID, sectionClass, scriptID, document.currentScript) window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.previousElementSibling.classList.add(sectionClass); container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h2 style="text-align: center;">3. Votre application Kia Charge s’occupe de tout.</h2> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'k-copy-7'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-copy'; // <-- ADDED AS CLASS TO PRECEDING SECTION const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; console.log(sectionID, sectionClass, scriptID, document.currentScript) window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.previousElementSibling.classList.add(sectionClass); container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1;"> <img alt="Application Kia Charge" src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/public-charging/freecoding/public-charging-portrait-4.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> <div class="visual-disclaimer"> <div class="light bottom-left"> <p>Les écrans de l'application affichés sont à titre illustratif uniquement et ne montrent pas nécessairement la dernière version de l'application Kia Charge.</p> </div> </div> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__content"> <div class="cmp-teaser__description elp-teaser_description"><h3 class="sr-only">Tout ce dont vous avez besoin, au bout de vos doigts.</h3> </div> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__content"> <div class="cmp-teaser__description elp-teaser_description"><h4>Obtenez des informations détaillées sur les bornes de recharge.</h4> <p> </p> <p>Toutes les informations sur les bornes de recharge (exemple : type de chargeur, puissance délivrée, tarification en vigueur et même disponibilité des chargeurs en temps réel) sont accessibles sur votre application Kia Charge. Après avoir sélectionné votre station de recharge, l’application peut même calculer votre itinéraire pour vous y rendre aisément.</p> </div> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="https://kiacharge.com/web/fr/kia-fr" onclick="eut.analytics.prop({internal_link: 'elp|teaser|En savoir plus sur Kia Charge ⁽¹⁾'}).track( 'internal_link' );">En savoir plus sur Kia Charge ⁽¹⁾</a> </div> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'k-split-42'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-splitleft'; // <-- ADDED AS CLASS TO PRECEDING SECTION const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; console.log(sectionID, sectionClass, scriptID, document.currentScript) window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.previousElementSibling.classList.add(sectionClass); container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> <style> @media (min-width: 768px){ #k-split-42 .column_control>ul>li>*:first-child { grid-area: 1 / c0 / span 3 / c6; } } #k-split-42 .teaser.section img { height: 80px; display:none; } </style> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="freeCoding common section"> <div class="eut_cmly_section "> <picture> <source media="(min-width: 768px)" srcset="/content/dam/kwcms/kme/fr/fr/assets/contents/mobilite-electrique/kia-charge/easyxplus-w.jpg?v=2"> <source media="(max-width: 767px)" srcset="/content/dam/kwcms/kme/fr/fr/assets/contents/mobilite-electrique/kia-charge/easyxplus-t-m.jpg?v=2"> <img alt="Kia Charge Easy Versus Kia Charge Plus" src="/content/dam/kwcms/kme/fr/fr/assets/contents/mobilite-electrique/kia-charge/easyxplus-w.jpg?v=2"> </picture> </div></div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'k-copy-23'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-copy'; // <-- ADDED AS CLASS TO PRECEDING SECTION const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; console.log(sectionID, sectionClass, scriptID, document.currentScript) window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.previousElementSibling.classList.add(sectionClass); container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> <style> #k-copy-23 .inner_offer { background-color: #F7F8F8; margin: 0; /*padding: 80px 0;*/ } </style> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 1.25;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/public-charging/freecoding/ev-pc-icon-06.png "/> </div> <div class="cmp-teaser__content"> <div class="cmp-teaser__description elp-teaser_description"><h4>Kia Charge Easy</h4> </div> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 1.25;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/public-charging/freecoding/ev-pc-icon-07.png "/> </div> <div class="cmp-teaser__content"> <div class="cmp-teaser__description elp-teaser_description"><h4>Kia Charge Plus</h4> </div> </div> </div> </div> </li> <li> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__content"> <div class="cmp-teaser__description elp-teaser_description"><p><b>Kia Charge Easy</b> s’adresse à tous ceux qui parcourent habituellement de petites distances et rechargent principalement leur véhicule à domicile ou sur leur lieu de travail. Cette offre vous donne la liberté d’un chargement où et quand vous en avez besoin, sans frais d’abonnement mensuel. C’est le sésame à plus de 800 000 points de charge en Europe dont plus de 120 000 en France ! Une seule carte, une seule facture. La carte et l’accès au service Kia Charge Easy sont offerts avec chaque Kia neuve 100% électrique et hybride rechargeable.</p> </div> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__content"> <div class="cmp-teaser__description elp-teaser_description"><p><b>Kia Charge Plus</b> est conçu pour tous ceux qui rechargent principalement leur véhicule sur les bornes publiques et souhaitent profiter de tarifs remisés parmi un large éventail d’opérateurs de bornes de recharge. Le meilleur choix pour une utilisation intensive – que vous conduisiez un véhicule hybride rechargeable ou 100% électrique.</p> </div> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'k-copy-1'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-copy'; // <-- ADDED AS CLASS TO PRECEDING SECTION const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; console.log(sectionID, sectionClass, scriptID, document.currentScript) window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.previousElementSibling.classList.add(sectionClass); container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling); const icons = container.previousElementSibling.querySelectorAll("ul > :nth-child(1) > *"); const copies = container.previousElementSibling.querySelectorAll("ul > :nth-child(2) > *"); icons[0].dataset.active = true; copies[0].dataset.active = true; icons.forEach((el, idx) => { el.addEventListener('click', () => { icons.forEach((el2) => {el2.dataset.active = false}); copies.forEach((el2) => {el2.dataset.active = false}); icons[idx].dataset.active = true; copies[idx].dataset.active = true; }) }); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> <style> #k-copy-1 .teaser.section img { height: 60px; width: auto; display: block; margin-bottom: 15px; margin-top: 10px; } #k-copy-1 .teaser.section img { height: 80px; padding-left: 10%; } #k-copy-1 ul > :nth-child(1) > *:not([data-active="true"]) .elp-teaser_description { opacity: 0.4; text-align: center; } #k-copy-1 ul > :nth-child(1) > *:not([data-active="true"]) .elp-teaser_description:hover { opacity: 1; text-decoration: underline; text-align: center; } #k-copy-1 ul > :nth-child(1) > *[data-active="true"] .elp-teaser_description { opacity: 1; text-decoration: underline; text-align: center; } #k-copy-1 ul > :nth-child(1) > * .elp-teaser_wrapper { align-items: center } #k-copy-1 ul > :nth-child(1) > * { cursor: pointer; } #k-copy-1 ul > :nth-child(2) > *:not([data-active="true"]) { display: none; } #k-copy-1 ul > :nth-child(2) > * .elp-teaser_image { display: none; } @media (min-width: 768px) { #k-copy-1 ul > :nth-child(1) > *:nth-child(1) { grid-area: 1 / c3 / span 1 / c4; } #k-copy-1 ul > :nth-child(1) > *:nth-child(2) { grid-area: 1 / c6 / span 1 / c7; } } @media (max-width: 767px) { #k-copy-1 ul > :nth-child(1) > *:nth-child(1) { grid-area: 1 / c1 / span 1 / c2; } #k-copy-1 ul > :nth-child(1) > *:nth-child(2) { grid-area: 1 / c3 / span 1 / c4; } } #k-copy-1 ul > :nth-child(1) { display: flex; justify-content: center; align-items: center; gap: 60px; } </style> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__content"> <div class="cmp-teaser__description elp-teaser_description"><div class="packs"><p>Vous hésitez entre les deux formules ? Vos besoins en recharge sur les réseaux publiques évoluent avec le temps ?</p> <p>Pas de soucis. Les formules Kia Charge ont la particularité d’être toutes sans engagement et totalement flexibles ! Passez d’une formule à l’autre à tout moment <sup>2</sup>, sans aucun frais. Cela vous permettra d’évaluer sereinement l’offre qui vous correspond le mieux ou bien d’activer la tarification la plus avantageuse pour répondre à un besoin spécifique, comme par exemple durant les périodes de congé.</p> <br /> <p>L’offre complémentaire IONITY Power peut être souscrite aussi bien avec Kia Charge Easy que Kia Charge Plus. Des possibilités de recharge plus rapides supplémentaires à des prix extrêmement compétitifs, avec toujours une seule facture regroupant toutes vos opérations de recharge du mois.</p> </div> </div> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h2 style="text-align: center;">4. Votre compte Kia Charge vous simplifie la vie.</h2> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'k-copy-4'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-copy'; // <-- ADDED AS CLASS TO PRECEDING SECTION const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; console.log(sectionID, sectionClass, scriptID, document.currentScript) window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.previousElementSibling.classList.add(sectionClass); container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> <style> #k-copy-4 .teaser.section img { height: 60px; width: auto; display: block; margin-bottom: 15px; margin-top: 10px; } #k-copy-4 .teaser.section img { height: 80px; } </style> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1;"> <img alt="Application Kia Charge" src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/public-charging/freecoding/public-charging-portrait-6.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> <div class="visual-disclaimer"> <div class="light bottom-left"> <p>Les écrans de l'application affichés sont à titre illustratif uniquement et ne montrent pas nécessairement la dernière version de l'application Kia Charge.</p> </div> </div> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__content"> <div class="cmp-teaser__description elp-teaser_description"><h3 class="sr-only">Gérez vos recharges et finances avec une facilité inégalée.</h3> <h4>Bénéficiez d’un mode de paiement plus pratique grâce à une facturation mensuelle.</h4> <p> </p> <p>Rechargez la batterie de votre véhicule et poursuivez votre route sans avoir à penser à votre facture ni à collectionner d’innombrables reçus. Toutes les opérations de recharge sont regroupées sur une seule et même facture établie à la fin du mois. Vous pouvez également suivre votre consommation au quotidien sur votre espace personnel Kia Charge pour une meilleure maîtrise de votre budget.</p> </div> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__content"> <div class="cmp-teaser__description elp-teaser_description"><h4>Des offres sur mesure adaptées à vos besoins.</h4> <p> </p> <p>Choisissez un forfait mensuel Kia Charge Plus pour profiter de tarifs de recharge attractifs ou optez pour la flexibilité avec des tarifs « à l’acte », avec Kia Charge Easy. Et pour pousser votre expérience de recharge au plus haut niveau, complétez votre formule avec l'abonnement IONITY Power vous donnant accès à des tarifs remisés sur le réseau de chargeurs très haute puissance IONITY, partout en Europe.</p> </div> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="https://kiacharge.com/web/fr/kia-fr/tariffs" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Découvrez les tarifs Kia Charge ⁽¹⁾'}).track( 'internal_link' );">Découvrez les tarifs Kia Charge ⁽¹⁾</a> </div> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'k-split-41'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-splitright'; // <-- ADDED AS CLASS TO PRECEDING SECTION const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; console.log(sectionID, sectionClass, scriptID, document.currentScript) window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.previousElementSibling.classList.add(sectionClass); container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> <style> @media (min-width: 768px){ #k-split-41 .column_control>ul>li>*:first-child { grid-area: 1 / c7 / span 2 / c13; } } #k-split-41 .teaser.section img { height: 80px; display:none; } #k-split-41 li>*:nth-child(2).teaser.section { justify-content: flex-end; } #k-split-41 li>*:nth-child(3).teaser.section { justify-content: flex-start; } </style> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h2 style="text-align: center;">5. Kia Charge s'engage envers la recharge durable.</h2> <p> </p> <p>Les véhicules électriques peuvent être considérés comme significativement plus respectueux de l'environnement s’ils soutiennent l’utilisation d’énergies renouvelables.</p> <p>La recharge à l'électricité verte joue un rôle majeur dans la chaîne de création de valeur et il nous est essentiel de vous assurer que chaque étape de celle-ci permet de concevoir une électromobilité aussi durable que possible.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'k-copy-5'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-copy'; // <-- ADDED AS CLASS TO PRECEDING SECTION const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; console.log(sectionID, sectionClass, scriptID, document.currentScript) window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.previousElementSibling.classList.add(sectionClass); container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> <style> #k-copy-5 .inner_offer { background-color: #F7F8F8; margin: 0; padding: 80px 0 0 0; } </style> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1;"> <img alt="Qu'est ce que la recharge durable et comment la rendons nous possible ?" src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/electrification/pc/Kia_Icon_Animation_Icon_01.gif"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> <div class="title-text"> <h3>Qu'est ce que la recharge durable et comment la rendons nous possible ?</h3> </div> <div class="copy-text"> <p>Nous veillons à ce que la même quantité d’énergie consommée lors d'une session de recharge pour un véhicule électrique soit injectée dans le réseau électrique sous forme d’électricité verte. Et nous nous assurons de cette compensation par l’intermédiaire des certificats d’origine.</p> </div> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1;"> <img alt="Vert et transparent." src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/electrification/pc/Kia_Icon_Animation_Icon_02.gif"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> <div class="title-text"> <h3>Vert et transparent.</h3> </div> <div class="copy-text"> <p>Les certificats d’origine sont la forme établie des certificats d’électricité verte (appelés Certificats d'Attributs Énergétiques - CAE) en Europe, qui certifient comment et où l’électricité est produite à partir d’énergies renouvelables. Les producteurs d’électricité en sources d’énergie renouvelables peuvent faire délivrer ces certificats d’origine par des organismes d’enregistrement indépendants pour la quantité d’électricité qu’ils produisent et injectent dans le réseau.</p> </div> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1;"> <img alt="Vert et toujours plus durable." src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/electrification/pc/Kia_Icon_Animation_Icon_03.gif"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> <div class="title-text"> <h3>Vert et toujours plus durable.</h3> </div> <div class="copy-text"> <p>L'utilisation d'énergie renouvelable pour recharger votre véhicule peut réduire les émission de CO2 et plus encore.</p> </div> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'public-charging-slider'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k2-slider'; // <-- ADDED AS CLASS TO PRECEDING SECTION const sliderConfiguration = { speed: 400, slidesPerView: 1, slidesPerGroup: 1, spaceBetween: 20, loop: true, navigation: true, pagination: true, autoHeight: true, centerInsufficientSlides: true, keyboard: { enabled: true, }, breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, slidesPerGroup: 1, spaceBetween: 20, }, // when window width is >= 481px 481: { slidesPerView: 1, slidesPerGroup: 1, spaceBetween: 20, }, // when window width is >= 768px 768: { slidesPerView: 1, slidesPerGroup: 1, spaceBetween: 20, }, // when window width is >= 1025px 1025: { slidesPerView: 1, slidesPerGroup: 1, spaceBetween: 40, }, } }; const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; console.log(sectionID, sectionClass, scriptID, document.currentScript) window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.previousElementSibling.classList.add(sectionClass); container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling); modifySlider(container.previousElementSibling, sliderConfiguration); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h2 style="text-align: center;">Offres spéciales.</h2> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'k-copy-11'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-copy'; // <-- ADDED AS CLASS TO PRECEDING SECTION const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; console.log(sectionID, sectionClass, scriptID, document.currentScript) window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.previousElementSibling.classList.add(sectionClass); container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1.7777777777777777;"> <img alt="HDA" src="/content/dam/kwcms/kme/fr/fr/assets/contents/entreprises/offres/Kia-Gamme-EV3-EV6-EV9.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><p class="large">Pour tous EV3, Niro EV et EV6 100% électrique neufs commandés jusqu'au 31 decembre 2024, bénéficiez de <b>12 mois d'abonnement à Kia Charge Plus et IONITY Power offerts</b>. <sup>7</sup></p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'k-split-7'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-splitleft'; // <-- ADDED AS CLASS TO PRECEDING SECTION const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; console.log(sectionID, sectionClass, scriptID, document.currentScript) window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.previousElementSibling.classList.add(sectionClass); container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1.7777777777777777;"> <img alt="HDA" src="/content/dam/kwcms/kme/fr/fr/assets/contents/mobilite-electrique/kia-charge/offer-ev9.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><p class="large">Pour tous EV9 commandés jusqu'au 30 septembre 2024, bénéficiez de <b>36 mois d'abonnement à Kia Charge Plus et IONITY Power offerts</b>. <sup>8</sup></p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'k-split-99'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-splitright'; // <-- ADDED AS CLASS TO PRECEDING SECTION const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; console.log(sectionID, sectionClass, scriptID, document.currentScript) window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.previousElementSibling.classList.add(sectionClass); container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> <style> @media (min-width: 768px){ #k-split-41 .column_control>ul>li>*:first-child { grid-area: 1 / c7 / span 2 / c13; } } #k-split-41 .teaser.section img { height: 80px; display:none; } #k-split-41 li>*:nth-child(2).teaser.section { justify-content: flex-end; } #k-split-41 li>*:nth-child(3).teaser.section { justify-content: flex-start; } </style> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h2 style="text-align: center;"> </h2> <h2 style="text-align: center;">6. Plug & Charge : Enrichissez votre expérience en la simplifiant.</h2> </div> </div> </div> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-video"> <!-- show video --> <div class="video-maincontainer"> <div class="eut_component_item" data-component='{"autoloop": "","videoLayout":"pop-up","sound": "","duration":"0","play":"true", "preview":"true", "title":"Plug & Charge","button":"","type":"video","vendor":"interlake","path":[{"video":"http://streaming.interlake.net/fp;streaming/20120113173806/;Charge_Film_60sec_16x9_VF_V2.mp4;stream;fwd.mp4","poster":"/content/dam/kwcms/kme/fr/fr/assets/contents/mobilite-electrique/kia-charge/floater-pnc.jpg"}],"disclaimerText":""}'> <!-- check for if video popup --> <a href="javascript:;" class="full_link"> <div class="visual-player-container"> <div class="btn-container"> <span class="btn-play" data-vendor="interlake"> <img src="/content/dam/kwcms/kme/global/en/assets/elp-icons/spr-btn-play.png" alt="play"/> </span> </div> <div class="trailer"></div> </div> </a> </div> </div> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'pnc'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-copy'; // <-- ADDED AS CLASS TO PRECEDING SECTION const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; console.log(sectionID, sectionClass, scriptID, document.currentScript) window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.previousElementSibling.classList.add(sectionClass); container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1.7727272727272727;"> <img alt="Plug & Charge" src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/public-charging/freecoding/ev-pnc1-portrait.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><p>Dites adieu aux problèmes rencontrés avec les cartes de paiement et aux difficultés liées à la recharge de votre véhicule électrique. Avec Plug & Charge, recharger votre Kia EV est un jeu d'enfant, et sans stress. Vous branchez votre Kia EV9 à une station de recharge publique compatible avec Plug & Charge et vous laissez la technologie faire le reste. Plus besoin d'étapes supplémentaires, profitez d'une recharge rapide et efficace.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'k-split-8'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-splitleft'; // <-- ADDED AS CLASS TO PRECEDING SECTION const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; console.log(sectionID, sectionClass, scriptID, document.currentScript) window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.previousElementSibling.classList.add(sectionClass); container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> <style> @media (max-width: 767px) { #k-split-8 .column_control>ul>li>*:first-child { grid-area: 2 / c1 / span 1 / c6; } } </style> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1.7727272727272727;"> <img alt="Plug & Charge" src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/public-charging/freecoding/ev-pnc2-portrait.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3>Avantages de Plug & Charge :</h3> <h3> </h3> <p><b>Paiements directs : Plus de soucis avec les cartes ou les comptes.</b></p> <p><b></b></p> <p> </p> <p><b>Gain de temps : Évitez le processus de paiement. Chargez et repartez. </b></p> <b><p> </p> <p><b>Pratique : Profitez de la facilité des paiements automatiques sans aucune étape supplémentaire.</b></p> <b> </b></b> <p></p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'k-split-9'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-splitright'; // <-- ADDED AS CLASS TO PRECEDING SECTION const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; console.log(sectionID, sectionClass, scriptID, document.currentScript) window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.previousElementSibling.classList.add(sectionClass); container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> <style> @media (max-width: 767px) { #k-split-9 .column_control>ul>li>*:first-child { grid-area: 2 / c1 / span 1 / c6; } } </style> <style> #k-split-9 b { font-family: 'kiab'; } </style> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> </li> <li> </li> </ul> </div> </div> </div> </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3 style="text-align: center;">Comment ça fonctionne :</h3> </div> </div> </div> <div class="eutHf1a common section"> <div class="eut_cmly_section bg_none eut_lymg_txs eut_lymg_bxs eut_lypd_txs eut_lypd_bm "> <div class="inner"> <div class="eut_hf1a"> <ul class="type eut_cmly_column3 "> <li class="component_list"><div class="hf1a_image_1 hf1aMultiBase hf1aBase"> <div class="image_area eut_component_item no-gradient" data-component="{"dtm":"conversion||photo view|","title":"","button":"","disableImageGradient":"true","type":"image","vendor":"","path":[{"pc":"/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/public-charging/freecoding/ev-pnc-icon-1.png","alt":"1. Check if your vehicle is compatible for Plug & Charge."}]}"> <!-- Handled the Image url as per the current variable (imageUrl/imageURL) --> <a target="_self" onclick="satelliteTrack(event)" class="satellite-track"> <picture> <source media="(max-width: 767px)"/> <!-- m --> <source media="(max-width: 1024px)"/> <!-- t --> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/public-charging/freecoding/ev-pnc-icon-1.png" alt="1. Check if your vehicle is compatible for Plug & Charge."/> </picture> </a> </div> <div class="cont_area arrow-btn-ico"> <p class="name eut_ctha_c">1. Vérifiez si votre véhicule est compatible avec Plug & Charge.</p> </div> </div> </li> <li class="component_list"><div class="hf1a_image_2 hf1aMultiBase hf1aBase"> <div class="image_area eut_component_item no-gradient" data-component="{"dtm":"conversion||photo view|","title":"","button":"","disableImageGradient":"true","type":"image","vendor":"","path":[{"pc":"/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/public-charging/freecoding/ev-pnc-icon-2.png","alt":"2. Enable Plug & Charge within Kia Charge and in your Kia EV."}]}"> <!-- Handled the Image url as per the current variable (imageUrl/imageURL) --> <a target="_self" onclick="satelliteTrack(event)" class="satellite-track"> <picture> <source media="(max-width: 767px)"/> <!-- m --> <source media="(max-width: 1024px)"/> <!-- t --> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/public-charging/freecoding/ev-pnc-icon-2.png" alt="2. Enable Plug & Charge within Kia Charge and in your Kia EV."/> </picture> </a> </div> <div class="cont_area arrow-btn-ico"> <p class="name eut_ctha_c">2. Activez Plug & Charge avec Kia Charge dans votre véhicule électrique Kia.</p> </div> </div> </li> <li class="component_list"><div class="hf1a_image_3 hf1aMultiBase hf1aBase"> <div class="image_area eut_component_item no-gradient" data-component="{"dtm":"conversion||photo view|","title":"","button":"","disableImageGradient":"true","type":"image","vendor":"","path":[{"pc":"/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/public-charging/freecoding/ev-pnc-icon-3.png","alt":"3. Charge your EV with any Plug & Charge enabled station from our wide partner network."}]}"> <!-- Handled the Image url as per the current variable (imageUrl/imageURL) --> <a target="_self" onclick="satelliteTrack(event)" class="satellite-track"> <picture> <source media="(max-width: 767px)"/> <!-- m --> <source media="(max-width: 1024px)"/> <!-- t --> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/public-charging/freecoding/ev-pnc-icon-3.png" alt="3. Charge your EV with any Plug & Charge enabled station from our wide partner network."/> </picture> </a> </div> <div class="cont_area arrow-btn-ico"> <p class="name eut_ctha_c">3. Rechargez votre véhicule électrique dans n'importe quelle station compatible Plug & Charge de notre large réseau de partenaires.</p> </div> </div> </li> </ul> </div> </div> <script src="/etc.clientlibs/settings/wcm/designs/eut/clientlib/libs/components/video-carousel.min.058b986ff27349c606f71281953cef2c.js"></script> </div></div> <div class="eutCo1 common section"> <div class="eut_cmly_section bg_none eut_lymg_txs eut_lymg_b2xl eut_lypd_txs eut_lypd_bxs "> <div class="inner"> <div class="eut_co1 eut_ctha_l"> <div class="co1_1 co1Base"> <ol class="ev1"> <li><div> Pour activer Plug & Charge avec Kia Charge, inscrivez-vous d'abord sur Kia Charge via l'application ou le site web. </div></li> <li><div> Vérifiez si votre véhicule est compatible en entrant l'ID du certificat de compatibilité dans votre compte Kia Charge. L'ID du certificat (PCID) se trouve dans l'ordinateur de bord. </div></li> <li><div> Après avoir confirmé la disponibilité, vous pouvez activer Plug & Charge sur le site/l'application et dans votre véhicule. Le contrat sera ensuite installé dans votre Kia lors de la première session réussie de Plug & Charge. </div></li> <li><div> Utilisez n'importe quelle station de charge de notre large réseau de partenaires compatible Plug & Charge, et commencez simplement à charger. </div></li> </ol> </div> </div> </div> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h2 style="text-align: center;">Comment recharger votre Kia chez vous ?</h2> </div> </div> </div> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 4.06926406926407;"> <img alt="Recharge à domicile" src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/public-charging/freecoding/ev_pc-crossref-1.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__content"> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/fr/mobilite-electrique/recharge-a-domicile/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|En savoir plus sur la recharge à domicile. ⁽¹⁾'}).track( 'internal_link' );">En savoir plus sur la recharge à domicile. ⁽¹⁾</a> </div> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'k-copy-22'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-copy'; // <-- ADDED AS CLASS TO PRECEDING SECTION const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; console.log(sectionID, sectionClass, scriptID, document.currentScript) window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.previousElementSibling.classList.add(sectionClass); container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> <style> #k-copy-22 .inner_offer { background-color: #F7F8F8; margin: 0; padding: 80px 0; } </style> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: NaN;"> <img src="/content/dam/kwcms/kme/fr/fr/assets/contents/mobilite-electrique/kia-charge/gamme-ev.webp "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/fr/mobilite-electrique/gamme-electrifiee/">Gamme électrifiée Kia.</a> </h2> <div class="cmp-teaser__description elp-teaser_description"><p> </p> <p>Découvrez notre gamme de véhicules électriques, hybrides et hybrides rechargeables, pensée pour vous inspirer quels que soient vos besoins.</p> </div> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/fr/mobilite-electrique/gamme-electrifiee/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|En savoir plus'}).track( 'internal_link' );">En savoir plus</a> </div> </div> </div> </div> </li> <li> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: NaN;"> <img src="/content/dam/kwcms/kme/fr/fr/assets/contents/mobilite-electrique/kia-charge/ev9.webp "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/fr/modeles/ev9/decouvrir/">Nouveau Kia EV9 100% électrique</a> </h2> <div class="cmp-teaser__description elp-teaser_description"><p> </p> <p>Découvrez le nouveau Kia EV9 100% électrique présentant le caractère d'un SUV audacieux adapté à tout type d'environnement et ouvrant une nouvelle voie à la mobilité durable.</p> </div> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/fr/modeles/ev9/decouvrir/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|En savoir plus'}).track( 'internal_link' );">En savoir plus</a> </div> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'k-crossref-1'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-crossref'; // <-- ADDED AS CLASS TO PRECEDING SECTION const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; console.log(sectionID, sectionClass, scriptID, document.currentScript) window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.previousElementSibling.classList.add(sectionClass); container.previousElementSibling.id = sectionID; } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> <style> .k-crossref.columnControl.section { padding-top: 20px; padding-bottom: 1px; } .k-crossref.columnControl.section .column_control>ul { margin: 0; display: flex; flex-direction: row; align-items: normal; } .k-crossref.columnControl.section .column_control>ul>li{ width:100%; position: relative; display:block; } .k-crossref.columnControl.section .column_control>ul{ display: grid; grid-auto-rows: minmax(80px, auto); width:100%; position: relative; } @media (min-width: 1025px) { .k-crossref.columnControl.section .column_control>ul{ grid-template-columns: 80px repeat(11, 1fr 40px) 1fr 80px; grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 . c7 . c8 . c9 . c10 . c11 . c12 c13'; } } @media (min-width: 768px) and (max-width: 1024px) { .k-crossref.columnControl.section .column_control>ul{ grid-template-columns: 30px repeat(11, 1fr 20px) 1fr 30px; grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 . c7 . c8 . c9 . c10 . c11 . c12 c13'; } } @media (min-width: 481px) and (max-width: 767px) { .k-crossref.columnControl.section .column_control>ul{ grid-template-columns: 30px repeat(5, 1fr 20px) 1fr 30px; grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 c7'; } } @media (max-width: 480px) { .k-crossref.columnControl.section .column_control>ul{ grid-template-columns: 15px repeat(5, 1fr 20px) 1fr 15px; grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 c7'; } } @media (min-width: 768px) { .k-crossref .column_control>ul>li:nth-last-child(1){ grid-area: 1 / c5 / 1 / c8; } .k-crossref .column_control>ul>li:nth-last-child(2){ grid-area: 1 / c3 / 1 / c6; } .k-crossref .column_control>ul>li:nth-last-child(2)+li{ grid-area: 1 / c7 / 1 / c10; } .k-crossref .column_control>ul>li:nth-last-child(3){ grid-area: 1 / c1 / 1 / c4; } .k-crossref .column_control>ul>li:nth-last-child(3)+li{ grid-area: 1 / c5 / 1 / c8; } .k-crossref .column_control>ul>li:nth-last-child(3)+li+li{ grid-area: 1 / c9 / 1 / c12; } .k-crossref .column_control>ul>li .teaser.section, .k-crossref .column_control>ul>li .teaser.section>* { height: 100%; } .k-crossref .column_control>ul>li .teaser.section .cmp-teaser__content { flex-grow: 1; display: flex; flex-direction: column; } .k-crossref .column_control>ul>li .teaser.section .cmp-teaser__description { flex-grow: 1; } } @media (max-width: 767px) { .k-crossref .column_control>ul>li{ grid-area: auto / c1 / span 1 / c6; } } </style> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3>Mentions légales</h3> <p> </p> <p>(1) Kia Charge<br /> Kia Charge et KiaCharge.com/web/kia-fr sont des services opérés par Digital Charging Solutions GmbH (société enregistrée au Brunnenstraße 19-21, 10119 Berlin, Allemagne).Le réseau de recharge publique évolue en permanence. Le nombre réel de bornes de recharge accessibles via Kia Charge dépend du pays et des accords contractuels entre Digital Charging Solutions GmbH et les opérateurs de bornes de recharge respectifs. Kia décline toute responsabilité quant au fonctionnement, à l'accessibilité ou à la puissance de charge de l'infrastructure de charge.</p> <p> </p> <p>(2) Le contrat a une durée indéterminée et peut être résilié par l’une des parties avec un mois de préavis à partir de la fin du mois en cours.</p> <p> </p> <p>(3) Des frais d'interopérabilité s’appliquent au tarif pratiqué par l’opérateur de recharge. Ceux-ci varient en fonction des accords passés avec chacun des opérateurs. Les tarifs en vigueur au moment de la charge sont consultables sur l’application Kia Charge.</p> <p> </p> <p>(4) Tarifs remisés auprès d’un large choix d’opérateurs de recharge (hors réseau Ionity). Les tarifs en vigueur au moment de la charge sont consultables sur l’application Kia Charge.</p> <p> </p> <p>(5) Vous pouvez basculer sur l’offre sans abonnement Kia Charge Easy ou résilier votre abonnement à l’issu du mois de souscription en cours, sans aucun frais.</p> <p> </p> <p>(6) IONITY Power est une formule par abonnement de 7,49€/ mois, avec engagement de 1 mois et peut être résiliée par l’une des parties à l’issue de la période d’abonnement avec un mois de préavis, donnant accès à un tarif de recharge préférentiel de 0,44 € / kWh au lieu de 0,59 € / kWh (selon le tarif en vigueur en date du 1er septembre 2023) sur le réseau de recharge très haute puissance Ionity.</p> <p> </p> <p>(7) Offre valable pour tous Kia EV6 et Kia Niro EV 100% électrique neufs commandés dans le réseau de distributeurs agréés Kia de France Métropolitaine jusqu'au 31 decembre 2024 et pour la souscription simultanée d'un abonnement à IONITY Power et à Kia Charge Plus. Date limite d'activation de l'offre promotionnelle : 31/12/2024. Prise en charge automatique de l'abonnement Kia Charge Plus et IONITY Power pendant 12 mois dès la souscription simultanée des deux services. Concernant la facturation des actes de charge, les conditions tarifaires Kia Charge Plus et IONITY Power en vigueur au moment de la recharge s’appliquent. L’offre promotionnelle est associée au seul véhicule commandé et ne peut pas être transférée à d’autres véhicules ou propriétaires. Les formule Kia Charge Plus et IONITY Power se poursuivront à l’issue des 12 mois et feront l'objet d'une facturation mensuelle au tarif qui sera en vigueur. La souscription à Kia Charge Plus et/ou IONITY Power peut être résiliée à tout moment avec un mois de préavis à partir de la fin du mois en cours. Toute résiliation de Kia Charge Plus avant la fin des 12 mois d'abonnement entraînera l'arrêt immédiat et définitif de l'offre promotionnelle.</p> <p> </p> <p>(8) Offre valable pour tous Kia EV9 neufs commandés dans le réseau de distributeurs agrées Kia de France Métropolitaine avant le 31/12/2024 et pour la souscription simultanée d'un abonnement à IONITY Power et à Kia Charge Plus. Date limite d'activation de l'offre promotionnelle : 31/12/2024. Prise en charge automatique de l'abonnement Kia Charge Plus et IONITY Power pendant 36 mois dès la souscription simultanée des deux services. Concernant la facturation des actes de charge, les conditions tarifaires Kia Charge Plus et IONITY Power en vigueur au moment de la recharge s’appliquent. L’offre promotionnelle est associée au seul véhicule commandé et ne peut pas être transférée à d’autres véhicules ou propriétaires. L'abonnement IONITY Power prendra fin à l'issue des 36 mois et ne sera pas reconduit automatiquement. Les formule Kia Charge Plus et IONITY Power se poursuivront à l’issue des 36 mois et feront l'objet d'une facturation mensuelle au tarif qui sera en vigueur. La souscription à Kia Charge Plus et/ou IONITY Power peut être résiliée à tout moment avec un mois de préavis à partir de la fin du mois en cours. Toute résiliation de Kia Charge Plus avant la fin des 36 mois d'abonnement entraînera l'arrêt immédiat et définitif de l'offre promotionnelle.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'k-legal-1'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-legal'; // <-- ADDED AS CLASS TO PRECEDING SECTION const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; console.log(sectionID, sectionClass, scriptID, document.currentScript) window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.previousElementSibling.classList.add(sectionClass); container.previousElementSibling.id = sectionID; //modifyLegal(container.previousElementSibling); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <style> .co1Base.co1_1 ol.ev1 { list-style-type: none; margin-left: 0; } .co1Base.co1_1 ol.ev1 > li { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; counter-increment: customlistcounter; padding-top: 32px; padding-bottom: 32px; } .co1Base.co1_1 ol.ev1 > li:nth-child(odd) { background-color: #f7f8f8; } .co1Base.co1_1 ol.ev1 > li:before { content: counter(customlistcounter) " "; font-weight: bold; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; font-size: 37px; font-family: kiab; /*color: #05141f;*/ margin-left: 13px; margin-right: 13px; } .co1Base.co1_1 ol.ev1:first-child { counter-reset: customlistcounter; } .co1Base.co1_1 ol.ev1 div { max-width: 781px; padding-right: 9px; width: 100%; } </style> </div></div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <style> .electric_menutxt { opacity: 0.9; } .packs { max-width: 830px; } .large { font-size: large !important; } #k-copy-23 picture img { width: 100%; max-width: 830px; display: block; margin: 0 auto; } @media (max-width: 767px) { #k-copy-23 picture img { max-width: 100%; height: auto; } } </style> <script> $(document).ready(function() { $('img:not([alt])').attr('alt', ''); }); </script> </div></div> <div class="ghost section"> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'k-copy-42'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-copy'; // <-- ADDED AS CLASS TO PRECEDING SECTION const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; console.log(sectionID, sectionClass, scriptID, document.currentScript) window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.previousElementSibling.classList.add(sectionClass); container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> <style> #k-copy-21 .inner_offer { background-color: #F7F8F8; margin: 0; padding: 80px 0; } </style> </div></div> <div class="ghost section"> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'k-double-teaser-2'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-double-teaser-right'; // <-- ADDED AS CLASS TO PRECEDING SECTION const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; console.log(sectionID, sectionClass, scriptID, document.currentScript) window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.previousElementSibling.classList.add(sectionClass); container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> <style> </style> </div></div> </div> </div> </div> <!-- //container --> <!-- footer// --> <div id="eut_footer"> <div class="f_logo"><img alt="Kia" src="/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/logo_kia_white-rbr.png"/> </div> <!-- facebookchatbot// --> <div class="facebookchatbot"> </div> <!-- //facebookchatbot --> <!-- //select language --> <!-- sitemap// --> <div class="sitemapComp"> <div class="sitemap active" title="sitemap"> <div class="inner"> <dl> <dt> Modèles </dt> <!-- logic for dd --> <dd> <a href="/fr/modeles/picanto/decouvrir/"> Picanto </a> </dd> <dd> <a href="/fr/modeles/stonic/decouvrir/"> Stonic </a> </dd> <dd> <a href="/fr/modeles/e-soul/decouvrir/" target="_self"> e-Soul </a> </dd> <dd> <a href="/fr/modeles/ev3/decouvrir/"> Nouveau Kia EV3 100% Électrique </a> </dd> <dd> <a href="/fr/modeles/ceed/decouvrir/"> Ceed </a> </dd> <dd> <a href="/fr/modeles/ceed-sw/decouvrir/"> Ceed SW </a> </dd> <dd> <a href="/fr/modeles/ceed-sw/decouvrir/"> Ceed SW Hybride Rechargeable </a> </dd> <dd> <a href="/fr/modeles/proceed/decouvrir/"> ProCeed </a> </dd> <dd> <a href="/fr/modeles/xceed/decouvrir/"> XCeed </a> </dd> <dd> <a href="/fr/modeles/xceed/decouvrir/"> XCeed Hybride Rechargeable </a> </dd> <dd> <a href="https://www.kia.com/fr/modeles/niro/decouvrir/?trim=electrique"> Niro 100% Électrique </a> </dd> <dd> <a href="https://www.kia.com/fr/modeles/niro/decouvrir/?trim=hybride"> Niro Hybride </a> </dd> <dd> <a href="https://www.kia.com/fr/modeles/niro/decouvrir/?trim=hybride-rechargeable"> Niro Hybride Rechargeable </a> </dd> <dd> <a href="https://www.kia.com/fr/modeles/sportage/decouvrir/?trim=thermique"> Sportage </a> </dd> <dd> <a href="https://www.kia.com/fr/modeles/sportage/decouvrir/?trim=hybride"> Sportage Hybride </a> </dd> <dd> <a href="https://www.kia.com/fr/modeles/sportage/decouvrir/?trim=hybride-rechargeable"> Sportage Hybride Rechargeable </a> </dd> <dd> <a href="/fr/modeles/ev6/decouvrir/"> EV6 100% Électrique </a> </dd> <dd> <a href="/fr/modeles/ev6-gt/decouvrir/"> EV6 GT 100% Électrique </a> </dd> <dd> <a href="https://www.kia.com/fr/modeles/sorento/decouvrir/?trim=hybride"> Sorento Hybride </a> </dd> <dd> <a href="https://www.kia.com/fr/modeles/sorento/decouvrir/?trim=hybride-rechargeable"> Sorento Hybride Rechargeable </a> </dd> <dd> <a href="/fr/modeles/ev9/decouvrir/"> EV9 </a> </dd> </dl> <dl> <dt> Mobilité électrique </dt> <!-- logic for dd --> <dd> <a href="/fr/mobilite-electrique/gamme-electrifiee/"> Modèles électrifiés </a> </dd> <dd> <a href="/fr/mobilite-electrique/kia-flex/"> S'abonner à l'électrique </a> </dd> <dd> <a href="/fr/mobilite-electrique/electrique-par-kia/"> L’électrique par Kia </a> </dd> <dd> <a href="/fr/mobilite-electrique/recharge-publique/"> Solution de recharge publique </a> </dd> <dd> <a href="/fr/mobilite-electrique/recharge-a-domicile/"> Solution de recharge à domicile </a> </dd> </dl> <dl> <dt> Achat & Location </dt> <!-- logic for dd --> <dd> <a href="/fr/achat-location/offres-commerciales/"> Offres commerciales </a> </dd> <dd> <a href="/fr/achat-location/kia-flex/"> Abonnement Kia Flex </a> </dd> <dd> <a href="/fr/achat-location/kia-drive/" target="_self"> Louer avec Kia Drive </a> </dd> <dd> <a href="/fr/reserver-un-essai/"> Faire un essai </a> </dd> <dd> <a href="/fr/achat-location/comparateur-de-modeles/"> Comparateur de modèles </a> </dd> <dd> <a href="/fr/points-de-vente/"> Nos 216 points de vente </a> </dd> </dl> <dl> <dt> Entreprises </dt> <!-- logic for dd --> <dd> <a href="/fr/entreprises/kia-entreprise/"> Kia Entreprise </a> </dd> <dd> <a href="/fr/entreprises/offres/"> Offres du moment </a> </dd> <dd> <a href="/fr/entreprises/financement/"> Solutions de financement </a> </dd> <dd> <a href="/fr/entreprises/fiscalite/"> Fiscalité </a> </dd> <dd> <a href="/fr/entreprises/contact/" target="_self"> Contacter Kia Entreprise </a> </dd> </dl> <dl> <dt> Occasion </dt> <!-- logic for dd --> <dd> <a href="/fr/occasion/kia-occasion/"> Kia Occasion </a> </dd> <dd> <a href="https://www.kia.com/fr/occasion/nos-vehicules-doccasion/#/search/"> Nos véhicules d'occasion </a> </dd> </dl> <dl> <dt> Services </dt> <!-- logic for dd --> <dd> <a href="/fr/services/rendez-vous-atelier/"> Prendre RDV en atelier </a> </dd> <dd> <a href="/fr/services/apres-vente/" target="_self"> Services après-vente </a> </dd> <dd> <a href="https://www.mes-accessoires-kia.fr/" target="_blank"> Boutique accessoires Kia </a> </dd> <dd> <a href="/fr/services/garantie/7-ans-de-garantie/"> 7 ans de garantie </a> </dd> <dd> <a href="/fr/services/kia-connect/"> Kia Connect </a> </dd> <dd> <a href="/fr/services/compte-kia/"> Mon compte Kia </a> </dd> </dl> <dl> <dt> Concept PBV </dt> <!-- logic for dd --> <dd> <a href="/fr/pbv/modeles/gamme/"> Modèles </a> </dd> <dd> <a href="/fr/pbv/avec-kia-pbv/a-propos/"> Avec Kia PBV </a> </dd> <dd> <a href="/fr/pbv/services-%20connectivite/ecosysteme/"> Services et connectivité </a> </dd> <dd> <a href="/fr/pbv/professionnels/"> Kia PBV pour les professionnels </a> </dd> <dd> <a href="/fr/pbv/salon-vehicule-utilitaire-hanovre/"> Salon du Véhicule Utilitaire de Hanovre - IAA </a> </dd> <dd> <a href="/fr/pbv/ces/"> CES 2024 </a> </dd> </dl> </div> </div> </div> <!-- //sitemap --> <!-- links// --> <div class="footerContent"> <div class="site_info_container"> <div class="site_info"> <ul class="util_menu"> <li class="sns"> <a href="https://www.instagram.com/kiafrance/" target="_blank"> <img src="/content/dam/kwcms/kme/fr/fr/assets/common/social/instagram.svg" width="40" height="40" alt="Instagram" title="Instagram" onclick="eut.analytics.prop({external_link: 'sns|'+$(this).attr('title')}).track( 'external_link' );"/> </a> <a href="https://www.facebook.com/kiafrance" target="_blank"> <img src="/content/dam/kwcms/kme/fr/fr/assets/common/social/facebook.svg" width="40" height="40" alt="Facebook" title="Facebook" onclick="eut.analytics.prop({external_link: 'sns|'+$(this).attr('title')}).track( 'external_link' );"/> </a> <a href="https://twitter.com/kiafrance" target="_blank"> <img src="/content/dam/kwcms/kme/fr/fr/assets/common/social/x.svg" width="40" height="40" alt="X" title="X" onclick="eut.analytics.prop({external_link: 'sns|'+$(this).attr('title')}).track( 'external_link' );"/> </a> <a href="https://www.tiktok.com/@kia_france" target="_blank"> <img src="/content/dam/kwcms/kme/fr/fr/assets/common/social/tiktok.svg" width="40" height="40" alt="TikTok" title="TikTok" onclick="eut.analytics.prop({external_link: 'sns|'+$(this).attr('title')}).track( 'external_link' );"/> </a> <a href="https://www.youtube.com/@KiaFrance" target="_blank"> <img src="/content/dam/kwcms/kme/fr/fr/assets/common/social/youtube.svg" width="40" height="40" alt="YouTube" title="YouTube" onclick="eut.analytics.prop({external_link: 'sns|'+$(this).attr('title')}).track( 'external_link' );"/> </a> </li> </ul> <ul class="util_menu util_menu_right"> <li> <a href="https://www.kia.com/fr/achat-location/label-pneumatique/" target="_self">Label des pneumatiques</a> </li> <li> <a href="https://press.kia.com/fr" target="_blank">Site Presse</a> </li> <li> <a href="https://www.kia.com/fr/conditions-generales-dutilisation/" target="_self">CGU</a> </li> <li> <a href="https://www.kia.com/fr/politique-de-confidentialite/">Politique de confidentialité</a> </li> <li> <a href="https://www.kia.com/fr/cookies/">Cookies</a> </li> <li class="last"> <a href="https://www.kia.com/fr/conditions-generales-dutilisation/" target="_self">Informations commerciales</a> </li> </ul> </div> </div> </div> <!-- //links --> <div class="disclaimer"> </div> <div class="copyright"> <div class="inner"> <div id='eut_breadcrumb'> <ol vocab="http://schema.org/" typeof="BreadcrumbList"> <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://www.kia.com/fr/"> <span property="name">Home</span> </a> <meta property="position" content="0"/> </li> <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://www.kia.com/fr/mobilite-electrique/gamme-electrifiee/"> <span property="name">Mobilité électrique</span> </a> <meta property="position" content="1"/> </li> <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://www.kia.com/fr/mobilite-electrique/recharge-publique/"> <span property="name">Solution de recharge publique</span> </a> <meta property="position" content="2"/> </li> </ol> </div> <!-- check for locale value--> <p><span>© 2024 KIA FRANCE - TOUS DROITS RÉSERVÉS.</span> <span class="footerRights"> </span> </p> </div> </div> </div> <div><!-- Javascript API --> <!-- youtube --> <script type="text/plain" src="https://www.youtube.com/iframe_api" class="optanon-category-4"></script> <!-- flowplayer --> <script type="text/javascript" src="//releases.flowplayer.org/7.2.7/commercial/flowplayer.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- Google Map --> <!-- Google Short Url --> <script> /** */ function load() { if(window.eut && window.eut.COUNTRY && window.eut.COUNTRY.toLowerCase()==="gr"){ return; } gapi.client.setApiKey('AIzaSyBYEFgRCw_gh-nPdEWQyPRpL50KoCDysi4'); gapi.client.load('urlshortener', 'v1',function(){}); } </script> <script type="text/plain" src="https://apis.google.com/js/client.js?onload=load" class="optanon-category-4"></script> </div> <div> </div> <script src="https://script.ekonsilio.com/5fca45bc601a100012a0bb5c-5fca45e567aec000144b3e30.js"></script> <!-- Facebook Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function() {n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)} ; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '357795334408363'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=357795334408363&ev=PageView&noscript=1"/></noscript> <!-- End Facebook Pixel Code --> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=DC-4247625"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'DC-4247625'); </script> <!-- End of global snippet: Please do not remove --> <script language="javascript" type="text/javascript">; (function (e, t, n, s) { e[s] = e[s] || function () { (e[s].q = e[s].q || []).push(arguments) }; var a = t.createElement("script"), c = t.getElementsByTagName("script")[0]; a.async = 1; a.src = "https://asset.easydmp.net/mt/" + n + "/mt_3777.js?t=" + Math.round((new Date).getTime() / 72e5); c.parentNode.insertBefore(a, c) })(window, document, "squadata", "__easyMetaTagSqudata"); __easyMetaTagSqudata({'url': document.location.href, 'support': '3777' , 'page': '',});</script> <!-- Start of global snippet: Please do not remove Place this snippet between the <head> and </head> tags on every page of your site. --> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=DC-13882569"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'DC-13882569'); </script> <!-- End of global snippet: Please do not remove --> <!-- Event snippet for CM360_LOCAL-LEAD-VISIT_AllPages_N/A_2023-11-13_UNIQUE_ on : Please do not remove. Place this snippet on pages with events you’re tracking. Creation date: 01/26/2024 --> <script> gtag('event', 'conversion', { 'allow_custom_scripts': true, 'u1': '[Country Code]', 'u5': '[Language]', 'u6': '[Device]', 'u7': '[OS]', 'send_to': 'DC-13882569/allp/local0+unique' }); </script> <noscript> <img src="https://ad.doubleclick.net/ddm/activity/src=13882569;type=allp;cat=local0;u1=[Country Code];u5=[Language];u6=[Device];u7=[OS];dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;gdpr=${GDPR};gdpr_consent=${GDPR_CONSENT_755};ord=1;num=[Random Number]?" width="1" height="1" alt=""/> </noscript> <!-- End of event snippet: Please do not remove --> <script type="text/javascript"> _linkedin_partner_id = "5796834"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(l) { if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; window.lintrk.q=[]} var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = " https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(window.lintrk); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src=" https://px.ads.linkedin.com/collect/?pid=5796834&fmt=gif"/> </noscript> <meta name="google-site-verification" content="feDbhm2CgtIuxvwmfszdD3nOJtKbVSym2XPUrMmAQ5o" /> <!-- TikTok Pixel Code Start --> <script> !function (w, d, t) { w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for( var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var r=" https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script") ;n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)}; ttq.load('CSH4HDRC77U53KQ7JUEG'); ttq.page(); }(window, document, 'ttq'); </script> <!-- TikTok Pixel Code End --> <!-- //footer --> <span class="eut_nav_dim"></span> <script src="/etc.clientlibs/settings/wcm/designs/eut/clientlib/libs/components.min.6085c6cb2fedfba012ab0bc48167e2bc.js"></script> </html>