{"id":594,"date":"2026-08-25T16:01:37","date_gmt":"2026-08-25T14:01:37","guid":{"rendered":"https:\/\/www.starline-france.fr\/?page_id=594"},"modified":"2026-08-28T14:04:34","modified_gmt":"2026-08-28T12:04:34","slug":"trouver-ma-solution-starline","status":"publish","type":"page","link":"https:\/\/www.starline-france.fr\/index.php\/trouver-ma-solution-starline\/","title":{"rendered":"Trouver ma solution StarLine"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"594\" class=\"elementor elementor-594\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75258ba e-con e-atomic-element e-flexbox-base e-66c8107 \" data-id=\"75258ba\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"75258ba\" data-e-type=\"e-flexbox\" data-id=\"75258ba\">\n    \t\t<div class=\"elementor-element elementor-element-e93ccca elementor-widget elementor-widget-html\" data-id=\"e93ccca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==========================================\r\n   STARLINE SIMULATEUR - HERO\r\n========================================== *\/\r\n\r\n.sl-sim-hero {\r\n    width: 100%;\r\n    background:\r\n        radial-gradient(circle at 85% 30%, rgba(0,159,227,.16), transparent 34%),\r\n        linear-gradient(135deg,#ffffff 0%,#f4f9fc 60%,#edf5fa 100%);\r\n    overflow: hidden;\r\n    font-family: inherit;\r\n}\r\n\r\n.sl-sim-hero-inner {\r\n    max-width: 1220px;\r\n    min-height: 620px;\r\n    margin: 0 auto;\r\n    padding: 80px 30px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 70px;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   TEXTE\r\n========================================== *\/\r\n\r\n.sl-sim-hero-content {\r\n    width: 58%;\r\n}\r\n\r\n.sl-sim-hero-kicker {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    color: #009fe3;\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.3px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.sl-sim-hero-kicker::before {\r\n    content: \"\";\r\n    width: 30px;\r\n    height: 4px;\r\n    border-radius: 10px;\r\n    background: #95d600;\r\n}\r\n\r\n.sl-sim-hero h1 {\r\n    margin: 0 0 24px;\r\n    color: #0b3157;\r\n    font-size: clamp(42px,4vw,62px);\r\n    line-height: 1.02;\r\n    font-weight: 800;\r\n    letter-spacing: -1.8px;\r\n}\r\n\r\n.sl-sim-hero h1 span {\r\n    color: #009fe3;\r\n}\r\n\r\n.sl-sim-hero-intro {\r\n    max-width: 700px;\r\n    margin: 0 0 31px;\r\n    color: #586a7c;\r\n    font-size: 19px;\r\n    line-height: 1.65;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   POINTS\r\n========================================== *\/\r\n\r\n.sl-sim-hero-features {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 12px 22px;\r\n    margin-bottom: 35px;\r\n}\r\n\r\n.sl-sim-hero-feature {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    color: #0b3157;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n}\r\n\r\n.sl-sim-hero-check {\r\n    width: 22px;\r\n    height: 22px;\r\n    min-width: 22px;\r\n    border-radius: 50%;\r\n    background: #95d600;\r\n    color: #ffffff;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   BOUTONS\r\n========================================== *\/\r\n\r\n.sl-sim-hero-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 13px;\r\n}\r\n\r\n.sl-sim-hero-primary,\r\n.sl-sim-hero-secondary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 9px;\r\n    padding: 17px 25px;\r\n    border-radius: 7px;\r\n    text-decoration: none !important;\r\n    text-transform: uppercase;\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n    transition: .25s ease;\r\n}\r\n\r\n.sl-sim-hero-primary {\r\n    background: #95d600;\r\n    color: #ffffff !important;\r\n    box-shadow: 0 12px 28px rgba(149,214,0,.24);\r\n    cursor: pointer;\r\n}\r\n\r\n.sl-sim-hero-primary:hover {\r\n    background: #84c000;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.sl-sim-hero-secondary {\r\n    background: #0b3157;\r\n    color: #ffffff !important;\r\n}\r\n\r\n.sl-sim-hero-secondary:hover {\r\n    background: #124875;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   VISUEL\r\n========================================== *\/\r\n\r\n.sl-sim-hero-visual {\r\n    width: 42%;\r\n    min-height: 450px;\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.sl-sim-hero-circle {\r\n    position: absolute;\r\n    width: 390px;\r\n    height: 390px;\r\n    border-radius: 50%;\r\n    background: #ffffff;\r\n    box-shadow: 0 30px 70px rgba(11,49,87,.12);\r\n}\r\n\r\n.sl-sim-hero-ring {\r\n    position: absolute;\r\n    width: 320px;\r\n    height: 320px;\r\n    border-radius: 50%;\r\n    border: 2px dashed rgba(0,159,227,.20);\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   CARTE\r\n========================================== *\/\r\n\r\n.sl-sim-hero-card {\r\n    width: 285px;\r\n    position: relative;\r\n    z-index: 3;\r\n    padding: 29px 25px;\r\n    border-radius: 22px;\r\n    background: #0b3157;\r\n    box-shadow: 0 28px 60px rgba(11,49,87,.25);\r\n}\r\n\r\n.sl-sim-hero-card-head {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 13px;\r\n    padding-bottom: 18px;\r\n    margin-bottom: 17px;\r\n    border-bottom: 1px solid rgba(255,255,255,.12);\r\n}\r\n\r\n.sl-sim-hero-card-icon {\r\n    width: 52px;\r\n    height: 52px;\r\n    min-width: 52px;\r\n    border-radius: 13px;\r\n    background: #95d600;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.sl-sim-hero-card-icon svg {\r\n    width: 30px;\r\n    height: 30px;\r\n    fill: none;\r\n    stroke: #ffffff;\r\n    stroke-width: 2.2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n.sl-sim-hero-card-head small {\r\n    display: block;\r\n    color: #95d600;\r\n    font-size: 8px;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: .7px;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.sl-sim-hero-card-head strong {\r\n    display: block;\r\n    color: #ffffff;\r\n    font-size: 17px;\r\n}\r\n\r\n.sl-sim-hero-step {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n    padding: 11px 12px;\r\n    margin-bottom: 9px;\r\n    border-radius: 9px;\r\n    background: rgba(255,255,255,.07);\r\n    border: 1px solid rgba(255,255,255,.09);\r\n}\r\n\r\n.sl-sim-hero-step-num {\r\n    width: 25px;\r\n    height: 25px;\r\n    min-width: 25px;\r\n    border-radius: 7px;\r\n    background: rgba(149,214,0,.14);\r\n    color: #95d600;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 10px;\r\n    font-weight: 900;\r\n}\r\n\r\n.sl-sim-hero-step span {\r\n    color: #d4e1eb;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   BADGES\r\n========================================== *\/\r\n\r\n.sl-sim-hero-badge {\r\n    position: absolute;\r\n    z-index: 4;\r\n    padding: 12px 15px;\r\n    border-radius: 10px;\r\n    background: #ffffff;\r\n    box-shadow: 0 14px 32px rgba(11,49,87,.14);\r\n    color: #0b3157;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n}\r\n\r\n.sl-sim-hero-badge small {\r\n    display: block;\r\n    color: #009fe3;\r\n    font-size: 8px;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: .7px;\r\n    margin-bottom: 3px;\r\n}\r\n\r\n.sl-sim-hero-badge-1 {\r\n    top: 58px;\r\n    left: -8px;\r\n}\r\n\r\n.sl-sim-hero-badge-2 {\r\n    right: -10px;\r\n    bottom: 55px;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   RESPONSIVE TABLETTE\r\n========================================== *\/\r\n\r\n@media(max-width:900px) {\r\n\r\n    .sl-sim-hero-inner {\r\n        flex-direction: column;\r\n        padding: 60px 25px;\r\n        gap: 40px;\r\n    }\r\n\r\n    .sl-sim-hero-content,\r\n    .sl-sim-hero-visual {\r\n        width: 100%;\r\n    }\r\n\r\n    .sl-sim-hero-content {\r\n        text-align: center;\r\n    }\r\n\r\n    .sl-sim-hero-kicker,\r\n    .sl-sim-hero-features,\r\n    .sl-sim-hero-actions {\r\n        justify-content: center;\r\n    }\r\n\r\n    .sl-sim-hero-intro {\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   RESPONSIVE MOBILE\r\n========================================== *\/\r\n\r\n@media(max-width:600px) {\r\n\r\n    .sl-sim-hero-inner {\r\n        padding: 45px 20px 55px;\r\n    }\r\n\r\n    .sl-sim-hero h1 {\r\n        font-size: 39px;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .sl-sim-hero-intro {\r\n        font-size: 17px;\r\n    }\r\n\r\n    .sl-sim-hero-actions {\r\n        flex-direction: column;\r\n    }\r\n\r\n    .sl-sim-hero-primary,\r\n    .sl-sim-hero-secondary {\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .sl-sim-hero-visual {\r\n        min-height: 400px;\r\n    }\r\n\r\n    .sl-sim-hero-circle {\r\n        width: 300px;\r\n        height: 300px;\r\n    }\r\n\r\n    .sl-sim-hero-ring {\r\n        width: 245px;\r\n        height: 245px;\r\n    }\r\n\r\n    .sl-sim-hero-card {\r\n        width: 230px;\r\n        padding: 23px 18px;\r\n    }\r\n\r\n    .sl-sim-hero-badge {\r\n        font-size: 9px;\r\n        padding: 10px 11px;\r\n    }\r\n\r\n    .sl-sim-hero-badge-1 {\r\n        left: 0;\r\n    }\r\n\r\n    .sl-sim-hero-badge-2 {\r\n        right: 0;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sl-sim-hero\">\r\n\r\n    <div class=\"sl-sim-hero-inner\">\r\n\r\n\r\n        <!-- ==========================================\r\n             TEXTE\r\n        =========================================== -->\r\n\r\n        <div class=\"sl-sim-hero-content\">\r\n\r\n            <div class=\"sl-sim-hero-kicker\">\r\n                Simulateur StarLine\r\n            <\/div>\r\n\r\n\r\n            <h1>\r\n                Trouvez la protection StarLine\r\n                <span>adapt\u00e9e \u00e0 votre v\u00e9hicule.<\/span>\r\n            <\/h1>\r\n\r\n\r\n            <p class=\"sl-sim-hero-intro\">\r\n                R\u00e9pondez \u00e0 quelques questions simples sur votre v\u00e9hicule\r\n                et vos attentes. Notre simulateur vous orientera vers\r\n                la solution StarLine qui correspond le mieux \u00e0 votre besoin.\r\n            <\/p>\r\n\r\n\r\n            <div class=\"sl-sim-hero-features\">\r\n\r\n                <div class=\"sl-sim-hero-feature\">\r\n                    <span class=\"sl-sim-hero-check\">\u2713<\/span>\r\n                    Quelques questions\r\n                <\/div>\r\n\r\n                <div class=\"sl-sim-hero-feature\">\r\n                    <span class=\"sl-sim-hero-check\">\u2713<\/span>\r\n                    R\u00e9sultat personnalis\u00e9\r\n                <\/div>\r\n\r\n                <div class=\"sl-sim-hero-feature\">\r\n                    <span class=\"sl-sim-hero-check\">\u2713<\/span>\r\n                    E9 V3 ou S9 V3\r\n                <\/div>\r\n\r\n                <div class=\"sl-sim-hero-feature\">\r\n                    <span class=\"sl-sim-hero-check\">\u2713<\/span>\r\n                    \u00c9tude finale du v\u00e9hicule\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sl-sim-hero-actions\">\r\n\r\n\r\n                <!-- BOUTON SIMULATEUR -->\r\n\r\n                <a class=\"sl-sim-hero-primary\"\r\n                   href=\"#simulateur-starline\"\r\n                   id=\"slStartSimulator\">\r\n\r\n                    COMMENCER LE SIMULATEUR\r\n                    <span>\u2192<\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n                <!-- BOUTON SYSTEMES -->\r\n\r\n                <a class=\"sl-sim-hero-secondary\"\r\n                   href=\"#slr-simulator\">\r\n\r\n                    D\u00c9COUVRIR NOS SYST\u00c8MES\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- ==========================================\r\n             VISUEL\r\n        =========================================== -->\r\n\r\n        <div class=\"sl-sim-hero-visual\">\r\n\r\n            <div class=\"sl-sim-hero-circle\"><\/div>\r\n\r\n            <div class=\"sl-sim-hero-ring\"><\/div>\r\n\r\n\r\n            <div class=\"sl-sim-hero-badge sl-sim-hero-badge-1\">\r\n\r\n                <small>\r\n                    \u00c9tape 1\r\n                <\/small>\r\n\r\n                Votre v\u00e9hicule\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sl-sim-hero-badge sl-sim-hero-badge-2\">\r\n\r\n                <small>\r\n                    R\u00e9sultat\r\n                <\/small>\r\n\r\n                Votre solution StarLine\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sl-sim-hero-card\">\r\n\r\n\r\n                <div class=\"sl-sim-hero-card-head\">\r\n\r\n\r\n                    <div class=\"sl-sim-hero-card-icon\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <circle cx=\"12\"\r\n                                    cy=\"12\"\r\n                                    r=\"9\"\/>\r\n\r\n                            <path d=\"M9 12l2 2 4-5\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div>\r\n\r\n                        <small>\r\n                            Orientation StarLine\r\n                        <\/small>\r\n\r\n                        <strong>\r\n                            Votre protection\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"sl-sim-hero-step\">\r\n\r\n                    <div class=\"sl-sim-hero-step-num\">\r\n                        01\r\n                    <\/div>\r\n\r\n                    <span>\r\n                        Type de v\u00e9hicule\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"sl-sim-hero-step\">\r\n\r\n                    <div class=\"sl-sim-hero-step-num\">\r\n                        02\r\n                    <\/div>\r\n\r\n                    <span>\r\n                        Niveau de protection recherch\u00e9\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"sl-sim-hero-step\">\r\n\r\n                    <div class=\"sl-sim-hero-step-num\">\r\n                        03\r\n                    <\/div>\r\n\r\n                    <span>\r\n                        Fonctions connect\u00e9es\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"sl-sim-hero-step\">\r\n\r\n                    <div class=\"sl-sim-hero-step-num\">\r\n                        \u2713\r\n                    <\/div>\r\n\r\n                    <span>\r\n                        Recommandation StarLine\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    function initStarLineSimulatorButton() {\r\n\r\n        var button = document.getElementById(\"slStartSimulator\");\r\n\r\n        if (!button) {\r\n            return;\r\n        }\r\n\r\n\r\n        button.addEventListener(\"click\", function (event) {\r\n\r\n            event.preventDefault();\r\n\r\n            var simulator = document.getElementById(\"simulateur-starline\");\r\n\r\n            if (!simulator) {\r\n                return;\r\n            }\r\n\r\n\r\n            var position =\r\n                simulator.getBoundingClientRect().top +\r\n                window.pageYOffset -\r\n                20;\r\n\r\n\r\n            window.scrollTo({\r\n                top: position,\r\n                behavior: \"smooth\"\r\n            });\r\n\r\n\r\n            if (window.history && window.history.replaceState) {\r\n\r\n                window.history.replaceState(\r\n                    null,\r\n                    \"\",\r\n                    \"#simulateur-starline\"\r\n                );\r\n\r\n            }\r\n\r\n        });\r\n\r\n    }\r\n\r\n\r\n    if (document.readyState === \"loading\") {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initStarLineSimulatorButton\r\n        );\r\n\r\n    } else {\r\n\r\n        initStarLineSimulatorButton();\r\n\r\n    }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f839d12 e-con e-atomic-element e-flexbox-base e-f839d12-847623f \" data-id=\"f839d12\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f839d12\" data-e-type=\"e-flexbox\" data-id=\"f839d12\">\n    \t\t<div class=\"elementor-element elementor-element-edd454a elementor-widget elementor-widget-html\" data-id=\"edd454a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     STARLINE FRANCE \u2014 SIMULATEUR COMPLET\r\n     Version neuve et autonome : HTML + CSS + JavaScript\r\n     \u00c0 coller dans UN SEUL widget HTML Elementor.\r\n========================================================== -->\r\n\r\n<style>\r\n#slr-simulator {\r\n    --slr-blue: #0b3157;\r\n    --slr-blue-2: #009fe3;\r\n    --slr-green: #95d600;\r\n    --slr-green-dark: #82bd00;\r\n    --slr-bg: #f5f9fc;\r\n    --slr-text: #607385;\r\n    --slr-border: #dce8ef;\r\n    --slr-white: #ffffff;\r\n    width: 100%;\r\n    padding: 88px 24px;\r\n    background: var(--slr-bg);\r\n    font-family: Montserrat, Arial, sans-serif;\r\n    color: var(--slr-blue);\r\n    scroll-margin-top: 24px;\r\n    isolation: isolate;\r\n}\r\n\r\n#slr-simulator,\r\n#slr-simulator * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#slr-simulator [hidden] {\r\n    display: none !important;\r\n}\r\n\r\n#slr-simulator button,\r\n#slr-simulator a {\r\n    font-family: inherit;\r\n}\r\n\r\n#slr-simulator .slr-inner {\r\n    width: min(100%, 1100px);\r\n    margin: 0 auto;\r\n}\r\n\r\n#slr-simulator .slr-heading {\r\n    width: min(100%, 820px);\r\n    margin: 0 auto 42px;\r\n    text-align: center;\r\n}\r\n\r\n#slr-simulator .slr-kicker {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin-bottom: 16px;\r\n    color: var(--slr-blue-2);\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.1px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n#slr-simulator .slr-kicker::before {\r\n    content: \"\";\r\n    width: 28px;\r\n    height: 4px;\r\n    border-radius: 999px;\r\n    background: var(--slr-green);\r\n}\r\n\r\n#slr-simulator .slr-heading h2 {\r\n    margin: 0 0 16px;\r\n    color: var(--slr-blue);\r\n    font-size: clamp(32px, 4vw, 50px);\r\n    line-height: 1.08;\r\n    font-weight: 800;\r\n    letter-spacing: -1.1px;\r\n}\r\n\r\n#slr-simulator .slr-heading h2 span {\r\n    color: var(--slr-blue-2);\r\n}\r\n\r\n#slr-simulator .slr-heading p {\r\n    margin: 0;\r\n    color: var(--slr-text);\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n}\r\n\r\n#slr-simulator .slr-shell {\r\n    overflow: hidden;\r\n    border: 1px solid var(--slr-border);\r\n    border-radius: 24px;\r\n    background: var(--slr-white);\r\n    box-shadow: 0 24px 65px rgba(11, 49, 87, 0.11);\r\n}\r\n\r\n#slr-simulator .slr-progress-wrap {\r\n    padding: 27px 34px 24px;\r\n    background: var(--slr-blue);\r\n}\r\n\r\n#slr-simulator .slr-progress-top {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 18px;\r\n    margin-bottom: 13px;\r\n}\r\n\r\n#slr-simulator .slr-progress-label {\r\n    color: var(--slr-white);\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n}\r\n\r\n#slr-simulator .slr-progress-step {\r\n    color: var(--slr-green);\r\n    font-size: 12px;\r\n    font-weight: 900;\r\n    white-space: nowrap;\r\n}\r\n\r\n#slr-simulator .slr-progress {\r\n    width: 100%;\r\n    height: 8px;\r\n    overflow: hidden;\r\n    border-radius: 999px;\r\n    background: rgba(255, 255, 255, 0.14);\r\n}\r\n\r\n#slr-simulator .slr-progress-bar {\r\n    width: 20%;\r\n    height: 100%;\r\n    border-radius: inherit;\r\n    background: linear-gradient(90deg, var(--slr-green), #b7e93b);\r\n    transition: width 0.3s ease;\r\n}\r\n\r\n#slr-simulator .slr-form {\r\n    margin: 0;\r\n}\r\n\r\n#slr-simulator .slr-question {\r\n    min-width: 0;\r\n    margin: 0;\r\n    padding: 48px 52px 36px;\r\n    border: 0;\r\n    animation: slrFade 0.25s ease;\r\n}\r\n\r\n@keyframes slrFade {\r\n    from { opacity: 0; transform: translateY(7px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n#slr-simulator .slr-question-number {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    min-height: 29px;\r\n    margin-bottom: 14px;\r\n    padding: 6px 11px;\r\n    border-radius: 7px;\r\n    background: #eaf7fc;\r\n    color: var(--slr-blue-2);\r\n    font-size: 10px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    text-transform: uppercase;\r\n}\r\n\r\n#slr-simulator .slr-question legend {\r\n    display: block;\r\n    width: 100%;\r\n    margin: 0 0 10px;\r\n    padding: 0;\r\n    color: var(--slr-blue);\r\n    font-size: clamp(24px, 2.4vw, 32px);\r\n    line-height: 1.17;\r\n    font-weight: 800;\r\n    text-wrap: balance;\r\n}\r\n\r\n#slr-simulator .slr-question-intro {\r\n    width: min(100%, 780px);\r\n    margin: 0 0 28px;\r\n    color: #687b8c;\r\n    font-size: 14px;\r\n    line-height: 1.65;\r\n}\r\n\r\n#slr-simulator .slr-options {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 14px;\r\n}\r\n\r\n#slr-simulator .slr-options.slr-cols-3 {\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n}\r\n\r\n#slr-simulator .slr-option {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 14px;\r\n    min-height: 108px;\r\n    padding: 20px;\r\n    border: 2px solid #e1eaf0;\r\n    border-radius: 15px;\r\n    background: var(--slr-white);\r\n    cursor: pointer;\r\n    transition: border-color 0.2s ease, background 0.2s ease,\r\n                box-shadow 0.2s ease, transform 0.2s ease;\r\n}\r\n\r\n#slr-simulator .slr-option:hover {\r\n    border-color: var(--slr-blue-2);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 12px 26px rgba(11, 49, 87, 0.08);\r\n}\r\n\r\n#slr-simulator .slr-option.is-selected {\r\n    border-color: var(--slr-green);\r\n    background: #f8fdeb;\r\n}\r\n\r\n#slr-simulator .slr-option:focus-within {\r\n    outline: 3px solid rgba(0, 159, 227, 0.22);\r\n    outline-offset: 2px;\r\n}\r\n\r\n#slr-simulator .slr-option input {\r\n    position: absolute;\r\n    width: 1px;\r\n    height: 1px;\r\n    overflow: hidden;\r\n    opacity: 0;\r\n}\r\n\r\n#slr-simulator .slr-option-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 42px;\r\n    height: 42px;\r\n    min-width: 42px;\r\n    border-radius: 11px;\r\n    background: var(--slr-blue);\r\n    color: var(--slr-green);\r\n    font-size: 14px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n}\r\n\r\n#slr-simulator .slr-option.is-selected .slr-option-icon {\r\n    background: var(--slr-green);\r\n    color: var(--slr-white);\r\n}\r\n\r\n#slr-simulator .slr-option-text strong {\r\n    display: block;\r\n    margin-bottom: 5px;\r\n    color: var(--slr-blue);\r\n    font-size: 14px;\r\n    font-weight: 900;\r\n    line-height: 1.35;\r\n}\r\n\r\n#slr-simulator .slr-option-text span {\r\n    display: block;\r\n    color: #718292;\r\n    font-size: 12px;\r\n    line-height: 1.5;\r\n}\r\n\r\n#slr-simulator .slr-nav {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 14px;\r\n    padding: 0 52px 46px;\r\n}\r\n\r\n#slr-simulator .slr-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 50px;\r\n    padding: 13px 21px;\r\n    border: 0;\r\n    border-radius: 8px;\r\n    font-size: 12px;\r\n    font-weight: 900;\r\n    line-height: 1.2;\r\n    text-align: center;\r\n    text-decoration: none !important;\r\n    text-transform: uppercase;\r\n    cursor: pointer;\r\n    transition: background 0.2s ease, opacity 0.2s ease,\r\n                transform 0.2s ease;\r\n}\r\n\r\n#slr-simulator .slr-btn-back {\r\n    background: #edf3f6;\r\n    color: var(--slr-blue);\r\n}\r\n\r\n#slr-simulator .slr-btn-back:hover {\r\n    background: #e1eaef;\r\n}\r\n\r\n#slr-simulator .slr-btn-next,\r\n#slr-simulator .slr-btn-primary {\r\n    margin-left: auto;\r\n    background: var(--slr-green);\r\n    color: var(--slr-white) !important;\r\n    box-shadow: 0 10px 23px rgba(149, 214, 0, 0.2);\r\n}\r\n\r\n#slr-simulator .slr-btn-next:hover,\r\n#slr-simulator .slr-btn-primary:hover {\r\n    background: var(--slr-green-dark);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n#slr-simulator .slr-btn:disabled {\r\n    opacity: 0.38;\r\n    cursor: not-allowed;\r\n    box-shadow: none;\r\n    transform: none;\r\n}\r\n\r\n#slr-simulator .slr-result {\r\n    padding: 50px 52px;\r\n    animation: slrFade 0.25s ease;\r\n}\r\n\r\n#slr-simulator .slr-result-label {\r\n    display: inline-flex;\r\n    margin-bottom: 16px;\r\n    padding: 8px 12px;\r\n    border-radius: 7px;\r\n    background: var(--slr-green);\r\n    color: var(--slr-blue);\r\n    font-size: 10px;\r\n    font-weight: 900;\r\n    letter-spacing: 0.5px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n#slr-simulator .slr-result-grid {\r\n    display: grid;\r\n    grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1.15fr);\r\n    gap: 34px;\r\n}\r\n\r\n#slr-simulator .slr-product-card {\r\n    padding: 34px 30px;\r\n    border-radius: 19px;\r\n    background:\r\n        radial-gradient(circle at 96% 4%, rgba(0, 159, 227, 0.22), transparent 37%),\r\n        var(--slr-blue);\r\n}\r\n\r\n#slr-simulator .slr-product-card small {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    color: var(--slr-green);\r\n    font-size: 10px;\r\n    font-weight: 900;\r\n    letter-spacing: 0.6px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n#slr-simulator .slr-product-card h3 {\r\n    margin: 0 0 8px;\r\n    color: var(--slr-white);\r\n    font-size: 38px;\r\n    line-height: 1.1;\r\n    font-weight: 900;\r\n}\r\n\r\n#slr-simulator .slr-product-subtitle {\r\n    margin-bottom: 23px;\r\n    color: #3dc0f4;\r\n    font-size: 16px;\r\n    line-height: 1.4;\r\n    font-weight: 800;\r\n}\r\n\r\n#slr-simulator .slr-features {\r\n    display: grid;\r\n    gap: 11px;\r\n    margin: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n}\r\n\r\n#slr-simulator .slr-features li {\r\n    position: relative;\r\n    min-height: 22px;\r\n    padding-left: 31px;\r\n    color: #d5e3ec;\r\n    font-size: 13px;\r\n    line-height: 1.55;\r\n}\r\n\r\n#slr-simulator .slr-features li::before {\r\n    content: \"\u2713\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 21px;\r\n    height: 21px;\r\n    border-radius: 50%;\r\n    background: var(--slr-green);\r\n    color: var(--slr-white);\r\n    font-size: 10px;\r\n    font-weight: 900;\r\n}\r\n\r\n#slr-simulator .slr-result-content h3 {\r\n    margin: 0 0 12px;\r\n    color: var(--slr-blue);\r\n    font-size: clamp(27px, 3vw, 33px);\r\n    line-height: 1.16;\r\n    font-weight: 800;\r\n}\r\n\r\n#slr-simulator .slr-result-content > p {\r\n    margin: 0 0 21px;\r\n    color: var(--slr-text);\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n}\r\n\r\n#slr-simulator .slr-summary {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 10px;\r\n    margin: 0;\r\n}\r\n\r\n#slr-simulator .slr-summary-item {\r\n    padding: 13px 14px;\r\n    border: 1px solid #e1eaf0;\r\n    border-radius: 10px;\r\n    background: #f7fafc;\r\n}\r\n\r\n#slr-simulator .slr-summary-item dt {\r\n    margin: 0 0 4px;\r\n    color: #789;\r\n    font-size: 9px;\r\n    font-weight: 900;\r\n    letter-spacing: 0.55px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n#slr-simulator .slr-summary-item dd {\r\n    margin: 0;\r\n    color: var(--slr-blue);\r\n    font-size: 12px;\r\n    line-height: 1.45;\r\n    font-weight: 800;\r\n}\r\n\r\n#slr-simulator .slr-disclaimer {\r\n    margin: 22px 0 25px;\r\n    padding: 15px 17px;\r\n    border-left: 4px solid var(--slr-blue-2);\r\n    border-radius: 10px;\r\n    background: #edf7fb;\r\n    color: #627789;\r\n    font-size: 12px;\r\n    line-height: 1.6;\r\n}\r\n\r\n#slr-simulator .slr-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 11px;\r\n}\r\n\r\n#slr-simulator .slr-btn-secondary {\r\n    background: var(--slr-blue);\r\n    color: var(--slr-white) !important;\r\n}\r\n\r\n#slr-simulator .slr-btn-secondary:hover {\r\n    background: #124875;\r\n}\r\n\r\n#slr-simulator .slr-restart {\r\n    margin-top: 20px;\r\n    padding: 0;\r\n    border: 0;\r\n    background: transparent;\r\n    color: var(--slr-blue-2);\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    cursor: pointer;\r\n}\r\n\r\n@media (max-width: 880px) {\r\n    #slr-simulator .slr-options.slr-cols-3 {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    #slr-simulator .slr-result-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n}\r\n\r\n@media (max-width: 650px) {\r\n    #slr-simulator {\r\n        padding: 60px 16px;\r\n    }\r\n\r\n    #slr-simulator .slr-heading {\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    #slr-simulator .slr-heading p {\r\n        font-size: 14px;\r\n    }\r\n\r\n    #slr-simulator .slr-progress-wrap {\r\n        padding: 23px 21px;\r\n    }\r\n\r\n    #slr-simulator .slr-question {\r\n        padding: 34px 21px 29px;\r\n    }\r\n\r\n    #slr-simulator .slr-options,\r\n    #slr-simulator .slr-options.slr-cols-3,\r\n    #slr-simulator .slr-summary {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    #slr-simulator .slr-option {\r\n        min-height: 0;\r\n    }\r\n\r\n    #slr-simulator .slr-nav {\r\n        padding: 0 21px 35px;\r\n    }\r\n\r\n    #slr-simulator .slr-result {\r\n        padding: 36px 21px;\r\n    }\r\n\r\n    #slr-simulator .slr-actions {\r\n        flex-direction: column;\r\n    }\r\n\r\n    #slr-simulator .slr-actions .slr-btn {\r\n        width: 100%;\r\n        margin-left: 0;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    #slr-simulator *,\r\n    #slr-simulator *::before,\r\n    #slr-simulator *::after {\r\n        scroll-behavior: auto !important;\r\n        transition: none !important;\r\n        animation: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section id=\"slr-simulator\" aria-labelledby=\"slr-title\">\r\n    <div class=\"slr-inner\">\r\n        <header class=\"slr-heading\">\r\n            <div class=\"slr-kicker\">Votre configuration<\/div>\r\n            <h2 id=\"slr-title\">\r\n                Quelle solution StarLine\r\n                <span>correspond \u00e0 votre besoin ?<\/span>\r\n            <\/h2>\r\n            <p>\r\n                R\u00e9pondez \u00e0 cinq questions pour obtenir une premi\u00e8re orientation.\r\n                La compatibilit\u00e9 d\u00e9finitive sera confirm\u00e9e apr\u00e8s l\u2019\u00e9tude technique\r\n                de votre v\u00e9hicule.\r\n            <\/p>\r\n        <\/header>\r\n\r\n        <div class=\"slr-shell\">\r\n            <div class=\"slr-progress-wrap\">\r\n                <div class=\"slr-progress-top\">\r\n                    <span class=\"slr-progress-label\">Votre recommandation StarLine<\/span>\r\n                    <span class=\"slr-progress-step\" id=\"slr-step-text\">\u00c9tape 1 sur 5<\/span>\r\n                <\/div>\r\n                <div class=\"slr-progress\" aria-hidden=\"true\">\r\n                    <div class=\"slr-progress-bar\" id=\"slr-progress-bar\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <form class=\"slr-form\" id=\"slr-form\" novalidate>\r\n                <fieldset class=\"slr-question\" data-step=\"1\" data-field=\"vehicle\">\r\n                    <div class=\"slr-question-number\">Question 01<\/div>\r\n                    <legend>Quel v\u00e9hicule souhaitez-vous prot\u00e9ger ?<\/legend>\r\n                    <p class=\"slr-question-intro\">\r\n                        Le type de v\u00e9hicule nous aide \u00e0 personnaliser l\u2019orientation propos\u00e9e.\r\n                    <\/p>\r\n                    <div class=\"slr-options slr-cols-3\">\r\n                        <label class=\"slr-option\">\r\n                            <input type=\"radio\" name=\"vehicle\" value=\"automobile\">\r\n                            <span class=\"slr-option-icon\">A<\/span>\r\n                            <span class=\"slr-option-text\">\r\n                                <strong>Automobile<\/strong>\r\n                                <span>Berline, SUV, citadine, hybride ou \u00e9lectrique.<\/span>\r\n                            <\/span>\r\n                        <\/label>\r\n                        <label class=\"slr-option\">\r\n                            <input type=\"radio\" name=\"vehicle\" value=\"premium\">\r\n                            <span class=\"slr-option-icon\">P<\/span>\r\n                            <span class=\"slr-option-text\">\r\n                                <strong>Premium &amp; sportif<\/strong>\r\n                                <span>V\u00e9hicule haut de gamme, sportif ou sp\u00e9cifique.<\/span>\r\n                            <\/span>\r\n                        <\/label>\r\n                        <label class=\"slr-option\">\r\n                            <input type=\"radio\" name=\"vehicle\" value=\"van\">\r\n                            <span class=\"slr-option-icon\">V<\/span>\r\n                            <span class=\"slr-option-text\">\r\n                                <strong>Van \/ fourgon<\/strong>\r\n                                <span>Van ou fourgon am\u00e9nag\u00e9 avec plusieurs acc\u00e8s.<\/span>\r\n                            <\/span>\r\n                        <\/label>\r\n                        <label class=\"slr-option\">\r\n                            <input type=\"radio\" name=\"vehicle\" value=\"camping-car\">\r\n                            <span class=\"slr-option-icon\">C<\/span>\r\n                            <span class=\"slr-option-text\">\r\n                                <strong>Camping-car<\/strong>\r\n                                <span>Porteur, cellule et acc\u00e8s compl\u00e9mentaires.<\/span>\r\n                            <\/span>\r\n                        <\/label>\r\n                        <label class=\"slr-option\">\r\n                            <input type=\"radio\" name=\"vehicle\" value=\"professionnel\">\r\n                            <span class=\"slr-option-icon\">PRO<\/span>\r\n                            <span class=\"slr-option-text\">\r\n                                <strong>V\u00e9hicule professionnel<\/strong>\r\n                                <span>Utilitaire ou v\u00e9hicule li\u00e9 \u00e0 votre activit\u00e9.<\/span>\r\n                            <\/span>\r\n                        <\/label>\r\n                        <label class=\"slr-option\">\r\n                            <input type=\"radio\" name=\"vehicle\" value=\"autre\">\r\n                            <span class=\"slr-option-icon\">?<\/span>\r\n                            <span class=\"slr-option-text\">\r\n                                <strong>Autre v\u00e9hicule<\/strong>\r\n                                <span>Nous confirmerons les possibilit\u00e9s apr\u00e8s \u00e9tude.<\/span>\r\n                            <\/span>\r\n                        <\/label>\r\n                    <\/div>\r\n                <\/fieldset>\r\n\r\n                <fieldset class=\"slr-question\" data-step=\"2\" data-field=\"gps\" hidden>\r\n                    <div class=\"slr-question-number\">Question 02<\/div>\r\n                    <legend>Souhaitez-vous pouvoir localiser votre v\u00e9hicule ?<\/legend>\r\n                    <p class=\"slr-question-intro\">\r\n                        La g\u00e9olocalisation est un \u00e9l\u00e9ment important dans le choix de votre solution StarLine.\r\n                    <\/p>\r\n                    <div class=\"slr-options\">\r\n                        <label class=\"slr-option\">\r\n                            <input type=\"radio\" name=\"gps\" value=\"yes\">\r\n                            <span class=\"slr-option-icon\">\u2713<\/span>\r\n                            <span class=\"slr-option-text\">\r\n                                <strong>Oui, c\u2019est important<\/strong>\r\n                                <span>Je souhaite consulter la position de mon v\u00e9hicule.<\/span>\r\n                            <\/span>\r\n                        <\/label>\r\n                        <label class=\"slr-option\">\r\n                            <input type=\"radio\" name=\"gps\" value=\"no\">\r\n                            <span class=\"slr-option-icon\">\u2014<\/span>\r\n                            <span class=\"slr-option-text\">\r\n                                <strong>Non, pas n\u00e9cessaire<\/strong>\r\n                                <span>Je recherche une protection sans g\u00e9olocalisation.<\/span>\r\n                            <\/span>\r\n                        <\/label>\r\n                    <\/div>\r\n                <\/fieldset>\r\n\r\n                <fieldset class=\"slr-question\" data-step=\"3\" data-field=\"connected\" hidden>\r\n                    <div class=\"slr-question-number\">Question 03<\/div>\r\n                    <legend>Souhaitez-vous des fonctions connect\u00e9es \u00e0 distance ?<\/legend>\r\n                    <p class=\"slr-question-intro\">\r\n                        Certaines solutions permettent de recevoir des alertes et de consulter\r\n                        des informations concernant votre v\u00e9hicule \u00e0 distance.\r\n                    <\/p>\r\n                    <div class=\"slr-options\">\r\n                        <label class=\"slr-option\">\r\n                            <input type=\"radio\" name=\"connected\" value=\"yes\">\r\n                            <span class=\"slr-option-icon\">+<\/span>\r\n                            <span class=\"slr-option-text\">\r\n                                <strong>Oui<\/strong>\r\n                                <span>Je souhaite rester connect\u00e9 \u00e0 mon v\u00e9hicule \u00e0 distance.<\/span>\r\n                            <\/span>\r\n                        <\/label>\r\n                        <label class=\"slr-option\">\r\n                            <input type=\"radio\" name=\"connected\" value=\"no\">\r\n                            <span class=\"slr-option-icon\">\u2014<\/span>\r\n                            <span class=\"slr-option-text\">\r\n                                <strong>Ce n\u2019est pas indispensable<\/strong>\r\n                                <span>Ma priorit\u00e9 est principalement la protection du v\u00e9hicule.<\/span>\r\n                            <\/span>\r\n                        <\/label>\r\n                    <\/div>\r\n                <\/fieldset>\r\n\r\n                <fieldset class=\"slr-question\" data-step=\"4\" data-field=\"priority\" hidden>\r\n                    <div class=\"slr-question-number\">Question 04<\/div>\r\n                    <legend>Quelle est votre priorit\u00e9 ?<\/legend>\r\n                    <p class=\"slr-question-intro\">\r\n                        Cette r\u00e9ponse permet d\u2019affiner le niveau de fonctionnalit\u00e9s recherch\u00e9.\r\n                    <\/p>\r\n                    <div class=\"slr-options slr-cols-3\">\r\n                        <label class=\"slr-option\">\r\n                            <input type=\"radio\" name=\"priority\" value=\"security\">\r\n                            <span class=\"slr-option-icon\">S<\/span>\r\n                            <span class=\"slr-option-text\">\r\n                                <strong>S\u00e9curit\u00e9 avant tout<\/strong>\r\n                                <span>Je souhaite principalement renforcer la protection.<\/span>\r\n                            <\/span>\r\n                        <\/label>\r\n                        <label class=\"slr-option\">\r\n                            <input type=\"radio\" name=\"priority\" value=\"connected\">\r\n                            <span class=\"slr-option-icon\">C<\/span>\r\n                            <span class=\"slr-option-text\">\r\n                                <strong>Rester connect\u00e9<\/strong>\r\n                                <span>Je souhaite \u00e9galement disposer d\u2019informations \u00e0 distance.<\/span>\r\n                            <\/span>\r\n                        <\/label>\r\n                        <label class=\"slr-option\">\r\n                            <input type=\"radio\" name=\"priority\" value=\"complete\">\r\n                            <span class=\"slr-option-icon\">+<\/span>\r\n                            <span class=\"slr-option-text\">\r\n                                <strong>Solution la plus compl\u00e8te<\/strong>\r\n                                <span>Je souhaite associer s\u00e9curit\u00e9 et fonctions connect\u00e9es.<\/span>\r\n                            <\/span>\r\n                        <\/label>\r\n                    <\/div>\r\n                <\/fieldset>\r\n\r\n                <fieldset class=\"slr-question\" data-step=\"5\" data-field=\"comfort\" hidden>\r\n                    <div class=\"slr-question-number\">Question 05<\/div>\r\n                    <legend>Souhaitez-vous \u00e9galement des fonctions de confort ?<\/legend>\r\n                    <p class=\"slr-question-intro\">\r\n                        Ces fonctions d\u00e9pendent du v\u00e9hicule et seront confirm\u00e9es lors de l\u2019\u00e9tude technique.\r\n                    <\/p>\r\n                    <div class=\"slr-options slr-cols-3\">\r\n                        <label class=\"slr-option\">\r\n                            <input type=\"radio\" name=\"comfort\" value=\"remote-start\">\r\n                            <span class=\"slr-option-icon\">\u25b6<\/span>\r\n                            <span class=\"slr-option-text\">\r\n                                <strong>D\u00e9marrage \u00e0 distance<\/strong>\r\n                                <span>Je souhaite pr\u00e9parer ou d\u00e9marrer mon v\u00e9hicule \u00e0 distance.<\/span>\r\n                            <\/span>\r\n                        <\/label>\r\n                        <label class=\"slr-option\">\r\n                            <input type=\"radio\" name=\"comfort\" value=\"advanced\">\r\n                            <span class=\"slr-option-icon\">\u00b0C<\/span>\r\n                            <span class=\"slr-option-text\">\r\n                                <strong>Confort avanc\u00e9<\/strong>\r\n                                <span>D\u00e9marrage, temp\u00e9rature, programmation et fonctions compatibles.<\/span>\r\n                            <\/span>\r\n                        <\/label>\r\n                        <label class=\"slr-option\">\r\n                            <input type=\"radio\" name=\"comfort\" value=\"none\">\r\n                            <span class=\"slr-option-icon\">\u2014<\/span>\r\n                            <span class=\"slr-option-text\">\r\n                                <strong>Uniquement la s\u00e9curit\u00e9<\/strong>\r\n                                <span>Les fonctions de confort ne sont pas une priorit\u00e9.<\/span>\r\n                            <\/span>\r\n                        <\/label>\r\n                    <\/div>\r\n                <\/fieldset>\r\n\r\n                <div class=\"slr-nav\">\r\n                    <button class=\"slr-btn slr-btn-back\" id=\"slr-back\" type=\"button\" hidden>\r\n                        \u2190 Retour\r\n                    <\/button>\r\n                    <button class=\"slr-btn slr-btn-next\" id=\"slr-next\" type=\"button\" disabled>\r\n                        Continuer \u2192\r\n                    <\/button>\r\n                <\/div>\r\n            <\/form>\r\n\r\n            <section class=\"slr-result\" id=\"slr-result\" aria-live=\"polite\" hidden>\r\n                <div class=\"slr-result-label\">Votre orientation StarLine<\/div>\r\n                <div class=\"slr-result-grid\">\r\n                    <article class=\"slr-product-card\">\r\n                        <small>Solution recommand\u00e9e<\/small>\r\n                        <h3 id=\"slr-product\">S9 V3<\/h3>\r\n                        <div class=\"slr-product-subtitle\" id=\"slr-product-subtitle\"><\/div>\r\n                        <ul class=\"slr-features\" id=\"slr-features\"><\/ul>\r\n                    <\/article>\r\n\r\n                    <div class=\"slr-result-content\">\r\n                        <h3 id=\"slr-result-title\" tabindex=\"-1\">\r\n                            Une configuration adapt\u00e9e \u00e0 vos attentes.\r\n                        <\/h3>\r\n                        <p id=\"slr-result-text\"><\/p>\r\n\r\n                        <dl class=\"slr-summary\" id=\"slr-summary\"><\/dl>\r\n\r\n                        <div class=\"slr-disclaimer\">\r\n                            Cette recommandation constitue une premi\u00e8re orientation.\r\n                            La compatibilit\u00e9 du syst\u00e8me et des fonctions choisies sera\r\n                            confirm\u00e9e apr\u00e8s l\u2019\u00e9tude technique de votre v\u00e9hicule par StarLine France.\r\n                        <\/div>\r\n\r\n                        <div class=\"slr-actions\">\r\n                            <a class=\"slr-btn slr-btn-primary\" id=\"slr-confirm\"\r\n                               href=\"\/index.php\/demande-personnalisee\/\">\r\n                                Continuer vers l\u2019\u00e9tude personnalis\u00e9e \u2192\r\n                            <\/a>\r\n                            <a class=\"slr-btn slr-btn-secondary\"\r\n                               href=\"\/index.php\/nos-systemes-starline\/\">\r\n                                D\u00e9couvrir nos syst\u00e8mes\r\n                            <\/a>\r\n                        <\/div>\r\n\r\n                        <button class=\"slr-restart\" id=\"slr-restart\" type=\"button\">\r\n                            \u21bb Recommencer le simulateur\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n    \"use strict\";\r\n\r\n    const root = document.getElementById(\"slr-simulator\");\r\n    if (!root || root.dataset.ready === \"true\") return;\r\n    root.dataset.ready = \"true\";\r\n\r\n    const DESTINATION = \"\/index.php\/demande-personnalisee\/\";\r\n    const TOTAL_STEPS = 5;\r\n\r\n    const labels = {\r\n        vehicle: {\r\n            \"automobile\": \"Automobile\",\r\n            \"premium\": \"Premium & sportif\",\r\n            \"van\": \"Van \/ fourgon\",\r\n            \"camping-car\": \"Camping-car\",\r\n            \"professionnel\": \"V\u00e9hicule professionnel\",\r\n            \"autre\": \"Autre v\u00e9hicule\"\r\n        },\r\n        gps: {\r\n            \"yes\": \"Oui\",\r\n            \"no\": \"Non\"\r\n        },\r\n        connected: {\r\n            \"yes\": \"Oui\",\r\n            \"no\": \"Non\"\r\n        },\r\n        priority: {\r\n            \"security\": \"S\u00e9curit\u00e9 avant tout\",\r\n            \"connected\": \"Rester connect\u00e9\",\r\n            \"complete\": \"Solution la plus compl\u00e8te\"\r\n        },\r\n        comfort: {\r\n            \"remote-start\": \"D\u00e9marrage \u00e0 distance\",\r\n            \"advanced\": \"Confort avanc\u00e9\",\r\n            \"none\": \"Uniquement la s\u00e9curit\u00e9\"\r\n        }\r\n    };\r\n\r\n    const summaryTitles = {\r\n        vehicle: \"Type de v\u00e9hicule\",\r\n        gps: \"G\u00e9olocalisation\",\r\n        connected: \"Fonctions connect\u00e9es\",\r\n        priority: \"Priorit\u00e9\",\r\n        comfort: \"Confort\"\r\n    };\r\n\r\n    const form = root.querySelector(\"#slr-form\");\r\n    const questions = Array.from(root.querySelectorAll(\".slr-question\"));\r\n    const backButton = root.querySelector(\"#slr-back\");\r\n    const nextButton = root.querySelector(\"#slr-next\");\r\n    const progressBar = root.querySelector(\"#slr-progress-bar\");\r\n    const stepText = root.querySelector(\"#slr-step-text\");\r\n    const result = root.querySelector(\"#slr-result\");\r\n    const resultTitle = root.querySelector(\"#slr-result-title\");\r\n    const restartButton = root.querySelector(\"#slr-restart\");\r\n    const confirmButton = root.querySelector(\"#slr-confirm\");\r\n\r\n    let step = 1;\r\n    let recommendation = \"\";\r\n\r\n    function currentQuestion() {\r\n        return questions.find(function (question) {\r\n            return Number(question.dataset.step) === step;\r\n        });\r\n    }\r\n\r\n    function selectedValue(fieldName) {\r\n        const selected = form.querySelector(\r\n            'input[name=\"' + fieldName + '\"]:checked'\r\n        );\r\n        return selected ? selected.value : \"\";\r\n    }\r\n\r\n    function displayValue(fieldName) {\r\n        const value = selectedValue(fieldName);\r\n        return labels[fieldName][value] || \"\";\r\n    }\r\n\r\n    function currentFieldName() {\r\n        const question = currentQuestion();\r\n        return question ? question.dataset.field : \"\";\r\n    }\r\n\r\n    function currentStepIsComplete() {\r\n        const fieldName = currentFieldName();\r\n        return Boolean(fieldName && selectedValue(fieldName));\r\n    }\r\n\r\n    function refreshSelectedCards() {\r\n        root.querySelectorAll(\".slr-option\").forEach(function (option) {\r\n            const input = option.querySelector('input[type=\"radio\"]');\r\n            option.classList.toggle(\"is-selected\", Boolean(input && input.checked));\r\n        });\r\n    }\r\n\r\n    function focusAndScroll() {\r\n        const reduceMotion = window.matchMedia &&\r\n            window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n\r\n        root.scrollIntoView({\r\n            behavior: reduceMotion ? \"auto\" : \"smooth\",\r\n            block: \"start\"\r\n        });\r\n    }\r\n\r\n    function renderStep(shouldScroll) {\r\n        questions.forEach(function (question) {\r\n            const isCurrent = Number(question.dataset.step) === step;\r\n            question.hidden = !isCurrent;\r\n        });\r\n\r\n        progressBar.style.width = ((step \/ TOTAL_STEPS) * 100) + \"%\";\r\n        stepText.textContent = \"\u00c9tape \" + step + \" sur \" + TOTAL_STEPS;\r\n        backButton.hidden = step === 1;\r\n        nextButton.disabled = !currentStepIsComplete();\r\n        nextButton.textContent = step === TOTAL_STEPS\r\n            ? \"Voir ma recommandation \u2192\"\r\n            : \"Continuer \u2192\";\r\n\r\n        refreshSelectedCards();\r\n\r\n        if (shouldScroll) focusAndScroll();\r\n    }\r\n\r\n    function getRecommendation() {\r\n        const vehicle = selectedValue(\"vehicle\");\r\n        const gps = selectedValue(\"gps\");\r\n        const connected = selectedValue(\"connected\");\r\n        const priority = selectedValue(\"priority\");\r\n\r\n        if (vehicle === \"van\" || vehicle === \"camping-car\") {\r\n            return {\r\n                name: \"S9 CAMPER\",\r\n                subtitle: \"Protection d\u00e9di\u00e9e aux camping-cars et aux vans\",\r\n                text: \"Au regard du v\u00e9hicule s\u00e9lectionn\u00e9, la S9 CAMPER constitue la premi\u00e8re orientation la plus coh\u00e9rente. Sa configuration est con\u00e7ue pour prot\u00e9ger le porteur, la cellule et les diff\u00e9rents acc\u00e8s d\u2019un camping-car ou d\u2019un van.\",\r\n                features: [\r\n                    \"Protection du porteur, de la cellule et des acc\u00e8s\",\r\n                    \"Antid\u00e9marrage et blocage moteur selon configuration\",\r\n                    \"G\u00e9olocalisation du v\u00e9hicule\",\r\n                    \"Alertes par appel, SMS et notification\"\r\n                ]\r\n            };\r\n        }\r\n\r\n        if (vehicle === \"premium\") {\r\n            return {\r\n                name: \"B9 V3 PRO\",\r\n                subtitle: \"S\u00e9curit\u00e9 automobile premium & t\u00e9l\u00e9commande LCD\",\r\n                text: \"Au regard du v\u00e9hicule s\u00e9lectionn\u00e9, la B9 V3 PRO constitue la premi\u00e8re orientation la plus coh\u00e9rente. Elle associe une protection automobile renforc\u00e9e, la t\u00e9l\u00e9matique 4G et une t\u00e9l\u00e9commande LCD longue port\u00e9e.\",\r\n                features: [\r\n                    \"Protection automobile premium\",\r\n                    \"G\u00e9olocalisation GPS\/GLONASS\",\r\n                    \"T\u00e9l\u00e9matique 4G et connexion Bluetooth\",\r\n                    \"T\u00e9l\u00e9commande LCD longue port\u00e9e\"\r\n                ]\r\n            };\r\n        }\r\n\r\n        if (\r\n            gps === \"yes\" ||\r\n            connected === \"yes\" ||\r\n            priority === \"connected\" ||\r\n            priority === \"complete\"\r\n        ) {\r\n            return {\r\n                name: \"S9 V3\",\r\n                subtitle: \"Protection connect\u00e9e & g\u00e9olocalis\u00e9e\",\r\n                text: \"Au regard de vos r\u00e9ponses, la S9 V3 constitue la premi\u00e8re orientation la plus coh\u00e9rente. Elle associe la protection du v\u00e9hicule, la g\u00e9olocalisation et les fonctions connect\u00e9es disponibles selon sa configuration.\",\r\n                features: [\r\n                    \"Protection et antid\u00e9marrage selon configuration\",\r\n                    \"G\u00e9olocalisation du v\u00e9hicule\",\r\n                    \"Alertes et fonctions connect\u00e9es \u00e0 distance\",\r\n                    \"Coupure et blocage moteur selon l\u2019installation\"\r\n                ]\r\n            };\r\n        }\r\n\r\n        return {\r\n            name: \"E9 V3\",\r\n            subtitle: \"Protection StarLine sans g\u00e9olocalisation\",\r\n            text: \"Au regard de vos r\u00e9ponses, la E9 V3 constitue la premi\u00e8re orientation la plus coh\u00e9rente pour renforcer la protection du v\u00e9hicule sans g\u00e9olocalisation.\",\r\n            features: [\r\n                \"Protection StarLine adapt\u00e9e au v\u00e9hicule\",\r\n                \"Antid\u00e9marrage selon configuration\",\r\n                \"D\u00e9tection selon l\u2019installation retenue\",\r\n                \"Fonctionnement sans g\u00e9olocalisation\"\r\n            ]\r\n        };\r\n    }\r\n\r\n    function appendComfortFeature(features) {\r\n        const comfort = selectedValue(\"comfort\");\r\n\r\n        if (comfort === \"remote-start\") {\r\n            features.push(\"D\u00e9marrage \u00e0 distance selon compatibilit\u00e9\");\r\n        }\r\n\r\n        if (comfort === \"advanced\") {\r\n            features.push(\"Fonctions de confort avanc\u00e9es selon compatibilit\u00e9\");\r\n        }\r\n    }\r\n\r\n    function renderFeatures(features) {\r\n        const list = root.querySelector(\"#slr-features\");\r\n        list.replaceChildren();\r\n\r\n        features.forEach(function (feature) {\r\n            const item = document.createElement(\"li\");\r\n            item.textContent = feature;\r\n            list.appendChild(item);\r\n        });\r\n    }\r\n\r\n    function renderSummary() {\r\n        const summary = root.querySelector(\"#slr-summary\");\r\n        summary.replaceChildren();\r\n\r\n        [\"vehicle\", \"gps\", \"connected\", \"priority\", \"comfort\"]\r\n            .forEach(function (fieldName) {\r\n                const wrapper = document.createElement(\"div\");\r\n                const title = document.createElement(\"dt\");\r\n                const value = document.createElement(\"dd\");\r\n\r\n                wrapper.className = \"slr-summary-item\";\r\n                title.textContent = summaryTitles[fieldName];\r\n                value.textContent = displayValue(fieldName);\r\n\r\n                wrapper.appendChild(title);\r\n                wrapper.appendChild(value);\r\n                summary.appendChild(wrapper);\r\n            });\r\n    }\r\n\r\n    function showResult() {\r\n        const product = getRecommendation();\r\n        const features = product.features.slice();\r\n\r\n        appendComfortFeature(features);\r\n        recommendation = product.name;\r\n\r\n        root.querySelector(\"#slr-product\").textContent = product.name;\r\n        root.querySelector(\"#slr-product-subtitle\").textContent = product.subtitle;\r\n        root.querySelector(\"#slr-result-text\").textContent = product.text;\r\n\r\n        renderFeatures(features);\r\n        renderSummary();\r\n        confirmButton.href = buildDestinationUrl();\r\n\r\n        form.hidden = true;\r\n        result.hidden = false;\r\n        progressBar.style.width = \"100%\";\r\n        stepText.textContent = \"R\u00e9sultat\";\r\n\r\n        focusAndScroll();\r\n        window.setTimeout(function () {\r\n            resultTitle.focus({ preventScroll: true });\r\n        }, 250);\r\n    }\r\n\r\n    function buildDestinationUrl() {\r\n        const url = new URL(DESTINATION, window.location.origin);\r\n\r\n        const protectionBySolution = {\r\n            \"E9 V3\": \"Protection essentielle sans g\u00e9olocalisation\",\r\n            \"S9 V3\": \"Protection connect\u00e9e et g\u00e9olocalis\u00e9e\",\r\n            \"B9 V3 PRO\": \"Protection automobile premium\",\r\n            \"S9 CAMPER\": \"Protection d\u00e9di\u00e9e camping-car et van\"\r\n        };\r\n\r\n        const compatibilityPayload = {\r\n            version: 2,\r\n            createdAt: new Date().toISOString(),\r\n            solution: {\r\n                id: recommendation\r\n                    .toLowerCase()\r\n                    .replace(\/[^a-z0-9]+\/g, \"-\")\r\n                    .replace(\/^-|-$\/g, \"\"),\r\n                label: recommendation,\r\n                subtitle: root.querySelector(\"#slr-product-subtitle\").textContent\r\n            },\r\n            answers: {\r\n                vehicle: {\r\n                    value: selectedValue(\"vehicle\"),\r\n                    summary: displayValue(\"vehicle\")\r\n                },\r\n                protection: {\r\n                    value: recommendation,\r\n                    summary: protectionBySolution[recommendation]\r\n                },\r\n                geolocation: {\r\n                    value: selectedValue(\"gps\"),\r\n                    summary: displayValue(\"gps\")\r\n                },\r\n                connected: {\r\n                    value: selectedValue(\"connected\"),\r\n                    summary: displayValue(\"connected\")\r\n                },\r\n                priority: {\r\n                    value: selectedValue(\"priority\"),\r\n                    summary: displayValue(\"priority\")\r\n                },\r\n                comfort: {\r\n                    value: selectedValue(\"comfort\"),\r\n                    summary: displayValue(\"comfort\")\r\n                }\r\n            }\r\n        };\r\n\r\n        const bytes = new TextEncoder().encode(\r\n            JSON.stringify(compatibilityPayload)\r\n        );\r\n        let binary = \"\";\r\n\r\n        bytes.forEach(function (byte) {\r\n            binary += String.fromCharCode(byte);\r\n        });\r\n\r\n        const encodedPayload = btoa(binary)\r\n            .replace(\/\\+\/g, \"-\")\r\n            .replace(\/\\\/\/g, \"_\")\r\n            .replace(\/=+$\/g, \"\");\r\n\r\n        url.searchParams.set(\"source\", \"simulateur-starline-v3\");\r\n        url.searchParams.set(\"sl\", encodedPayload);\r\n        url.searchParams.set(\"solution\", recommendation);\r\n        url.searchParams.set(\"vehicule\", displayValue(\"vehicle\"));\r\n        url.searchParams.set(\"geolocalisation\", displayValue(\"gps\"));\r\n        url.searchParams.set(\"fonctions\", displayValue(\"connected\"));\r\n        url.searchParams.set(\"priorite\", displayValue(\"priority\"));\r\n        url.searchParams.set(\"confort\", displayValue(\"comfort\"));\r\n\r\n        return url.href;\r\n    }\r\n\r\n    form.addEventListener(\"change\", function (event) {\r\n        if (!event.target.matches('input[type=\"radio\"]')) return;\r\n        refreshSelectedCards();\r\n        nextButton.disabled = !currentStepIsComplete();\r\n    });\r\n\r\n    nextButton.addEventListener(\"click\", function () {\r\n        if (!currentStepIsComplete()) return;\r\n\r\n        if (step < TOTAL_STEPS) {\r\n            step += 1;\r\n            renderStep(true);\r\n            return;\r\n        }\r\n\r\n        showResult();\r\n    });\r\n\r\n    backButton.addEventListener(\"click\", function () {\r\n        if (step <= 1) return;\r\n        step -= 1;\r\n        renderStep(true);\r\n    });\r\n\r\n    restartButton.addEventListener(\"click\", function () {\r\n        form.reset();\r\n        recommendation = \"\";\r\n        step = 1;\r\n        result.hidden = true;\r\n        form.hidden = false;\r\n        renderStep(true);\r\n    });\r\n\r\n    renderStep(false);\r\n}());\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e9d1d39 e-con e-atomic-element e-flexbox-base e-e9d1d39-ab175ef \" data-id=\"e9d1d39\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e9d1d39\" data-e-type=\"e-flexbox\" data-id=\"e9d1d39\">\n    \t\t<div class=\"elementor-element elementor-element-4765dfe elementor-widget elementor-widget-html\" data-id=\"4765dfe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ==========================================\n   STARLINE SIMULATEUR - CTA FINAL\n========================================== *\/\n\n.sl-sim-final {\n    width: 100%;\n    background: #f6fafc;\n    padding: 35px 25px 100px;\n    font-family: inherit;\n}\n\n.sl-sim-final-inner {\n    max-width: 1220px;\n    margin: 0 auto;\n}\n\n.sl-sim-final-box {\n    position: relative;\n    overflow: hidden;\n    padding: 68px 70px;\n    border-radius: 25px;\n    background:\n        radial-gradient(circle at 88% 20%, rgba(0,159,227,.18), transparent 30%),\n        radial-gradient(circle at 98% 90%, rgba(149,214,0,.10), transparent 27%),\n        #0b3157;\n    box-shadow: 0 25px 65px rgba(11,49,87,.18);\n    display: grid;\n    grid-template-columns: 1.2fr .8fr;\n    gap: 60px;\n    align-items: center;\n}\n\n\n\/* ==========================================\n   TEXTE\n========================================== *\/\n\n.sl-sim-final-content {\n    position: relative;\n    z-index: 3;\n}\n\n.sl-sim-final-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    margin-bottom: 18px;\n    color: #95d600;\n    font-size: 14px;\n    font-weight: 800;\n    letter-spacing: 1.3px;\n    text-transform: uppercase;\n}\n\n.sl-sim-final-kicker::before {\n    content: \"\";\n    width: 28px;\n    height: 4px;\n    border-radius: 10px;\n    background: #95d600;\n}\n\n.sl-sim-final h2 {\n    margin: 0 0 21px;\n    color: #ffffff;\n    font-size: clamp(38px,3.7vw,55px);\n    line-height: 1.06;\n    font-weight: 800;\n    letter-spacing: -1.4px;\n}\n\n.sl-sim-final h2 span {\n    color: #38b9f0;\n}\n\n.sl-sim-final-text {\n    max-width: 720px;\n    margin: 0 0 30px;\n    color: #d1e0ea;\n    font-size: 17px;\n    line-height: 1.7;\n}\n\n\n\/* POINTS *\/\n\n.sl-sim-final-points {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-bottom: 31px;\n}\n\n.sl-sim-final-point {\n    padding: 9px 13px;\n    border-radius: 7px;\n    background: rgba(255,255,255,.08);\n    border: 1px solid rgba(255,255,255,.13);\n    color: #ffffff;\n    font-size: 12px;\n    font-weight: 800;\n}\n\n.sl-sim-final-point::before {\n    content: \"\u2713\";\n    margin-right: 7px;\n    color: #95d600;\n}\n\n\n\/* ==========================================\n   BOUTONS\n========================================== *\/\n\n.sl-sim-final-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 13px;\n}\n\n.sl-sim-final-primary,\n.sl-sim-final-secondary {\n    min-height: 52px;\n    padding: 15px 23px;\n    border-radius: 7px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 9px;\n    text-decoration: none !important;\n    text-transform: uppercase;\n    font-size: 12px;\n    font-weight: 900;\n    transition: .25s ease;\n}\n\n.sl-sim-final-primary {\n    background: #95d600;\n    color: #ffffff !important;\n    box-shadow: 0 12px 28px rgba(149,214,0,.22);\n}\n\n.sl-sim-final-primary:hover {\n    background: #84c000;\n    transform: translateY(-2px);\n}\n\n.sl-sim-final-secondary {\n    background: rgba(255,255,255,.10);\n    border: 1px solid rgba(255,255,255,.16);\n    color: #ffffff !important;\n}\n\n.sl-sim-final-secondary:hover {\n    background: rgba(255,255,255,.16);\n    transform: translateY(-2px);\n}\n\n\n\/* ==========================================\n   CARTE DROITE\n========================================== *\/\n\n.sl-sim-final-card {\n    position: relative;\n    z-index: 3;\n    padding: 30px 27px;\n    border-radius: 21px;\n    background: #ffffff;\n    box-shadow: 0 25px 55px rgba(0,0,0,.23);\n}\n\n.sl-sim-final-card-head {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding-bottom: 20px;\n    margin-bottom: 18px;\n    border-bottom: 1px solid #e4edf2;\n}\n\n.sl-sim-final-card-icon {\n    width: 60px;\n    height: 60px;\n    min-width: 60px;\n    border-radius: 15px;\n    background: #0b3157;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.sl-sim-final-card-icon svg {\n    width: 32px;\n    height: 32px;\n    fill: none;\n    stroke: #95d600;\n    stroke-width: 2.1;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.sl-sim-final-card-head small {\n    display: block;\n    margin-bottom: 4px;\n    color: #009fe3;\n    font-size: 9px;\n    font-weight: 900;\n    text-transform: uppercase;\n    letter-spacing: .7px;\n}\n\n.sl-sim-final-card-head strong {\n    display: block;\n    color: #0b3157;\n    font-size: 18px;\n    line-height: 1.25;\n}\n\n.sl-sim-final-card-line {\n    padding: 13px 0;\n    border-bottom: 1px solid #edf2f5;\n}\n\n.sl-sim-final-card-line:last-of-type {\n    border-bottom: 0;\n}\n\n.sl-sim-final-card-line small {\n    display: block;\n    margin-bottom: 4px;\n    color: #8997a3;\n    font-size: 9px;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: .6px;\n}\n\n.sl-sim-final-card-line strong {\n    display: block;\n    color: #0b3157;\n    font-size: 13px;\n    line-height: 1.45;\n}\n\n\n\/* TELEPHONE *\/\n\n.sl-sim-final-phone {\n    margin-top: 20px;\n    padding: 15px;\n    border-radius: 10px;\n    background: #eef7fa;\n    text-align: center;\n}\n\n.sl-sim-final-phone span {\n    display: block;\n    margin-bottom: 4px;\n    color: #718291;\n    font-size: 10px;\n}\n\n.sl-sim-final-phone a {\n    color: #009fe3 !important;\n    text-decoration: none !important;\n    font-size: 20px;\n    font-weight: 900;\n}\n\n.sl-sim-final-phone a:hover {\n    color: #95d600 !important;\n}\n\n\n\/* ==========================================\n   RESPONSIVE\n========================================== *\/\n\n@media(max-width:900px) {\n\n    .sl-sim-final-box {\n        grid-template-columns: 1fr;\n        padding: 58px 40px;\n    }\n\n    .sl-sim-final-content {\n        text-align: center;\n    }\n\n    .sl-sim-final-kicker,\n    .sl-sim-final-points,\n    .sl-sim-final-actions {\n        justify-content: center;\n    }\n\n    .sl-sim-final-card {\n        max-width: 440px;\n        width: 100%;\n        margin: 0 auto;\n    }\n}\n\n@media(max-width:600px) {\n\n    .sl-sim-final {\n        padding: 25px 20px 70px;\n    }\n\n    .sl-sim-final-box {\n        padding: 45px 25px;\n        gap: 40px;\n    }\n\n    .sl-sim-final-actions {\n        flex-direction: column;\n    }\n\n    .sl-sim-final-primary,\n    .sl-sim-final-secondary {\n        width: 100%;\n    }\n\n    .sl-sim-final-card {\n        padding: 25px 21px;\n    }\n}\n<\/style>\n\n\n<section class=\"sl-sim-final\">\n\n    <div class=\"sl-sim-final-inner\">\n\n        <div class=\"sl-sim-final-box\">\n\n\n            <!-- TEXTE -->\n\n            <div class=\"sl-sim-final-content\">\n\n                <div class=\"sl-sim-final-kicker\">\n                    Votre prochaine \u00e9tape\n                <\/div>\n\n                <h2>\n                    Vous avez votre orientation.\n                    <span>Faisons maintenant l\u2019\u00e9tude du v\u00e9hicule.<\/span>\n                <\/h2>\n\n                <p class=\"sl-sim-final-text\">\n                    E9 V3 ou S9 V3 : le r\u00e9sultat du simulateur constitue\n                    une premi\u00e8re orientation. Communiquez-nous maintenant\n                    les caract\u00e9ristiques de votre v\u00e9hicule afin que notre \u00e9quipe\n                    puisse confirmer la compatibilit\u00e9 et d\u00e9finir la configuration\n                    adapt\u00e9e \u00e0 votre projet.\n                <\/p>\n\n\n                <div class=\"sl-sim-final-points\">\n\n                    <div class=\"sl-sim-final-point\">\n                        V\u00e9rification du v\u00e9hicule\n                    <\/div>\n\n                    <div class=\"sl-sim-final-point\">\n                        Confirmation de la solution\n                    <\/div>\n\n                    <div class=\"sl-sim-final-point\">\n                        Configuration adapt\u00e9e\n                    <\/div>\n\n                    <div class=\"sl-sim-final-point\">\n                        Organisation de l\u2019installation\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"sl-sim-final-actions\">\n\n                    <a class=\"sl-sim-final-primary\"\n                       href=\"\/index.php\/trouver-ma-solution-starline\/\">\n\n                        Faire confirmer ma solution\n                        <span>\u2192<\/span>\n\n                    <\/a>\n\n                    <a class=\"sl-sim-final-secondary\"\n                       href=\"\/index.php\/nos-systemes-starline\/#gamme-starline\">\n\n                        Comparer E9 V3 & S9 V3\n\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n\n\n            <!-- CARTE -->\n\n            <div class=\"sl-sim-final-card\">\n\n                <div class=\"sl-sim-final-card-head\">\n\n                    <div class=\"sl-sim-final-card-icon\">\n\n                        <svg viewBox=\"0 0 24 24\">\n\n                            <circle cx=\"12\"\n                                    cy=\"12\"\n                                    r=\"9\"\/>\n\n                            <path d=\"M9 12l2 2 4-5\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <div>\n\n                        <small>\n                            \u00c9tude StarLine France\n                        <\/small>\n\n                        <strong>\n                            Confirmation de votre configuration\n                        <\/strong>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"sl-sim-final-card-line\">\n\n                    <small>\n                        \u00c9tape 1\n                    <\/small>\n\n                    <strong>\n                        Vous nous communiquez votre v\u00e9hicule.\n                    <\/strong>\n\n                <\/div>\n\n\n                <div class=\"sl-sim-final-card-line\">\n\n                    <small>\n                        \u00c9tape 2\n                    <\/small>\n\n                    <strong>\n                        Nous v\u00e9rifions sa compatibilit\u00e9 et les possibilit\u00e9s d\u2019int\u00e9gration.\n                    <\/strong>\n\n                <\/div>\n\n\n                <div class=\"sl-sim-final-card-line\">\n\n                    <small>\n                        \u00c9tape 3\n                    <\/small>\n\n                    <strong>\n                        Nous confirmons avec vous la solution et la configuration retenues.\n                    <\/strong>\n\n                <\/div>\n\n\n                <div class=\"sl-sim-final-phone\">\n\n                    <span>\n                        Vous pr\u00e9f\u00e9rez nous appeler ?\n                    <\/span>\n\n                    <a href=\"tel:0970705016\">\n                        09 70 70 50 16\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Simulateur StarLine Trouvez la protection StarLine adapt\u00e9e \u00e0 votre v\u00e9hicule. R\u00e9pondez \u00e0 quelques questions simples sur votre v\u00e9hicule et vos attentes. Notre simulateur vous orientera vers la solution StarLine qui correspond le mieux \u00e0 votre besoin. \u2713 Quelques questions \u2713 R\u00e9sultat personnalis\u00e9 \u2713 E9 V3 ou S9 V3 \u2713 \u00c9tude finale du v\u00e9hicule COMMENCER LE [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-594","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.starline-france.fr\/index.php\/wp-json\/wp\/v2\/pages\/594","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.starline-france.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.starline-france.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.starline-france.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.starline-france.fr\/index.php\/wp-json\/wp\/v2\/comments?post=594"}],"version-history":[{"count":70,"href":"https:\/\/www.starline-france.fr\/index.php\/wp-json\/wp\/v2\/pages\/594\/revisions"}],"predecessor-version":[{"id":881,"href":"https:\/\/www.starline-france.fr\/index.php\/wp-json\/wp\/v2\/pages\/594\/revisions\/881"}],"wp:attachment":[{"href":"https:\/\/www.starline-france.fr\/index.php\/wp-json\/wp\/v2\/media?parent=594"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}