{"id":403,"date":"2026-08-25T10:48:12","date_gmt":"2026-08-25T08:48:12","guid":{"rendered":"https:\/\/www.starline-france.fr\/?page_id=403"},"modified":"2026-08-28T13:35:14","modified_gmt":"2026-08-28T11:35:14","slug":"pourquoi-starline","status":"publish","type":"page","link":"https:\/\/www.starline-france.fr\/index.php\/pourquoi-starline\/","title":{"rendered":"Pourquoi StarLine ?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"403\" class=\"elementor elementor-403\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b03d2d4 e-con e-atomic-element e-flexbox-base e-794ede3 \" data-id=\"b03d2d4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b03d2d4\" data-e-type=\"e-flexbox\" data-id=\"b03d2d4\">\n    \t\t<div class=\"elementor-element elementor-element-abb946b elementor-widget elementor-widget-html\" data-id=\"abb946b\" 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 - POURQUOI STARLINE - HERO\r\n========================================== *\/\r\n\r\n.sl-why-hero {\r\n    width: 100%;\r\n    background:\r\n        radial-gradient(circle at 84% 35%, rgba(0,159,227,.16), transparent 33%),\r\n        linear-gradient(135deg,#ffffff 0%,#f4f9fc 58%,#edf5fa 100%);\r\n    overflow: hidden;\r\n    font-family: inherit;\r\n}\r\n\r\n.sl-why-hero-inner {\r\n    max-width: 1220px;\r\n    min-height: 630px;\r\n    margin: 0 auto;\r\n    padding: 80px 30px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 75px;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   TEXTE\r\n========================================== *\/\r\n\r\n.sl-why-hero-content {\r\n    width: 58%;\r\n}\r\n\r\n.sl-why-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-why-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-why-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-why-hero h1 span {\r\n    color: #009fe3;\r\n}\r\n\r\n.sl-why-hero-intro {\r\n    max-width: 690px;\r\n    margin: 0 0 32px;\r\n    color: #586a7c;\r\n    font-size: 19px;\r\n    line-height: 1.65;\r\n}\r\n\r\n\r\n\/* POINTS *\/\r\n\r\n.sl-why-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-why-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-why-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\/* CTA *\/\r\n\r\n.sl-why-hero-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 13px;\r\n}\r\n\r\n.sl-why-hero-primary,\r\n.sl-why-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-why-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}\r\n\r\n.sl-why-hero-primary:hover {\r\n    background: #84c000;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.sl-why-hero-secondary {\r\n    background: #0b3157;\r\n    color: #ffffff !important;\r\n}\r\n\r\n.sl-why-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-why-hero-visual {\r\n    width: 42%;\r\n    min-height: 470px;\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-why-hero-circle {\r\n    position: absolute;\r\n    width: 395px;\r\n    height: 395px;\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-why-hero-ring {\r\n    position: absolute;\r\n    width: 325px;\r\n    height: 325px;\r\n    border-radius: 50%;\r\n    border: 2px dashed rgba(0,159,227,.20);\r\n}\r\n\r\n\r\n\/* CARTE CENTRALE *\/\r\n\r\n.sl-why-hero-card {\r\n    width: 285px;\r\n    position: relative;\r\n    z-index: 3;\r\n    padding: 28px 24px;\r\n    border-radius: 22px;\r\n    background: #0b3157;\r\n    box-shadow: 0 28px 60px rgba(11,49,87,.26);\r\n}\r\n\r\n.sl-why-hero-car {\r\n    height: 135px;\r\n    border-radius: 15px;\r\n    background: rgba(255,255,255,.07);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 18px;\r\n}\r\n\r\n.sl-why-hero-car svg {\r\n    width: 185px;\r\n    height: 105px;\r\n}\r\n\r\n.sl-why-hero-card small {\r\n    display: block;\r\n    color: #95d600;\r\n    font-size: 9px;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: .8px;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.sl-why-hero-card strong {\r\n    display: block;\r\n    color: #ffffff;\r\n    font-size: 18px;\r\n    line-height: 1.25;\r\n    margin-bottom: 7px;\r\n}\r\n\r\n.sl-why-hero-card p {\r\n    margin: 0;\r\n    color: #c5d5e2;\r\n    font-size: 12px;\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\/* BADGES *\/\r\n\r\n.sl-why-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-why-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-why-hero-badge-1 {\r\n    top: 55px;\r\n    left: -10px;\r\n}\r\n\r\n.sl-why-hero-badge-2 {\r\n    top: 185px;\r\n    right: -15px;\r\n}\r\n\r\n.sl-why-hero-badge-3 {\r\n    bottom: 35px;\r\n    left: 15px;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   RESPONSIVE\r\n========================================== *\/\r\n\r\n@media(max-width:900px) {\r\n\r\n    .sl-why-hero-inner {\r\n        flex-direction: column;\r\n        padding: 60px 25px;\r\n        gap: 40px;\r\n    }\r\n\r\n    .sl-why-hero-content,\r\n    .sl-why-hero-visual {\r\n        width: 100%;\r\n    }\r\n\r\n    .sl-why-hero-content {\r\n        text-align: center;\r\n    }\r\n\r\n    .sl-why-hero-kicker,\r\n    .sl-why-hero-features,\r\n    .sl-why-hero-actions {\r\n        justify-content: center;\r\n    }\r\n\r\n    .sl-why-hero-intro {\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n}\r\n\r\n@media(max-width:600px) {\r\n\r\n    .sl-why-hero-inner {\r\n        padding: 45px 20px 55px;\r\n    }\r\n\r\n    .sl-why-hero h1 {\r\n        font-size: 39px;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .sl-why-hero-intro {\r\n        font-size: 17px;\r\n    }\r\n\r\n    .sl-why-hero-actions {\r\n        flex-direction: column;\r\n    }\r\n\r\n    .sl-why-hero-primary,\r\n    .sl-why-hero-secondary {\r\n        width: 100%;\r\n    }\r\n\r\n    .sl-why-hero-visual {\r\n        min-height: 400px;\r\n    }\r\n\r\n    .sl-why-hero-circle {\r\n        width: 300px;\r\n        height: 300px;\r\n    }\r\n\r\n    .sl-why-hero-ring {\r\n        width: 250px;\r\n        height: 250px;\r\n    }\r\n\r\n    .sl-why-hero-card {\r\n        width: 225px;\r\n        padding: 23px 18px;\r\n    }\r\n\r\n    .sl-why-hero-car svg {\r\n        width: 150px;\r\n    }\r\n\r\n    .sl-why-hero-badge {\r\n        font-size: 9px;\r\n        padding: 10px 11px;\r\n    }\r\n\r\n    .sl-why-hero-badge-1 {\r\n        left: 0;\r\n    }\r\n\r\n    .sl-why-hero-badge-2 {\r\n        right: 0;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sl-why-hero\">\r\n\r\n    <div class=\"sl-why-hero-inner\">\r\n\r\n\r\n        <!-- TEXTE -->\r\n\r\n        <div class=\"sl-why-hero-content\">\r\n\r\n            <div class=\"sl-why-hero-kicker\">\r\n                Pourquoi choisir StarLine ?\r\n            <\/div>\r\n\r\n\r\n            <h1>\r\n                Une alarme vous alerte.\r\n                <span>StarLine va plus loin.<\/span>\r\n            <\/h1>\r\n\r\n\r\n            <p class=\"sl-why-hero-intro\">\r\n                Prot\u00e9ger un v\u00e9hicule moderne ne consiste plus uniquement\r\n                \u00e0 d\u00e9clencher une sir\u00e8ne. StarLine permet d\u2019associer plusieurs\r\n                niveaux de s\u00e9curit\u00e9 pour d\u00e9tecter, alerter et emp\u00eacher\r\n                l\u2019utilisation non autoris\u00e9e du v\u00e9hicule selon la configuration choisie.\r\n            <\/p>\r\n\r\n\r\n            <div class=\"sl-why-hero-features\">\r\n\r\n                <div class=\"sl-why-hero-feature\">\r\n                    <span class=\"sl-why-hero-check\">\u2713<\/span>\r\n                    D\u00e9tection\r\n                <\/div>\r\n\r\n                <div class=\"sl-why-hero-feature\">\r\n                    <span class=\"sl-why-hero-check\">\u2713<\/span>\r\n                    Alertes selon solution\r\n                <\/div>\r\n\r\n                <div class=\"sl-why-hero-feature\">\r\n                    <span class=\"sl-why-hero-check\">\u2713<\/span>\r\n                    Antid\u00e9marrage\r\n                <\/div>\r\n\r\n                <div class=\"sl-why-hero-feature\">\r\n                    <span class=\"sl-why-hero-check\">\u2713<\/span>\r\n                    Blocage moteur\r\n                <\/div>\r\n\r\n                <div class=\"sl-why-hero-feature\">\r\n                    <span class=\"sl-why-hero-check\">\u2713<\/span>\r\n                    G\u00e9olocalisation selon solution\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sl-why-hero-actions\">\r\n\r\n                <a class=\"sl-why-hero-primary\"\r\n                   href=\"#difference-starline\">\r\n\r\n                    D\u00e9couvrir la diff\u00e9rence StarLine\r\n                    <span>\u2192<\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n                <a class=\"sl-why-hero-secondary\"\r\n                   href=\"#contact-pourquoi\">\r\n\r\n                    Prot\u00e9ger mon v\u00e9hicule\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- VISUEL -->\r\n\r\n        <div class=\"sl-why-hero-visual\">\r\n\r\n            <div class=\"sl-why-hero-circle\"><\/div>\r\n            <div class=\"sl-why-hero-ring\"><\/div>\r\n\r\n\r\n            <div class=\"sl-why-hero-badge sl-why-hero-badge-1\">\r\n\r\n                <small>\r\n                    Niveau 1\r\n                <\/small>\r\n\r\n                D\u00e9tecter\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sl-why-hero-badge sl-why-hero-badge-2\">\r\n\r\n                <small>\r\n                    Niveau 2\r\n                <\/small>\r\n\r\n                Vous alerter\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sl-why-hero-badge sl-why-hero-badge-3\">\r\n\r\n                <small>\r\n                    Niveau 3\r\n                <\/small>\r\n\r\n                Bloquer\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"sl-why-hero-card\">\r\n\r\n\r\n                <div class=\"sl-why-hero-car\">\r\n\r\n                    <svg viewBox=\"0 0 230 120\"\r\n                         xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n                        <path\r\n                            d=\"M18 73\r\n                               L40 66\r\n                               L58 46\r\n                               C65 39 74 36 84 36\r\n                               H147\r\n                               C159 36 168 40 177 48\r\n                               L194 65\r\n                               L213 71\r\n                               V93\r\n                               H18 Z\"\r\n                            fill=\"#009fe3\"\/>\r\n\r\n                        <path\r\n                            d=\"M69 46\r\n                               C75 42 81 41 89 41\r\n                               H144\r\n                               C153 41 159 43 165 49\r\n                               L179 64\r\n                               H56 Z\"\r\n                            fill=\"#ffffff\"\/>\r\n\r\n                        <circle cx=\"58\" cy=\"92\" r=\"18\" fill=\"#071f38\"\/>\r\n                        <circle cx=\"177\" cy=\"92\" r=\"18\" fill=\"#071f38\"\/>\r\n\r\n                        <circle cx=\"58\" cy=\"92\" r=\"8\" fill=\"#95d600\"\/>\r\n                        <circle cx=\"177\" cy=\"92\" r=\"8\" fill=\"#95d600\"\/>\r\n\r\n                        <path\r\n                            d=\"M116 54\r\n                               L138 62\r\n                               V78\r\n                               C138 91 130 100 116 106\r\n                               C102 100 94 91 94 78\r\n                               V62 Z\"\r\n                            fill=\"#95d600\"\/>\r\n\r\n                        <path\r\n                            d=\"M105 78\r\n                               L113 86\r\n                               L129 68\"\r\n                            fill=\"none\"\r\n                            stroke=\"#ffffff\"\r\n                            stroke-width=\"4\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <small>\r\n                    Protection StarLine\r\n                <\/small>\r\n\r\n                <strong>\r\n                    Plusieurs barri\u00e8res. Un seul syst\u00e8me.\r\n                <\/strong>\r\n\r\n                <p>\r\n                    D\u00e9tecter, informer et emp\u00eacher l\u2019utilisation\r\n                    non autoris\u00e9e selon la configuration install\u00e9e.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b8fcd58 e-con e-atomic-element e-flexbox-base e-b8fcd58-1e56c51 \" data-id=\"b8fcd58\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b8fcd58\" data-e-type=\"e-flexbox\" data-id=\"b8fcd58\">\n    \t\t<div class=\"elementor-element elementor-element-8a4aced elementor-widget elementor-widget-html\" data-id=\"8a4aced\" 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 - POURQUOI STARLINE - COMPARAISON\r\n========================================== *\/\r\n\r\n.sl-why-compare {\r\n    width: 100%;\r\n    background: #ffffff;\r\n    padding: 100px 25px;\r\n    font-family: inherit;\r\n}\r\n\r\n.sl-why-compare-inner {\r\n    max-width: 1220px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   TITRE\r\n========================================== *\/\r\n\r\n.sl-why-compare-head {\r\n    max-width: 900px;\r\n    margin: 0 auto 58px;\r\n    text-align: center;\r\n}\r\n\r\n.sl-why-compare-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: 18px;\r\n}\r\n\r\n.sl-why-compare-kicker::before {\r\n    content: \"\";\r\n    width: 28px;\r\n    height: 4px;\r\n    border-radius: 10px;\r\n    background: #95d600;\r\n}\r\n\r\n.sl-why-compare h2 {\r\n    margin: 0 0 20px;\r\n    color: #0b3157;\r\n    font-size: clamp(36px,3.5vw,52px);\r\n    line-height: 1.08;\r\n    font-weight: 800;\r\n    letter-spacing: -1.2px;\r\n}\r\n\r\n.sl-why-compare h2 span {\r\n    color: #009fe3;\r\n}\r\n\r\n.sl-why-compare-head p {\r\n    margin: 0 auto;\r\n    max-width: 810px;\r\n    color: #617285;\r\n    font-size: 18px;\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   COMPARAISON\r\n========================================== *\/\r\n\r\n.sl-why-compare-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 28px;\r\n}\r\n\r\n\r\n\/* CARTES *\/\r\n\r\n.sl-why-compare-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 22px;\r\n    padding: 44px 40px;\r\n    min-height: 610px;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n\r\n\/* ALARME CLASSIQUE *\/\r\n\r\n.sl-why-compare-classic {\r\n    background: #f6fafc;\r\n    border: 1px solid #e1ebf1;\r\n}\r\n\r\n\r\n\/* STARLINE *\/\r\n\r\n.sl-why-compare-starline {\r\n    background:\r\n        radial-gradient(circle at 95% 5%, rgba(0,159,227,.18), transparent 33%),\r\n        #0b3157;\r\n    box-shadow: 0 22px 55px rgba(11,49,87,.17);\r\n}\r\n\r\n\r\n\/* LABEL *\/\r\n\r\n.sl-why-compare-label {\r\n    display: inline-flex;\r\n    width: fit-content;\r\n    padding: 8px 12px;\r\n    border-radius: 7px;\r\n    font-size: 10px;\r\n    font-weight: 900;\r\n    letter-spacing: .8px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.sl-why-compare-classic .sl-why-compare-label {\r\n    background: #e6eef3;\r\n    color: #607184;\r\n}\r\n\r\n.sl-why-compare-starline .sl-why-compare-label {\r\n    background: #95d600;\r\n    color: #0b3157;\r\n}\r\n\r\n\r\n\/* ICONE *\/\r\n\r\n.sl-why-compare-icon {\r\n    width: 66px;\r\n    height: 66px;\r\n    border-radius: 17px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 23px;\r\n}\r\n\r\n.sl-why-compare-classic .sl-why-compare-icon {\r\n    background: #dfe9ef;\r\n}\r\n\r\n.sl-why-compare-starline .sl-why-compare-icon {\r\n    background: rgba(255,255,255,.09);\r\n    border: 1px solid rgba(255,255,255,.12);\r\n}\r\n\r\n.sl-why-compare-icon svg {\r\n    width: 36px;\r\n    height: 36px;\r\n    fill: none;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n.sl-why-compare-classic .sl-why-compare-icon svg {\r\n    stroke: #607184;\r\n}\r\n\r\n.sl-why-compare-starline .sl-why-compare-icon svg {\r\n    stroke: #95d600;\r\n}\r\n\r\n\r\n\/* TITRES *\/\r\n\r\n.sl-why-compare-card h3 {\r\n    margin: 0 0 14px;\r\n    font-size: 28px;\r\n    line-height: 1.18;\r\n    font-weight: 800;\r\n}\r\n\r\n.sl-why-compare-classic h3 {\r\n    color: #0b3157;\r\n}\r\n\r\n.sl-why-compare-starline h3 {\r\n    color: #ffffff;\r\n}\r\n\r\n.sl-why-compare-intro {\r\n    margin: 0 0 28px;\r\n    font-size: 16px;\r\n    line-height: 1.65;\r\n}\r\n\r\n.sl-why-compare-classic .sl-why-compare-intro {\r\n    color: #637486;\r\n}\r\n\r\n.sl-why-compare-starline .sl-why-compare-intro {\r\n    color: #c7d7e4;\r\n}\r\n\r\n\r\n\/* LISTE *\/\r\n\r\n.sl-why-compare-list {\r\n    display: grid;\r\n    gap: 13px;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.sl-why-compare-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n    padding: 15px 16px;\r\n    border-radius: 11px;\r\n}\r\n\r\n.sl-why-compare-classic .sl-why-compare-item {\r\n    background: #ffffff;\r\n    border: 1px solid #e1ebf1;\r\n}\r\n\r\n.sl-why-compare-starline .sl-why-compare-item {\r\n    background: rgba(255,255,255,.07);\r\n    border: 1px solid rgba(255,255,255,.11);\r\n}\r\n\r\n.sl-why-compare-marker {\r\n    width: 25px;\r\n    height: 25px;\r\n    min-width: 25px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 12px;\r\n    font-weight: 900;\r\n}\r\n\r\n.sl-why-compare-classic .sl-why-compare-marker {\r\n    background: #e6eef3;\r\n    color: #607184;\r\n}\r\n\r\n.sl-why-compare-starline .sl-why-compare-marker {\r\n    background: #95d600;\r\n    color: #ffffff;\r\n}\r\n\r\n.sl-why-compare-item strong {\r\n    display: block;\r\n    font-size: 15px;\r\n    margin-bottom: 3px;\r\n}\r\n\r\n.sl-why-compare-item span {\r\n    display: block;\r\n    font-size: 13px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.sl-why-compare-classic .sl-why-compare-item strong {\r\n    color: #0b3157;\r\n}\r\n\r\n.sl-why-compare-classic .sl-why-compare-item span {\r\n    color: #6b7c8c;\r\n}\r\n\r\n.sl-why-compare-starline .sl-why-compare-item strong {\r\n    color: #ffffff;\r\n}\r\n\r\n.sl-why-compare-starline .sl-why-compare-item span {\r\n    color: #bdd0df;\r\n}\r\n\r\n\r\n\/* RESULTAT *\/\r\n\r\n.sl-why-compare-result {\r\n    margin-top: auto;\r\n    padding: 18px;\r\n    border-radius: 12px;\r\n    text-align: center;\r\n}\r\n\r\n.sl-why-compare-classic .sl-why-compare-result {\r\n    background: #edf3f6;\r\n}\r\n\r\n.sl-why-compare-starline .sl-why-compare-result {\r\n    background: rgba(149,214,0,.11);\r\n    border: 1px solid rgba(149,214,0,.25);\r\n}\r\n\r\n.sl-why-compare-result small {\r\n    display: block;\r\n    font-size: 9px;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: .8px;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.sl-why-compare-classic .sl-why-compare-result small {\r\n    color: #708191;\r\n}\r\n\r\n.sl-why-compare-starline .sl-why-compare-result small {\r\n    color: #95d600;\r\n}\r\n\r\n.sl-why-compare-result strong {\r\n    display: block;\r\n    font-size: 16px;\r\n    line-height: 1.4;\r\n}\r\n\r\n.sl-why-compare-classic .sl-why-compare-result strong {\r\n    color: #0b3157;\r\n}\r\n\r\n.sl-why-compare-starline .sl-why-compare-result strong {\r\n    color: #ffffff;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   BANDEAU BAS\r\n========================================== *\/\r\n\r\n.sl-why-compare-bottom {\r\n    margin-top: 40px;\r\n    padding: 34px 38px;\r\n    border-radius: 18px;\r\n    background: #f6fafc;\r\n    border: 1px solid #e1ebf1;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 22px;\r\n}\r\n\r\n.sl-why-compare-bottom-icon {\r\n    width: 62px;\r\n    height: 62px;\r\n    min-width: 62px;\r\n    border-radius: 15px;\r\n    background: #0b3157;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.sl-why-compare-bottom-icon svg {\r\n    width: 35px;\r\n    height: 35px;\r\n}\r\n\r\n.sl-why-compare-bottom-text strong {\r\n    display: block;\r\n    color: #0b3157;\r\n    font-size: 20px;\r\n    margin-bottom: 6px;\r\n}\r\n\r\n.sl-why-compare-bottom-text span {\r\n    display: block;\r\n    color: #667789;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   RESPONSIVE\r\n========================================== *\/\r\n\r\n@media(max-width:850px) {\r\n\r\n    .sl-why-compare-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .sl-why-compare-card {\r\n        min-height: auto;\r\n    }\r\n}\r\n\r\n@media(max-width:650px) {\r\n\r\n    .sl-why-compare {\r\n        padding: 65px 20px;\r\n    }\r\n\r\n    .sl-why-compare-card {\r\n        padding: 35px 24px;\r\n    }\r\n\r\n    .sl-why-compare-bottom {\r\n        flex-direction: column;\r\n        text-align: center;\r\n        padding: 28px 23px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sl-why-compare\" id=\"difference-starline\">\r\n\r\n    <div class=\"sl-why-compare-inner\">\r\n\r\n\r\n        <!-- TITRE -->\r\n\r\n        <div class=\"sl-why-compare-head\">\r\n\r\n            <div class=\"sl-why-compare-kicker\">\r\n                Comprendre la diff\u00e9rence\r\n            <\/div>\r\n\r\n            <h2>\r\n                Alarme classique ou\r\n                <span>protection StarLine ?<\/span>\r\n            <\/h2>\r\n\r\n            <p>\r\n                Une alarme traditionnelle repose g\u00e9n\u00e9ralement sur la d\u00e9tection\r\n                d\u2019une intrusion et le d\u00e9clenchement d\u2019une sir\u00e8ne. StarLine peut\r\n                ajouter plusieurs niveaux de protection destin\u00e9s \u00e0 compliquer\r\n                l\u2019utilisation non autoris\u00e9e du v\u00e9hicule et \u00e0 vous tenir inform\u00e9.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"sl-why-compare-grid\">\r\n\r\n\r\n            <!-- ==========================================\r\n                 ALARME CLASSIQUE\r\n            =========================================== -->\r\n\r\n            <div class=\"sl-why-compare-card sl-why-compare-classic\">\r\n\r\n                <div class=\"sl-why-compare-label\">\r\n                    Protection traditionnelle\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sl-why-compare-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path d=\"M5 15h14\"\/>\r\n                        <path d=\"M7 15V9a5 5 0 0 1 10 0v6\"\/>\r\n                        <path d=\"M3 19h18\"\/>\r\n                        <path d=\"M12 2v2\"\/>\r\n                        <path d=\"M4.5 5l2 1\"\/>\r\n                        <path d=\"M19.5 5l-2 1\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <h3>\r\n                    Une alarme classique\r\n                <\/h3>\r\n\r\n                <p class=\"sl-why-compare-intro\">\r\n                    Son r\u00f4le principal est g\u00e9n\u00e9ralement de d\u00e9tecter\r\n                    certaines tentatives d\u2019intrusion ou certains \u00e9v\u00e9nements\r\n                    et de d\u00e9clencher une alerte sonore.\r\n                <\/p>\r\n\r\n\r\n                <div class=\"sl-why-compare-list\">\r\n\r\n\r\n                    <div class=\"sl-why-compare-item\">\r\n\r\n                        <div class=\"sl-why-compare-marker\">\r\n                            \u2713\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <strong>\r\n                                D\u00e9tection\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                D\u00e9tection de certains \u00e9v\u00e9nements\r\n                                selon les capteurs install\u00e9s.\r\n                            <\/span>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"sl-why-compare-item\">\r\n\r\n                        <div class=\"sl-why-compare-marker\">\r\n                            \u2713\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <strong>\r\n                                Sir\u00e8ne\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Une alerte sonore peut \u00eatre d\u00e9clench\u00e9e\r\n                                pour signaler une tentative d\u2019effraction.\r\n                            <\/span>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"sl-why-compare-item\">\r\n\r\n                        <div class=\"sl-why-compare-marker\">\r\n                            \u2013\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <strong>\r\n                                Protection variable selon le syst\u00e8me\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Les fonctions suppl\u00e9mentaires d\u00e9pendent\r\n                                fortement du type d\u2019alarme install\u00e9.\r\n                            <\/span>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sl-why-compare-result\">\r\n\r\n                    <small>\r\n                        Principe\r\n                    <\/small>\r\n\r\n                    <strong>\r\n                        D\u00e9tecter et signaler une intrusion.\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- ==========================================\r\n                 STARLINE\r\n            =========================================== -->\r\n\r\n            <div class=\"sl-why-compare-card sl-why-compare-starline\">\r\n\r\n                <div class=\"sl-why-compare-label\">\r\n                    Protection multicouche\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sl-why-compare-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path d=\"M12 22s8-4 8-11V5l-8-3-8 3v6c0 7 8 11 8 11z\"\/>\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                <h3>\r\n                    Une protection StarLine\r\n                <\/h3>\r\n\r\n                <p class=\"sl-why-compare-intro\">\r\n                    StarLine associe plusieurs fonctions afin de d\u00e9tecter,\r\n                    informer et ajouter des barri\u00e8res suppl\u00e9mentaires\r\n                    contre l\u2019utilisation non autoris\u00e9e du v\u00e9hicule.\r\n                <\/p>\r\n\r\n\r\n                <div class=\"sl-why-compare-list\">\r\n\r\n\r\n                    <div class=\"sl-why-compare-item\">\r\n\r\n                        <div class=\"sl-why-compare-marker\">\r\n                            \u2713\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <strong>\r\n                                D\u00e9tection & alerte\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Les \u00e9v\u00e9nements configur\u00e9s peuvent entra\u00eener\r\n                                une alerte locale et\/ou \u00e0 distance.\r\n                            <\/span>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"sl-why-compare-item\">\r\n\r\n                        <div class=\"sl-why-compare-marker\">\r\n                            \u2713\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <strong>\r\n                                Autorisation ind\u00e9pendante\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                StarLine peut demander sa propre autorisation,\r\n                                en compl\u00e9ment de celle du constructeur.\r\n                            <\/span>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"sl-why-compare-item\">\r\n\r\n                        <div class=\"sl-why-compare-marker\">\r\n                            \u2713\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <strong>\r\n                                Antid\u00e9marrage & blocage moteur\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Des protections suppl\u00e9mentaires peuvent emp\u00eacher\r\n                                l\u2019utilisation non autoris\u00e9e du v\u00e9hicule.\r\n                            <\/span>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"sl-why-compare-item\">\r\n\r\n                        <div class=\"sl-why-compare-marker\">\r\n                            \u2713\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <strong>\r\n                                Appel, SMS & notification\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Avec une solution connect\u00e9e, plusieurs canaux\r\n                                peuvent vous informer lorsqu\u2019un \u00e9v\u00e9nement est d\u00e9tect\u00e9.\r\n                            <\/span>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"sl-why-compare-item\">\r\n\r\n                        <div class=\"sl-why-compare-marker\">\r\n                            \u2713\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <strong>\r\n                                G\u00e9olocalisation\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Selon la solution install\u00e9e, la position\r\n                                du v\u00e9hicule peut \u00eatre consult\u00e9e \u00e0 distance.\r\n                            <\/span>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sl-why-compare-result\">\r\n\r\n                    <small>\r\n                        Principe StarLine\r\n                    <\/small>\r\n\r\n                    <strong>\r\n                        D\u00e9tecter + informer + emp\u00eacher l\u2019utilisation non autoris\u00e9e.\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- BANDEAU -->\r\n\r\n        <div class=\"sl-why-compare-bottom\">\r\n\r\n            <div class=\"sl-why-compare-bottom-icon\">\r\n\r\n                <svg viewBox=\"0 0 64 64\"\r\n                     xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n                    <path\r\n                        d=\"M32 5\r\n                           L53 13\r\n                           V30\r\n                           C53 45 45 56 32 62\r\n                           C19 56 11 45 11 30\r\n                           V13 Z\"\r\n                        fill=\"#009fe3\"\/>\r\n\r\n                    <path\r\n                        d=\"M21 32\r\n                           L28 39\r\n                           L44 22\"\r\n                        fill=\"none\"\r\n                        stroke=\"#95d600\"\r\n                        stroke-width=\"5\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\/>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sl-why-compare-bottom-text\">\r\n\r\n                <strong>\r\n                    L\u2019objectif n\u2019est pas seulement de faire du bruit lorsqu\u2019un vol commence.\r\n                <\/strong>\r\n\r\n                <span>\r\n                    Une protection StarLine cherche \u00e0 multiplier les barri\u00e8res\r\n                    entre une tentative de vol et l\u2019utilisation r\u00e9elle du v\u00e9hicule,\r\n                    avec des fonctions adapt\u00e9es au mod\u00e8le et \u00e0 la configuration choisie.\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5a6fe68 e-con e-atomic-element e-flexbox-base e-5a6fe68-9dc0675 \" data-id=\"5a6fe68\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5a6fe68\" data-e-type=\"e-flexbox\" data-id=\"5a6fe68\">\n    \t\t<div class=\"elementor-element elementor-element-c369650 elementor-widget elementor-widget-html\" data-id=\"c369650\" 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 - POURQUOI STARLINE - 5 COUCHES\r\n========================================== *\/\r\n\r\n.sl-why-layers {\r\n    width: 100%;\r\n    background: #f6fafc;\r\n    padding: 100px 25px;\r\n    font-family: inherit;\r\n}\r\n\r\n.sl-why-layers-inner {\r\n    max-width: 1220px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   TITRE\r\n========================================== *\/\r\n\r\n.sl-why-layers-head {\r\n    max-width: 900px;\r\n    margin: 0 auto 60px;\r\n    text-align: center;\r\n}\r\n\r\n.sl-why-layers-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: 18px;\r\n}\r\n\r\n.sl-why-layers-kicker::before {\r\n    content: \"\";\r\n    width: 28px;\r\n    height: 4px;\r\n    border-radius: 10px;\r\n    background: #95d600;\r\n}\r\n\r\n.sl-why-layers h2 {\r\n    margin: 0 0 20px;\r\n    color: #0b3157;\r\n    font-size: clamp(36px,3.5vw,52px);\r\n    line-height: 1.08;\r\n    font-weight: 800;\r\n    letter-spacing: -1.2px;\r\n}\r\n\r\n.sl-why-layers h2 span {\r\n    color: #009fe3;\r\n}\r\n\r\n.sl-why-layers-head p {\r\n    margin: 0 auto;\r\n    max-width: 810px;\r\n    color: #617285;\r\n    font-size: 18px;\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   GRAND BLOC\r\n========================================== *\/\r\n\r\n.sl-why-layers-panel {\r\n    display: grid;\r\n    grid-template-columns: .9fr 1.1fr;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    box-shadow: 0 22px 60px rgba(11,49,87,.10);\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   VISUEL GAUCHE\r\n========================================== *\/\r\n\r\n.sl-why-layers-visual {\r\n    min-height: 620px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    background:\r\n        radial-gradient(circle at 50% 45%, rgba(0,159,227,.18), transparent 42%),\r\n        #0b3157;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 40px;\r\n}\r\n\r\n\r\n\/* CERCLES *\/\r\n\r\n.sl-why-layer-circle {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n}\r\n\r\n.sl-why-layer-circle-1 {\r\n    width: 430px;\r\n    height: 430px;\r\n    border: 1px solid rgba(255,255,255,.07);\r\n}\r\n\r\n.sl-why-layer-circle-2 {\r\n    width: 365px;\r\n    height: 365px;\r\n    border: 1px dashed rgba(0,159,227,.22);\r\n}\r\n\r\n.sl-why-layer-circle-3 {\r\n    width: 300px;\r\n    height: 300px;\r\n    border: 1px solid rgba(149,214,0,.18);\r\n}\r\n\r\n.sl-why-layer-circle-4 {\r\n    width: 235px;\r\n    height: 235px;\r\n    background: rgba(255,255,255,.04);\r\n    border: 1px solid rgba(255,255,255,.08);\r\n}\r\n\r\n.sl-why-layer-circle-5 {\r\n    width: 170px;\r\n    height: 170px;\r\n    background: rgba(149,214,0,.08);\r\n    border: 1px solid rgba(149,214,0,.22);\r\n}\r\n\r\n\r\n\/* VEHICULE CENTRAL *\/\r\n\r\n.sl-why-layer-car {\r\n    width: 145px;\r\n    height: 105px;\r\n    border-radius: 20px;\r\n    background: #ffffff;\r\n    box-shadow: 0 25px 55px rgba(0,0,0,.28);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n    z-index: 5;\r\n}\r\n\r\n.sl-why-layer-car svg {\r\n    width: 120px;\r\n    height: 72px;\r\n}\r\n\r\n\r\n\/* BADGES SUR LES CERCLES *\/\r\n\r\n.sl-why-layer-badge {\r\n    position: absolute;\r\n    z-index: 6;\r\n    padding: 10px 13px;\r\n    border-radius: 9px;\r\n    background: #ffffff;\r\n    box-shadow: 0 12px 28px rgba(0,0,0,.20);\r\n    color: #0b3157;\r\n    font-size: 10px;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.sl-why-layer-badge span {\r\n    color: #009fe3;\r\n    margin-right: 4px;\r\n}\r\n\r\n.sl-why-layer-badge-1 {\r\n    top: 48px;\r\n    left: 36px;\r\n}\r\n\r\n.sl-why-layer-badge-2 {\r\n    top: 135px;\r\n    right: 22px;\r\n}\r\n\r\n.sl-why-layer-badge-3 {\r\n    bottom: 155px;\r\n    left: 20px;\r\n}\r\n\r\n.sl-why-layer-badge-4 {\r\n    bottom: 65px;\r\n    right: 35px;\r\n}\r\n\r\n.sl-why-layer-badge-5 {\r\n    top: 273px;\r\n    right: 47px;\r\n    background: #95d600;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   CONTENU DROITE\r\n========================================== *\/\r\n\r\n.sl-why-layers-content {\r\n    padding: 52px 48px;\r\n    background: #ffffff;\r\n}\r\n\r\n.sl-why-layers-content h3 {\r\n    margin: 0 0 14px;\r\n    color: #0b3157;\r\n    font-size: 29px;\r\n    line-height: 1.18;\r\n    font-weight: 800;\r\n}\r\n\r\n.sl-why-layers-content > p {\r\n    margin: 0 0 29px;\r\n    color: #647587;\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* LISTE *\/\r\n\r\n.sl-why-layers-list {\r\n    display: grid;\r\n    gap: 12px;\r\n}\r\n\r\n.sl-why-layers-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 14px;\r\n    padding: 16px 17px;\r\n    border-radius: 11px;\r\n    background: #f7fbfd;\r\n    border: 1px solid #e1ebf1;\r\n}\r\n\r\n.sl-why-layers-number {\r\n    width: 38px;\r\n    height: 38px;\r\n    min-width: 38px;\r\n    border-radius: 10px;\r\n    background: #0b3157;\r\n    color: #95d600;\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.sl-why-layers-item strong {\r\n    display: block;\r\n    color: #0b3157;\r\n    font-size: 15px;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.sl-why-layers-item span {\r\n    display: block;\r\n    color: #6a7b8c;\r\n    font-size: 13px;\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\/* DERNIERE COUCHE *\/\r\n\r\n.sl-why-layers-item:last-child {\r\n    background: #0b3157;\r\n    border-color: #0b3157;\r\n}\r\n\r\n.sl-why-layers-item:last-child .sl-why-layers-number {\r\n    background: #95d600;\r\n    color: #ffffff;\r\n}\r\n\r\n.sl-why-layers-item:last-child strong {\r\n    color: #ffffff;\r\n}\r\n\r\n.sl-why-layers-item:last-child span {\r\n    color: #c3d4e1;\r\n}\r\n\r\n\r\n\/* NOTE *\/\r\n\r\n.sl-why-layers-note {\r\n    margin-top: 24px;\r\n    padding: 17px 18px;\r\n    border-left: 4px solid #95d600;\r\n    background: #edf6fa;\r\n    color: #0b3157;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   RESPONSIVE\r\n========================================== *\/\r\n\r\n@media(max-width:900px) {\r\n\r\n    .sl-why-layers-panel {\r\n        grid-template-columns: 1fr;\r\n    }\r\n}\r\n\r\n@media(max-width:600px) {\r\n\r\n    .sl-why-layers {\r\n        padding: 65px 20px;\r\n    }\r\n\r\n    .sl-why-layers-visual {\r\n        min-height: 500px;\r\n        padding: 20px;\r\n    }\r\n\r\n    .sl-why-layer-circle-1 {\r\n        width: 330px;\r\n        height: 330px;\r\n    }\r\n\r\n    .sl-why-layer-circle-2 {\r\n        width: 285px;\r\n        height: 285px;\r\n    }\r\n\r\n    .sl-why-layer-circle-3 {\r\n        width: 240px;\r\n        height: 240px;\r\n    }\r\n\r\n    .sl-why-layer-circle-4 {\r\n        width: 195px;\r\n        height: 195px;\r\n    }\r\n\r\n    .sl-why-layer-circle-5 {\r\n        width: 145px;\r\n        height: 145px;\r\n    }\r\n\r\n    .sl-why-layer-car {\r\n        width: 125px;\r\n        height: 92px;\r\n    }\r\n\r\n    .sl-why-layer-car svg {\r\n        width: 105px;\r\n    }\r\n\r\n    .sl-why-layer-badge {\r\n        font-size: 8px;\r\n        padding: 8px 9px;\r\n    }\r\n\r\n    .sl-why-layer-badge-1 {\r\n        top: 52px;\r\n        left: 3px;\r\n    }\r\n\r\n    .sl-why-layer-badge-2 {\r\n        top: 125px;\r\n        right: 2px;\r\n    }\r\n\r\n    .sl-why-layer-badge-3 {\r\n        bottom: 132px;\r\n        left: 2px;\r\n    }\r\n\r\n    .sl-why-layer-badge-4 {\r\n        bottom: 52px;\r\n        right: 4px;\r\n    }\r\n\r\n    .sl-why-layer-badge-5 {\r\n        top: 235px;\r\n        right: 7px;\r\n    }\r\n\r\n    .sl-why-layers-content {\r\n        padding: 38px 24px;\r\n    }\r\n\r\n    .sl-why-layers-content h3 {\r\n        font-size: 25px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sl-why-layers\">\r\n\r\n    <div class=\"sl-why-layers-inner\">\r\n\r\n\r\n        <!-- TITRE -->\r\n\r\n        <div class=\"sl-why-layers-head\">\r\n\r\n            <div class=\"sl-why-layers-kicker\">\r\n                La philosophie StarLine\r\n            <\/div>\r\n\r\n            <h2>\r\n                5 couches de protection\r\n                <span>autour de votre v\u00e9hicule.<\/span>\r\n            <\/h2>\r\n\r\n            <p>\r\n                Plut\u00f4t que de d\u00e9pendre d\u2019un seul dispositif, StarLine associe\r\n                plusieurs fonctions compl\u00e9mentaires. Chaque couche ajoute\r\n                un obstacle suppl\u00e9mentaire entre une tentative de vol\r\n                et l\u2019utilisation effective du v\u00e9hicule.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"sl-why-layers-panel\">\r\n\r\n\r\n            <!-- ==========================================\r\n                 VISUEL\r\n            =========================================== -->\r\n\r\n            <div class=\"sl-why-layers-visual\">\r\n\r\n\r\n                <div class=\"sl-why-layer-circle sl-why-layer-circle-1\"><\/div>\r\n\r\n                <div class=\"sl-why-layer-circle sl-why-layer-circle-2\"><\/div>\r\n\r\n                <div class=\"sl-why-layer-circle sl-why-layer-circle-3\"><\/div>\r\n\r\n                <div class=\"sl-why-layer-circle sl-why-layer-circle-4\"><\/div>\r\n\r\n                <div class=\"sl-why-layer-circle sl-why-layer-circle-5\"><\/div>\r\n\r\n\r\n                <div class=\"sl-why-layer-badge sl-why-layer-badge-1\">\r\n                    <span>01<\/span> D\u00e9tection\r\n                <\/div>\r\n\r\n                <div class=\"sl-why-layer-badge sl-why-layer-badge-2\">\r\n                    <span>02<\/span> Alerte\r\n                <\/div>\r\n\r\n                <div class=\"sl-why-layer-badge sl-why-layer-badge-3\">\r\n                    <span>03<\/span> Autorisation\r\n                <\/div>\r\n\r\n                <div class=\"sl-why-layer-badge sl-why-layer-badge-4\">\r\n                    <span>04<\/span> Blocage\r\n                <\/div>\r\n\r\n                <div class=\"sl-why-layer-badge sl-why-layer-badge-5\">\r\n                    <span>05<\/span> Localisation\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"sl-why-layer-car\">\r\n\r\n                    <svg viewBox=\"0 0 220 110\"\r\n                         xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n                        <path\r\n                            d=\"M18 69\r\n                               L38 63\r\n                               L57 43\r\n                               C64 36 72 33 83 33\r\n                               H143\r\n                               C156 33 165 37 174 45\r\n                               L192 62\r\n                               L211 68\r\n                               V88\r\n                               H18 Z\"\r\n                            fill=\"#009fe3\"\/>\r\n\r\n                        <path\r\n                            d=\"M67 43\r\n                               C73 39 79 38 87 38\r\n                               H141\r\n                               C150 38 156 40 162 46\r\n                               L176 61\r\n                               H54 Z\"\r\n                            fill=\"#0b3157\"\/>\r\n\r\n                        <circle cx=\"57\"\r\n                                cy=\"87\"\r\n                                r=\"17\"\r\n                                fill=\"#071f38\"\/>\r\n\r\n                        <circle cx=\"176\"\r\n                                cy=\"87\"\r\n                                r=\"17\"\r\n                                fill=\"#071f38\"\/>\r\n\r\n                        <circle cx=\"57\"\r\n                                cy=\"87\"\r\n                                r=\"8\"\r\n                                fill=\"#95d600\"\/>\r\n\r\n                        <circle cx=\"176\"\r\n                                cy=\"87\"\r\n                                r=\"8\"\r\n                                fill=\"#95d600\"\/>\r\n\r\n                        <path\r\n                            d=\"M115 48\r\n                               L133 55\r\n                               V68\r\n                               C133 79 127 87 115 92\r\n                               C103 87 97 79 97 68\r\n                               V55 Z\"\r\n                            fill=\"#95d600\"\/>\r\n\r\n                        <path\r\n                            d=\"M106 68\r\n                               L112 74\r\n                               L125 60\"\r\n                            fill=\"none\"\r\n                            stroke=\"#ffffff\"\r\n                            stroke-width=\"4\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- ==========================================\r\n                 CONTENU\r\n            =========================================== -->\r\n\r\n            <div class=\"sl-why-layers-content\">\r\n\r\n\r\n                <h3>\r\n                    Une protection ne doit pas d\u00e9pendre d\u2019une seule barri\u00e8re.\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Selon la solution et la configuration install\u00e9es,\r\n                    plusieurs m\u00e9canismes StarLine peuvent fonctionner ensemble\r\n                    pour prot\u00e9ger le v\u00e9hicule.\r\n                <\/p>\r\n\r\n\r\n                <div class=\"sl-why-layers-list\">\r\n\r\n\r\n                    <!-- 01 -->\r\n\r\n                    <div class=\"sl-why-layers-item\">\r\n\r\n                        <div class=\"sl-why-layers-number\">\r\n                            01\r\n                        <\/div>\r\n\r\n                        <div>\r\n\r\n                            <strong>\r\n                                D\u00e9tecter\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Choc, ouverture, d\u00e9placement ou autre \u00e9v\u00e9nement\r\n                                surveill\u00e9 selon les capteurs et la configuration install\u00e9s.\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- 02 -->\r\n\r\n                    <div class=\"sl-why-layers-item\">\r\n\r\n                        <div class=\"sl-why-layers-number\">\r\n                            02\r\n                        <\/div>\r\n\r\n                        <div>\r\n\r\n                            <strong>\r\n                                Vous alerter\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Selon la solution connect\u00e9e, une information peut\r\n                                vous parvenir par appel, SMS ou notification.\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- 03 -->\r\n\r\n                    <div class=\"sl-why-layers-item\">\r\n\r\n                        <div class=\"sl-why-layers-number\">\r\n                            03\r\n                        <\/div>\r\n\r\n                        <div>\r\n\r\n                            <strong>\r\n                                Authentifier\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                StarLine peut demander sa propre autorisation\r\n                                avant de permettre l\u2019utilisation normale du v\u00e9hicule.\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- 04 -->\r\n\r\n                    <div class=\"sl-why-layers-item\">\r\n\r\n                        <div class=\"sl-why-layers-number\">\r\n                            04\r\n                        <\/div>\r\n\r\n                        <div>\r\n\r\n                            <strong>\r\n                                Bloquer\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                L\u2019antid\u00e9marrage et le blocage moteur ajoutent\r\n                                une protection suppl\u00e9mentaire contre l\u2019utilisation\r\n                                non autoris\u00e9e.\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- 05 -->\r\n\r\n                    <div class=\"sl-why-layers-item\">\r\n\r\n                        <div class=\"sl-why-layers-number\">\r\n                            05\r\n                        <\/div>\r\n\r\n                        <div>\r\n\r\n                            <strong>\r\n                                Localiser\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Avec la solution StarLine connect\u00e9e et g\u00e9olocalis\u00e9e,\r\n                                vous pouvez consulter la position de votre v\u00e9hicule.\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sl-why-layers-note\">\r\n                    Toutes les fonctions ne sont pas n\u00e9cessairement pr\u00e9sentes\r\n                    sur chaque configuration : la protection est adapt\u00e9e\r\n                    au v\u00e9hicule et \u00e0 la solution StarLine retenue.\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5f0d556 e-con e-atomic-element e-flexbox-base e-5f0d556-13107d8 \" data-id=\"5f0d556\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5f0d556\" data-e-type=\"e-flexbox\" data-id=\"5f0d556\">\n    \t\t<div class=\"elementor-element elementor-element-cae077b elementor-widget elementor-widget-html\" data-id=\"cae077b\" 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 - POURQUOI STARLINE\r\n   CLE CONSTRUCTEUR + AUTORISATION STARLINE\r\n========================================== *\/\r\n\r\n.sl-why-auth {\r\n    width: 100%;\r\n    background: #ffffff;\r\n    padding: 100px 25px;\r\n    font-family: inherit;\r\n}\r\n\r\n.sl-why-auth-inner {\r\n    max-width: 1220px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   TITRE\r\n========================================== *\/\r\n\r\n.sl-why-auth-head {\r\n    max-width: 900px;\r\n    margin: 0 auto 58px;\r\n    text-align: center;\r\n}\r\n\r\n.sl-why-auth-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: 18px;\r\n}\r\n\r\n.sl-why-auth-kicker::before {\r\n    content: \"\";\r\n    width: 28px;\r\n    height: 4px;\r\n    border-radius: 10px;\r\n    background: #95d600;\r\n}\r\n\r\n.sl-why-auth h2 {\r\n    margin: 0 0 20px;\r\n    color: #0b3157;\r\n    font-size: clamp(36px,3.5vw,52px);\r\n    line-height: 1.08;\r\n    font-weight: 800;\r\n    letter-spacing: -1.2px;\r\n}\r\n\r\n.sl-why-auth h2 span {\r\n    color: #009fe3;\r\n}\r\n\r\n.sl-why-auth-head p {\r\n    margin: 0 auto;\r\n    max-width: 810px;\r\n    color: #617285;\r\n    font-size: 18px;\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   GRAND PANNEAU\r\n========================================== *\/\r\n\r\n.sl-why-auth-panel {\r\n    display: grid;\r\n    grid-template-columns: .95fr 1.05fr;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    box-shadow: 0 22px 60px rgba(11,49,87,.10);\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   GAUCHE - VISUEL\r\n========================================== *\/\r\n\r\n.sl-why-auth-visual {\r\n    min-height: 575px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    background:\r\n        radial-gradient(circle at 50% 45%, rgba(0,159,227,.18), transparent 40%),\r\n        #0b3157;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 45px;\r\n}\r\n\r\n.sl-why-auth-circle {\r\n    position: absolute;\r\n    width: 380px;\r\n    height: 380px;\r\n    border-radius: 50%;\r\n    border: 1px solid rgba(255,255,255,.09);\r\n}\r\n\r\n.sl-why-auth-ring {\r\n    position: absolute;\r\n    width: 305px;\r\n    height: 305px;\r\n    border-radius: 50%;\r\n    border: 2px dashed rgba(149,214,0,.20);\r\n}\r\n\r\n\r\n\/* CARTE *\/\r\n\r\n.sl-why-auth-card {\r\n    width: 290px;\r\n    position: relative;\r\n    z-index: 3;\r\n    padding: 28px 24px;\r\n    border-radius: 21px;\r\n    background: #ffffff;\r\n    box-shadow: 0 30px 65px rgba(0,0,0,.28);\r\n}\r\n\r\n.sl-why-auth-car {\r\n    height: 135px;\r\n    border-radius: 15px;\r\n    background: #eef6fa;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 17px;\r\n}\r\n\r\n.sl-why-auth-car svg {\r\n    width: 185px;\r\n    height: 100px;\r\n}\r\n\r\n\r\n\/* ETAT CLE *\/\r\n\r\n.sl-why-auth-key {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n    padding: 14px;\r\n    border-radius: 11px;\r\n    background: #f6fafc;\r\n    border: 1px solid #e1ebf1;\r\n    margin-bottom: 11px;\r\n}\r\n\r\n.sl-why-auth-key-icon {\r\n    width: 34px;\r\n    height: 34px;\r\n    min-width: 34px;\r\n    border-radius: 9px;\r\n    background: #eaf5fa;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.sl-why-auth-key-icon svg {\r\n    width: 19px;\r\n    height: 19px;\r\n    fill: none;\r\n    stroke: #009fe3;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n.sl-why-auth-key strong {\r\n    display: block;\r\n    color: #0b3157;\r\n    font-size: 13px;\r\n    margin-bottom: 2px;\r\n}\r\n\r\n.sl-why-auth-key span {\r\n    display: block;\r\n    color: #718292;\r\n    font-size: 10px;\r\n}\r\n\r\n\r\n\/* STARLINE STATUS *\/\r\n\r\n.sl-why-auth-starline {\r\n    padding: 15px;\r\n    border-radius: 11px;\r\n    background: #0b3157;\r\n}\r\n\r\n.sl-why-auth-starline small {\r\n    display: block;\r\n    color: #95d600;\r\n    font-size: 9px;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: .7px;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.sl-why-auth-starline strong {\r\n    display: block;\r\n    color: #ffffff;\r\n    font-size: 15px;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.sl-why-auth-starline span {\r\n    display: block;\r\n    color: #c7d7e4;\r\n    font-size: 11px;\r\n    line-height: 1.45;\r\n}\r\n\r\n\r\n\/* BADGES *\/\r\n\r\n.sl-why-auth-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(0,0,0,.20);\r\n    color: #0b3157;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n}\r\n\r\n.sl-why-auth-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-why-auth-badge-1 {\r\n    top: 68px;\r\n    left: 18px;\r\n}\r\n\r\n.sl-why-auth-badge-2 {\r\n    right: 17px;\r\n    bottom: 72px;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   DROITE\r\n========================================== *\/\r\n\r\n.sl-why-auth-content {\r\n    padding: 52px 48px;\r\n    background: #f7fbfd;\r\n}\r\n\r\n.sl-why-auth-content h3 {\r\n    margin: 0 0 14px;\r\n    color: #0b3157;\r\n    font-size: 29px;\r\n    line-height: 1.18;\r\n    font-weight: 800;\r\n}\r\n\r\n.sl-why-auth-content > p {\r\n    margin: 0 0 29px;\r\n    color: #647587;\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* ETAPES *\/\r\n\r\n.sl-why-auth-list {\r\n    display: grid;\r\n    gap: 13px;\r\n}\r\n\r\n.sl-why-auth-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 14px;\r\n    padding: 17px 18px;\r\n    border-radius: 11px;\r\n    background: #ffffff;\r\n    border: 1px solid #e1ebf1;\r\n}\r\n\r\n.sl-why-auth-number {\r\n    width: 38px;\r\n    height: 38px;\r\n    min-width: 38px;\r\n    border-radius: 10px;\r\n    background: #0b3157;\r\n    color: #95d600;\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.sl-why-auth-item strong {\r\n    display: block;\r\n    color: #0b3157;\r\n    font-size: 15px;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.sl-why-auth-item span {\r\n    display: block;\r\n    color: #6a7b8c;\r\n    font-size: 13px;\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\/* DERNIER ITEM *\/\r\n\r\n.sl-why-auth-item:last-child {\r\n    background: #0b3157;\r\n    border-color: #0b3157;\r\n}\r\n\r\n.sl-why-auth-item:last-child .sl-why-auth-number {\r\n    background: #95d600;\r\n    color: #ffffff;\r\n}\r\n\r\n.sl-why-auth-item:last-child strong {\r\n    color: #ffffff;\r\n}\r\n\r\n.sl-why-auth-item:last-child span {\r\n    color: #c2d3df;\r\n}\r\n\r\n\r\n\/* NOTE *\/\r\n\r\n.sl-why-auth-note {\r\n    margin-top: 24px;\r\n    padding: 17px 18px;\r\n    border-left: 4px solid #95d600;\r\n    background: #edf6fa;\r\n    color: #0b3157;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   RESPONSIVE\r\n========================================== *\/\r\n\r\n@media(max-width:900px) {\r\n\r\n    .sl-why-auth-panel {\r\n        grid-template-columns: 1fr;\r\n    }\r\n}\r\n\r\n@media(max-width:600px) {\r\n\r\n    .sl-why-auth {\r\n        padding: 65px 20px;\r\n    }\r\n\r\n    .sl-why-auth-visual {\r\n        min-height: 450px;\r\n        padding: 35px 20px;\r\n    }\r\n\r\n    .sl-why-auth-circle {\r\n        width: 300px;\r\n        height: 300px;\r\n    }\r\n\r\n    .sl-why-auth-ring {\r\n        width: 245px;\r\n        height: 245px;\r\n    }\r\n\r\n    .sl-why-auth-card {\r\n        width: 235px;\r\n        padding: 22px 18px;\r\n    }\r\n\r\n    .sl-why-auth-car svg {\r\n        width: 150px;\r\n    }\r\n\r\n    .sl-why-auth-badge {\r\n        font-size: 9px;\r\n        padding: 10px 11px;\r\n    }\r\n\r\n    .sl-why-auth-badge-1 {\r\n        left: 5px;\r\n    }\r\n\r\n    .sl-why-auth-badge-2 {\r\n        right: 5px;\r\n    }\r\n\r\n    .sl-why-auth-content {\r\n        padding: 38px 24px;\r\n    }\r\n\r\n    .sl-why-auth-content h3 {\r\n        font-size: 25px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sl-why-auth\">\r\n\r\n    <div class=\"sl-why-auth-inner\">\r\n\r\n\r\n        <!-- TITRE -->\r\n\r\n        <div class=\"sl-why-auth-head\">\r\n\r\n            <div class=\"sl-why-auth-kicker\">\r\n                Une autorisation suppl\u00e9mentaire\r\n            <\/div>\r\n\r\n            <h2>\r\n                La cl\u00e9 constructeur\r\n                <span>n\u2019est pas la seule autorisation.<\/span>\r\n            <\/h2>\r\n\r\n            <p>\r\n                StarLine peut ajouter son propre niveau de validation\r\n                \u00e0 celui du constructeur. L\u2019objectif est simple :\r\n                ne pas faire reposer toute la s\u00e9curit\u00e9 du v\u00e9hicule\r\n                sur la seule possession de sa cl\u00e9 d\u2019origine.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"sl-why-auth-panel\">\r\n\r\n\r\n            <!-- ==========================================\r\n                 VISUEL\r\n            =========================================== -->\r\n\r\n            <div class=\"sl-why-auth-visual\">\r\n\r\n                <div class=\"sl-why-auth-circle\"><\/div>\r\n                <div class=\"sl-why-auth-ring\"><\/div>\r\n\r\n\r\n                <div class=\"sl-why-auth-badge sl-why-auth-badge-1\">\r\n\r\n                    <small>\r\n                        Constructeur\r\n                    <\/small>\r\n\r\n                    Cl\u00e9 reconnue\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sl-why-auth-badge sl-why-auth-badge-2\">\r\n\r\n                    <small>\r\n                        StarLine\r\n                    <\/small>\r\n\r\n                    Validation suppl\u00e9mentaire\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"sl-why-auth-card\">\r\n\r\n\r\n                    <div class=\"sl-why-auth-car\">\r\n\r\n                        <svg viewBox=\"0 0 230 115\"\r\n                             xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n                            <path\r\n                                d=\"M17 72\r\n                                   L39 65\r\n                                   L58 44\r\n                                   C65 37 74 34 84 34\r\n                                   H148\r\n                                   C160 34 169 38 178 46\r\n                                   L195 64\r\n                                   L215 70\r\n                                   V92\r\n                                   H17 Z\"\r\n                                fill=\"#009fe3\"\/>\r\n\r\n                            <path\r\n                                d=\"M68 44\r\n                                   C74 40 80 39 88 39\r\n                                   H145\r\n                                   C153 39 159 41 165 47\r\n                                   L180 63\r\n                                   H55 Z\"\r\n                                fill=\"#ffffff\"\/>\r\n\r\n                            <circle cx=\"57\" cy=\"91\" r=\"18\" fill=\"#071f38\"\/>\r\n                            <circle cx=\"178\" cy=\"91\" r=\"18\" fill=\"#071f38\"\/>\r\n\r\n                            <circle cx=\"57\" cy=\"91\" r=\"8\" fill=\"#95d600\"\/>\r\n                            <circle cx=\"178\" cy=\"91\" r=\"8\" fill=\"#95d600\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"sl-why-auth-key\">\r\n\r\n                        <div class=\"sl-why-auth-key-icon\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n\r\n                                <circle cx=\"8\" cy=\"12\" r=\"4\"\/>\r\n                                <path d=\"M12 12h9\"\/>\r\n                                <path d=\"M18 12v3\"\/>\r\n                                <path d=\"M15 12v2\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div>\r\n\r\n                            <strong>\r\n                                Cl\u00e9 constructeur reconnue\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Le v\u00e9hicule reconna\u00eet sa cl\u00e9.\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"sl-why-auth-starline\">\r\n\r\n                        <small>\r\n                            Protection StarLine\r\n                        <\/small>\r\n\r\n                        <strong>\r\n                            Autorisation suppl\u00e9mentaire requise\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            La validation StarLine d\u00e9pend\r\n                            de la configuration install\u00e9e.\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- ==========================================\r\n                 CONTENU\r\n            =========================================== -->\r\n\r\n            <div class=\"sl-why-auth-content\">\r\n\r\n                <h3>\r\n                    Deux niveaux d\u2019autorisation au lieu d\u2019un seul.\r\n                <\/h3>\r\n\r\n                <p>\r\n                    La cl\u00e9 d\u2019origine continue de fonctionner normalement.\r\n                    StarLine ajoute cependant une couche de s\u00e9curit\u00e9\r\n                    suppl\u00e9mentaire pouvant conditionner l\u2019utilisation\r\n                    du v\u00e9hicule.\r\n                <\/p>\r\n\r\n\r\n                <div class=\"sl-why-auth-list\">\r\n\r\n\r\n                    <div class=\"sl-why-auth-item\">\r\n\r\n                        <div class=\"sl-why-auth-number\">\r\n                            01\r\n                        <\/div>\r\n\r\n                        <div>\r\n\r\n                            <strong>\r\n                                Le v\u00e9hicule reconna\u00eet sa cl\u00e9\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Les syst\u00e8mes d\u2019origine du constructeur\r\n                                continuent d\u2019assurer leur fonction habituelle.\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"sl-why-auth-item\">\r\n\r\n                        <div class=\"sl-why-auth-number\">\r\n                            02\r\n                        <\/div>\r\n\r\n                        <div>\r\n\r\n                            <strong>\r\n                                StarLine v\u00e9rifie sa propre autorisation\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Un second niveau de validation peut \u00eatre\r\n                                demand\u00e9 ind\u00e9pendamment de la cl\u00e9 constructeur.\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"sl-why-auth-item\">\r\n\r\n                        <div class=\"sl-why-auth-number\">\r\n                            03\r\n                        <\/div>\r\n\r\n                        <div>\r\n\r\n                            <strong>\r\n                                L\u2019utilisateur autoris\u00e9 est reconnu\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Selon la configuration, cette reconnaissance\r\n                                peut reposer sur les moyens d\u2019autorisation\r\n                                pr\u00e9vus avec le syst\u00e8me.\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"sl-why-auth-item\">\r\n\r\n                        <div class=\"sl-why-auth-number\">\r\n                            04\r\n                        <\/div>\r\n\r\n                        <div>\r\n\r\n                            <strong>\r\n                                Sans autorisation StarLine, la protection reste active\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                L\u2019antid\u00e9marrage et les fonctions de blocage\r\n                                configur\u00e9es ajoutent alors une barri\u00e8re\r\n                                suppl\u00e9mentaire contre l\u2019utilisation non autoris\u00e9e.\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sl-why-auth-note\">\r\n                    L\u2019objectif n\u2019est pas de remplacer la s\u00e9curit\u00e9 constructeur,\r\n                    mais de lui ajouter une protection ind\u00e9pendante et compl\u00e9mentaire.\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d120f2e e-con e-atomic-element e-flexbox-base e-d120f2e-d057b84 \" data-id=\"d120f2e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d120f2e\" data-e-type=\"e-flexbox\" data-id=\"d120f2e\">\n    \t\t<div class=\"elementor-element elementor-element-2716ed8 elementor-widget elementor-widget-html\" data-id=\"2716ed8\" 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 - POURQUOI STARLINE\r\n   ALERTES A DISTANCE\r\n========================================== *\/\r\n\r\n.sl-why-alerts {\r\n    width: 100%;\r\n    background: #f6fafc;\r\n    padding: 100px 25px;\r\n    font-family: inherit;\r\n}\r\n\r\n.sl-why-alerts-inner {\r\n    max-width: 1220px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   TITRE\r\n========================================== *\/\r\n\r\n.sl-why-alerts-head {\r\n    max-width: 900px;\r\n    margin: 0 auto 58px;\r\n    text-align: center;\r\n}\r\n\r\n.sl-why-alerts-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: 18px;\r\n}\r\n\r\n.sl-why-alerts-kicker::before {\r\n    content: \"\";\r\n    width: 28px;\r\n    height: 4px;\r\n    border-radius: 10px;\r\n    background: #95d600;\r\n}\r\n\r\n.sl-why-alerts h2 {\r\n    margin: 0 0 20px;\r\n    color: #0b3157;\r\n    font-size: clamp(36px,3.5vw,52px);\r\n    line-height: 1.08;\r\n    font-weight: 800;\r\n    letter-spacing: -1.2px;\r\n}\r\n\r\n.sl-why-alerts h2 span {\r\n    color: #009fe3;\r\n}\r\n\r\n.sl-why-alerts-head p {\r\n    margin: 0 auto;\r\n    max-width: 820px;\r\n    color: #617285;\r\n    font-size: 18px;\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   GRAND PANNEAU\r\n========================================== *\/\r\n\r\n.sl-why-alerts-panel {\r\n    display: grid;\r\n    grid-template-columns: 1.03fr .97fr;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    box-shadow: 0 22px 60px rgba(11,49,87,.10);\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   CONTENU GAUCHE\r\n========================================== *\/\r\n\r\n.sl-why-alerts-content {\r\n    padding: 52px 48px;\r\n    background: #ffffff;\r\n}\r\n\r\n.sl-why-alerts-content h3 {\r\n    margin: 0 0 14px;\r\n    color: #0b3157;\r\n    font-size: 29px;\r\n    line-height: 1.18;\r\n    font-weight: 800;\r\n}\r\n\r\n.sl-why-alerts-content > p {\r\n    margin: 0 0 28px;\r\n    color: #647587;\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* LISTE *\/\r\n\r\n.sl-why-alerts-list {\r\n    display: grid;\r\n    gap: 13px;\r\n}\r\n\r\n.sl-why-alerts-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 14px;\r\n    padding: 17px 18px;\r\n    border-radius: 11px;\r\n    background: #f7fbfd;\r\n    border: 1px solid #e1ebf1;\r\n}\r\n\r\n.sl-why-alerts-icon {\r\n    width: 42px;\r\n    height: 42px;\r\n    min-width: 42px;\r\n    border-radius: 11px;\r\n    background: #0b3157;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.sl-why-alerts-icon svg {\r\n    width: 23px;\r\n    height: 23px;\r\n    fill: none;\r\n    stroke: #95d600;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n.sl-why-alerts-item strong {\r\n    display: block;\r\n    color: #0b3157;\r\n    font-size: 15px;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.sl-why-alerts-item span {\r\n    display: block;\r\n    color: #6a7b8c;\r\n    font-size: 13px;\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\/* NOTE *\/\r\n\r\n.sl-why-alerts-note {\r\n    margin-top: 24px;\r\n    padding: 17px 18px;\r\n    border-left: 4px solid #95d600;\r\n    background: #edf6fa;\r\n    color: #0b3157;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   VISUEL DROITE\r\n========================================== *\/\r\n\r\n.sl-why-alerts-visual {\r\n    position: relative;\r\n    overflow: hidden;\r\n    min-height: 600px;\r\n    background:\r\n        radial-gradient(circle at 50% 40%, rgba(0,159,227,.18), transparent 38%),\r\n        #0b3157;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 45px;\r\n}\r\n\r\n.sl-why-alerts-circle {\r\n    position: absolute;\r\n    width: 390px;\r\n    height: 390px;\r\n    border-radius: 50%;\r\n    border: 1px solid rgba(255,255,255,.08);\r\n}\r\n\r\n.sl-why-alerts-ring {\r\n    position: absolute;\r\n    width: 315px;\r\n    height: 315px;\r\n    border-radius: 50%;\r\n    border: 2px dashed rgba(149,214,0,.20);\r\n}\r\n\r\n\r\n\/* TELEPHONE *\/\r\n\r\n.sl-why-alerts-phone {\r\n    width: 245px;\r\n    height: 455px;\r\n    padding: 12px;\r\n    border-radius: 32px;\r\n    background: #071f38;\r\n    position: relative;\r\n    z-index: 3;\r\n    box-shadow: 0 30px 65px rgba(0,0,0,.35);\r\n}\r\n\r\n.sl-why-alerts-screen {\r\n    height: 100%;\r\n    border-radius: 23px;\r\n    overflow: hidden;\r\n    background: #f5f9fb;\r\n    position: relative;\r\n}\r\n\r\n.sl-why-alerts-notch {\r\n    width: 75px;\r\n    height: 17px;\r\n    border-radius: 0 0 12px 12px;\r\n    background: #071f38;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    z-index: 3;\r\n}\r\n\r\n\r\n\/* APP HEADER *\/\r\n\r\n.sl-why-alerts-apphead {\r\n    padding: 39px 17px 15px;\r\n    background: #ffffff;\r\n    border-bottom: 1px solid #e2ebf0;\r\n}\r\n\r\n.sl-why-alerts-apphead 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: .8px;\r\n    margin-bottom: 3px;\r\n}\r\n\r\n.sl-why-alerts-apphead strong {\r\n    display: block;\r\n    color: #0b3157;\r\n    font-size: 15px;\r\n}\r\n\r\n\r\n\/* VEHICULE *\/\r\n\r\n.sl-why-alerts-appcar {\r\n    margin: 15px;\r\n    height: 105px;\r\n    border-radius: 14px;\r\n    background: #0b3157;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.sl-why-alerts-appcar svg {\r\n    width: 145px;\r\n    height: 80px;\r\n}\r\n\r\n\r\n\/* ALERTE *\/\r\n\r\n.sl-why-alerts-appalert {\r\n    margin: 0 15px 10px;\r\n    padding: 14px;\r\n    border-radius: 12px;\r\n    background: #ffffff;\r\n    border: 1px solid #dfe9ef;\r\n    box-shadow: 0 8px 20px rgba(11,49,87,.06);\r\n}\r\n\r\n.sl-why-alerts-alerttop {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin-bottom: 7px;\r\n}\r\n\r\n.sl-why-alerts-alertdot {\r\n    width: 10px;\r\n    height: 10px;\r\n    border-radius: 50%;\r\n    background: #95d600;\r\n    box-shadow: 0 0 0 5px rgba(149,214,0,.13);\r\n}\r\n\r\n.sl-why-alerts-alerttop strong {\r\n    color: #0b3157;\r\n    font-size: 12px;\r\n}\r\n\r\n.sl-why-alerts-appalert span {\r\n    display: block;\r\n    color: #708190;\r\n    font-size: 10px;\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\/* MINI CARTE *\/\r\n\r\n.sl-why-alerts-map {\r\n    height: 90px;\r\n    margin: 0 15px;\r\n    border-radius: 12px;\r\n    background: #e6f3f8;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.sl-why-alerts-map::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 140%;\r\n    height: 6px;\r\n    background: #ffffff;\r\n    top: 42px;\r\n    left: -30px;\r\n    transform: rotate(-12deg);\r\n}\r\n\r\n.sl-why-alerts-map::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 6px;\r\n    height: 140%;\r\n    background: #ffffff;\r\n    left: 50%;\r\n    top: -15px;\r\n    transform: rotate(15deg);\r\n}\r\n\r\n.sl-why-alerts-pin {\r\n    position: absolute;\r\n    z-index: 3;\r\n    width: 28px;\r\n    height: 28px;\r\n    border-radius: 50% 50% 50% 0;\r\n    transform: rotate(-45deg);\r\n    background: #0b3157;\r\n    left: 52%;\r\n    top: 27%;\r\n}\r\n\r\n.sl-why-alerts-pin::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 9px;\r\n    height: 9px;\r\n    border-radius: 50%;\r\n    background: #95d600;\r\n    left: 9px;\r\n    top: 9px;\r\n}\r\n\r\n\r\n\/* BADGES EXTERNES *\/\r\n\r\n.sl-why-alerts-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(0,0,0,.22);\r\n    color: #0b3157;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n}\r\n\r\n.sl-why-alerts-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-why-alerts-badge-1 {\r\n    top: 70px;\r\n    left: 17px;\r\n}\r\n\r\n.sl-why-alerts-badge-2 {\r\n    top: 220px;\r\n    right: 16px;\r\n}\r\n\r\n.sl-why-alerts-badge-3 {\r\n    bottom: 65px;\r\n    left: 20px;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   RESPONSIVE\r\n========================================== *\/\r\n\r\n@media(max-width:900px) {\r\n\r\n    .sl-why-alerts-panel {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .sl-why-alerts-visual {\r\n        min-height: 570px;\r\n    }\r\n}\r\n\r\n@media(max-width:600px) {\r\n\r\n    .sl-why-alerts {\r\n        padding: 65px 20px;\r\n    }\r\n\r\n    .sl-why-alerts-content {\r\n        padding: 38px 24px;\r\n    }\r\n\r\n    .sl-why-alerts-content h3 {\r\n        font-size: 25px;\r\n    }\r\n\r\n    .sl-why-alerts-visual {\r\n        min-height: 520px;\r\n        padding: 30px 15px;\r\n    }\r\n\r\n    .sl-why-alerts-circle {\r\n        width: 300px;\r\n        height: 300px;\r\n    }\r\n\r\n    .sl-why-alerts-ring {\r\n        width: 250px;\r\n        height: 250px;\r\n    }\r\n\r\n    .sl-why-alerts-phone {\r\n        width: 205px;\r\n        height: 405px;\r\n    }\r\n\r\n    .sl-why-alerts-appcar {\r\n        height: 90px;\r\n    }\r\n\r\n    .sl-why-alerts-appcar svg {\r\n        width: 125px;\r\n    }\r\n\r\n    .sl-why-alerts-badge {\r\n        font-size: 9px;\r\n        padding: 10px 11px;\r\n    }\r\n\r\n    .sl-why-alerts-badge-1 {\r\n        left: 2px;\r\n        top: 55px;\r\n    }\r\n\r\n    .sl-why-alerts-badge-2 {\r\n        right: 2px;\r\n        top: 190px;\r\n    }\r\n\r\n    .sl-why-alerts-badge-3 {\r\n        left: 3px;\r\n        bottom: 50px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sl-why-alerts\">\r\n\r\n    <div class=\"sl-why-alerts-inner\">\r\n\r\n\r\n        <!-- TITRE -->\r\n\r\n        <div class=\"sl-why-alerts-head\">\r\n\r\n            <div class=\"sl-why-alerts-kicker\">\r\n                Alertes \u00e0 distance\r\n            <\/div>\r\n\r\n            <h2>\r\n                Votre v\u00e9hicule peut\r\n                <span>vous pr\u00e9venir lui-m\u00eame.<\/span>\r\n            <\/h2>\r\n\r\n            <p>\r\n                Une sir\u00e8ne est utile pour signaler un \u00e9v\u00e9nement autour\r\n                du v\u00e9hicule. Avec une configuration StarLine connect\u00e9e,\r\n                l\u2019information peut \u00e9galement vous parvenir directement,\r\n                m\u00eame lorsque vous n\u2019\u00eates pas \u00e0 proximit\u00e9.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"sl-why-alerts-panel\">\r\n\r\n\r\n            <!-- ==========================================\r\n                 CONTENU\r\n            =========================================== -->\r\n\r\n            <div class=\"sl-why-alerts-content\">\r\n\r\n                <h3>\r\n                    Vous n\u2019avez pas besoin d\u2019\u00eatre \u00e0 c\u00f4t\u00e9 du v\u00e9hicule pour savoir ce qu\u2019il se passe.\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Selon la solution install\u00e9e, StarLine peut transmettre\r\n                    diff\u00e9rentes informations \u00e0 distance et vous permettre\r\n                    de consulter l\u2019\u00e9tat de votre v\u00e9hicule depuis votre smartphone.\r\n                <\/p>\r\n\r\n\r\n                <div class=\"sl-why-alerts-list\">\r\n\r\n\r\n                    <!-- APPEL -->\r\n\r\n                    <div class=\"sl-why-alerts-item\">\r\n\r\n                        <div class=\"sl-why-alerts-icon\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M22 16.9v3a2 2 0 0 1-2.2 2\r\n                                         19.8 19.8 0 0 1-8.6-3.1\r\n                                         19.5 19.5 0 0 1-6-6\r\n                                         19.8 19.8 0 0 1-3.1-8.6\r\n                                         A2 2 0 0 1 4.1 2h3\r\n                                         a2 2 0 0 1 2 1.7\r\n                                         12.8 12.8 0 0 0 .7 2.8\r\n                                         2 2 0 0 1-.5 2.1L8 9.9\r\n                                         a16 16 0 0 0 6 6l1.3-1.3\r\n                                         a2 2 0 0 1 2.1-.5\r\n                                         12.8 12.8 0 0 0 2.8.7\r\n                                         A2 2 0 0 1 22 16.9z\"\/>\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <div>\r\n\r\n                            <strong>\r\n                                Appel\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Selon la configuration connect\u00e9e,\r\n                                le syst\u00e8me peut vous appeler lorsqu\u2019un\r\n                                \u00e9v\u00e9nement configur\u00e9 est d\u00e9tect\u00e9.\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- SMS -->\r\n\r\n                    <div class=\"sl-why-alerts-item\">\r\n\r\n                        <div class=\"sl-why-alerts-icon\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z\"\/>\r\n                                <path d=\"M8 9h8\"\/>\r\n                                <path d=\"M8 13h5\"\/>\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <div>\r\n\r\n                            <strong>\r\n                                SMS\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Les \u00e9v\u00e9nements pr\u00e9vus peuvent \u00e9galement\r\n                                g\u00e9n\u00e9rer l\u2019envoi d\u2019un message d\u2019information.\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- NOTIFICATION -->\r\n\r\n                    <div class=\"sl-why-alerts-item\">\r\n\r\n                        <div class=\"sl-why-alerts-icon\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9\"\/>\r\n                                <path d=\"M10 21h4\"\/>\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <div>\r\n\r\n                            <strong>\r\n                                Notification\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                L\u2019application StarLine peut vous informer\r\n                                directement sur votre smartphone.\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- APPLICATION -->\r\n\r\n                    <div class=\"sl-why-alerts-item\">\r\n\r\n                        <div class=\"sl-why-alerts-icon\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <rect x=\"6\" y=\"2\" width=\"12\" height=\"20\" rx=\"2\"\/>\r\n                                <path d=\"M10 18h4\"\/>\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <div>\r\n\r\n                            <strong>\r\n                                Application StarLine\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Avec une solution compatible, vous pouvez\r\n                                consulter les informations disponibles\r\n                                et acc\u00e9der aux fonctions pr\u00e9vues.\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- GPS -->\r\n\r\n                    <div class=\"sl-why-alerts-item\">\r\n\r\n                        <div class=\"sl-why-alerts-icon\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M20 10c0 6-8 12-8 12S4 16 4 10a8 8 0 1 1 16 0z\"\/>\r\n                                <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <div>\r\n\r\n                            <strong>\r\n                                G\u00e9olocalisation\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Avec une solution StarLine g\u00e9olocalis\u00e9e,\r\n                                la position du v\u00e9hicule peut \u00eatre consult\u00e9e\r\n                                depuis l\u2019application.\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sl-why-alerts-note\">\r\n                    Les appels, SMS, notifications, fonctions de l\u2019application\r\n                    et la g\u00e9olocalisation d\u00e9pendent du syst\u00e8me StarLine\r\n                    et de la configuration install\u00e9s sur le v\u00e9hicule.\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- ==========================================\r\n                 VISUEL TELEPHONE\r\n            =========================================== -->\r\n\r\n            <div class=\"sl-why-alerts-visual\">\r\n\r\n\r\n                <div class=\"sl-why-alerts-circle\"><\/div>\r\n                <div class=\"sl-why-alerts-ring\"><\/div>\r\n\r\n\r\n                <div class=\"sl-why-alerts-badge sl-why-alerts-badge-1\">\r\n\r\n                    <small>\r\n                        Alerte\r\n                    <\/small>\r\n\r\n                    Appel\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sl-why-alerts-badge sl-why-alerts-badge-2\">\r\n\r\n                    <small>\r\n                        Information\r\n                    <\/small>\r\n\r\n                    SMS + notification\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sl-why-alerts-badge sl-why-alerts-badge-3\">\r\n\r\n                    <small>\r\n                        Position\r\n                    <\/small>\r\n\r\n                    G\u00e9olocalisation\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"sl-why-alerts-phone\">\r\n\r\n                    <div class=\"sl-why-alerts-screen\">\r\n\r\n\r\n                        <div class=\"sl-why-alerts-notch\"><\/div>\r\n\r\n\r\n                        <div class=\"sl-why-alerts-apphead\">\r\n\r\n                            <small>\r\n                                StarLine\r\n                            <\/small>\r\n\r\n                            <strong>\r\n                                Mon v\u00e9hicule\r\n                            <\/strong>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <div class=\"sl-why-alerts-appcar\">\r\n\r\n                            <svg viewBox=\"0 0 220 110\"\r\n                                 xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n                                <path\r\n                                    d=\"M18 69\r\n                                       L38 63\r\n                                       L57 43\r\n                                       C64 36 72 33 83 33\r\n                                       H143\r\n                                       C156 33 165 37 174 45\r\n                                       L192 62\r\n                                       L211 68\r\n                                       V88\r\n                                       H18 Z\"\r\n                                    fill=\"#009fe3\"\/>\r\n\r\n                                <path\r\n                                    d=\"M67 43\r\n                                       C73 39 79 38 87 38\r\n                                       H141\r\n                                       C150 38 156 40 162 46\r\n                                       L176 61\r\n                                       H54 Z\"\r\n                                    fill=\"#ffffff\"\/>\r\n\r\n                                <circle cx=\"57\"\r\n                                        cy=\"87\"\r\n                                        r=\"17\"\r\n                                        fill=\"#071f38\"\/>\r\n\r\n                                <circle cx=\"176\"\r\n                                        cy=\"87\"\r\n                                        r=\"17\"\r\n                                        fill=\"#071f38\"\/>\r\n\r\n                                <circle cx=\"57\"\r\n                                        cy=\"87\"\r\n                                        r=\"8\"\r\n                                        fill=\"#95d600\"\/>\r\n\r\n                                <circle cx=\"176\"\r\n                                        cy=\"87\"\r\n                                        r=\"8\"\r\n                                        fill=\"#95d600\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <div class=\"sl-why-alerts-appalert\">\r\n\r\n                            <div class=\"sl-why-alerts-alerttop\">\r\n\r\n                                <div class=\"sl-why-alerts-alertdot\"><\/div>\r\n\r\n                                <strong>\r\n                                    \u00c9v\u00e9nement d\u00e9tect\u00e9\r\n                                <\/strong>\r\n\r\n                            <\/div>\r\n\r\n                            <span>\r\n                                Une information vient d\u2019\u00eatre\r\n                                transmise par votre v\u00e9hicule.\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <div class=\"sl-why-alerts-map\">\r\n\r\n                            <div class=\"sl-why-alerts-pin\"><\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-0cec6e4 e-con e-atomic-element e-flexbox-base e-0cec6e4-ea720b1 \" data-id=\"0cec6e4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0cec6e4\" data-e-type=\"e-flexbox\" data-id=\"0cec6e4\">\n    \t\t<div class=\"elementor-element elementor-element-0b23752 elementor-widget elementor-widget-html\" data-id=\"0b23752\" 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 - POURQUOI STARLINE\r\n   ADAPTATION AU VEHICULE\r\n========================================== *\/\r\n\r\n.sl-why-vehicle {\r\n    width: 100%;\r\n    background: #ffffff;\r\n    padding: 100px 25px;\r\n    font-family: inherit;\r\n}\r\n\r\n.sl-why-vehicle-inner {\r\n    max-width: 1220px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   TITRE\r\n========================================== *\/\r\n\r\n.sl-why-vehicle-head {\r\n    max-width: 900px;\r\n    margin: 0 auto 58px;\r\n    text-align: center;\r\n}\r\n\r\n.sl-why-vehicle-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: 18px;\r\n}\r\n\r\n.sl-why-vehicle-kicker::before {\r\n    content: \"\";\r\n    width: 28px;\r\n    height: 4px;\r\n    border-radius: 10px;\r\n    background: #95d600;\r\n}\r\n\r\n.sl-why-vehicle h2 {\r\n    margin: 0 0 20px;\r\n    color: #0b3157;\r\n    font-size: clamp(36px,3.5vw,52px);\r\n    line-height: 1.08;\r\n    font-weight: 800;\r\n    letter-spacing: -1.2px;\r\n}\r\n\r\n.sl-why-vehicle h2 span {\r\n    color: #009fe3;\r\n}\r\n\r\n.sl-why-vehicle-head p {\r\n    margin: 0 auto;\r\n    max-width: 820px;\r\n    color: #617285;\r\n    font-size: 18px;\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   CARTES VEHICULES\r\n========================================== *\/\r\n\r\n.sl-why-vehicle-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4,1fr);\r\n    gap: 18px;\r\n}\r\n\r\n.sl-why-vehicle-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    min-height: 390px;\r\n    padding: 28px 24px;\r\n    border-radius: 19px;\r\n    background: #f6fafc;\r\n    border: 1px solid #e1ebf1;\r\n    transition: .28s ease;\r\n}\r\n\r\n.sl-why-vehicle-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 18px 40px rgba(11,49,87,.10);\r\n}\r\n\r\n.sl-why-vehicle-card-featured {\r\n    background:\r\n        radial-gradient(circle at 85% 10%, rgba(0,159,227,.15), transparent 35%),\r\n        #0b3157;\r\n    border-color: #0b3157;\r\n}\r\n\r\n\r\n\/* NUMERO *\/\r\n\r\n.sl-why-vehicle-number {\r\n    display: inline-block;\r\n    margin-bottom: 22px;\r\n    color: #009fe3;\r\n    font-size: 11px;\r\n    font-weight: 900;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.sl-why-vehicle-card-featured .sl-why-vehicle-number {\r\n    color: #95d600;\r\n}\r\n\r\n\r\n\/* ICONE *\/\r\n\r\n.sl-why-vehicle-icon {\r\n    width: 70px;\r\n    height: 70px;\r\n    border-radius: 18px;\r\n    margin-bottom: 24px;\r\n    background: #0b3157;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.sl-why-vehicle-card-featured .sl-why-vehicle-icon {\r\n    background: rgba(255,255,255,.09);\r\n    border: 1px solid rgba(255,255,255,.12);\r\n}\r\n\r\n.sl-why-vehicle-icon svg {\r\n    width: 45px;\r\n    height: 45px;\r\n}\r\n\r\n\r\n\/* TITRES *\/\r\n\r\n.sl-why-vehicle-card h3 {\r\n    margin: 0 0 12px;\r\n    color: #0b3157;\r\n    font-size: 21px;\r\n    line-height: 1.2;\r\n    font-weight: 800;\r\n}\r\n\r\n.sl-why-vehicle-card-featured h3 {\r\n    color: #ffffff;\r\n}\r\n\r\n.sl-why-vehicle-card p {\r\n    margin: 0 0 20px;\r\n    color: #677889;\r\n    font-size: 14px;\r\n    line-height: 1.65;\r\n}\r\n\r\n.sl-why-vehicle-card-featured p {\r\n    color: #c5d6e2;\r\n}\r\n\r\n\r\n\/* PETITS POINTS *\/\r\n\r\n.sl-why-vehicle-points {\r\n    display: grid;\r\n    gap: 9px;\r\n}\r\n\r\n.sl-why-vehicle-point {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 8px;\r\n    color: #0b3157;\r\n    font-size: 12px;\r\n    line-height: 1.45;\r\n    font-weight: 700;\r\n}\r\n\r\n.sl-why-vehicle-point::before {\r\n    content: \"\u2713\";\r\n    width: 18px;\r\n    height: 18px;\r\n    min-width: 18px;\r\n    border-radius: 50%;\r\n    background: #95d600;\r\n    color: #ffffff;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 9px;\r\n    font-weight: 900;\r\n}\r\n\r\n.sl-why-vehicle-card-featured .sl-why-vehicle-point {\r\n    color: #ffffff;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   BANDEAU CENTRAL\r\n========================================== *\/\r\n\r\n.sl-why-vehicle-bottom {\r\n    margin-top: 42px;\r\n    border-radius: 20px;\r\n    padding: 38px 42px;\r\n    background:\r\n        radial-gradient(circle at 90% 50%, rgba(0,159,227,.15), transparent 30%),\r\n        #0b3157;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 35px;\r\n}\r\n\r\n.sl-why-vehicle-bottom-content {\r\n    max-width: 760px;\r\n}\r\n\r\n.sl-why-vehicle-bottom small {\r\n    display: block;\r\n    margin-bottom: 7px;\r\n    color: #95d600;\r\n    font-size: 10px;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: .8px;\r\n}\r\n\r\n.sl-why-vehicle-bottom strong {\r\n    display: block;\r\n    color: #ffffff;\r\n    font-size: 23px;\r\n    line-height: 1.25;\r\n    margin-bottom: 7px;\r\n}\r\n\r\n.sl-why-vehicle-bottom p {\r\n    margin: 0;\r\n    color: #c6d7e3;\r\n    font-size: 14px;\r\n    line-height: 1.65;\r\n}\r\n\r\n.sl-why-vehicle-bottom-badge {\r\n    flex-shrink: 0;\r\n    width: 135px;\r\n    height: 135px;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,.07);\r\n    border: 1px dashed rgba(149,214,0,.30);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n}\r\n\r\n.sl-why-vehicle-bottom-badge span {\r\n    color: #ffffff;\r\n    font-size: 12px;\r\n    line-height: 1.45;\r\n    font-weight: 800;\r\n}\r\n\r\n.sl-why-vehicle-bottom-badge b {\r\n    display: block;\r\n    margin-bottom: 4px;\r\n    color: #95d600;\r\n    font-size: 22px;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   RESPONSIVE\r\n========================================== *\/\r\n\r\n@media(max-width:1000px) {\r\n\r\n    .sl-why-vehicle-grid {\r\n        grid-template-columns: repeat(2,1fr);\r\n    }\r\n}\r\n\r\n@media(max-width:700px) {\r\n\r\n    .sl-why-vehicle-bottom {\r\n        flex-direction: column;\r\n        text-align: center;\r\n    }\r\n}\r\n\r\n@media(max-width:600px) {\r\n\r\n    .sl-why-vehicle {\r\n        padding: 65px 20px;\r\n    }\r\n\r\n    .sl-why-vehicle-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .sl-why-vehicle-card {\r\n        min-height: auto;\r\n        padding: 28px 23px;\r\n    }\r\n\r\n    .sl-why-vehicle-bottom {\r\n        padding: 32px 24px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sl-why-vehicle\">\r\n\r\n    <div class=\"sl-why-vehicle-inner\">\r\n\r\n\r\n        <!-- ==========================================\r\n             TITRE\r\n        =========================================== -->\r\n\r\n        <div class=\"sl-why-vehicle-head\">\r\n\r\n            <div class=\"sl-why-vehicle-kicker\">\r\n                Une protection sur mesure\r\n            <\/div>\r\n\r\n            <h2>\r\n                StarLine s\u2019adapte au v\u00e9hicule,\r\n                <span>pas l\u2019inverse.<\/span>\r\n            <\/h2>\r\n\r\n            <p>\r\n                Chaque v\u00e9hicule poss\u00e8de sa propre architecture \u00e9lectronique,\r\n                ses \u00e9quipements et ses points de vuln\u00e9rabilit\u00e9.\r\n                C\u2019est pourquoi la configuration StarLine est \u00e9tudi\u00e9e\r\n                en fonction du v\u00e9hicule \u00e0 prot\u00e9ger.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- ==========================================\r\n             CARTES\r\n        =========================================== -->\r\n\r\n        <div class=\"sl-why-vehicle-grid\">\r\n\r\n\r\n            <!-- AUTOMOBILE -->\r\n\r\n            <div class=\"sl-why-vehicle-card\">\r\n\r\n                <div class=\"sl-why-vehicle-number\">\r\n                    01\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sl-why-vehicle-icon\">\r\n\r\n                    <svg viewBox=\"0 0 64 64\"\r\n                         xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n                        <path\r\n                            d=\"M6 38\r\n                               L13 30\r\n                               C16 26 20 24 25 24\r\n                               H40\r\n                               C45 24 49 26 52 30\r\n                               L58 38\r\n                               V49\r\n                               H6 Z\"\r\n                            fill=\"#009fe3\"\/>\r\n\r\n                        <circle cx=\"17\" cy=\"48\" r=\"6\" fill=\"#95d600\"\/>\r\n                        <circle cx=\"47\" cy=\"48\" r=\"6\" fill=\"#95d600\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <h3>\r\n                    Automobile\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Une protection adapt\u00e9e aux v\u00e9hicules du quotidien,\r\n                    de la citadine au SUV.\r\n                <\/p>\r\n\r\n\r\n                <div class=\"sl-why-vehicle-points\">\r\n\r\n                    <div class=\"sl-why-vehicle-point\">\r\n                        Antid\u00e9marrage\r\n                    <\/div>\r\n\r\n                    <div class=\"sl-why-vehicle-point\">\r\n                        D\u00e9tection des \u00e9v\u00e9nements\r\n                    <\/div>\r\n\r\n                    <div class=\"sl-why-vehicle-point\">\r\n                        Protection connect\u00e9e selon solution\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- PREMIUM -->\r\n\r\n            <div class=\"sl-why-vehicle-card sl-why-vehicle-card-featured\">\r\n\r\n                <div class=\"sl-why-vehicle-number\">\r\n                    02\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sl-why-vehicle-icon\">\r\n\r\n                    <svg viewBox=\"0 0 64 64\"\r\n                         xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n                        <path\r\n                            d=\"M4 39\r\n                               L14 34\r\n                               L23 24\r\n                               C26 21 30 20 35 20\r\n                               H43\r\n                               C48 20 52 22 55 26\r\n                               L61 38\r\n                               V49\r\n                               H4 Z\"\r\n                            fill=\"#009fe3\"\/>\r\n\r\n                        <circle cx=\"17\" cy=\"48\" r=\"6\" fill=\"#95d600\"\/>\r\n                        <circle cx=\"49\" cy=\"48\" r=\"6\" fill=\"#95d600\"\/>\r\n\r\n                        <path\r\n                            d=\"M27 33\r\n                               L34 25\r\n                               H43\r\n                               L49 33 Z\"\r\n                            fill=\"#ffffff\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <h3>\r\n                    Premium & sportif\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Pour des v\u00e9hicules \u00e0 forte valeur ou particuli\u00e8rement\r\n                    expos\u00e9s aux techniques de vol modernes.\r\n                <\/p>\r\n\r\n\r\n                <div class=\"sl-why-vehicle-points\">\r\n\r\n                    <div class=\"sl-why-vehicle-point\">\r\n                        Autorisation suppl\u00e9mentaire\r\n                    <\/div>\r\n\r\n                    <div class=\"sl-why-vehicle-point\">\r\n                        Blocage moteur\r\n                    <\/div>\r\n\r\n                    <div class=\"sl-why-vehicle-point\">\r\n                        Installation discr\u00e8te\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- VAN -->\r\n\r\n            <div class=\"sl-why-vehicle-card\">\r\n\r\n                <div class=\"sl-why-vehicle-number\">\r\n                    03\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sl-why-vehicle-icon\">\r\n\r\n                    <svg viewBox=\"0 0 64 64\"\r\n                         xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n                        <path\r\n                            d=\"M6 20\r\n                               H42\r\n                               C48 20 52 23 55 28\r\n                               L60 37\r\n                               V49\r\n                               H6 Z\"\r\n                            fill=\"#009fe3\"\/>\r\n\r\n                        <rect x=\"12\" y=\"26\"\r\n                              width=\"13\"\r\n                              height=\"10\"\r\n                              rx=\"2\"\r\n                              fill=\"#ffffff\"\/>\r\n\r\n                        <rect x=\"29\" y=\"26\"\r\n                              width=\"12\"\r\n                              height=\"10\"\r\n                              rx=\"2\"\r\n                              fill=\"#ffffff\"\/>\r\n\r\n                        <circle cx=\"18\" cy=\"48\" r=\"6\" fill=\"#95d600\"\/>\r\n                        <circle cx=\"49\" cy=\"48\" r=\"6\" fill=\"#95d600\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <h3>\r\n                    Van & fourgon am\u00e9nag\u00e9\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Un v\u00e9hicule qui doit \u00eatre prot\u00e9g\u00e9 aussi bien\r\n                    pendant les d\u00e9placements que lors des \u00e9tapes.\r\n                <\/p>\r\n\r\n\r\n                <div class=\"sl-why-vehicle-points\">\r\n\r\n                    <div class=\"sl-why-vehicle-point\">\r\n                        Protection des acc\u00e8s\r\n                    <\/div>\r\n\r\n                    <div class=\"sl-why-vehicle-point\">\r\n                        Surveillance \u00e0 bord\r\n                    <\/div>\r\n\r\n                    <div class=\"sl-why-vehicle-point\">\r\n                        G\u00e9olocalisation selon solution\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- CAMPING CAR -->\r\n\r\n            <div class=\"sl-why-vehicle-card\">\r\n\r\n                <div class=\"sl-why-vehicle-number\">\r\n                    04\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sl-why-vehicle-icon\">\r\n\r\n                    <svg viewBox=\"0 0 64 64\"\r\n                         xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n                        <path\r\n                            d=\"M5 18\r\n                               H48\r\n                               C54 18 58 22 58 28\r\n                               V48\r\n                               H5 Z\"\r\n                            fill=\"#009fe3\"\/>\r\n\r\n                        <rect x=\"11\"\r\n                              y=\"24\"\r\n                              width=\"14\"\r\n                              height=\"11\"\r\n                              rx=\"2\"\r\n                              fill=\"#ffffff\"\/>\r\n\r\n                        <rect x=\"30\"\r\n                              y=\"24\"\r\n                              width=\"12\"\r\n                              height=\"11\"\r\n                              rx=\"2\"\r\n                              fill=\"#ffffff\"\/>\r\n\r\n                        <circle cx=\"17\" cy=\"48\" r=\"6\" fill=\"#95d600\"\/>\r\n                        <circle cx=\"48\" cy=\"48\" r=\"6\" fill=\"#95d600\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <h3>\r\n                    Camping-car\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Porteur, cabine, cellule, porte d\u2019entr\u00e9e,\r\n                    coffres et soutes peuvent n\u00e9cessiter\r\n                    une approche sp\u00e9cifique.\r\n                <\/p>\r\n\r\n\r\n                <div class=\"sl-why-vehicle-points\">\r\n\r\n                    <div class=\"sl-why-vehicle-point\">\r\n                        Protection cabine & cellule\r\n                    <\/div>\r\n\r\n                    <div class=\"sl-why-vehicle-point\">\r\n                        Surveillance des acc\u00e8s\r\n                    <\/div>\r\n\r\n                    <div class=\"sl-why-vehicle-point\">\r\n                        Antid\u00e9marrage du v\u00e9hicule\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- ==========================================\r\n             BANDEAU\r\n        =========================================== -->\r\n\r\n        <div class=\"sl-why-vehicle-bottom\">\r\n\r\n\r\n            <div class=\"sl-why-vehicle-bottom-content\">\r\n\r\n                <small>\r\n                    La bonne configuration avant tout\r\n                <\/small>\r\n\r\n                <strong>\r\n                    Nous commen\u00e7ons par \u00e9tudier votre v\u00e9hicule.\r\n                <\/strong>\r\n\r\n                <p>\r\n                    Marque, mod\u00e8le, ann\u00e9e, motorisation, type de d\u00e9marrage,\r\n                    \u00e9quipements et utilisation : ces informations nous permettent\r\n                    de d\u00e9finir une protection coh\u00e9rente avant l\u2019installation.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sl-why-vehicle-bottom-badge\">\r\n\r\n                <span>\r\n                    <b>1<\/b>\r\n                    v\u00e9hicule<br>\r\n                    =<br>\r\n                    1 \u00e9tude\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-008249d e-con e-atomic-element e-flexbox-base e-008249d-a724904 \" data-id=\"008249d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"008249d\" data-e-type=\"e-flexbox\" data-id=\"008249d\">\n    \t\t<div class=\"elementor-element elementor-element-bbfeeca elementor-widget elementor-widget-html\" data-id=\"bbfeeca\" 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 - POURQUOI STARLINE\r\n   TECHNOLOGIE + INSTALLATION\r\n========================================== *\/\r\n\r\n.sl-why-install {\r\n    width: 100%;\r\n    background: #f6fafc;\r\n    padding: 100px 25px;\r\n    font-family: inherit;\r\n}\r\n\r\n.sl-why-install-inner {\r\n    max-width: 1220px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   TITRE\r\n========================================== *\/\r\n\r\n.sl-why-install-head {\r\n    max-width: 900px;\r\n    margin: 0 auto 58px;\r\n    text-align: center;\r\n}\r\n\r\n.sl-why-install-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: 18px;\r\n}\r\n\r\n.sl-why-install-kicker::before {\r\n    content: \"\";\r\n    width: 28px;\r\n    height: 4px;\r\n    border-radius: 10px;\r\n    background: #95d600;\r\n}\r\n\r\n.sl-why-install h2 {\r\n    margin: 0 0 20px;\r\n    color: #0b3157;\r\n    font-size: clamp(36px,3.5vw,52px);\r\n    line-height: 1.08;\r\n    font-weight: 800;\r\n    letter-spacing: -1.2px;\r\n}\r\n\r\n.sl-why-install h2 span {\r\n    color: #009fe3;\r\n}\r\n\r\n.sl-why-install-head p {\r\n    margin: 0 auto;\r\n    max-width: 820px;\r\n    color: #617285;\r\n    font-size: 18px;\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   GRAND PANNEAU\r\n========================================== *\/\r\n\r\n.sl-why-install-panel {\r\n    display: grid;\r\n    grid-template-columns: .95fr 1.05fr;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    box-shadow: 0 22px 60px rgba(11,49,87,.10);\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   VISUEL GAUCHE\r\n========================================== *\/\r\n\r\n.sl-why-install-visual {\r\n    position: relative;\r\n    overflow: hidden;\r\n    min-height: 585px;\r\n    background:\r\n        radial-gradient(circle at 50% 42%, rgba(0,159,227,.18), transparent 40%),\r\n        #0b3157;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 45px;\r\n}\r\n\r\n.sl-why-install-circle {\r\n    position: absolute;\r\n    width: 380px;\r\n    height: 380px;\r\n    border-radius: 50%;\r\n    border: 1px solid rgba(255,255,255,.08);\r\n}\r\n\r\n.sl-why-install-ring {\r\n    position: absolute;\r\n    width: 305px;\r\n    height: 305px;\r\n    border-radius: 50%;\r\n    border: 2px dashed rgba(149,214,0,.20);\r\n}\r\n\r\n\r\n\/* CARTE *\/\r\n\r\n.sl-why-install-card {\r\n    width: 290px;\r\n    position: relative;\r\n    z-index: 3;\r\n    padding: 27px 23px;\r\n    border-radius: 21px;\r\n    background: #ffffff;\r\n    box-shadow: 0 30px 65px rgba(0,0,0,.28);\r\n}\r\n\r\n.sl-why-install-card-top {\r\n    height: 150px;\r\n    border-radius: 15px;\r\n    background: #edf6fa;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 17px;\r\n}\r\n\r\n.sl-why-install-card-top svg {\r\n    width: 190px;\r\n    height: 110px;\r\n}\r\n\r\n.sl-why-install-card small {\r\n    display: block;\r\n    color: #009fe3;\r\n    font-size: 9px;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: .8px;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.sl-why-install-card strong {\r\n    display: block;\r\n    color: #0b3157;\r\n    font-size: 17px;\r\n    line-height: 1.3;\r\n    margin-bottom: 6px;\r\n}\r\n\r\n.sl-why-install-card p {\r\n    margin: 0;\r\n    color: #6a7b8c;\r\n    font-size: 11px;\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\/* BADGES *\/\r\n\r\n.sl-why-install-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(0,0,0,.20);\r\n    color: #0b3157;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n}\r\n\r\n.sl-why-install-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-why-install-badge-1 {\r\n    top: 68px;\r\n    left: 18px;\r\n}\r\n\r\n.sl-why-install-badge-2 {\r\n    top: 215px;\r\n    right: 16px;\r\n}\r\n\r\n.sl-why-install-badge-3 {\r\n    bottom: 68px;\r\n    left: 20px;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   CONTENU DROITE\r\n========================================== *\/\r\n\r\n.sl-why-install-content {\r\n    padding: 52px 48px;\r\n    background: #ffffff;\r\n}\r\n\r\n.sl-why-install-content h3 {\r\n    margin: 0 0 14px;\r\n    color: #0b3157;\r\n    font-size: 29px;\r\n    line-height: 1.18;\r\n    font-weight: 800;\r\n}\r\n\r\n.sl-why-install-content > p {\r\n    margin: 0 0 28px;\r\n    color: #647587;\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* LISTE *\/\r\n\r\n.sl-why-install-list {\r\n    display: grid;\r\n    gap: 13px;\r\n}\r\n\r\n.sl-why-install-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 14px;\r\n    padding: 17px 18px;\r\n    border-radius: 11px;\r\n    background: #f7fbfd;\r\n    border: 1px solid #e1ebf1;\r\n}\r\n\r\n.sl-why-install-number {\r\n    width: 39px;\r\n    height: 39px;\r\n    min-width: 39px;\r\n    border-radius: 10px;\r\n    background: #0b3157;\r\n    color: #95d600;\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.sl-why-install-item strong {\r\n    display: block;\r\n    color: #0b3157;\r\n    font-size: 15px;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.sl-why-install-item span {\r\n    display: block;\r\n    color: #6a7b8c;\r\n    font-size: 13px;\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\/* NOTE *\/\r\n\r\n.sl-why-install-note {\r\n    margin-top: 24px;\r\n    padding: 17px 18px;\r\n    border-left: 4px solid #95d600;\r\n    background: #edf6fa;\r\n    color: #0b3157;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\/* BOUTON *\/\r\n\r\n.sl-why-install-action {\r\n    margin-top: 25px;\r\n}\r\n\r\n.sl-why-install-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 9px;\r\n    padding: 15px 21px;\r\n    border-radius: 7px;\r\n    background: #0b3157;\r\n    color: #ffffff !important;\r\n    text-decoration: none !important;\r\n    text-transform: uppercase;\r\n    font-size: 12px;\r\n    font-weight: 900;\r\n    transition: .25s ease;\r\n}\r\n\r\n.sl-why-install-btn:hover {\r\n    background: #124875;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   RESPONSIVE\r\n========================================== *\/\r\n\r\n@media(max-width:900px) {\r\n\r\n    .sl-why-install-panel {\r\n        grid-template-columns: 1fr;\r\n    }\r\n}\r\n\r\n@media(max-width:600px) {\r\n\r\n    .sl-why-install {\r\n        padding: 65px 20px;\r\n    }\r\n\r\n    .sl-why-install-visual {\r\n        min-height: 455px;\r\n        padding: 35px 20px;\r\n    }\r\n\r\n    .sl-why-install-circle {\r\n        width: 300px;\r\n        height: 300px;\r\n    }\r\n\r\n    .sl-why-install-ring {\r\n        width: 245px;\r\n        height: 245px;\r\n    }\r\n\r\n    .sl-why-install-card {\r\n        width: 230px;\r\n        padding: 21px 17px;\r\n    }\r\n\r\n    .sl-why-install-card-top svg {\r\n        width: 155px;\r\n    }\r\n\r\n    .sl-why-install-badge {\r\n        font-size: 9px;\r\n        padding: 10px 11px;\r\n    }\r\n\r\n    .sl-why-install-badge-1 {\r\n        left: 4px;\r\n    }\r\n\r\n    .sl-why-install-badge-2 {\r\n        right: 3px;\r\n    }\r\n\r\n    .sl-why-install-badge-3 {\r\n        left: 4px;\r\n    }\r\n\r\n    .sl-why-install-content {\r\n        padding: 38px 24px;\r\n    }\r\n\r\n    .sl-why-install-content h3 {\r\n        font-size: 25px;\r\n    }\r\n\r\n    .sl-why-install-btn {\r\n        width: 100%;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sl-why-install\">\r\n\r\n    <div class=\"sl-why-install-inner\">\r\n\r\n\r\n        <!-- TITRE -->\r\n\r\n        <div class=\"sl-why-install-head\">\r\n\r\n            <div class=\"sl-why-install-kicker\">\r\n                Au-del\u00e0 du produit\r\n            <\/div>\r\n\r\n            <h2>\r\n                La technologie compte.\r\n                <span>L\u2019installation aussi.<\/span>\r\n            <\/h2>\r\n\r\n            <p>\r\n                Une protection performante ne d\u00e9pend pas uniquement\r\n                du syst\u00e8me install\u00e9. Sa pr\u00e9paration, son int\u00e9gration,\r\n                sa configuration et les contr\u00f4les r\u00e9alis\u00e9s sur le v\u00e9hicule\r\n                participent directement \u00e0 la qualit\u00e9 de l\u2019ensemble.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"sl-why-install-panel\">\r\n\r\n\r\n            <!-- VISUEL -->\r\n\r\n            <div class=\"sl-why-install-visual\">\r\n\r\n                <div class=\"sl-why-install-circle\"><\/div>\r\n                <div class=\"sl-why-install-ring\"><\/div>\r\n\r\n\r\n                <div class=\"sl-why-install-badge sl-why-install-badge-1\">\r\n\r\n                    <small>Avant<\/small>\r\n                    \u00c9tude technique\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sl-why-install-badge sl-why-install-badge-2\">\r\n\r\n                    <small>Pendant<\/small>\r\n                    Int\u00e9gration discr\u00e8te\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sl-why-install-badge sl-why-install-badge-3\">\r\n\r\n                    <small>Apr\u00e8s<\/small>\r\n                    Contr\u00f4les\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"sl-why-install-card\">\r\n\r\n\r\n                    <div class=\"sl-why-install-card-top\">\r\n\r\n                        <svg viewBox=\"0 0 230 120\"\r\n                             xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n                            <path\r\n                                d=\"M18 73\r\n                                   L40 66\r\n                                   L58 46\r\n                                   C65 39 74 36 84 36\r\n                                   H147\r\n                                   C159 36 168 40 177 48\r\n                                   L194 65\r\n                                   L213 71\r\n                                   V93\r\n                                   H18 Z\"\r\n                                fill=\"#009fe3\"\/>\r\n\r\n                            <path\r\n                                d=\"M69 46\r\n                                   C75 42 81 41 89 41\r\n                                   H144\r\n                                   C153 41 159 43 165 49\r\n                                   L179 64\r\n                                   H56 Z\"\r\n                                fill=\"#ffffff\"\/>\r\n\r\n                            <circle cx=\"58\"\r\n                                    cy=\"92\"\r\n                                    r=\"18\"\r\n                                    fill=\"#071f38\"\/>\r\n\r\n                            <circle cx=\"177\"\r\n                                    cy=\"92\"\r\n                                    r=\"18\"\r\n                                    fill=\"#071f38\"\/>\r\n\r\n                            <circle cx=\"58\"\r\n                                    cy=\"92\"\r\n                                    r=\"8\"\r\n                                    fill=\"#95d600\"\/>\r\n\r\n                            <circle cx=\"177\"\r\n                                    cy=\"92\"\r\n                                    r=\"8\"\r\n                                    fill=\"#95d600\"\/>\r\n\r\n\r\n                            <path\r\n                                d=\"M108 53\r\n                                   C114 47 122 46 129 50\r\n                                   L121 58\r\n                                   L127 64\r\n                                   L135 56\r\n                                   C138 63 136 71 130 76\r\n                                   C124 81 116 82 110 78\r\n                                   L94 94\r\n                                   L86 86\r\n                                   L102 70\r\n                                   C99 64 102 58 108 53 Z\"\r\n                                fill=\"#95d600\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <small>\r\n                        Installation StarLine\r\n                    <\/small>\r\n\r\n                    <strong>\r\n                        Le syst\u00e8me et son int\u00e9gration forment un ensemble.\r\n                    <\/strong>\r\n\r\n                    <p>\r\n                        Une configuration pr\u00e9par\u00e9e et adapt\u00e9e\r\n                        au v\u00e9hicule avant sa restitution.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- CONTENU -->\r\n\r\n            <div class=\"sl-why-install-content\">\r\n\r\n                <h3>\r\n                    Une bonne protection commence avant m\u00eame l\u2019installation.\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Le v\u00e9hicule est \u00e9tudi\u00e9 afin de d\u00e9terminer la configuration\r\n                    adapt\u00e9e et d\u2019organiser l\u2019int\u00e9gration des diff\u00e9rents \u00e9l\u00e9ments\r\n                    de protection.\r\n                <\/p>\r\n\r\n\r\n                <div class=\"sl-why-install-list\">\r\n\r\n\r\n                    <div class=\"sl-why-install-item\">\r\n\r\n                        <div class=\"sl-why-install-number\">\r\n                            01\r\n                        <\/div>\r\n\r\n                        <div>\r\n\r\n                            <strong>\r\n                                \u00c9tude du v\u00e9hicule\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Marque, mod\u00e8le, ann\u00e9e, motorisation et \u00e9quipements\r\n                                sont pris en compte avant l\u2019intervention.\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"sl-why-install-item\">\r\n\r\n                        <div class=\"sl-why-install-number\">\r\n                            02\r\n                        <\/div>\r\n\r\n                        <div>\r\n\r\n                            <strong>\r\n                                Configuration adapt\u00e9e\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Les fonctions et protections retenues sont d\u00e9finies\r\n                                selon le v\u00e9hicule et le besoin du propri\u00e9taire.\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"sl-why-install-item\">\r\n\r\n                        <div class=\"sl-why-install-number\">\r\n                            03\r\n                        <\/div>\r\n\r\n                        <div>\r\n\r\n                            <strong>\r\n                                Int\u00e9gration professionnelle\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Les composants sont install\u00e9s avec une attention\r\n                                particuli\u00e8re port\u00e9e \u00e0 la fiabilit\u00e9 et \u00e0 la discr\u00e9tion.\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"sl-why-install-item\">\r\n\r\n                        <div class=\"sl-why-install-number\">\r\n                            04\r\n                        <\/div>\r\n\r\n                        <div>\r\n\r\n                            <strong>\r\n                                Param\u00e9trage & contr\u00f4les\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Les principales fonctions StarLine et les \u00e9l\u00e9ments\r\n                                concern\u00e9s du v\u00e9hicule sont v\u00e9rifi\u00e9s avant restitution.\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sl-why-install-note\">\r\n                    C\u2019est cette association entre technologie,\r\n                    \u00e9tude du v\u00e9hicule et qualit\u00e9 d\u2019installation\r\n                    qui permet de construire une protection coh\u00e9rente.\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sl-why-install-action\">\r\n\r\n                    <a class=\"sl-why-install-btn\"\r\n                       href=\"\/index.php\/installation-reseau-starline\/\">\r\n\r\n                        D\u00e9couvrir notre m\u00e9thode d\u2019installation\r\n                        <span>\u2192<\/span>\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5ab7bfa e-con e-atomic-element e-flexbox-base e-5ab7bfa-7fea26c \" data-id=\"5ab7bfa\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5ab7bfa\" data-e-type=\"e-flexbox\" data-id=\"5ab7bfa\">\n    \t\t<div class=\"elementor-element elementor-element-145a9d1 elementor-widget elementor-widget-html\" data-id=\"145a9d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ==========================================\n   STARLINE - POURQUOI STARLINE\n   CTA FINAL\n========================================== *\/\n\n.sl-why-final {\n    width: 100%;\n    background: #ffffff;\n    padding: 35px 25px 100px;\n    font-family: inherit;\n}\n\n.sl-why-final-inner {\n    max-width: 1220px;\n    margin: 0 auto;\n}\n\n.sl-why-final-box {\n    position: relative;\n    overflow: hidden;\n    border-radius: 25px;\n    padding: 70px 70px;\n    background:\n        radial-gradient(circle at 88% 22%, rgba(0,159,227,.18), transparent 30%),\n        radial-gradient(circle at 95% 90%, rgba(149,214,0,.11), transparent 26%),\n        #0b3157;\n    box-shadow: 0 25px 65px rgba(11,49,87,.18);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 60px;\n}\n\n\n\/* ==========================================\n   TEXTE\n========================================== *\/\n\n.sl-why-final-content {\n    width: 63%;\n    position: relative;\n    z-index: 3;\n}\n\n.sl-why-final-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    color: #95d600;\n    font-size: 14px;\n    font-weight: 800;\n    letter-spacing: 1.3px;\n    text-transform: uppercase;\n    margin-bottom: 18px;\n}\n\n.sl-why-final-kicker::before {\n    content: \"\";\n    width: 28px;\n    height: 4px;\n    border-radius: 10px;\n    background: #95d600;\n}\n\n.sl-why-final h2 {\n    margin: 0 0 22px;\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-why-final h2 span {\n    color: #38b9f0;\n}\n\n.sl-why-final-text {\n    max-width: 720px;\n    margin: 0 0 30px;\n    color: #d2e0eb;\n    font-size: 17px;\n    line-height: 1.7;\n}\n\n\n\/* POINTS *\/\n\n.sl-why-final-features {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-bottom: 33px;\n}\n\n.sl-why-final-feature {\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-why-final-feature::before {\n    content: \"\u2713\";\n    color: #95d600;\n    margin-right: 7px;\n}\n\n\n\/* CTA *\/\n\n.sl-why-final-actions {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 13px;\n}\n\n.sl-why-final-primary,\n.sl-why-final-secondary {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 9px;\n    padding: 16px 23px;\n    border-radius: 7px;\n    text-decoration: none !important;\n    text-transform: uppercase;\n    font-size: 13px;\n    font-weight: 900;\n    transition: .25s ease;\n}\n\n.sl-why-final-primary {\n    background: #95d600;\n    color: #ffffff !important;\n    box-shadow: 0 12px 28px rgba(149,214,0,.22);\n}\n\n.sl-why-final-primary:hover {\n    background: #84c000;\n    transform: translateY(-2px);\n}\n\n.sl-why-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-why-final-secondary:hover {\n    background: rgba(255,255,255,.16);\n    transform: translateY(-2px);\n}\n\n\n\/* ==========================================\n   VISUEL\n========================================== *\/\n\n.sl-why-final-visual {\n    width: 37%;\n    min-height: 340px;\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 3;\n}\n\n.sl-why-final-circle {\n    width: 275px;\n    height: 275px;\n    position: relative;\n    border-radius: 50%;\n    background: rgba(255,255,255,.06);\n    border: 1px solid rgba(255,255,255,.12);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.sl-why-final-circle::before {\n    content: \"\";\n    position: absolute;\n    width: 315px;\n    height: 315px;\n    border-radius: 50%;\n    border: 1px dashed rgba(149,214,0,.28);\n}\n\n\n\/* CARTE *\/\n\n.sl-why-final-card {\n    width: 220px;\n    position: relative;\n    z-index: 2;\n    padding: 25px 20px;\n    border-radius: 20px;\n    background: #ffffff;\n    box-shadow: 0 25px 55px rgba(0,0,0,.25);\n    text-align: center;\n}\n\n.sl-why-final-card-icon {\n    width: 72px;\n    height: 72px;\n    margin: 0 auto 17px;\n    border-radius: 19px;\n    background: #0b3157;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.sl-why-final-card-icon svg {\n    width: 48px;\n    height: 48px;\n}\n\n.sl-why-final-card small {\n    display: block;\n    color: #009fe3;\n    font-size: 9px;\n    font-weight: 900;\n    text-transform: uppercase;\n    letter-spacing: .8px;\n    margin-bottom: 5px;\n}\n\n.sl-why-final-card strong {\n    display: block;\n    color: #0b3157;\n    font-size: 17px;\n    line-height: 1.3;\n    margin-bottom: 6px;\n}\n\n.sl-why-final-card p {\n    margin: 0;\n    color: #6a7b8c;\n    font-size: 11px;\n    line-height: 1.5;\n}\n\n\n\/* BADGES *\/\n\n.sl-why-final-badge {\n    position: absolute;\n    z-index: 4;\n    padding: 10px 13px;\n    border-radius: 9px;\n    box-shadow: 0 14px 30px rgba(0,0,0,.22);\n    font-size: 9px;\n    font-weight: 900;\n    text-transform: uppercase;\n}\n\n.sl-why-final-badge-1 {\n    top: 38px;\n    left: -4px;\n    background: #ffffff;\n    color: #0b3157;\n}\n\n.sl-why-final-badge-2 {\n    bottom: 34px;\n    right: -5px;\n    background: #95d600;\n    color: #0b3157;\n}\n\n\n\/* ==========================================\n   RESPONSIVE\n========================================== *\/\n\n@media(max-width:900px) {\n\n    .sl-why-final-box {\n        flex-direction: column;\n        padding: 58px 40px;\n    }\n\n    .sl-why-final-content,\n    .sl-why-final-visual {\n        width: 100%;\n    }\n\n    .sl-why-final-content {\n        text-align: center;\n    }\n\n    .sl-why-final-kicker,\n    .sl-why-final-features,\n    .sl-why-final-actions {\n        justify-content: center;\n    }\n}\n\n@media(max-width:600px) {\n\n    .sl-why-final {\n        padding: 25px 20px 70px;\n    }\n\n    .sl-why-final-box {\n        padding: 45px 25px;\n    }\n\n    .sl-why-final-actions {\n        flex-direction: column;\n    }\n\n    .sl-why-final-primary,\n    .sl-why-final-secondary {\n        width: 100%;\n    }\n\n    .sl-why-final-visual {\n        min-height: 285px;\n    }\n\n    .sl-why-final-circle {\n        width: 220px;\n        height: 220px;\n    }\n\n    .sl-why-final-circle::before {\n        width: 250px;\n        height: 250px;\n    }\n\n    .sl-why-final-card {\n        width: 180px;\n        padding: 21px 16px;\n    }\n\n    .sl-why-final-badge {\n        font-size: 8px;\n        padding: 8px 9px;\n    }\n}\n<\/style>\n\n\n<section class=\"sl-why-final\" id=\"contact-pourquoi\">\n\n    <div class=\"sl-why-final-inner\">\n\n        <div class=\"sl-why-final-box\">\n\n\n            <!-- TEXTE -->\n\n            <div class=\"sl-why-final-content\">\n\n                <div class=\"sl-why-final-kicker\">\n                    Prot\u00e9gez autrement\n                <\/div>\n\n\n                <h2>\n                    Votre v\u00e9hicule m\u00e9rite\n                    <span>plusieurs niveaux de protection.<\/span>\n                <\/h2>\n\n\n                <p class=\"sl-why-final-text\">\n                    Dites-nous quel v\u00e9hicule vous souhaitez prot\u00e9ger.\n                    Nous \u00e9tudierons sa configuration afin de vous proposer\n                    une solution StarLine adapt\u00e9e \u00e0 son architecture,\n                    \u00e0 son utilisation et au niveau de protection recherch\u00e9.\n                <\/p>\n\n\n                <div class=\"sl-why-final-features\">\n\n                    <div class=\"sl-why-final-feature\">\n                        \u00c9tude du v\u00e9hicule\n                    <\/div>\n\n                    <div class=\"sl-why-final-feature\">\n                        Protection sur mesure\n                    <\/div>\n\n                    <div class=\"sl-why-final-feature\">\n                        Installation professionnelle\n                    <\/div>\n\n                    <div class=\"sl-why-final-feature\">\n                        Accompagnement StarLine France\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"sl-why-final-actions\">\n\n                    <a class=\"sl-why-final-primary\"\n                       href=\"\/index.php\/trouver-ma-solution-starline\/\">\n\n                        \u00c9tudier mon v\u00e9hicule\n                        <span>\u2192<\/span>\n\n                    <\/a>\n\n\n                    <a class=\"sl-why-final-secondary\"\n                       href=\"tel:0970705016\">\n\n                        \u260e 09 70 70 50 16\n\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n\n\n            <!-- VISUEL -->\n\n            <div class=\"sl-why-final-visual\">\n\n\n                <div class=\"sl-why-final-circle\">\n\n\n                    <div class=\"sl-why-final-card\">\n\n\n                        <div class=\"sl-why-final-card-icon\">\n\n                            <svg viewBox=\"0 0 64 64\"\n                                 xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\n                                <path\n                                    d=\"M32 5\n                                       L53 13\n                                       V30\n                                       C53 45 45 56 32 62\n                                       C19 56 11 45 11 30\n                                       V13 Z\"\n                                    fill=\"#009fe3\"\/>\n\n\n                                <path\n                                    d=\"M16 35\n                                       L22 30\n                                       C24 27 27 26 31 26\n                                       H39\n                                       C43 26 46 28 48 31\n                                       L52 35\n                                       V43\n                                       H16 Z\"\n                                    fill=\"#ffffff\"\/>\n\n                                <circle cx=\"25\"\n                                        cy=\"42\"\n                                        r=\"4\"\n                                        fill=\"#0b3157\"\/>\n\n                                <circle cx=\"44\"\n                                        cy=\"42\"\n                                        r=\"4\"\n                                        fill=\"#0b3157\"\/>\n\n\n                                <circle\n                                    cx=\"32\"\n                                    cy=\"18\"\n                                    r=\"7\"\n                                    fill=\"#95d600\"\/>\n\n                                <path\n                                    d=\"M29 18\n                                       L31 20\n                                       L36 15\"\n                                    fill=\"none\"\n                                    stroke=\"#ffffff\"\n                                    stroke-width=\"2.5\"\n                                    stroke-linecap=\"round\"\n                                    stroke-linejoin=\"round\"\/>\n\n                            <\/svg>\n\n                        <\/div>\n\n\n                        <small>\n                            Protection StarLine\n                        <\/small>\n\n                        <strong>\n                            Une s\u00e9curit\u00e9 pens\u00e9e autour de votre v\u00e9hicule.\n                        <\/strong>\n\n                        <p>\n                            Technologie, installation\n                            et accompagnement r\u00e9unis.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"sl-why-final-badge sl-why-final-badge-1\">\n                    D\u00e9tecter \u2022 Alerter\n                <\/div>\n\n\n                <div class=\"sl-why-final-badge sl-why-final-badge-2\">\n                    Autoriser \u2022 Bloquer\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>Pourquoi choisir StarLine ? Une alarme vous alerte. StarLine va plus loin. Prot\u00e9ger un v\u00e9hicule moderne ne consiste plus uniquement \u00e0 d\u00e9clencher une sir\u00e8ne. StarLine permet d\u2019associer plusieurs niveaux de s\u00e9curit\u00e9 pour d\u00e9tecter, alerter et emp\u00eacher l\u2019utilisation non autoris\u00e9e du v\u00e9hicule selon la configuration choisie. \u2713 D\u00e9tection \u2713 Alertes selon solution \u2713 Antid\u00e9marrage \u2713 Blocage [&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-403","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.starline-france.fr\/index.php\/wp-json\/wp\/v2\/pages\/403","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=403"}],"version-history":[{"count":19,"href":"https:\/\/www.starline-france.fr\/index.php\/wp-json\/wp\/v2\/pages\/403\/revisions"}],"predecessor-version":[{"id":862,"href":"https:\/\/www.starline-france.fr\/index.php\/wp-json\/wp\/v2\/pages\/403\/revisions\/862"}],"wp:attachment":[{"href":"https:\/\/www.starline-france.fr\/index.php\/wp-json\/wp\/v2\/media?parent=403"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}