{"id":9,"date":"2026-03-30T14:57:28","date_gmt":"2026-03-30T14:57:28","guid":{"rendered":"https:\/\/serrurier-agree-paris.fr\/?page_id=9"},"modified":"2026-07-29T12:02:52","modified_gmt":"2026-07-29T12:02:52","slug":"home-page","status":"publish","type":"page","link":"https:\/\/serrurier-agree-paris.fr\/","title":{"rendered":"home page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"9\" class=\"elementor elementor-9\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e61708 e-con-full e-flex e-con e-parent\" data-id=\"4e61708\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7319f72 elementor-widget elementor-widget-html\" data-id=\"7319f72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link\n  rel=\"stylesheet\"\n  href=\"https:\/\/cdn.jsdelivr.net\/npm\/leaflet@1.9.4\/dist\/leaflet.css\"\n\/>\n<!-- SVG Sprite -->\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"display: none\">\n  <symbol\n    id=\"ico-phone\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  >\n    <path\n      d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.338 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\n    \/>\n  <\/symbol>\n  <symbol id=\"ico-star\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n    <path\n      d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\n    \/>\n  <\/symbol>\n  <symbol\n    id=\"ico-shield\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  >\n    <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" \/>\n    <path d=\"m9 12 2 2 4-4\" \/>\n  <\/symbol>\n  <symbol\n    id=\"ico-lock\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  >\n    <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\" \/>\n    <path d=\"M7 11V7a5 5 0 0 1 10 0v4\" \/>\n  <\/symbol>\n  <symbol\n    id=\"ico-unlock\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  >\n    <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\" \/>\n    <path d=\"M7 11V7a5 5 0 0 1 9.9-1\" \/>\n  <\/symbol>\n  <symbol\n    id=\"ico-key\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  >\n    <path\n      d=\"M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0 3 3L22 7l-3-3m-3.5 3.5L19 4\"\n    \/>\n  <\/symbol>\n  <symbol\n    id=\"ico-alert\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  >\n    <path\n      d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"\n    \/>\n    <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\" \/>\n    <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\" \/>\n  <\/symbol>\n  <symbol\n    id=\"ico-gear\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  >\n    <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\n    <path\n      d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z\"\n    \/>\n  <\/symbol>\n  <symbol\n    id=\"ico-pin\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  >\n    <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\n    <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\n  <\/symbol>\n  <symbol\n    id=\"ico-help\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  >\n    <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n    <path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\" \/>\n    <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\" \/>\n  <\/symbol>\n  <symbol\n    id=\"ico-clock\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  >\n    <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n    <polyline points=\"12 6 12 12 16 14\" \/>\n  <\/symbol>\n  <symbol\n    id=\"ico-tag\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  >\n    <path\n      d=\"M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z\"\n    \/>\n    <line x1=\"7\" y1=\"7\" x2=\"7.01\" y2=\"7\" \/>\n  <\/symbol>\n  <symbol\n    id=\"ico-truck\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  >\n    <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" \/>\n    <polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\" \/>\n    <circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\" \/>\n    <circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\" \/>\n  <\/symbol>\n  <symbol\n    id=\"ico-mail\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  >\n    <path\n      d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\n    \/>\n    <polyline points=\"22,6 12,13 2,6\" \/>\n  <\/symbol>\n  <symbol\n    id=\"ico-check\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2.5\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  >\n    <polyline points=\"20 6 9 17 4 12\" \/>\n  <\/symbol>\n<\/svg>\n\n<style>\n  \/* \u2550\u2550\u2550 ICO \u2550\u2550\u2550 *\/\n  .ico {\n    width: 1em;\n    height: 1em;\n    vertical-align: -0.125em;\n    display: inline-block;\n    flex-shrink: 0;\n  }\n  .ico-sm {\n    width: 14px;\n    height: 14px;\n  }\n  .ico-md {\n    width: 18px;\n    height: 18px;\n  }\n  .ico-lg {\n    width: 22px;\n    height: 22px;\n  }\n\n  \/* \u2550\u2550\u2550 VARIABLES & BASE (autonome) \u2550\u2550\u2550 *\/\n  *,\n  *::before,\n  *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n  :root {\n    --navy: #0b1f4b;\n    --navy-deep: #07142e;\n    --navy-mid: #112558;\n    --orange: #ff8c42;\n    --orange-light: #ffa060;\n    --orange-dark: #e67a30;\n    --orange-pale: #fff4eb;\n    --orange-glow: rgba(255, 140, 66, 0.12);\n    --white: #ffffff;\n    --off-white: #f8fafc;\n    --gray-50: #f9fafb;\n    --gray-100: #f1f5f9;\n    --gray-200: #e2e8f0;\n    --gray-300: #cbd5e1;\n    --gray-400: #94a3b8;\n    --gray-500: #64748b;\n    --gray-600: #475569;\n    --gray-700: #334155;\n    --text: #0f172a;\n    --green: #16a34a;\n    --green-pale: #f0fdf4;\n    --red: #dc2626;\n    --red-pale: #fef2f2;\n    --amber: #f59e0b;\n    --radius: 12px;\n    --radius-lg: 20px;\n    --radius-xl: 28px;\n    --shadow-sm: 0 1px 4px rgba(11, 31, 75, 0.06);\n    --shadow-card: 0 4px 24px rgba(11, 31, 75, 0.08);\n    --shadow-lift: 0 12px 40px rgba(11, 31, 75, 0.12);\n    --font-display: \"Sora\", sans-serif;\n    --font-body: \"DM Sans\", sans-serif;\n    --ease: cubic-bezier(0.4, 0, 0.2, 1);\n    --tr: all 0.24s var(--ease);\n  }\n  html {\n    scroll-behavior: smooth;\n    -webkit-font-smoothing: antialiased;\n  }\n  body {\n    font-family: var(--font-body);\n    color: var(--text);\n    background: var(--white);\n    overflow-x: hidden;\n    line-height: 1.6;\n  }\n  img {\n    max-width: 100%;\n    height: auto;\n    display: block;\n  }\n  a {\n    color: inherit;\n    text-decoration: none;\n  }\n  h1,\n  h2,\n  h3,\n  h4 {\n    font-family: var(--font-display);\n    font-weight: 800;\n    line-height: 1.15;\n    color: var(--navy);\n  }\n  h1 {\n    font-size: clamp(1.9rem, 4vw, 3rem);\n  }\n  h2 {\n    font-size: clamp(1.5rem, 3vw, 2.2rem);\n  }\n  h3 {\n    font-size: clamp(1.1rem, 2vw, 1.45rem);\n  }\n  p {\n    margin-bottom: 1rem;\n    color: var(--gray-600);\n    line-height: 1.7;\n  }\n  p:last-child {\n    margin-bottom: 0;\n  }\n  strong {\n    color: var(--text);\n    font-weight: 600;\n  }\n  .wrap {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 20px;\n  }\n  .section {\n    padding: 72px 0;\n    overflow: hidden;\n  }\n  .btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    font-family: var(--font-body);\n    font-weight: 700;\n    border-radius: var(--radius);\n    cursor: pointer;\n    transition: var(--tr);\n    text-decoration: none;\n    border: none;\n    white-space: nowrap;\n  }\n  .btn-orange {\n    background: linear-gradient(135deg, var(--orange), var(--orange-light));\n    color: var(--white);\n    padding: 16px 32px;\n    font-size: 16px;\n    box-shadow: 0 6px 24px rgba(255, 140, 66, 0.35);\n  }\n  .btn-orange:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 12px 36px rgba(255, 140, 66, 0.5);\n    color: var(--white);\n  }\n  .btn-orange-xl {\n    padding: 20px 40px;\n    font-size: 18px;\n  }\n  .btn-outline-navy {\n    background: transparent;\n    border: 2px solid var(--navy);\n    color: var(--navy);\n    padding: 15px 30px;\n    font-size: 15px;\n  }\n  .btn-outline-navy:hover {\n    background: var(--navy);\n    color: var(--white);\n  }\n  .sh {\n    margin-bottom: 40px;\n  }\n  .sh-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: var(--orange);\n    margin-bottom: 10px;\n  }\n  .sh h2 {\n    margin-bottom: 10px;\n  }\n  .sh .intro {\n    font-size: 15.5px;\n    color: var(--gray-500);\n    max-width: 560px;\n    line-height: 1.7;\n  }\n  .sh.center {\n    text-align: center;\n  }\n  .sh.center .intro {\n    margin: 0 auto;\n  }\n\n  \/* \u2550\u2550\u2550 HERO \u2550\u2550\u2550 *\/\n  .hero {\n    background: var(--off-white);\n    padding: 56px 0 64px;\n    position: relative;\n    overflow: hidden;\n    max-width: 100%;\n  }\n  .hero-grid {\n    display: grid;\n    grid-template-columns: 1.15fr 0.85fr;\n    gap: 48px;\n    align-items: center;\n  }\n  .hero-urgence {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: var(--red-pale);\n    border: 1px solid rgba(220, 38, 38, 0.15);\n    border-radius: 100px;\n    padding: 7px 16px 7px 10px;\n    margin-bottom: 20px;\n    font-size: 12px;\n    font-weight: 700;\n    color: var(--red);\n  }\n  .hero-urgence-dot {\n    width: 8px;\n    height: 8px;\n    background: var(--red);\n    border-radius: 50%;\n    animation: pulse 1.8s infinite;\n    flex-shrink: 0;\n  }\n  @keyframes pulse {\n    0%,\n    100% {\n      box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.4);\n    }\n    50% {\n      box-shadow: 0 0 0 6px rgba(220, 38, 38, 0);\n    }\n  }\n  .hero h1 {\n    margin-bottom: 16px;\n  }\n  .hero h1 em {\n    font-style: normal;\n    color: var(--orange);\n  }\n  .hero-sub {\n    font-size: 17px;\n    color: var(--gray-600);\n    line-height: 1.7;\n    margin-bottom: 28px;\n    max-width: 520px;\n  }\n  .hero-btns {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n    margin-bottom: 32px;\n  }\n  .hero-trust {\n    display: flex;\n    gap: 10px;\n    flex-wrap: wrap;\n  }\n  .trust-pill {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12.5px;\n    color: var(--gray-500);\n    font-weight: 600;\n    background: var(--white);\n    border: 1px solid var(--gray-200);\n    border-radius: 100px;\n    padding: 7px 13px;\n  }\n\n  \/* Hero form *\/\n  .hero-card {\n    background: var(--white);\n    border: 2px solid var(--gray-200);\n    border-radius: var(--radius-xl);\n    padding: 32px 28px;\n    box-shadow: var(--shadow-lift);\n    position: relative;\n    overflow: hidden;\n  }\n  .hero-card::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, var(--orange), var(--orange-light));\n  }\n  .hc-badge {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 11.5px;\n    font-weight: 700;\n    color: var(--green);\n    margin-bottom: 16px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n  }\n  .hc-badge-dot {\n    width: 7px;\n    height: 7px;\n    background: var(--green);\n    border-radius: 50%;\n    animation: pulse2 2s infinite;\n  }\n  @keyframes pulse2 {\n    0%,\n    100% {\n      box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.4);\n    }\n    50% {\n      box-shadow: 0 0 0 5px rgba(22, 163, 74, 0);\n    }\n  }\n  .hc-title {\n    font-family: var(--font-display);\n    font-weight: 800;\n    font-size: 20px;\n    color: var(--navy);\n    margin-bottom: 6px;\n  }\n  .hc-sub {\n    font-size: 13.5px;\n    color: var(--gray-500);\n    margin-bottom: 20px;\n  }\n  .hc-form {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n  .hc-input,\n  .hc-select {\n    background: var(--gray-50);\n    border: 1.5px solid var(--gray-200);\n    border-radius: var(--radius);\n    padding: 14px 16px;\n    font-size: 14px;\n    color: var(--text);\n    font-family: var(--font-body);\n    outline: none;\n    transition: var(--tr);\n    width: 100%;\n  }\n  .hc-input::placeholder {\n    color: var(--gray-400);\n  }\n  .hc-input:focus,\n  .hc-select:focus {\n    border-color: var(--orange);\n    background: var(--orange-pale);\n  }\n  .hc-select {\n    appearance: none;\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 20 20' fill='%2394A3B8'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z'\/%3E%3C\/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: right 14px center;\n    background-size: 16px;\n    padding-right: 40px;\n    cursor: pointer;\n  }\n  .hc-submit {\n    background: linear-gradient(135deg, var(--orange), var(--orange-light));\n    color: var(--white);\n    border: none;\n    border-radius: var(--radius);\n    padding: 16px;\n    font-size: 16px;\n    font-weight: 800;\n    font-family: var(--font-display);\n    cursor: pointer;\n    transition: var(--tr);\n    box-shadow: 0 6px 24px rgba(255, 140, 66, 0.35);\n  }\n  .hc-submit:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 10px 32px rgba(255, 140, 66, 0.5);\n  }\n  .hc-or {\n    text-align: center;\n    font-size: 12px;\n    color: var(--gray-400);\n    font-weight: 600;\n    padding: 4px 0;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n  }\n  .hc-phone-link {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    background: var(--navy);\n    color: var(--white);\n    border-radius: var(--radius);\n    padding: 14px;\n    font-family: var(--font-display);\n    font-weight: 800;\n    font-size: 17px;\n    transition: var(--tr);\n  }\n  .hc-phone-link:hover {\n    background: var(--navy-mid);\n    color: var(--white);\n  }\n  .hc-footer {\n    text-align: center;\n    margin-top: 12px;\n    font-size: 11.5px;\n    color: var(--gray-400);\n  }\n\n  \/* \u2550\u2550\u2550 FORMINATOR OVERRIDE \u2550\u2550\u2550 *\/\n  .hc-forminator-wrap {\n    margin-bottom: 12px;\n  }\n  .hc-forminator-wrap .forminator-custom-form {\n    padding: 0 !important;\n    margin: 0 !important;\n    background: transparent !important;\n    border: none !important;\n    box-shadow: none !important;\n  }\n  .hc-forminator-wrap .forminator-custom-form .forminator-row {\n    margin-bottom: 0 !important;\n    padding: 0 !important;\n    display: flex !important;\n    gap: 10px !important;\n  }\n  .hc-forminator-wrap .forminator-custom-form .forminator-row .forminator-col {\n    padding: 0 0 10px 0 !important;\n    flex: 1 1 0% !important;\n    min-width: 0 !important;\n  }\n  .forminator-ui.forminator-custom-form[data-grid=\"open\"]\n    .forminator-col:not(:last-child) {\n    margin-bottom: 0px !important;\n  }\n  .hc-forminator-wrap .forminator-custom-form .forminator-field {\n    margin-bottom: 0 !important;\n  }\n  .hc-forminator-wrap .forminator-custom-form .forminator-label {\n    display: none !important;\n  }\n  .forminator-iti-input.iti.iti .iti__selected-dial-code {\n    font-size: 16px !important;\n  }\n  .hc-forminator-wrap .forminator-custom-form .forminator-input,\n  .hc-forminator-wrap .forminator-custom-form .forminator-textarea,\n  .hc-forminator-wrap .forminator-custom-form input[type=\"text\"],\n  .hc-forminator-wrap .forminator-custom-form input[type=\"email\"],\n  .hc-forminator-wrap .forminator-custom-form input[type=\"tel\"],\n  .hc-forminator-wrap .forminator-custom-form input[type=\"number\"],\n  .hc-forminator-wrap .forminator-custom-form input[type=\"url\"] {\n    background: var(--gray-50) !important;\n    border: 1.5px solid var(--gray-200) !important;\n    border-radius: var(--radius) !important;\n    padding: 14px 16px !important;\n    font-size: 14px !important;\n    color: var(--text) !important;\n    font-family: var(--font-body) !important;\n    outline: none !important;\n    transition: var(--tr) !important;\n    width: 100% !important;\n    box-shadow: none !important;\n    height: auto !important;\n    line-height: 1.5 !important;\n  }\n  .forminator-ui.forminator-custom-form[data-design=\"flat\"]\n    .forminator-phone.iti--allow-dropdown\n    .forminator-input {\n    padding-left: 88px !important;\n  }\n  .forminator-ui.forminator-custom-form[data-design=\"flat\"] .forminator-input {\n    padding: 10px !important;\n  }\n  .hc-forminator-wrap .forminator-custom-form .forminator-input::placeholder,\n  .hc-forminator-wrap\n    .forminator-custom-form\n    .forminator-textarea::placeholder {\n    color: var(--gray-400) !important;\n  }\n  .hc-forminator-wrap .forminator-custom-form .forminator-input:focus,\n  .hc-forminator-wrap .forminator-custom-form .forminator-textarea:focus,\n  .hc-forminator-wrap .forminator-custom-form input:focus {\n    border-color: var(--orange) !important;\n    background: var(--orange-pale) !important;\n    box-shadow: none !important;\n  }\n  .hc-forminator-wrap .forminator-custom-form .forminator-select,\n  .hc-forminator-wrap .forminator-custom-form select {\n    background: var(--gray-50) !important;\n    border: 1.5px solid var(--gray-200) !important;\n    border-radius: var(--radius) !important;\n    padding: 2px !important;\n    font-size: 14px !important;\n    color: var(--text) !important;\n    font-family: var(--font-body) !important;\n    outline: none !important;\n    transition: var(--tr) !important;\n    width: 100% !important;\n    -webkit-appearance: none !important;\n    appearance: none !important;\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 20 20' fill='%2394A3B8'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z'\/%3E%3C\/svg%3E\") !important;\n    background-repeat: no-repeat !important;\n    background-position: right 14px center !important;\n    background-size: 16px !important;\n    cursor: pointer !important;\n    box-shadow: none !important;\n    height: auto !important;\n    line-height: 1.5 !important;\n  }\n  .hc-forminator-wrap .forminator-custom-form .forminator-select:focus,\n  .hc-forminator-wrap .forminator-custom-form select:focus {\n    border-color: var(--orange) !important;\n    background-color: var(--orange-pale) !important;\n  }\n  .hc-forminator-wrap\n    .forminator-custom-form\n    .forminator-select2\n    .selection\n    .select2-selection {\n    background: var(--gray-50) !important;\n    border: 1.5px solid var(--gray-200) !important;\n    border-radius: var(--radius) !important;\n    padding: 10px 16px !important;\n    min-height: 48px !important;\n    font-size: 14px !important;\n  }\n  .hc-forminator-wrap\n    .forminator-custom-form\n    .forminator-select2\n    .selection\n    .select2-selection:focus,\n  .hc-forminator-wrap\n    .forminator-custom-form\n    .forminator-select2\n    .selection\n    .select2-selection--focus {\n    border-color: var(--orange) !important;\n    background: var(--orange-pale) !important;\n  }\n  .select2-container--default .select2-dropdown,\n  .select2-dropdown,\n  body .select2-container--open .select2-dropdown {\n    background: var(--white) !important;\n    border: 1.5px solid var(--gray-200) !important;\n    border-radius: 0 0 var(--radius) var(--radius) !important;\n    box-shadow: var(--shadow-card) !important;\n    overflow: hidden !important;\n  }\n  .select2-container--default .select2-results__option,\n  .select2-results__option {\n    background: var(--white) !important;\n    color: var(--text) !important;\n    font-family: var(--font-body) !important;\n    font-size: 14px !important;\n    padding: 10px 16px !important;\n    transition: background 0.15s ease !important;\n  }\n  .select2-container--default .select2-results__option--highlighted,\n  .select2-container--default\n    .select2-results__option--highlighted[aria-selected],\n  .select2-results__option:hover {\n    background: var(--orange-pale) !important;\n    color: var(--orange-dark) !important;\n  }\n  .select2-container--default .select2-results__option[aria-selected=\"true\"],\n  .select2-container--default .select2-results__option--selected {\n    background: var(--gray-50) !important;\n    color: var(--orange) !important;\n    font-weight: 600 !important;\n  }\n  .select2-container--default .select2-search--dropdown .select2-search__field {\n    background: var(--gray-50) !important;\n    border: 1.5px solid var(--gray-200) !important;\n    border-radius: var(--radius) !important;\n    padding: 10px 14px !important;\n    font-family: var(--font-body) !important;\n    font-size: 14px !important;\n    outline: none !important;\n  }\n  .select2-container--default\n    .select2-search--dropdown\n    .select2-search__field:focus {\n    border-color: var(--orange) !important;\n  }\n  .select2-container--default .select2-results > .select2-results__options {\n    background: var(--white) !important;\n    max-height: 220px !important;\n  }\n  .hc-forminator-wrap .forminator-custom-form select option {\n    background: var(--white) !important;\n    color: var(--text) !important;\n    padding: 10px 16px !important;\n    font-family: var(--font-body) !important;\n    font-size: 14px !important;\n  }\n  .hc-forminator-wrap .forminator-custom-form .forminator-button-submit,\n  .hc-forminator-wrap .forminator-custom-form button[type=\"submit\"],\n  .hc-forminator-wrap .forminator-custom-form .forminator-button {\n    background: linear-gradient(\n      135deg,\n      var(--orange),\n      var(--orange-light)\n    ) !important;\n    color: var(--white) !important;\n    border: none !important;\n    border-radius: var(--radius) !important;\n    padding: 16px !important;\n    font-size: 16px !important;\n    font-weight: 800 !important;\n    font-family: var(--font-display) !important;\n    cursor: pointer !important;\n    transition: var(--tr) !important;\n    box-shadow: 0 6px 24px rgba(255, 140, 66, 0.35) !important;\n    width: 100% !important;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n    line-height: 1.4 !important;\n    margin-top: 4px !important;\n  }\n  .hc-forminator-wrap .forminator-custom-form .forminator-button-submit:hover,\n  .hc-forminator-wrap .forminator-custom-form button[type=\"submit\"]:hover,\n  .hc-forminator-wrap .forminator-custom-form .forminator-button:hover {\n    transform: translateY(-2px) !important;\n    box-shadow: 0 10px 32px rgba(255, 140, 66, 0.5) !important;\n  }\n  .hc-forminator-wrap\n    .forminator-custom-form\n    .forminator-radio\n    .forminator-radio-bullet,\n  .hc-forminator-wrap\n    .forminator-custom-form\n    .forminator-checkbox\n    .forminator-checkbox-bullet {\n    border-color: var(--gray-300) !important;\n  }\n  .hc-forminator-wrap\n    .forminator-custom-form\n    .forminator-radio\n    input:checked\n    + .forminator-radio-bullet,\n  .hc-forminator-wrap\n    .forminator-custom-form\n    .forminator-checkbox\n    input:checked\n    + .forminator-checkbox-bullet {\n    border-color: var(--orange) !important;\n    background: var(--orange) !important;\n  }\n  .hc-forminator-wrap .forminator-custom-form .forminator-radio-label,\n  .hc-forminator-wrap .forminator-custom-form .forminator-checkbox-label {\n    font-family: var(--font-body) !important;\n    font-size: 13.5px !important;\n    color: var(--gray-600) !important;\n  }\n  .hc-forminator-wrap .forminator-custom-form .forminator-error-message {\n    font-family: var(--font-body) !important;\n    font-size: 12px !important;\n    color: var(--red) !important;\n    margin-top: 4px !important;\n  }\n  .hc-forminator-wrap\n    .forminator-custom-form\n    .forminator-has_error\n    .forminator-input,\n  .hc-forminator-wrap\n    .forminator-custom-form\n    .forminator-has_error\n    .forminator-select {\n    border-color: var(--red) !important;\n    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1) !important;\n  }\n  .hc-forminator-wrap\n    .forminator-custom-form\n    .forminator-response-message.forminator-success {\n    background: var(--green-pale) !important;\n    border: 1.5px solid var(--green) !important;\n    border-radius: var(--radius) !important;\n    padding: 18px 20px !important;\n    font-family: var(--font-body) !important;\n    font-size: 14px !important;\n    color: var(--green) !important;\n    font-weight: 600 !important;\n    text-align: center !important;\n  }\n  .hc-forminator-wrap\n    .forminator-custom-form\n    .forminator-phone\n    .intl-tel-input {\n    width: 100% !important;\n  }\n  .hc-forminator-wrap\n    .forminator-custom-form\n    .forminator-phone\n    .intl-tel-input\n    .forminator-input {\n    padding-left: 50px !important;\n  }\n  .hc-forminator-wrap\n    .forminator-custom-form\n    .forminator-field\n    input[type=\"tel\"],\n  .hc-forminator-wrap\n    .forminator-custom-form\n    input.forminator-input[type=\"tel\"] {\n    padding-left: 50px !important;\n  }\n  .hc-forminator-wrap\n    .forminator-custom-form\n    .forminator-response-message.forminator-error {\n    background: var(--red-pale) !important;\n    border: 1.5px solid var(--red) !important;\n    border-radius: var(--radius) !important;\n    padding: 14px 20px !important;\n    font-family: var(--font-body) !important;\n    font-size: 13px !important;\n    color: var(--red) !important;\n  }\n\n  \/* \u2550\u2550\u2550 TRUST BAR \u2550\u2550\u2550 *\/\n  .trust-bar {\n    background: var(--white);\n    border-top: 1px solid var(--gray-100);\n    border-bottom: 1px solid var(--gray-100);\n    padding: 24px 0;\n    overflow: hidden;\n  }\n  .trust-bar-inner {\n    display: flex;\n    justify-content: center;\n    gap: 32px;\n    flex-wrap: wrap;\n    align-items: center;\n  }\n  .trust-stat {\n    text-align: center;\n  }\n  .trust-stat-num {\n    font-family: var(--font-display);\n    font-weight: 800;\n    font-size: clamp(1.4rem, 2.5vw, 1.9rem);\n    color: var(--orange);\n    line-height: 1;\n  }\n  .trust-stat-label {\n    font-size: 12px;\n    color: var(--gray-500);\n    font-weight: 500;\n    margin-top: 4px;\n  }\n  .trust-divider {\n    width: 1px;\n    height: 40px;\n    background: var(--gray-200);\n  }\n\n  \/* \u2550\u2550\u2550 ASSURANCES \u2550\u2550\u2550 *\/\n  .assurances {\n    background: var(--off-white);\n    padding: 36px 0;\n    overflow: hidden;\n  }\n  .assurances-label {\n    font-size: 11.5px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: var(--gray-400);\n    text-align: center;\n    margin-bottom: 20px;\n  }\n  .assurances-scroll {\n    overflow: hidden;\n  }\n  .assurances-track {\n    display: flex;\n    width: max-content;\n    animation: scrollLogos 25s linear infinite;\n  }\n  .assurances-track:hover {\n    animation-play-state: paused;\n  }\n  @keyframes scrollLogos {\n    0% {\n      transform: translateX(0);\n    }\n    100% {\n      transform: translateX(-50%);\n    }\n  }\n  .ins-logo {\n    background: var(--white);\n    border: 1px solid var(--gray-200);\n    border-radius: 10px;\n    padding: 10px 18px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 56px;\n    min-width: 95px;\n    transition: var(--tr);\n    flex-shrink: 0;\n    margin: 0 6px;\n  }\n  .ins-logo:hover {\n    border-color: var(--orange);\n    box-shadow: var(--shadow-sm);\n  }\n  .ins-logo img {\n    height: 30px;\n    width: auto;\n    object-fit: contain;\n    max-width: 100px;\n  }\n\n  \/* \u2550\u2550\u2550 SERVICES \u2550\u2550\u2550 *\/\n  .svc-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n  }\n  .svc-card {\n    background: var(--white);\n    border: 1.5px solid var(--gray-100);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n    transition: var(--tr);\n  }\n  .svc-card:hover {\n    border-color: var(--orange);\n    box-shadow: var(--shadow-card);\n    transform: translateY(-4px);\n  }\n  .svc-img {\n    height: 180px;\n    background-size: cover;\n    background-position: center;\n    position: relative;\n  }\n  .svc-img::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      to bottom,\n      transparent 40%,\n      rgba(11, 31, 75, 0.55)\n    );\n  }\n  .svc-img-price {\n    position: absolute;\n    bottom: 12px;\n    left: 14px;\n    z-index: 2;\n    font-family: var(--font-display);\n    font-weight: 800;\n    font-size: 15px;\n    color: var(--white);\n    background: var(--orange);\n    padding: 5px 12px;\n    border-radius: 6px;\n  }\n  .svc-body {\n    padding: 20px;\n  }\n  .svc-title {\n    font-family: var(--font-display);\n    font-weight: 800;\n    font-size: 16px;\n    color: var(--navy);\n    margin-bottom: 8px;\n  }\n  .svc-desc {\n    font-size: 13.5px;\n    color: var(--gray-500);\n    line-height: 1.6;\n    margin-bottom: 14px;\n  }\n  .svc-points {\n    display: flex;\n    flex-direction: column;\n    gap: 5px;\n  }\n  .svc-point {\n    font-size: 12.5px;\n    color: var(--gray-600);\n    display: flex;\n    align-items: center;\n    gap: 7px;\n  }\n  .svc-point::before {\n    content: \"\u2713\";\n    color: var(--green);\n    font-weight: 700;\n    font-size: 12px;\n    flex-shrink: 0;\n  }\n\n  \/* \u2550\u2550\u2550 PROCESS \u2550\u2550\u2550 *\/\n  .process {\n    background: var(--off-white);\n  }\n  .process-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n  }\n  .step {\n    text-align: center;\n    padding: 24px 16px;\n    background: var(--white);\n    border: 1.5px solid var(--gray-100);\n    border-radius: var(--radius-lg);\n    transition: var(--tr);\n  }\n  .step:hover {\n    border-color: var(--orange);\n    box-shadow: var(--shadow-sm);\n  }\n  .step-num {\n    width: 52px;\n    height: 52px;\n    background: var(--orange-pale);\n    border: 2px solid var(--orange);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-family: var(--font-display);\n    font-weight: 800;\n    font-size: 20px;\n    color: var(--orange);\n    margin: 0 auto 16px;\n  }\n  .step-title {\n    font-family: var(--font-display);\n    font-weight: 700;\n    font-size: 14px;\n    color: var(--navy);\n    margin-bottom: 6px;\n  }\n  .step-desc {\n    font-size: 12.5px;\n    color: var(--gray-500);\n    line-height: 1.6;\n  }\n\n  \/* \u2550\u2550\u2550 CTA BAND \u2550\u2550\u2550 *\/\n  .cta-band {\n    background: linear-gradient(135deg, var(--orange), var(--orange-light));\n    padding: 36px 0;\n    overflow: hidden;\n  }\n  .cta-band-inner {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n    flex-wrap: wrap;\n  }\n  .cta-band-text {\n    font-family: var(--font-display);\n    font-weight: 800;\n    font-size: clamp(1.1rem, 2vw, 1.5rem);\n    color: var(--white);\n  }\n  .cta-band-sub {\n    font-size: 14px;\n    color: rgba(255, 255, 255, 0.8);\n    font-weight: 500;\n    margin-top: 4px;\n  }\n  .cta-band-phone {\n    font-family: var(--font-display);\n    font-weight: 800;\n    font-size: clamp(1.3rem, 2.5vw, 1.8rem);\n    color: var(--white);\n    background: rgba(255, 255, 255, 0.2);\n    border: 2px solid rgba(255, 255, 255, 0.3);\n    border-radius: var(--radius);\n    padding: 14px 28px;\n    transition: var(--tr);\n    flex-shrink: 0;\n  }\n  .cta-band-phone:hover {\n    background: rgba(255, 255, 255, 0.3);\n    color: var(--white);\n  }\n\n  \/* \u2550\u2550\u2550 ZONES \u2550\u2550\u2550 *\/\n  .zones-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n  }\n  .zone-block {\n    background: var(--white);\n    border: 1.5px solid var(--gray-100);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n    transition: var(--tr);\n  }\n  .zone-block:hover {\n    border-color: var(--orange);\n    box-shadow: var(--shadow-card);\n  }\n  .zone-img {\n    height: 140px;\n    background-size: cover;\n    background-position: center;\n    position: relative;\n  }\n  .zone-img::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      to bottom,\n      transparent 20%,\n      rgba(11, 31, 75, 0.65)\n    );\n  }\n  .zone-dept {\n    position: absolute;\n    bottom: 10px;\n    left: 12px;\n    z-index: 2;\n    font-family: var(--font-display);\n    font-weight: 800;\n    font-size: 17px;\n    color: var(--white);\n    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);\n  }\n  .zone-body {\n    padding: 16px;\n  }\n  .zone-time {\n    font-size: 12px;\n    font-weight: 700;\n    color: var(--orange);\n    background: var(--orange-pale);\n    padding: 4px 10px;\n    border-radius: 5px;\n    display: inline-block;\n    margin-bottom: 10px;\n  }\n  .zone-cities {\n    font-size: 12px;\n    color: var(--gray-500);\n    line-height: 1.6;\n  }\n\n  \/* \u2550\u2550\u2550 REVIEWS \u2550\u2550\u2550 *\/\n  .reviews {\n    background: var(--off-white);\n  }\n  .reviews-top {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 36px;\n    flex-wrap: wrap;\n    gap: 16px;\n  }\n  .reviews-score {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .score-num {\n    font-family: var(--font-display);\n    font-weight: 800;\n    font-size: 48px;\n    color: var(--navy);\n  }\n  .score-stars {\n    color: var(--amber);\n    font-size: 16px;\n    display: block;\n    margin-bottom: 2px;\n    letter-spacing: 1px;\n  }\n  .score-count {\n    font-size: 12.5px;\n    color: var(--gray-400);\n  }\n  .rev-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n  }\n  .rev-card {\n    background: var(--white);\n    border: 1.5px solid var(--gray-100);\n    border-radius: var(--radius-lg);\n    padding: 22px;\n    transition: var(--tr);\n  }\n  .rev-card:hover {\n    box-shadow: var(--shadow-card);\n  }\n  .rev-head {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 12px;\n  }\n  .rev-avatar {\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, var(--orange), var(--orange-light));\n    color: var(--white);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-family: var(--font-display);\n    font-weight: 800;\n    font-size: 14px;\n    flex-shrink: 0;\n  }\n  .rev-name {\n    font-weight: 700;\n    font-size: 13.5px;\n    color: var(--navy);\n  }\n  .rev-loc {\n    font-size: 11.5px;\n    color: var(--gray-400);\n  }\n  .rev-stars {\n    color: var(--amber);\n    font-size: 12px;\n    margin-bottom: 8px;\n  }\n  .rev-text {\n    font-size: 13px;\n    color: var(--gray-600);\n    line-height: 1.65;\n  }\n  .rev-date {\n    font-size: 10.5px;\n    color: var(--gray-300);\n    margin-top: 10px;\n  }\n\n  \/* \u2550\u2550\u2550 FAQ \u2550\u2550\u2550 *\/\n  .faq-list {\n    max-width: 100%;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 8px;\n  }\n  .faq-item {\n    background: var(--white);\n    border: 1.5px solid var(--gray-100);\n    border-radius: var(--radius);\n    overflow: hidden;\n    transition: var(--tr);\n  }\n  .faq-item.open {\n    border-color: var(--orange);\n    box-shadow: var(--shadow-sm);\n  }\n  .faq-q {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    cursor: pointer;\n    gap: 14px;\n  }\n  .faq-q h4 {\n    font-size: 14.5px;\n    font-weight: 700;\n    color: var(--navy);\n    line-height: 1.35;\n  }\n  .faq-chevron {\n    width: 26px;\n    height: 26px;\n    border-radius: 50%;\n    background: var(--gray-50);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: var(--tr);\n    flex-shrink: 0;\n    font-size: 11px;\n    color: var(--gray-400);\n  }\n  .faq-item.open .faq-chevron {\n    background: var(--orange-pale);\n    color: var(--orange);\n    transform: rotate(180deg);\n  }\n  .faq-a {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.35s var(--ease);\n  }\n  .faq-item.open .faq-a {\n    max-height: 300px;\n  }\n  .faq-a-inner {\n    padding: 0 20px 18px;\n    font-size: 13.5px;\n    color: var(--gray-600);\n    line-height: 1.7;\n  }\n\n  \/* \u2550\u2550\u2550 CTA FINAL \u2550\u2550\u2550 *\/\n  .cta-final {\n    background: var(--white);\n    padding: 64px 0;\n    text-align: center;\n    border-top: 1px solid var(--gray-100);\n  }\n  .cta-final h2 {\n    margin-bottom: 12px;\n  }\n  .cta-final-p {\n    font-size: 16px;\n    color: var(--gray-500);\n    margin-bottom: 28px;\n    max-width: 500px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n  .cta-final-phone {\n    font-family: var(--font-display);\n    font-weight: 800;\n    font-size: clamp(1.5rem, 3vw, 2.2rem);\n    color: var(--orange);\n    display: block;\n    margin-bottom: 6px;\n  }\n  .cta-final-sub {\n    font-size: 12.5px;\n    color: var(--gray-400);\n    display: block;\n    margin-bottom: 24px;\n  }\n  .cta-final-btns {\n    display: flex;\n    gap: 12px;\n    justify-content: center;\n    flex-wrap: wrap;\n  }\n\n  \/* \u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550 *\/\n  @media (max-width: 1024px) {\n    .hero-grid {\n      grid-template-columns: 1fr;\n      gap: 32px;\n    }\n    .hero .wrap {\n      max-width: 92%;\n      margin: 0 auto;\n    }\n    .hero h1 {\n      font-size: clamp(2rem, 5vw, 2.8rem);\n    }\n    .hero-sub {\n      font-size: 17px;\n      max-width: 100%;\n    }\n    .hero-btns {\n      flex-direction: row;\n    }\n    .hero-btns .btn {\n      flex: 1;\n      text-align: center;\n      white-space: normal;\n      font-size: 16px;\n      padding: 18px 24px;\n    }\n    .hero-trust {\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n    .trust-pill {\n      font-size: 13.5px;\n      padding: 9px 16px;\n    }\n    .hero-urgence {\n      font-size: 13px;\n    }\n    .svc-grid,\n    .zones-grid {\n      grid-template-columns: 1fr 1fr;\n    }\n    .process-grid {\n      grid-template-columns: 1fr 1fr;\n    }\n    .rev-grid {\n      grid-template-columns: 1fr 1fr;\n    }\n    .tarifs-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n  @media (max-width: 768px) {\n    .hero {\n      padding: 36px 0 44px;\n    }\n    .hero .wrap {\n      max-width: 90%;\n      padding: 0;\n    }\n    .hero-grid {\n      grid-template-columns: 1fr;\n      gap: 24px;\n    }\n    .hero h1 {\n      font-size: 2rem;\n    }\n    .hero-sub {\n      font-size: 16px;\n      max-width: 100%;\n    }\n    .hero-btns {\n      flex-direction: column;\n    }\n    .hero-btns .btn {\n      width: 100%;\n      text-align: center;\n      padding: 18px 20px;\n      font-size: 16px;\n      white-space: normal;\n    }\n    .hero-trust {\n      flex-direction: row;\n      flex-wrap: wrap;\n      gap: 8px;\n    }\n    .trust-pill {\n      font-size: 13px;\n      padding: 8px 14px;\n    }\n    .hero-card {\n      padding: 24px 18px;\n    }\n    .hero-urgence {\n      font-size: 13px;\n    }\n    .svc-grid {\n      grid-template-columns: 1fr;\n    }\n    .process-grid {\n      grid-template-columns: 1fr;\n    }\n    .zones-grid,\n    .rev-grid {\n      grid-template-columns: 1fr;\n    }\n    .trust-bar-inner {\n      gap: 20px;\n    }\n    .trust-divider {\n      display: none;\n    }\n    .cta-band-inner {\n      flex-direction: column;\n      text-align: center;\n    }\n    .cta-band-phone {\n      width: 100%;\n      text-align: center;\n    }\n    .faq-list {\n      grid-template-columns: 1fr;\n    }\n  }\n  @media (max-width: 480px) {\n    .zones-grid,\n    .process-grid {\n      grid-template-columns: 1fr;\n    }\n    .hero-card {\n      padding: 24px 20px;\n    }\n    .ins-logo {\n      min-width: 80px;\n      padding: 8px 14px;\n    }\n    .hc-forminator-wrap .forminator-custom-form .forminator-row {\n      flex-direction: column !important;\n    }\n  }\n\n  \/* \u2550\u2550\u2550 GARANTIES \u2550\u2550\u2550 *\/\n  .garanties {\n    background: var(--navy-deep);\n    position: relative;\n    overflow: hidden;\n  }\n  .garanties::before {\n    content: \"\";\n    position: absolute;\n    top: -50%;\n    right: 0;\n    width: 400px;\n    height: 400px;\n    background: radial-gradient(\n      circle,\n      rgba(255, 140, 66, 0.04),\n      transparent 60%\n    );\n    pointer-events: none;\n  }\n  .garanties .sh-label {\n    color: var(--orange);\n  }\n  .garanties h2 {\n    color: var(--white);\n  }\n  .garanties .intro {\n    color: rgba(255, 255, 255, 0.5);\n  }\n  .gar-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n  }\n  .gar-card {\n    background: rgba(255, 255, 255, 0.04);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: var(--radius-lg);\n    padding: 32px 24px;\n    transition: var(--tr);\n    position: relative;\n    overflow: hidden;\n  }\n  .gar-card:hover {\n    border-color: var(--orange);\n    background: rgba(255, 255, 255, 0.06);\n    transform: translateY(-4px);\n  }\n  .gar-card::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, var(--orange), transparent);\n    opacity: 0;\n    transition: var(--tr);\n  }\n  .gar-card:hover::before {\n    opacity: 1;\n  }\n  .gar-icon {\n    width: 52px;\n    height: 52px;\n    border-radius: 14px;\n    background: rgba(255, 140, 66, 0.1);\n    border: 1px solid rgba(255, 140, 66, 0.15);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 18px;\n    font-size: 24px;\n  }\n  .gar-title {\n    font-family: var(--font-display);\n    font-weight: 700;\n    font-size: 16px;\n    color: var(--white);\n    margin-bottom: 8px;\n  }\n  .gar-desc {\n    font-size: 13.5px;\n    color: rgba(255, 255, 255, 0.55);\n    line-height: 1.7;\n    margin-bottom: 16px;\n  }\n  .gar-points {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .gar-point {\n    font-size: 12.5px;\n    color: rgba(255, 255, 255, 0.7);\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n  }\n  .gar-point::before {\n    content: \"\u2713\";\n    color: var(--green);\n    font-weight: 700;\n    flex-shrink: 0;\n    margin-top: 1px;\n  }\n  .gar-bottom {\n    margin-top: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 32px;\n    flex-wrap: wrap;\n    padding: 28px 0;\n    border-top: 1px solid rgba(255, 255, 255, 0.06);\n  }\n  .gar-badge {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    background: rgba(255, 255, 255, 0.04);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: var(--radius);\n    padding: 12px 20px;\n  }\n  .gar-badge-icon {\n    width: 36px;\n    height: 36px;\n    border-radius: 8px;\n    background: rgba(255, 140, 66, 0.1);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 18px;\n  }\n  .gar-badge-text {\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--white);\n    line-height: 1.3;\n  }\n  .gar-badge-text small {\n    display: block;\n    font-size: 11px;\n    font-weight: 500;\n    color: rgba(255, 255, 255, 0.4);\n  }\n  @media (max-width: 1024px) {\n    .gar-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  \/* \u2550\u2550\u2550 TARIFS \u2550\u2550\u2550 *\/\n  .tarifs-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n  }\n  .tarif-card {\n    background: var(--white);\n    border: 1.5px solid var(--gray-100);\n    border-radius: var(--radius-lg);\n    padding: 28px 24px;\n    text-align: center;\n    transition: var(--tr);\n    position: relative;\n  }\n  .tarif-card:hover {\n    border-color: var(--orange);\n    box-shadow: var(--shadow-card);\n    transform: translateY(-4px);\n  }\n  .tarif-card.popular {\n    border-color: var(--orange);\n    box-shadow: var(--shadow-lift);\n  }\n  .tarif-card.popular::before {\n    content: \"Le + demand\u00e9\";\n    position: absolute;\n    top: -12px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: var(--orange);\n    color: var(--white);\n    font-size: 11px;\n    font-weight: 700;\n    padding: 4px 14px;\n    border-radius: 20px;\n    white-space: nowrap;\n    font-family: var(--font-display);\n  }\n  .tarif-icon {\n    font-size: 36px;\n    margin-bottom: 12px;\n  }\n  .tarif-name {\n    font-family: var(--font-display);\n    font-weight: 800;\n    font-size: 18px;\n    color: var(--navy);\n    margin-bottom: 4px;\n  }\n  .tarif-price {\n    font-family: var(--font-display);\n    font-weight: 800;\n    font-size: 32px;\n    color: var(--orange);\n    margin-bottom: 4px;\n  }\n  .tarif-price small {\n    font-size: 14px;\n    color: var(--gray-400);\n    font-weight: 500;\n  }\n  .tarif-note {\n    font-size: 12.5px;\n    color: var(--gray-400);\n    margin-bottom: 18px;\n  }\n  .tarif-features {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    text-align: left;\n    margin-bottom: 20px;\n  }\n  .tarif-feature {\n    font-size: 13px;\n    color: var(--gray-600);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n  .tarif-feature::before {\n    content: \"\u2713\";\n    color: var(--green);\n    font-weight: 700;\n    flex-shrink: 0;\n  }\n  .tarif-cta {\n    display: block;\n    text-align: center;\n    padding: 14px;\n    border-radius: var(--radius);\n    font-family: var(--font-display);\n    font-weight: 700;\n    font-size: 14px;\n    transition: var(--tr);\n  }\n  .tarif-card .tarif-cta {\n    background: var(--gray-50);\n    color: var(--navy);\n    border: 1.5px solid var(--gray-200);\n  }\n  .tarif-card .tarif-cta:hover {\n    background: var(--orange);\n    color: var(--white);\n    border-color: var(--orange);\n  }\n  .tarif-card.popular .tarif-cta {\n    background: linear-gradient(135deg, var(--orange), var(--orange-light));\n    color: var(--white);\n    border: none;\n    box-shadow: 0 4px 16px rgba(255, 140, 66, 0.3);\n  }\n  .tarif-card.popular .tarif-cta:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(255, 140, 66, 0.45);\n  }\n  @media (max-width: 768px) {\n    .tarifs-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  \/* \u2550\u2550\u2550 SCROLL ANIMATIONS \u2550\u2550\u2550 *\/\n  .reveal {\n    opacity: 0;\n    transform: translateY(40px);\n    transition:\n      opacity 0.7s ease,\n      transform 0.7s ease;\n  }\n  .reveal.visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  .reveal-left {\n    opacity: 0;\n    transform: translateX(-40px);\n    transition:\n      opacity 0.7s ease,\n      transform 0.7s ease;\n  }\n  .reveal-left.visible {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  .reveal-right {\n    opacity: 0;\n    transform: translateX(40px);\n    transition:\n      opacity 0.7s ease,\n      transform 0.7s ease;\n  }\n  .reveal-right.visible {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  .reveal-scale {\n    opacity: 0;\n    transform: scale(0.92);\n    transition:\n      opacity 0.6s ease,\n      transform 0.6s ease;\n  }\n  .reveal-scale.visible {\n    opacity: 1;\n    transform: scale(1);\n  }\n  .stagger > * {\n    opacity: 0;\n    transform: translateY(30px);\n    transition:\n      opacity 0.5s ease,\n      transform 0.5s ease;\n  }\n  .stagger.visible > * {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  .stagger.visible > *:nth-child(1) {\n    transition-delay: 0s;\n  }\n  .stagger.visible > *:nth-child(2) {\n    transition-delay: 0.1s;\n  }\n  .stagger.visible > *:nth-child(3) {\n    transition-delay: 0.2s;\n  }\n  .stagger.visible > *:nth-child(4) {\n    transition-delay: 0.3s;\n  }\n  .stagger.visible > *:nth-child(5) {\n    transition-delay: 0.4s;\n  }\n  .stagger.visible > *:nth-child(6) {\n    transition-delay: 0.5s;\n  }\n\n  \/* \u2550\u2550\u2550 DISPATCH \u2550\u2550\u2550 *\/\n  .dispatch {\n    background: var(--navy-deep);\n    padding: 64px 0;\n  }\n  .dispatch .sh-label {\n    color: rgba(255, 140, 66, 0.8);\n  }\n  .dispatch h2 {\n    color: var(--white);\n  }\n  .dispatch .intro {\n    color: rgba(255, 255, 255, 0.5);\n  }\n  .tech-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));\n    gap: 16px;\n    margin-top: 32px;\n  }\n  .tech-card {\n    background: rgba(255, 255, 255, 0.04);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n    transition: var(--tr);\n  }\n  .tech-card:hover {\n    border-color: rgba(255, 140, 66, 0.3);\n    background: rgba(255, 255, 255, 0.06);\n  }\n  .tech-head {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    margin-bottom: 14px;\n  }\n  .tech-avatar {\n    width: 46px;\n    height: 46px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, var(--navy), var(--navy-mid));\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-family: var(--font-display);\n    font-weight: 800;\n    font-size: 14px;\n    color: var(--white);\n    flex-shrink: 0;\n    border: 2px solid rgba(255, 255, 255, 0.1);\n  }\n  .tech-name {\n    font-family: var(--font-display);\n    font-weight: 700;\n    font-size: 14px;\n    color: var(--white);\n    margin-bottom: 2px;\n  }\n  .tech-zone {\n    font-size: 11.5px;\n    color: rgba(255, 255, 255, 0.45);\n  }\n  .tech-status {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 10.5px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    padding: 5px 10px;\n    border-radius: 6px;\n    margin-bottom: 10px;\n  }\n  .tech-status.available {\n    background: rgba(22, 163, 74, 0.15);\n    color: #4ade80;\n    border: 1px solid rgba(22, 163, 74, 0.25);\n  }\n  .tech-status.enroute {\n    background: rgba(255, 140, 66, 0.15);\n    color: var(--orange-light);\n    border: 1px solid rgba(255, 140, 66, 0.25);\n  }\n  .tech-status.busy {\n    background: rgba(220, 38, 38, 0.15);\n    color: #f87171;\n    border: 1px solid rgba(220, 38, 38, 0.25);\n  }\n  .tech-status-dot {\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: currentColor;\n    flex-shrink: 0;\n    animation: pulse2 2s infinite;\n  }\n  .tech-action {\n    font-size: 10.5px;\n    color: rgba(255, 255, 255, 0.35);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    font-weight: 600;\n    margin-bottom: 4px;\n  }\n  .tech-desc {\n    font-size: 12.5px;\n    color: rgba(255, 255, 255, 0.6);\n    margin-bottom: 8px;\n    line-height: 1.4;\n  }\n  .tech-eta {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    color: rgba(255, 255, 255, 0.45);\n    margin-bottom: 14px;\n  }\n  .tech-call {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n    background: linear-gradient(135deg, var(--orange), var(--orange-light));\n    color: var(--white);\n    border-radius: var(--radius);\n    padding: 10px 16px;\n    font-weight: 800;\n    font-size: 13px;\n    font-family: var(--font-display);\n    text-decoration: none;\n    transition: var(--tr);\n    border: none;\n    width: 100%;\n    cursor: pointer;\n  }\n  .tech-call:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 4px 16px rgba(255, 140, 66, 0.4);\n    color: var(--white);\n  }\n\n  \/* \u2550\u2550\u2550 MARQUES \u2550\u2550\u2550 *\/\n  .marques {\n    background: var(--off-white);\n    padding: 64px 0;\n  }\n  .marques-grid {\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 12px;\n    margin-top: 32px;\n  }\n  .marque-logo {\n    background: var(--white);\n    border: 1px solid var(--gray-200);\n    border-radius: var(--radius-lg);\n    padding: 18px 28px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 140px;\n    min-height: 80px;\n    transition: var(--tr);\n  }\n  .marque-logo:hover {\n    border-color: var(--orange);\n    box-shadow: var(--shadow-card);\n    transform: translateY(-2px);\n  }\n  .marque-logo img {\n    max-height: 52px;\n    width: auto;\n    max-width: 120px;\n    object-fit: contain;\n    display: block;\n  }\n  .marques-note {\n    background: var(--navy-deep);\n    border-radius: var(--radius-lg);\n    padding: 28px 32px;\n    margin-top: 20px;\n    display: flex;\n    gap: 20px;\n    align-items: flex-start;\n  }\n  .marques-note-icon {\n    font-size: 24px;\n    flex-shrink: 0;\n    margin-top: 2px;\n  }\n  .marques-note-body {\n    flex: 1;\n  }\n  .marques-note-title {\n    font-family: var(--font-display);\n    font-weight: 800;\n    font-size: 16px;\n    color: var(--white);\n    margin-bottom: 6px;\n  }\n  .marques-note-text {\n    font-size: 13.5px;\n    color: rgba(255, 255, 255, 0.55);\n    line-height: 1.6;\n    margin: 0 0 12px;\n  }\n  .marques-badges {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n  .marques-badge {\n    font-size: 11.5px;\n    font-weight: 700;\n    color: #4ade80;\n    background: rgba(22, 163, 74, 0.12);\n    border: 1px solid rgba(22, 163, 74, 0.2);\n    border-radius: 100px;\n    padding: 5px 12px;\n  }\n  @media (max-width: 900px) {\n    .marques-grid {\n      grid-template-columns: repeat(3, 1fr);\n    }\n  }\n  @media (max-width: 600px) {\n    .marques-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n    .marques-note {\n      flex-direction: column;\n    }\n  }\n\n  \/* \u2550\u2550\u2550 ASSURANCE SECTION \u2550\u2550\u2550 *\/\n  .assurance-section {\n    background: var(--navy-deep);\n    padding: 64px 0;\n  }\n  .assurance-section .sh-label {\n    color: rgba(255, 140, 66, 0.8);\n  }\n  .assurance-section h2 {\n    color: var(--white);\n  }\n  .assurance-section h2 em {\n    font-style: normal;\n    color: var(--orange);\n  }\n  .assurance-section .intro {\n    color: rgba(255, 255, 255, 0.5);\n  }\n  .assurance-section p {\n    color: rgba(255, 255, 255, 0.6);\n  }\n  .assurance-bonsavoir {\n    background: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: var(--radius-lg);\n    padding: 20px 24px;\n    margin: 24px 0;\n    display: flex;\n    gap: 14px;\n    align-items: flex-start;\n  }\n  .assurance-bonsavoir-icon {\n    font-size: 20px;\n    color: var(--orange);\n    flex-shrink: 0;\n    margin-top: 2px;\n  }\n  .assurance-bonsavoir-text {\n    font-size: 13.5px;\n    color: rgba(255, 255, 255, 0.65);\n    line-height: 1.6;\n    margin: 0;\n  }\n  .assurance-logos {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 10px;\n    margin-top: 28px;\n  }\n  .assurance-logo-card {\n    background: var(--white);\n    border-radius: var(--radius);\n    padding: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 64px;\n  }\n  .assurance-logo-card img {\n    max-height: 36px;\n    width: auto;\n    max-width: 100%;\n    object-fit: contain;\n  }\n  .assurance-footer {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-top: 24px;\n    justify-content: center;\n  }\n  .assurance-badge {\n    font-size: 12.5px;\n    font-weight: 700;\n    color: rgba(255, 255, 255, 0.75);\n    background: rgba(255, 255, 255, 0.06);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 100px;\n    padding: 7px 16px;\n  }\n  @media (max-width: 768px) {\n    .assurance-logos {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  \/* \u2550\u2550\u2550 TOP BAR \u2550\u2550\u2550 *\/\n  .top-bar {\n    background: var(--orange);\n    position: relative;\n    z-index: 401;\n    overflow: hidden;\n    height: 34px;\n    display: flex;\n    align-items: center;\n  }\n  .top-bar-track {\n    display: flex;\n    width: max-content;\n    animation: scrollTopbar 20s linear infinite;\n  }\n  @keyframes scrollTopbar {\n    0% {\n      transform: translateX(0);\n    }\n    100% {\n      transform: translateX(-50%);\n    }\n  }\n  .top-bar-track span {\n    font-size: 12px;\n    color: var(--white);\n    font-weight: 600;\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    white-space: nowrap;\n    padding: 0 24px;\n  }\n  .top-bar-track span::after {\n    content: \"\u00b7\";\n    margin-left: 24px;\n    opacity: 0.4;\n  }\n\n  \/* \u2550\u2550\u2550 HEADER \u2550\u2550\u2550 *\/\n  .lp-header {\n    background: var(--navy-deep);\n    position: sticky;\n    top: 0;\n    z-index: 400;\n    box-shadow: 0 2px 24px rgba(7, 20, 46, 0.5);\n  }\n  .lp-header-inner {\n    height: 66px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n  }\n  .logo {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n  .logo-label {\n    font-family: var(--font-display);\n    font-weight: 800;\n    font-size: 15px;\n    color: var(--white);\n    line-height: 1.15;\n  }\n  .logo-label small {\n    font-size: 10px;\n    color: rgba(255, 255, 255, 0.55);\n    font-weight: 700;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    display: block;\n  }\n  .header-nav {\n    display: flex;\n    align-items: center;\n    gap: 24px;\n  }\n  .header-nav a {\n    font-family: var(--font-display);\n    font-weight: 600;\n    font-size: 13.5px;\n    color: var(--white);\n    transition: var(--tr);\n    letter-spacing: 0.3px;\n  }\n  .header-nav a:hover {\n    color: var(--orange-light);\n  }\n  .header-cta {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n  }\n  .nav-toggle {\n    display: none;\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 6px;\n    flex-direction: column;\n    gap: 5px;\n    z-index: 501;\n  }\n  .nav-toggle span {\n    display: block;\n    width: 24px;\n    height: 2.5px;\n    background: var(--white);\n    border-radius: 2px;\n    transition: var(--tr);\n  }\n  .nav-toggle.open span:nth-child(1) {\n    transform: rotate(45deg) translate(5px, 5px);\n  }\n  .nav-toggle.open span:nth-child(2) {\n    opacity: 0;\n  }\n  .nav-toggle.open span:nth-child(3) {\n    transform: rotate(-45deg) translate(5px, -5px);\n  }\n  .nav-phone-mobile {\n    display: none;\n  }\n  @media (max-width: 768px) {\n    .nav-toggle {\n      display: flex;\n    }\n    .header-nav {\n      display: none;\n      position: absolute;\n      top: 100%;\n      left: 0;\n      right: 0;\n      background: var(--navy-deep);\n      flex-direction: column;\n      padding: 16px 20px 20px;\n      gap: 0;\n      border-top: 1px solid rgba(255, 255, 255, 0.08);\n      box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3);\n    }\n    .header-nav.open {\n      display: flex;\n    }\n    .header-nav a {\n      padding: 12px 0;\n      border-bottom: 1px solid rgba(255, 255, 255, 0.06);\n      font-size: 15px;\n      color: var(--white);\n    }\n    .header-nav a:last-child {\n      border-bottom: none;\n    }\n    .nav-phone-mobile {\n      display: flex;\n      margin-top: 8px;\n      background: linear-gradient(135deg, var(--orange), var(--orange-light));\n      color: var(--white);\n      padding: 14px;\n      border-radius: var(--radius);\n      justify-content: center;\n      font-weight: 700;\n      font-size: 16px;\n      gap: 8px;\n      border-bottom: none !important;\n    }\n  }\n  .header-phone {\n    font-family: var(--font-display);\n    font-weight: 800;\n    font-size: 17px;\n    color: var(--white);\n  }\n  .header-phone-btn {\n    background: linear-gradient(135deg, var(--orange), var(--orange-light));\n    color: var(--white);\n    font-family: var(--font-display);\n    font-weight: 700;\n    font-size: 14px;\n    padding: 11px 22px;\n    border-radius: var(--radius);\n    border: none;\n    cursor: pointer;\n    transition: var(--tr);\n    text-decoration: none;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    box-shadow: 0 4px 16px rgba(255, 140, 66, 0.3);\n  }\n  .header-phone-btn:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 6px 24px rgba(255, 140, 66, 0.45);\n    color: var(--white);\n  }\n  .hpb-icon {\n    display: none;\n  }\n  @media (max-width: 768px) {\n    .hpb-text {\n      display: none;\n    }\n    .hpb-icon {\n      display: inline-block;\n      width: 20px;\n      height: 20px;\n    }\n    .header-phone-btn {\n      padding: 11px 14px;\n      min-width: 0;\n    }\n    .header-phone {\n      display: none;\n    }\n  }\n  \/* \u2550\u2550\u2550 Dispatch Map Layout \u2550\u2550\u2550 *\/\n  .dispatch-layout {\n    display: grid;\n    grid-template-columns: 1.1fr 0.9fr;\n    gap: 24px;\n    margin-top: 36px;\n    align-items: start;\n  }\n  .dispatch-map-wrap {\n    position: relative;\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n    height: 520px;\n    border: 1px solid rgba(255, 255, 255, 0.12);\n  }\n  #dispatchMap2 {\n    width: 100%;\n    height: 100%;\n  }\n  \/* badge \u00e0 droite : les contr\u00f4les de zoom Leaflet occupent le coin haut-gauche *\/\n  .dispatch-map-badge {\n    position: absolute;\n    top: 12px;\n    right: 12px;\n    z-index: 1000;\n    background: rgba(10, 14, 33, 0.88);\n    backdrop-filter: blur(8px);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 6px 14px;\n    font-size: 11px;\n    font-weight: 700;\n    color: #fff;\n    text-transform: uppercase;\n    letter-spacing: 0.8px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n  .dispatch-map-badge::before {\n    content: \"\";\n    width: 7px;\n    height: 7px;\n    background: #4ade80;\n    border-radius: 50%;\n    animation: pulse2 1.8s infinite;\n    flex-shrink: 0;\n  }\n  .dispatch-agents {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 10px;\n    max-height: 520px;\n    overflow-y: auto;\n    align-content: start;\n    scrollbar-width: thin;\n    scrollbar-color: rgba(255, 255, 255, 0.15) transparent;\n  }\n  .dispatch-agents .tech-card {\n    padding: 12px 10px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    gap: 6px;\n  }\n  .dispatch-agents .tech-head {\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    margin-bottom: 0;\n    width: 100%;\n  }\n  .dispatch-agents .tech-avatar {\n    width: 38px;\n    height: 38px;\n    font-size: 12px;\n  }\n  .dispatch-agents .tech-name {\n    font-size: 12px;\n  }\n  .dispatch-agents .tech-zone {\n    font-size: 10px;\n    color: rgba(255, 255, 255, 0.5);\n  }\n  .dispatch-agents .tech-status {\n    font-size: 9.5px;\n    padding: 3px 8px;\n    margin-bottom: 0;\n  }\n  .dispatch-agents .tech-action,\n  .dispatch-agents .tech-desc,\n  .dispatch-agents .tech-eta {\n    display: none;\n  }\n  .dispatch-agents .tech-call {\n    font-size: 11px;\n    padding: 7px 10px;\n    margin-top: 4px;\n    width: 100%;\n  }\n  .map-marker {\n    width: 34px;\n    height: 34px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-family: \"Sora\", sans-serif;\n    font-weight: 800;\n    font-size: 11px;\n    color: #fff;\n    cursor: pointer;\n    border: 2px solid rgba(255, 255, 255, 0.8);\n  }\n  .map-marker.m-available {\n    background: #16a34a;\n    animation: markerPulseGreen 2s infinite;\n  }\n  .map-marker.m-enroute {\n    background: #ff8c42;\n    color: #0a0e21;\n    animation: markerPulseOrange2 2s infinite;\n  }\n  .map-marker.m-busy {\n    background: #dc2626;\n    animation: markerPulseRed 2s infinite;\n  }\n  @keyframes markerPulseGreen {\n    0%,\n    100% {\n      box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.5);\n    }\n    60% {\n      box-shadow: 0 0 0 10px rgba(22, 163, 74, 0);\n    }\n  }\n  @keyframes markerPulseOrange2 {\n    0%,\n    100% {\n      box-shadow: 0 0 0 0 rgba(255, 140, 66, 0.6);\n    }\n    60% {\n      box-shadow: 0 0 0 10px rgba(255, 140, 66, 0);\n    }\n  }\n  @keyframes markerPulseRed {\n    0%,\n    100% {\n      box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.5);\n    }\n    60% {\n      box-shadow: 0 0 0 10px rgba(220, 38, 38, 0);\n    }\n  }\n  @media (max-width: 1100px) {\n    .dispatch-layout {\n      grid-template-columns: 1fr;\n    }\n    .dispatch-map-wrap {\n      height: 340px;\n    }\n    .dispatch-agents {\n      max-height: none;\n      grid-template-columns: repeat(3, 1fr);\n    }\n  }\n  @media (max-width: 600px) {\n    .dispatch-agents {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n  \/* Mobile uniquement : carte en format rectangle bas \u2014 moins de surface qui capte le doigt au scroll *\/\n  @media (max-width: 768px) {\n    .dispatch-map-wrap {\n      height: 220px;\n    }\n  }\n  @media (max-width: 480px) {\n    .dispatch-map-wrap {\n      height: 190px;\n    }\n  }\n<\/style>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TOP BAR \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"top-bar\">\n  <div class=\"top-bar-track\">\n    <span\n      ><svg class=\"ico ico-sm\"><use href=\"#ico-shield\" \/><\/svg> Agr\u00e9\u00e9 toutes\n      assurances<\/span\n    >\n    <span\n      ><svg class=\"ico ico-sm\"><use href=\"#ico-clock\" \/><\/svg> 24h\/7j sans\n      majoration<\/span\n    >\n    <span\n      ><svg class=\"ico ico-sm\"><use href=\"#ico-pin\" \/><\/svg> Paris \u00b7 Boulogne \u00b7\n      Versailles \u00b7 Neuilly<\/span\n    >\n    <span\n      ><svg class=\"ico ico-sm\"><use href=\"#ico-phone\" \/><\/svg> 01 84 23 15\n      00<\/span\n    >\n    <span\n      ><svg class=\"ico ico-sm\"><use href=\"#ico-lock\" \/><\/svg> Serrures\n      certifi\u00e9es A2P<\/span\n    >\n    <span\n      ><svg class=\"ico ico-sm\"><use href=\"#ico-star\" \/><\/svg> 4.9\/5 \u2014 873 avis\n      Google<\/span\n    >\n    <span\n      ><svg class=\"ico ico-sm\"><use href=\"#ico-shield\" \/><\/svg> Agr\u00e9\u00e9 toutes\n      assurances<\/span\n    >\n    <span\n      ><svg class=\"ico ico-sm\"><use href=\"#ico-clock\" \/><\/svg> 24h\/7j sans\n      majoration<\/span\n    >\n    <span\n      ><svg class=\"ico ico-sm\"><use href=\"#ico-pin\" \/><\/svg> Paris \u00b7 Boulogne \u00b7\n      Versailles \u00b7 Neuilly<\/span\n    >\n    <span\n      ><svg class=\"ico ico-sm\"><use href=\"#ico-phone\" \/><\/svg> 01 84 23 15\n      00<\/span\n    >\n    <span\n      ><svg class=\"ico ico-sm\"><use href=\"#ico-lock\" \/><\/svg> Serrures\n      certifi\u00e9es A2P<\/span\n    >\n    <span\n      ><svg class=\"ico ico-sm\"><use href=\"#ico-star\" \/><\/svg> 4.9\/5 \u2014 873 avis\n      Google<\/span\n    >\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HEADER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<header class=\"lp-header\">\n  <div class=\"wrap\">\n    <div class=\"lp-header-inner\">\n      <a class=\"logo\" href=\"\/\"\n        ><img decoding=\"async\"\n          class=\"logo-img\"\n          src=\"http:\/\/serrurier-agree-paris.fr\/wp-content\/uploads\/2026\/04\/logo_sans_fond.png\"\n          alt=\"Serrurier Agr\u00e9\u00e9\"\n          style=\"height: 42px; width: auto\"\n      \/><\/a>\n      <nav class=\"header-nav\" id=\"headerNav\">\n        <a href=\"#services\">Services<\/a>\n        <a href=\"#tarifs\">Tarifs<\/a>\n        <a href=\"#zones\">Zones<\/a>\n        <a href=\"#avis\">Avis<\/a>\n        <a href=\"#faq\">FAQ<\/a>\n        <a href=\"#devis\">Devis<\/a>\n        <a href=\"tel:0184231500\" class=\"nav-phone-mobile\"\n          ><svg class=\"ico\"><use href=\"#ico-phone\" \/><\/svg> 01 84 23 15 00<\/a\n        >\n      <\/nav>\n      <div class=\"header-cta\">\n        <span class=\"header-phone\"\n          ><svg class=\"ico\"><use href=\"#ico-phone\" \/><\/svg> 01 84 23 15 00<\/span\n        >\n        <a href=\"tel:0184231500\" class=\"header-phone-btn\"\n          ><span class=\"hpb-text\">Appeler maintenant<\/span\n          ><svg class=\"ico hpb-icon\"><use href=\"#ico-phone\" \/><\/svg\n        ><\/a>\n      <\/div>\n      <button\n        class=\"nav-toggle\"\n        id=\"navToggle\"\n        aria-label=\"Menu\"\n        onclick=\"\n          document.getElementById('headerNav').classList.toggle('open');\n          this.classList.toggle('open');\n        \"\n      >\n        <span><\/span><span><\/span><span><\/span>\n      <\/button>\n    <\/div>\n  <\/div>\n<\/header>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"top\" class=\"hero\">\n  <div class=\"wrap\">\n    <div class=\"hero-grid\">\n      <div>\n        <div class=\"hero-urgence\">\n          Serrurier disponible \u2014 intervention imm\u00e9diate\n        <\/div>\n        <h1>Serrurier <em>agr\u00e9\u00e9 assurances<\/em><br \/>intervention en 20 min<\/h1>\n        <p class=\"hero-sub\">\n          Ouverture de porte, changement de serrure, blindage. Tarifs fixes sans\n          majoration. Prise en charge directe par votre assurance.\n        <\/p>\n        <div class=\"hero-btns\">\n          <a class=\"btn btn-orange btn-orange-xl\" href=\"tel:0184231500\"\n            ><svg class=\"ico\"><use href=\"#ico-phone\" \/><\/svg> Appeler \u2014\n            Disponible 24h\/7j<\/a\n          >\n          <a class=\"btn btn-outline-navy\" href=\"#devis\"\n            >Devis gratuit en 5 min \u2192<\/a\n          >\n        <\/div>\n        <div class=\"hero-trust\">\n          <div class=\"trust-pill\">\n            <svg class=\"ico\" style=\"color: var(--amber)\">\n              <use href=\"#ico-star\" \/>\n            <\/svg>\n            4.9\/5 \u00b7 873 avis\n          <\/div>\n          <div class=\"trust-pill\">\n            <svg class=\"ico\"><use href=\"#ico-shield\" \/><\/svg> Agr\u00e9\u00e9 assurances\n          <\/div>\n          <div class=\"trust-pill\">\n            <svg class=\"ico\"><use href=\"#ico-lock\" \/><\/svg> Serrures A2P\n          <\/div>\n        <\/div>\n      <\/div>\n      <div>\n        <div id=\"devis\" class=\"hero-card\">\n          <div class=\"hc-badge\">Rappel en 5 minutes<\/div>\n          <div class=\"hc-title\">Devis gratuit imm\u00e9diat<\/div>\n          <p class=\"hc-sub\">\n            D\u00e9crivez votre besoin \u2014 un serrurier vous rappelle avec un tarif\n            pr\u00e9cis.\n          <\/p>\n          <div class=\"hc-forminator-wrap\">\t\t<div data-elementor-type=\"page\" data-elementor-id=\"177\" class=\"elementor elementor-177\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-144f854e e-con-full e-flex e-con e-parent\" data-id=\"144f854e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56c9bbcc elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"56c9bbcc\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;OFFRE LILIMIT\\u00e9, AGISSEZ VITE !&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;step_type&quot;:&quot;none&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" id=\"popup_forms\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"177\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"56c9bbcc\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"9\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_2b7d654 elementor-col-50 elementor-md-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_2b7d654\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tNom\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_2b7d654]\" id=\"form-field-field_2b7d654\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Dupont\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_75265a1 elementor-col-50 elementor-md-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_75265a1\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tPr\u00e9nom\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_75265a1]\" id=\"form-field-field_75265a1\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Jean\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-message elementor-col-50 elementor-md-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tT\u00e9l\u00e9phone *\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[message]\" id=\"form-field-message\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"+33 6 12 34 56 78\" required=\"required\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-field_4999643 elementor-col-50 elementor-md-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_4999643\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[field_4999643]\" id=\"form-field-field_4999643\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"info@gmail.com\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-field_8458112 elementor-col-100 elementor-md-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_8458112\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tType d\u2019intervention\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-caret-down\" viewBox=\"0 0 571.4 571.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[field_8458112]\" id=\"form-field-field_8458112\" class=\"elementor-field-textual elementor-size-sm\" required=\"required\">\n\t\t\t\t\t\t\t\t\t<option value=\"Ouverture de porte\">Ouverture de porte<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Changement de serrure\">Changement de serrure<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Blindage de porte\">Blindage de porte<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Serrure bloqu\u00e9e \/ Cl\u00e9 cass\u00e9e\">Serrure bloqu\u00e9e \/ Cl\u00e9 cass\u00e9e<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Autre\">Autre<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-field_7f83e3b elementor-col-100 elementor-md-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_7f83e3b\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tVotre ville\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-caret-down\" viewBox=\"0 0 571.4 571.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[field_7f83e3b]\" id=\"form-field-field_7f83e3b\" class=\"elementor-field-textual elementor-size-sm\" required=\"required\">\n\t\t\t\t\t\t\t\t\t<option value=\"Paris (75)\">Paris (75)<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Hauts-de-Seine (92)\">Hauts-de-Seine (92)<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Yvelines (78)\">Yvelines (78)<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Alpes-Maritimes (06)\">Alpes-Maritimes (06)<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\" id=\"submit_btn\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Envoyer ma demande<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\n          <div class=\"hc-or\">ou<\/div>\n          <a class=\"hc-phone-link\" href=\"tel:0184231500\"\n            ><svg class=\"ico\"><use href=\"#ico-phone\" \/><\/svg> 01 84 23 15 00<\/a\n          >\n          <p class=\"hc-footer\">Appel gratuit \u00b7 Sans engagement \u00b7 24h\/7j<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TRUST BAR \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"trust-bar\">\n  <div class=\"wrap\">\n    <div class=\"trust-bar-inner stagger\">\n      <div class=\"trust-stat\">\n        <div class=\"trust-stat-num\" data-count=\"20\">20 min<\/div>\n        <div class=\"trust-stat-label\">Intervention garantie<\/div>\n      <\/div>\n      <div class=\"trust-divider\"><\/div>\n      <div class=\"trust-stat\">\n        <div class=\"trust-stat-num\">873<\/div>\n        <div class=\"trust-stat-label\">\n          Avis 4.9\/5\n          <svg class=\"ico\" style=\"color: var(--amber)\">\n            <use href=\"#ico-star\" \/>\n          <\/svg>\n        <\/div>\n      <\/div>\n      <div class=\"trust-divider\"><\/div>\n      <div class=\"trust-stat\">\n        <div class=\"trust-stat-num\">0 \u20ac<\/div>\n        <div class=\"trust-stat-label\">Frais cach\u00e9s<\/div>\n      <\/div>\n      <div class=\"trust-divider\"><\/div>\n      <div class=\"trust-stat\">\n        <div class=\"trust-stat-num\">95%<\/div>\n        <div class=\"trust-stat-label\">Ouverture sans casse<\/div>\n      <\/div>\n      <div class=\"trust-divider\"><\/div>\n      <div class=\"trust-stat\">\n        <div class=\"trust-stat-num\">24h\/7j<\/div>\n        <div class=\"trust-stat-label\">Sans majoration<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SERRURIERS DISPONIBLES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"dispatch\" id=\"dispatch\">\n  <div class=\"wrap\">\n    <div class=\"sh center reveal\">\n      <div class=\"sh-label\">\u2014 disponibilit\u00e9 en temps r\u00e9el \u2014<\/div>\n      <h2>Serruriers agr\u00e9\u00e9s disponibles dans le 75, 92 &amp; 78<\/h2>\n      <p class=\"intro\">\n        Nos techniciens suivis en direct \u2014 intervention garantie en 20 min\n      <\/p>\n    <\/div>\n    <div class=\"dispatch-layout\">\n      <div class=\"dispatch-map-wrap\">\n        <div id=\"dispatchMap2\"><\/div>\n        <div class=\"dispatch-map-badge\">Positions en temps r\u00e9el<\/div>\n      <\/div>\n      <div class=\"dispatch-agents\" id=\"techGrid\">\n        <div class=\"tech-card\" data-tech=\"0\">\n          <div class=\"tech-head\">\n            <div class=\"tech-avatar\">TR<\/div>\n            <div>\n              <div class=\"tech-name\">Thomas R.<\/div>\n              <div class=\"tech-zone\">Hauts-de-Seine (92)<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"tech-status available\">\n            <span class=\"tech-status-dot\"><\/span> Disponible\n          <\/div>\n          <div class=\"tech-action\">DERNI\u00c8RE INTERVENTION TERMIN\u00c9E<\/div>\n          <div class=\"tech-desc\">\n            Ouverture porte claqu\u00e9e \u00e0 Boulogne-Billancourt \u2014 Termin\u00e9e il y a 7\n            min\n          <\/div>\n          <div class=\"tech-eta\">~15 min<\/div>\n          <a class=\"tech-call\" href=\"tel:0184231500\"\n            ><svg\n              style=\"\n                width: 14px;\n                height: 14px;\n                fill: none;\n                stroke: currentColor;\n                stroke-width: 2;\n                stroke-linecap: round;\n                stroke-linejoin: round;\n              \"\n              viewBox=\"0 0 24 24\"\n            >\n              <path\n                d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.338 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\n              \/>\n            <\/svg>\n            Appeler<\/a\n          >\n        <\/div>\n        <div class=\"tech-card\" data-tech=\"1\">\n          <div class=\"tech-head\">\n            <div class=\"tech-avatar\">MB<\/div>\n            <div>\n              <div class=\"tech-name\">Mehdi B.<\/div>\n              <div class=\"tech-zone\">Seine-Saint-Denis (93)<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"tech-status available\">\n            <span class=\"tech-status-dot\"><\/span> Disponible\n          <\/div>\n          <div class=\"tech-action\">DERNI\u00c8RE INTERVENTION TERMIN\u00c9E<\/div>\n          <div class=\"tech-desc\">\n            Ouverture porte blind\u00e9e \u00e0 Aubervilliers \u2014 Termin\u00e9e il y a 21 min\n          <\/div>\n          <div class=\"tech-eta\">~13 min<\/div>\n          <a class=\"tech-call\" href=\"tel:0184231500\"\n            ><svg\n              style=\"\n                width: 14px;\n                height: 14px;\n                fill: none;\n                stroke: currentColor;\n                stroke-width: 2;\n                stroke-linecap: round;\n                stroke-linejoin: round;\n              \"\n              viewBox=\"0 0 24 24\"\n            >\n              <path\n                d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.338 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\n              \/>\n            <\/svg>\n            Appeler<\/a\n          >\n        <\/div>\n        <div class=\"tech-card\" data-tech=\"2\">\n          <div class=\"tech-head\">\n            <div class=\"tech-avatar\">LP<\/div>\n            <div>\n              <div class=\"tech-name\">Lucas P.<\/div>\n              <div class=\"tech-zone\">Val-de-Marne (94)<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"tech-status available\">\n            <span class=\"tech-status-dot\"><\/span> Disponible\n          <\/div>\n          <div class=\"tech-action\">DERNI\u00c8RE INTERVENTION TERMIN\u00c9E<\/div>\n          <div class=\"tech-desc\">\n            D\u00e9pannage rideau m\u00e9tallique \u00e0 Ivry-sur-Seine \u2014 Termin\u00e9e il y a 21\n            min\n          <\/div>\n          <div class=\"tech-eta\">~14 min<\/div>\n          <a class=\"tech-call\" href=\"tel:0184231500\"\n            ><svg\n              style=\"\n                width: 14px;\n                height: 14px;\n                fill: none;\n                stroke: currentColor;\n                stroke-width: 2;\n                stroke-linecap: round;\n                stroke-linejoin: round;\n              \"\n              viewBox=\"0 0 24 24\"\n            >\n              <path\n                d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.338 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\n              \/>\n            <\/svg>\n            Appeler<\/a\n          >\n        <\/div>\n        <div class=\"tech-card\" data-tech=\"3\">\n          <div class=\"tech-head\">\n            <div class=\"tech-avatar\">KD<\/div>\n            <div>\n              <div class=\"tech-name\">Kevin D.<\/div>\n              <div class=\"tech-zone\">Suresnes \/ Saint-Cloud (92)<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"tech-status busy\">\n            <span class=\"tech-status-dot\"><\/span> En intervention\n          <\/div>\n          <div class=\"tech-action\">INTERVENTION EN COURS<\/div>\n          <div class=\"tech-desc\">\n            R\u00e9paration serrure \u00e0 Suresnes (45 min estim\u00e9es)\n          <\/div>\n          <div class=\"tech-eta\">Libre dans ~8 min<\/div>\n          <a class=\"tech-call\" href=\"tel:0184231500\"\n            ><svg\n              style=\"\n                width: 14px;\n                height: 14px;\n                fill: none;\n                stroke: currentColor;\n                stroke-width: 2;\n                stroke-linecap: round;\n                stroke-linejoin: round;\n              \"\n              viewBox=\"0 0 24 24\"\n            >\n              <path\n                d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.338 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\n              \/>\n            <\/svg>\n            Appeler<\/a\n          >\n        <\/div>\n        <div class=\"tech-card\" data-tech=\"4\">\n          <div class=\"tech-head\">\n            <div class=\"tech-avatar\">DM<\/div>\n            <div>\n              <div class=\"tech-name\">David M.<\/div>\n              <div class=\"tech-zone\">Courbevoie \/ La D\u00e9fense (92)<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"tech-status busy\">\n            <span class=\"tech-status-dot\"><\/span> En intervention\n          <\/div>\n          <div class=\"tech-action\">INTERVENTION EN COURS<\/div>\n          <div class=\"tech-desc\">\n            Changement serrure \u00e0 Courbevoie (50 min estim\u00e9es)\n          <\/div>\n          <div class=\"tech-eta\">Libre dans ~2 min<\/div>\n          <a class=\"tech-call\" href=\"tel:0184231500\"\n            ><svg\n              style=\"\n                width: 14px;\n                height: 14px;\n                fill: none;\n                stroke: currentColor;\n                stroke-width: 2;\n                stroke-linecap: round;\n                stroke-linejoin: round;\n              \"\n              viewBox=\"0 0 24 24\"\n            >\n              <path\n                d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.338 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\n              \/>\n            <\/svg>\n            Appeler<\/a\n          >\n        <\/div>\n        <div class=\"tech-card\" data-tech=\"5\">\n          <div class=\"tech-head\">\n            <div class=\"tech-avatar\">NB<\/div>\n            <div>\n              <div class=\"tech-name\">Nabil B.<\/div>\n              <div class=\"tech-zone\">Paris 8e \/ 17e<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"tech-status available\">\n            <span class=\"tech-status-dot\"><\/span> Disponible\n          <\/div>\n          <div class=\"tech-action\">DERNI\u00c8RE INTERVENTION TERMIN\u00c9E<\/div>\n          <div class=\"tech-desc\">\n            Ouverture porte Paris 8e \u2014 Termin\u00e9e il y a 6 min\n          <\/div>\n          <div class=\"tech-eta\">~10 min<\/div>\n          <a class=\"tech-call\" href=\"tel:0184231500\"\n            ><svg\n              style=\"\n                width: 14px;\n                height: 14px;\n                fill: none;\n                stroke: currentColor;\n                stroke-width: 2;\n                stroke-linecap: round;\n                stroke-linejoin: round;\n              \"\n              viewBox=\"0 0 24 24\"\n            >\n              <path\n                d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.338 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\n              \/>\n            <\/svg>\n            Appeler<\/a\n          >\n        <\/div>\n        <div class=\"tech-card\" data-tech=\"6\">\n          <div class=\"tech-head\">\n            <div class=\"tech-avatar\">AR<\/div>\n            <div>\n              <div class=\"tech-name\">Amine R.<\/div>\n              <div class=\"tech-zone\">Paris 11e \/ 12e<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"tech-status enroute\">\n            <span class=\"tech-status-dot\"><\/span> En route\n          <\/div>\n          <div class=\"tech-action\">EN D\u00c9PLACEMENT<\/div>\n          <div class=\"tech-desc\">\n            Se dirige vers Paris 11e pour : Serrure bloqu\u00e9e\n          <\/div>\n          <div class=\"tech-eta\">~8 min<\/div>\n          <a class=\"tech-call\" href=\"tel:0184231500\"\n            ><svg\n              style=\"\n                width: 14px;\n                height: 14px;\n                fill: none;\n                stroke: currentColor;\n                stroke-width: 2;\n                stroke-linecap: round;\n                stroke-linejoin: round;\n              \"\n              viewBox=\"0 0 24 24\"\n            >\n              <path\n                d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.338 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\n              \/>\n            <\/svg>\n            Appeler<\/a\n          >\n        <\/div>\n        <div class=\"tech-card\" data-tech=\"7\">\n          <div class=\"tech-head\">\n            <div class=\"tech-avatar\">JM<\/div>\n            <div>\n              <div class=\"tech-name\">Jonathan M.<\/div>\n              <div class=\"tech-zone\">Paris 15e \/ 7e<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"tech-status available\">\n            <span class=\"tech-status-dot\"><\/span> Disponible\n          <\/div>\n          <div class=\"tech-action\">DERNI\u00c8RE INTERVENTION TERMIN\u00c9E<\/div>\n          <div class=\"tech-desc\">\n            Changement cylindre Paris 15e \u2014 Termin\u00e9 il y a 11 min\n          <\/div>\n          <div class=\"tech-eta\">~12 min<\/div>\n          <a class=\"tech-call\" href=\"tel:0184231500\"\n            ><svg\n              style=\"\n                width: 14px;\n                height: 14px;\n                fill: none;\n                stroke: currentColor;\n                stroke-width: 2;\n                stroke-linecap: round;\n                stroke-linejoin: round;\n              \"\n              viewBox=\"0 0 24 24\"\n            >\n              <path\n                d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.338 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\n              \/>\n            <\/svg>\n            Appeler<\/a\n          >\n        <\/div>\n        <div class=\"tech-card\" data-tech=\"8\">\n          <div class=\"tech-head\">\n            <div class=\"tech-avatar\">SR<\/div>\n            <div>\n              <div class=\"tech-name\">Samy R.<\/div>\n              <div class=\"tech-zone\">Paris 18e \/ 19e<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"tech-status busy\">\n            <span class=\"tech-status-dot\"><\/span> En intervention\n          <\/div>\n          <div class=\"tech-action\">INTERVENTION EN COURS<\/div>\n          <div class=\"tech-desc\">\n            Ouverture porte claqu\u00e9e Paris 18e (25 min estim\u00e9es)\n          <\/div>\n          <div class=\"tech-eta\">Libre dans ~5 min<\/div>\n          <a class=\"tech-call\" href=\"tel:0184231500\"\n            ><svg\n              style=\"\n                width: 14px;\n                height: 14px;\n                fill: none;\n                stroke: currentColor;\n                stroke-width: 2;\n                stroke-linecap: round;\n                stroke-linejoin: round;\n              \"\n              viewBox=\"0 0 24 24\"\n            >\n              <path\n                d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.338 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\n              \/>\n            <\/svg>\n            Appeler<\/a\n          >\n        <\/div>\n        <div class=\"tech-card\" data-tech=\"9\">\n          <div class=\"tech-head\">\n            <div class=\"tech-avatar\">KC<\/div>\n            <div>\n              <div class=\"tech-name\">Karim C.<\/div>\n              <div class=\"tech-zone\">Paris 13e \/ 5e<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"tech-status available\">\n            <span class=\"tech-status-dot\"><\/span> Disponible\n          <\/div>\n          <div class=\"tech-action\">DERNI\u00c8RE INTERVENTION TERMIN\u00c9E<\/div>\n          <div class=\"tech-desc\">\n            D\u00e9pannage serrure Paris 13e \u2014 Termin\u00e9 il y a 19 min\n          <\/div>\n          <div class=\"tech-eta\">~9 min<\/div>\n          <a class=\"tech-call\" href=\"tel:0184231500\"\n            ><svg\n              style=\"\n                width: 14px;\n                height: 14px;\n                fill: none;\n                stroke: currentColor;\n                stroke-width: 2;\n                stroke-linecap: round;\n                stroke-linejoin: round;\n              \"\n              viewBox=\"0 0 24 24\"\n            >\n              <path\n                d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.338 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\n              \/>\n            <\/svg>\n            Appeler<\/a\n          >\n        <\/div>\n        <div class=\"tech-card\" data-tech=\"10\">\n          <div class=\"tech-head\">\n            <div class=\"tech-avatar\">BT<\/div>\n            <div>\n              <div class=\"tech-name\">Bilal T.<\/div>\n              <div class=\"tech-zone\">Paris 16e \/ Neuilly (92)<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"tech-status available\">\n            <span class=\"tech-status-dot\"><\/span> Disponible\n          <\/div>\n          <div class=\"tech-action\">DERNI\u00c8RE INTERVENTION TERMIN\u00c9E<\/div>\n          <div class=\"tech-desc\">\n            Ouverture porte Paris 16e \u2014 Termin\u00e9e il y a 15 min\n          <\/div>\n          <div class=\"tech-eta\">~13 min<\/div>\n          <a class=\"tech-call\" href=\"tel:0184231500\"\n            ><svg\n              style=\"\n                width: 14px;\n                height: 14px;\n                fill: none;\n                stroke: currentColor;\n                stroke-width: 2;\n                stroke-linecap: round;\n                stroke-linejoin: round;\n              \"\n              viewBox=\"0 0 24 24\"\n            >\n              <path\n                d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.338 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\n              \/>\n            <\/svg>\n            Appeler<\/a\n          >\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ASSURANCES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"assurances\">\n  <div class=\"wrap\">\n    <p class=\"assurances-label\">Agr\u00e9\u00e9 par toutes les assurances habitation<\/p>\n    <div class=\"assurances-scroll\">\n      <div class=\"assurances-track\">\n        <div class=\"ins-logo\">\n          <img decoding=\"async\"\n            src=\"http:\/\/serrurier-agree-paris.fr\/wp-content\/uploads\/2026\/03\/telechargement-2.png\"\n            alt=\"AXA\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n        <div class=\"ins-logo\">\n          <img decoding=\"async\"\n            src=\"http:\/\/serrurier-agree-paris.fr\/wp-content\/uploads\/2026\/03\/Allianz.svg_.png\"\n            alt=\"Allianz\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n        <div class=\"ins-logo\">\n          <img decoding=\"async\"\n            src=\"http:\/\/serrurier-agree-paris.fr\/wp-content\/uploads\/2026\/03\/telechargement-3.png\"\n            alt=\"MAIF\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n        <div class=\"ins-logo\">\n          <img decoding=\"async\"\n            src=\"http:\/\/serrurier-agree-paris.fr\/wp-content\/uploads\/2026\/03\/telechargement-4.png\"\n            alt=\"MACIF\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n        <div class=\"ins-logo\">\n          <img decoding=\"async\"\n            src=\"http:\/\/serrurier-agree-paris.fr\/wp-content\/uploads\/2026\/03\/Logo_MMA.jpg\"\n            alt=\"MMA\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n        <div class=\"ins-logo\">\n          <img decoding=\"async\"\n            src=\"http:\/\/serrurier-agree-paris.fr\/wp-content\/uploads\/2026\/03\/f0d436958261f5911143aa8e295a59d2.png\"\n            alt=\"Groupama\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n        <div class=\"ins-logo\">\n          <img decoding=\"async\"\n            src=\"http:\/\/serrurier-agree-paris.fr\/wp-content\/uploads\/2026\/03\/telechargement-5.png\"\n            alt=\"GMF\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n        <div class=\"ins-logo\">\n          <img decoding=\"async\"\n            src=\"http:\/\/serrurier-agree-paris.fr\/wp-content\/uploads\/2026\/03\/telechargement-6.png\"\n            alt=\"Generali\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n        <div class=\"ins-logo\">\n          <img decoding=\"async\"\n            src=\"http:\/\/serrurier-agree-paris.fr\/wp-content\/uploads\/2026\/03\/HTFile.png\"\n            alt=\"Matmut\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n        <div class=\"ins-logo\">\n          <img decoding=\"async\"\n            src=\"http:\/\/serrurier-agree-paris.fr\/wp-content\/uploads\/2026\/03\/Credit-Agricole-logo-scaled.png\"\n            alt=\"Cr\u00e9dit Agricole\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n        <div class=\"ins-logo\">\n          <img decoding=\"async\"\n            src=\"http:\/\/serrurier-agree-paris.fr\/wp-content\/uploads\/2026\/03\/telechargement-2.png\"\n            alt=\"AXA\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n        <div class=\"ins-logo\">\n          <img decoding=\"async\"\n            src=\"http:\/\/serrurier-agree-paris.fr\/wp-content\/uploads\/2026\/03\/Allianz.svg_.png\"\n            alt=\"Allianz\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n        <div class=\"ins-logo\">\n          <img decoding=\"async\"\n            src=\"http:\/\/serrurier-agree-paris.fr\/wp-content\/uploads\/2026\/03\/telechargement-3.png\"\n            alt=\"MAIF\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n        <div class=\"ins-logo\">\n          <img decoding=\"async\"\n            src=\"http:\/\/serrurier-agree-paris.fr\/wp-content\/uploads\/2026\/03\/telechargement-4.png\"\n            alt=\"MACIF\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n        <div class=\"ins-logo\">\n          <img decoding=\"async\"\n            src=\"http:\/\/serrurier-agree-paris.fr\/wp-content\/uploads\/2026\/03\/Logo_MMA.jpg\"\n            alt=\"MMA\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n        <div class=\"ins-logo\">\n          <img decoding=\"async\"\n            src=\"http:\/\/serrurier-agree-paris.fr\/wp-content\/uploads\/2026\/03\/f0d436958261f5911143aa8e295a59d2.png\"\n            alt=\"Groupama\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n        <div class=\"ins-logo\">\n          <img decoding=\"async\"\n            src=\"http:\/\/serrurier-agree-paris.fr\/wp-content\/uploads\/2026\/03\/telechargement-5.png\"\n            alt=\"GMF\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n        <div class=\"ins-logo\">\n          <img decoding=\"async\"\n            src=\"http:\/\/serrurier-agree-paris.fr\/wp-content\/uploads\/2026\/03\/telechargement-6.png\"\n            alt=\"Generali\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n        <div class=\"ins-logo\">\n          <img decoding=\"async\"\n            src=\"http:\/\/serrurier-agree-paris.fr\/wp-content\/uploads\/2026\/03\/HTFile.png\"\n            alt=\"Matmut\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n        <div class=\"ins-logo\">\n          <img decoding=\"async\"\n            src=\"http:\/\/serrurier-agree-paris.fr\/wp-content\/uploads\/2026\/03\/Credit-Agricole-logo-scaled.png\"\n            alt=\"Cr\u00e9dit Agricole\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 INTERVENTIONS R\u00c9ELLES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<style>\n  .vid-section {\n    background: #fff;\n    padding: 72px 0;\n    overflow: hidden;\n    position: relative;\n  }\n  .vid-section .sh-label {\n    color: var(--orange);\n  }\n  .vid-section h2 {\n    color: var(--navy);\n    margin-bottom: 6px;\n  }\n  .vid-section .intro {\n    color: var(--gray-500);\n  }\n  .vid-google {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: var(--gray-50);\n    border: 1px solid var(--gray-200);\n    border-radius: 100px;\n    padding: 10px 20px;\n    margin: 20px auto 0;\n  }\n  .vid-google-score {\n    font-family: var(--font-display);\n    font-weight: 800;\n    font-size: 18px;\n    color: var(--navy);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n  .vid-google-stars {\n    color: #fbbf24;\n    font-size: 13px;\n    letter-spacing: 1px;\n  }\n  .vid-google-text {\n    font-size: 11.5px;\n    color: var(--gray-500);\n    line-height: 1.3;\n  }\n  .vid-track-wrap {\n    position: relative;\n    margin-top: 40px;\n    overflow: hidden;\n  }\n  .vid-track {\n    display: flex;\n    width: max-content;\n    will-change: transform;\n  }\n  .vid-arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    z-index: 10;\n    background: rgba(255, 255, 255, 0.9);\n    border: 1px solid var(--gray-200);\n    color: var(--navy);\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);\n    transition:\n      background 0.2s,\n      border-color 0.2s;\n  }\n  .vid-arrow:hover {\n    background: var(--orange);\n    border-color: var(--orange);\n    color: #fff;\n  }\n  .vid-arrow svg {\n    width: 18px;\n    height: 18px;\n    stroke: currentColor;\n    fill: none;\n    stroke-width: 2.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n  .vid-arrow-prev {\n    left: 8px;\n  }\n  .vid-arrow-next {\n    right: 8px;\n  }\n  .vid-pagination {\n    display: flex;\n    justify-content: center;\n    gap: 6px;\n    margin-top: 18px;\n  }\n  .vid-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--gray-300);\n    border: none;\n    padding: 0;\n    cursor: pointer;\n    transition:\n      background 0.2s,\n      width 0.2s,\n      border-radius 0.2s;\n  }\n  .vid-dot.active {\n    background: var(--orange);\n    width: 24px;\n    border-radius: 4px;\n  }\n  .vid-card {\n    flex: 0 0 280px;\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n    position: relative;\n    background: var(--navy);\n    border: 1px solid var(--gray-200);\n    transition:\n      border-color 0.24s,\n      box-shadow 0.24s;\n    cursor: pointer;\n    margin: 0 8px;\n    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);\n  }\n  .vid-card:hover {\n    border-color: var(--orange);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);\n  }\n  .vid-card video {\n    width: 100%;\n    height: 280px;\n    object-fit: cover;\n    display: block;\n    opacity: 0.85;\n    transition: opacity 0.3s;\n  }\n  .vid-card:hover video {\n    opacity: 1;\n  }\n  .vid-card-overlay {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    background: linear-gradient(\n      to bottom,\n      rgba(7, 20, 46, 0.35) 0%,\n      transparent 40%,\n      rgba(7, 20, 46, 0.8) 100%\n    );\n    z-index: 2;\n  }\n  .vid-badge {\n    position: absolute;\n    top: 12px;\n    left: 12px;\n    z-index: 3;\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    background: rgba(7, 20, 46, 0.65);\n    backdrop-filter: blur(8px);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 5px 10px;\n    font-size: 10.5px;\n    font-weight: 700;\n    color: #fff;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n  }\n  .vid-badge-dot {\n    width: 6px;\n    height: 6px;\n    background: #ed2939;\n    border-radius: 50%;\n    flex-shrink: 0;\n  }\n  .vid-play {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 3;\n    width: 52px;\n    height: 52px;\n    border-radius: 50%;\n    background: rgba(237, 41, 57, 0.72);\n    border: 2px solid rgba(237, 41, 57, 0.35);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition:\n      opacity 0.2s,\n      transform 0.2s;\n    box-shadow:\n      0 4px 24px rgba(237, 41, 57, 0.35),\n      0 0 0 8px rgba(237, 41, 57, 0.12);\n  }\n  .vid-play::after {\n    content: \"\";\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-width: 9px 0 9px 16px;\n    border-color: transparent transparent transparent #fff;\n    margin-left: 3px;\n  }\n  .vid-card:hover .vid-play,\n  .vid-card.playing .vid-play {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n  .vid-info {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: 3;\n    padding: 16px;\n  }\n  .vid-title {\n    font-family: var(--font-display);\n    font-weight: 700;\n    font-size: 13px;\n    color: #fff;\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n    margin-bottom: 8px;\n    line-height: 1.3;\n  }\n  .vid-tag {\n    display: inline-block;\n    font-size: 10px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.8px;\n    padding: 4px 10px;\n    border-radius: 5px;\n    background: rgba(11, 31, 75, 0.6);\n    color: var(--orange-light);\n    border: 1px solid rgba(255, 140, 66, 0.25);\n  }\n  .vid-tag.urgent {\n    background: rgba(237, 41, 57, 0.7);\n    color: #fff;\n    border-color: rgba(237, 41, 57, 0.4);\n  }\n  @media (max-width: 768px) {\n    .vid-card {\n      flex: 0 0 220px;\n    }\n    .vid-card video {\n      height: 220px;\n    }\n  }\n<\/style>\n<section class=\"vid-section\">\n  <div class=\"wrap\">\n    <div class=\"sh center\">\n      <div class=\"sh-label\">\u2014 interventions r\u00e9elles \u2014<\/div>\n      <h2>\n        Nos artisans serruriers\n        <span style=\"color: var(--orange)\"\n          >en action dans le 75, 92 &amp; 94<\/span\n        >\n      <\/h2>\n      <p class=\"intro\">\n        Pas de mise en sc\u00e8ne. Des vraies interventions film\u00e9es chez nos clients\n        dans Paris &amp; la petite couronne.\n      <\/p>\n      <div class=\"vid-google\">\n        <div class=\"vid-google-score\">\n          <svg\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n            viewBox=\"0 0 48 48\"\n            style=\"width: 22px; height: 22px; flex-shrink: 0\"\n          >\n            <path\n              fill=\"#EA4335\"\n              d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"\n            \/>\n            <path\n              fill=\"#4285F4\"\n              d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"\n            \/>\n            <path\n              fill=\"#FBBC05\"\n              d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"\n            \/>\n            <path\n              fill=\"#34A853\"\n              d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"\n            \/>\n          <\/svg>\n          4,9\n          <span class=\"vid-google-stars\"\n            >&#9733;&#9733;&#9733;&#9733;&#9733;<\/span\n          >\n        <\/div>\n        <div class=\"vid-google-text\">\n          <strong style=\"color: var(--navy)\">Avis clients v\u00e9rifi\u00e9s<\/strong\n          ><br \/>Bas\u00e9 sur 873 avis Google\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"vid-track-wrap\" id=\"vidTrackWrap2\">\n      <button\n        class=\"vid-arrow vid-arrow-prev\"\n        id=\"vidPrev2\"\n        aria-label=\"Pr\u00e9c\u00e9dent\"\n      >\n        <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\" \/><\/svg>\n      <\/button>\n      <button\n        class=\"vid-arrow vid-arrow-next\"\n        id=\"vidNext2\"\n        aria-label=\"Suivant\"\n      >\n        <svg viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\" \/><\/svg>\n      <\/button>\n      <div class=\"vid-track\" id=\"vidTrack2\">\n        <div\n          class=\"vid-card\"\n          onmouseenter=\"playVid(this)\"\n          onmouseleave=\"pauseVid(this)\"\n          onclick=\"toggleVidMobile(this)\"\n        >\n          <video\n            src=\"https:\/\/serrurier-agree-06.fr\/wp-content\/uploads\/2026\/04\/WhatsApp-Video-2026-04-16-at-17.58.54-1.mp4\"\n            muted\n            loop\n            playsinline\n            preload=\"metadata\"\n          ><\/video>\n          <div class=\"vid-card-overlay\"><\/div>\n          <div class=\"vid-badge\">\n            <span class=\"vid-badge-dot\"><\/span> Intervention r\u00e9elle\n          <\/div>\n          <div class=\"vid-play\"><\/div>\n          <div class=\"vid-info\">\n            <div class=\"vid-title\">Ouverture porte claqu\u00e9e<\/div>\n            <div class=\"vid-tag urgent\">Sans d\u00e9g\u00e2t<\/div>\n          <\/div>\n        <\/div>\n        <div\n          class=\"vid-card\"\n          onmouseenter=\"playVid(this)\"\n          onmouseleave=\"pauseVid(this)\"\n          onclick=\"toggleVidMobile(this)\"\n        >\n          <video\n            src=\"https:\/\/serrurier-agree-06.fr\/wp-content\/uploads\/2026\/04\/WhatsApp-Video-2026-04-16-at-17.58.58.mp4\"\n            muted\n            loop\n            playsinline\n            preload=\"metadata\"\n          ><\/video>\n          <div class=\"vid-card-overlay\"><\/div>\n          <div class=\"vid-badge\">\n            <span class=\"vid-badge-dot\"><\/span> Intervention r\u00e9elle\n          <\/div>\n          <div class=\"vid-play\"><\/div>\n          <div class=\"vid-info\">\n            <div class=\"vid-title\">Serrure blind\u00e9e install\u00e9e<\/div>\n            <div class=\"vid-tag\">S\u00e9curisation A2P<\/div>\n          <\/div>\n        <\/div>\n        <div\n          class=\"vid-card\"\n          onmouseenter=\"playVid(this)\"\n          onmouseleave=\"pauseVid(this)\"\n          onclick=\"toggleVidMobile(this)\"\n        >\n          <video\n            src=\"https:\/\/serrurier-agree-06.fr\/wp-content\/uploads\/2026\/04\/WhatsApp-Video-2026-04-16-at-17.58.57.mp4\"\n            muted\n            loop\n            playsinline\n            preload=\"metadata\"\n          ><\/video>\n          <div class=\"vid-card-overlay\"><\/div>\n          <div class=\"vid-badge\">\n            <span class=\"vid-badge-dot\"><\/span> Intervention r\u00e9elle\n          <\/div>\n          <div class=\"vid-play\"><\/div>\n          <div class=\"vid-info\">\n            <div class=\"vid-title\">Ouverture par crochetage<\/div>\n            <div class=\"vid-tag\">Technique pro<\/div>\n          <\/div>\n        <\/div>\n        <div\n          class=\"vid-card\"\n          onmouseenter=\"playVid(this)\"\n          onmouseleave=\"pauseVid(this)\"\n          onclick=\"toggleVidMobile(this)\"\n        >\n          <video\n            src=\"https:\/\/serrurier-agree-06.fr\/wp-content\/uploads\/2026\/04\/WhatsApp-Video-2026-04-16-at-17.58.56.mp4\"\n            muted\n            loop\n            playsinline\n            preload=\"metadata\"\n          ><\/video>\n          <div class=\"vid-card-overlay\"><\/div>\n          <div class=\"vid-badge\">\n            <span class=\"vid-badge-dot\"><\/span> Intervention r\u00e9elle\n          <\/div>\n          <div class=\"vid-play\"><\/div>\n          <div class=\"vid-info\">\n            <div class=\"vid-title\">Changement serrure en urgence<\/div>\n            <div class=\"vid-tag urgent\">Urgence 24h\/7j<\/div>\n          <\/div>\n        <\/div>\n        <div\n          class=\"vid-card\"\n          onmouseenter=\"playVid(this)\"\n          onmouseleave=\"pauseVid(this)\"\n          onclick=\"toggleVidMobile(this)\"\n        >\n          <video\n            src=\"https:\/\/serrurier-agree-06.fr\/wp-content\/uploads\/2026\/04\/WhatsApp-Video-2026-04-16-at-17.58.55.mp4\"\n            muted\n            loop\n            playsinline\n            preload=\"metadata\"\n          ><\/video>\n          <div class=\"vid-card-overlay\"><\/div>\n          <div class=\"vid-badge\">\n            <span class=\"vid-badge-dot\"><\/span> Intervention r\u00e9elle\n          <\/div>\n          <div class=\"vid-play\"><\/div>\n          <div class=\"vid-info\">\n            <div class=\"vid-title\">Remplacement complet de serrure<\/div>\n            <div class=\"vid-tag\">Fichet multipoints<\/div>\n          <\/div>\n        <\/div>\n        <div\n          class=\"vid-card\"\n          onmouseenter=\"playVid(this)\"\n          onmouseleave=\"pauseVid(this)\"\n          onclick=\"toggleVidMobile(this)\"\n        >\n          <video\n            src=\"https:\/\/serrurier-agree-06.fr\/wp-content\/uploads\/2026\/04\/WhatsApp-Video-2026-04-16-at-17.58.54.mp4\"\n            muted\n            loop\n            playsinline\n            preload=\"metadata\"\n          ><\/video>\n          <div class=\"vid-card-overlay\"><\/div>\n          <div class=\"vid-badge\">\n            <span class=\"vid-badge-dot\"><\/span> Intervention r\u00e9elle\n          <\/div>\n          <div class=\"vid-play\"><\/div>\n          <div class=\"vid-info\">\n            <div class=\"vid-title\">Installation nouvelle serrure<\/div>\n            <div class=\"vid-tag\">Certifi\u00e9 A2P<\/div>\n          <\/div>\n        <\/div>\n        <div\n          class=\"vid-card\"\n          onmouseenter=\"playVid(this)\"\n          onmouseleave=\"pauseVid(this)\"\n          onclick=\"toggleVidMobile(this)\"\n        >\n          <video\n            src=\"https:\/\/serrurier-agree-06.fr\/wp-content\/uploads\/2026\/04\/WhatsApp-Video-2026-04-16-at-17.58.59.mp4\"\n            muted\n            loop\n            playsinline\n            preload=\"metadata\"\n          ><\/video>\n          <div class=\"vid-card-overlay\"><\/div>\n          <div class=\"vid-badge\">\n            <span class=\"vid-badge-dot\"><\/span> Intervention r\u00e9elle\n          <\/div>\n          <div class=\"vid-play\"><\/div>\n          <div class=\"vid-info\">\n            <div class=\"vid-title\">Extraction cl\u00e9 cass\u00e9e<\/div>\n            <div class=\"vid-tag urgent\">D\u00e9pannage express<\/div>\n          <\/div>\n        <\/div>\n        <!-- Lot 2 boucle -->\n        <div\n          class=\"vid-card\"\n          onmouseenter=\"playVid(this)\"\n          onmouseleave=\"pauseVid(this)\"\n          onclick=\"toggleVidMobile(this)\"\n        >\n          <video\n            src=\"https:\/\/serrurier-agree-06.fr\/wp-content\/uploads\/2026\/04\/WhatsApp-Video-2026-04-16-at-17.58.54-1.mp4\"\n            muted\n            loop\n            playsinline\n            preload=\"metadata\"\n          ><\/video>\n          <div class=\"vid-card-overlay\"><\/div>\n          <div class=\"vid-badge\">\n            <span class=\"vid-badge-dot\"><\/span> Intervention r\u00e9elle\n          <\/div>\n          <div class=\"vid-play\"><\/div>\n          <div class=\"vid-info\">\n            <div class=\"vid-title\">Ouverture porte claqu\u00e9e<\/div>\n            <div class=\"vid-tag urgent\">Sans d\u00e9g\u00e2t<\/div>\n          <\/div>\n        <\/div>\n        <div\n          class=\"vid-card\"\n          onmouseenter=\"playVid(this)\"\n          onmouseleave=\"pauseVid(this)\"\n          onclick=\"toggleVidMobile(this)\"\n        >\n          <video\n            src=\"https:\/\/serrurier-agree-06.fr\/wp-content\/uploads\/2026\/04\/WhatsApp-Video-2026-04-16-at-17.58.58.mp4\"\n            muted\n            loop\n            playsinline\n            preload=\"metadata\"\n          ><\/video>\n          <div class=\"vid-card-overlay\"><\/div>\n          <div class=\"vid-badge\">\n            <span class=\"vid-badge-dot\"><\/span> Intervention r\u00e9elle\n          <\/div>\n          <div class=\"vid-play\"><\/div>\n          <div class=\"vid-info\">\n            <div class=\"vid-title\">Serrure blind\u00e9e install\u00e9e<\/div>\n            <div class=\"vid-tag\">S\u00e9curisation A2P<\/div>\n          <\/div>\n        <\/div>\n        <div\n          class=\"vid-card\"\n          onmouseenter=\"playVid(this)\"\n          onmouseleave=\"pauseVid(this)\"\n          onclick=\"toggleVidMobile(this)\"\n        >\n          <video\n            src=\"https:\/\/serrurier-agree-06.fr\/wp-content\/uploads\/2026\/04\/WhatsApp-Video-2026-04-16-at-17.58.57.mp4\"\n            muted\n            loop\n            playsinline\n            preload=\"metadata\"\n          ><\/video>\n          <div class=\"vid-card-overlay\"><\/div>\n          <div class=\"vid-badge\">\n            <span class=\"vid-badge-dot\"><\/span> Intervention r\u00e9elle\n          <\/div>\n          <div class=\"vid-play\"><\/div>\n          <div class=\"vid-info\">\n            <div class=\"vid-title\">Ouverture par crochetage<\/div>\n            <div class=\"vid-tag\">Technique pro<\/div>\n          <\/div>\n        <\/div>\n        <div\n          class=\"vid-card\"\n          onmouseenter=\"playVid(this)\"\n          onmouseleave=\"pauseVid(this)\"\n          onclick=\"toggleVidMobile(this)\"\n        >\n          <video\n            src=\"https:\/\/serrurier-agree-06.fr\/wp-content\/uploads\/2026\/04\/WhatsApp-Video-2026-04-16-at-17.58.56.mp4\"\n            muted\n            loop\n            playsinline\n            preload=\"metadata\"\n          ><\/video>\n          <div class=\"vid-card-overlay\"><\/div>\n          <div class=\"vid-badge\">\n            <span class=\"vid-badge-dot\"><\/span> Intervention r\u00e9elle\n          <\/div>\n          <div class=\"vid-play\"><\/div>\n          <div class=\"vid-info\">\n            <div class=\"vid-title\">Changement serrure en urgence<\/div>\n            <div class=\"vid-tag urgent\">Urgence 24h\/7j<\/div>\n          <\/div>\n        <\/div>\n        <div\n          class=\"vid-card\"\n          onmouseenter=\"playVid(this)\"\n          onmouseleave=\"pauseVid(this)\"\n          onclick=\"toggleVidMobile(this)\"\n        >\n          <video\n            src=\"https:\/\/serrurier-agree-06.fr\/wp-content\/uploads\/2026\/04\/WhatsApp-Video-2026-04-16-at-17.58.55.mp4\"\n            muted\n            loop\n            playsinline\n            preload=\"metadata\"\n          ><\/video>\n          <div class=\"vid-card-overlay\"><\/div>\n          <div class=\"vid-badge\">\n            <span class=\"vid-badge-dot\"><\/span> Intervention r\u00e9elle\n          <\/div>\n          <div class=\"vid-play\"><\/div>\n          <div class=\"vid-info\">\n            <div class=\"vid-title\">Remplacement complet de serrure<\/div>\n            <div class=\"vid-tag\">Fichet multipoints<\/div>\n          <\/div>\n        <\/div>\n        <div\n          class=\"vid-card\"\n          onmouseenter=\"playVid(this)\"\n          onmouseleave=\"pauseVid(this)\"\n          onclick=\"toggleVidMobile(this)\"\n        >\n          <video\n            src=\"https:\/\/serrurier-agree-06.fr\/wp-content\/uploads\/2026\/04\/WhatsApp-Video-2026-04-16-at-17.58.54.mp4\"\n            muted\n            loop\n            playsinline\n            preload=\"metadata\"\n          ><\/video>\n          <div class=\"vid-card-overlay\"><\/div>\n          <div class=\"vid-badge\">\n            <span class=\"vid-badge-dot\"><\/span> Intervention r\u00e9elle\n          <\/div>\n          <div class=\"vid-play\"><\/div>\n          <div class=\"vid-info\">\n            <div class=\"vid-title\">Installation nouvelle serrure<\/div>\n            <div class=\"vid-tag\">Certifi\u00e9 A2P<\/div>\n          <\/div>\n        <\/div>\n        <div\n          class=\"vid-card\"\n          onmouseenter=\"playVid(this)\"\n          onmouseleave=\"pauseVid(this)\"\n          onclick=\"toggleVidMobile(this)\"\n        >\n          <video\n            src=\"https:\/\/serrurier-agree-06.fr\/wp-content\/uploads\/2026\/04\/WhatsApp-Video-2026-04-16-at-17.58.59.mp4\"\n            muted\n            loop\n            playsinline\n            preload=\"metadata\"\n          ><\/video>\n          <div class=\"vid-card-overlay\"><\/div>\n          <div class=\"vid-badge\">\n            <span class=\"vid-badge-dot\"><\/span> Intervention r\u00e9elle\n          <\/div>\n          <div class=\"vid-play\"><\/div>\n          <div class=\"vid-info\">\n            <div class=\"vid-title\">Extraction cl\u00e9 cass\u00e9e<\/div>\n            <div class=\"vid-tag urgent\">D\u00e9pannage express<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"vid-pagination\" id=\"vidPagination2\"><\/div>\n  <\/div>\n<\/section>\n<script>\n  if (!window.playVid) {\n    window.playVid = function (c) {\n      var v = c.querySelector(\"video\");\n      if (v) {\n        v.currentTime = 0;\n        v.play().catch(function () {});\n        c.classList.add(\"playing\");\n      }\n    };\n    window.pauseVid = function (c) {\n      var v = c.querySelector(\"video\");\n      if (v) {\n        v.pause();\n        v.currentTime = 0;\n        c.classList.remove(\"playing\");\n      }\n    };\n    window.toggleVidMobile = function (c) {\n      if (window.innerWidth > 768) return;\n      var v = c.querySelector(\"video\");\n      if (v.paused) {\n        document.querySelectorAll(\".vid-card\").forEach(function (x) {\n          if (x !== c) pauseVid(x);\n        });\n        playVid(c);\n      } else {\n        pauseVid(c);\n      }\n    };\n  }\n  (function () {\n    var track = document.getElementById(\"vidTrack2\"),\n      wrap = document.getElementById(\"vidTrackWrap2\"),\n      prevBtn = document.getElementById(\"vidPrev2\"),\n      nextBtn = document.getElementById(\"vidNext2\"),\n      pag = document.getElementById(\"vidPagination2\");\n    if (!track || !wrap) return;\n    var ORIG = 7,\n      SPEED = 0.6,\n      x = 0,\n      raf = null,\n      locked = false;\n    function cw() {\n      var c = track.querySelectorAll(\".vid-card\")[0];\n      return (c ? c.offsetWidth : 280) + 16;\n    }\n    function half() {\n      return ORIG * cw();\n    }\n    function pv() {\n      var w = wrap.offsetWidth;\n      return w < 640 ? 1 : w < 1024 ? 2 : 3;\n    }\n    function pages() {\n      return Math.ceil(ORIG \/ pv());\n    }\n    function curPage() {\n      return Math.min(Math.floor((x % half()) \/ (cw() * pv())), pages() - 1);\n    }\n    function buildDots() {\n      if (!pag) return;\n      pag.innerHTML = \"\";\n      for (var i = 0; i < pages(); i++) {\n        var d = document.createElement(\"button\");\n        d.className = \"vid-dot\" + (i === 0 ? \" active\" : \"\");\n        d.setAttribute(\"aria-label\", \"Page \" + (i + 1));\n        (function (idx) {\n          d.addEventListener(\"click\", function () {\n            snapToPage(idx);\n          });\n        })(i);\n        pag.appendChild(d);\n      }\n    }\n    function updateDots() {\n      if (!pag) return;\n      var p = curPage();\n      pag.querySelectorAll(\".vid-dot\").forEach(function (d, i) {\n        d.classList.toggle(\"active\", i === p);\n      });\n    }\n    function snapToPage(i) {\n      var t = (i * pv() * cw()) % half();\n      locked = true;\n      track.style.transition = \"transform 0.5s cubic-bezier(0.4,0,0.2,1)\";\n      track.style.transform = \"translateX(-\" + t + \"px)\";\n      x = t;\n      setTimeout(function () {\n        track.style.transition = \"\";\n        locked = false;\n        updateDots();\n      }, 520);\n    }\n    function tick() {\n      if (!locked) {\n        x += SPEED;\n        if (x >= half()) x -= half();\n        track.style.transform = \"translateX(-\" + x.toFixed(2) + \"px)\";\n        updateDots();\n      }\n      raf = requestAnimationFrame(tick);\n    }\n    if (prevBtn)\n      prevBtn.addEventListener(\"click\", function () {\n        snapToPage((curPage() - 1 + pages()) % pages());\n      });\n    if (nextBtn)\n      nextBtn.addEventListener(\"click\", function () {\n        snapToPage((curPage() + 1) % pages());\n      });\n    wrap.addEventListener(\"mouseenter\", function () {\n      if (raf) {\n        cancelAnimationFrame(raf);\n        raf = null;\n      }\n    });\n    wrap.addEventListener(\"mouseleave\", function () {\n      if (!raf) raf = requestAnimationFrame(tick);\n    });\n    buildDots();\n    raf = requestAnimationFrame(tick);\n    window.addEventListener(\"resize\", function () {\n      buildDots();\n      updateDots();\n    });\n  })();\n<\/script>\n\n<!-- CTA apr\u00e8s interventions r\u00e9elles -->\n<div class=\"cta-band\">\n  <div class=\"wrap\">\n    <div class=\"cta-band-inner\">\n      <div>\n        <div class=\"cta-band-text\">\n          <svg class=\"ico\"><use href=\"#ico-key\" \/><\/svg> Besoin d'un serrurier\n          maintenant ? On intervient en 20 min.\n        <\/div>\n        <div class=\"cta-band-sub\">\n          Devis gratuit sur place \u00b7 Serrures A2P \u00b7 Facture assurance fournie\n        <\/div>\n      <\/div>\n      <a class=\"cta-band-phone\" href=\"tel:0184231500\"\n        ><svg class=\"ico\"><use href=\"#ico-phone\" \/><\/svg> 01 84 23 15 00<\/a\n      >\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SERVICES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"services\" class=\"section\">\n  <div class=\"wrap\">\n    <div class=\"sh center reveal\">\n      <div class=\"sh-label\">\n        <svg class=\"ico\"><use href=\"#ico-key\" \/><\/svg> Nos interventions\n      <\/div>\n      <h2>Tous les services de serrurerie<\/h2>\n      <p class=\"intro\">\n        Du d\u00e9pannage d'urgence au blindage complet \u2014 intervention rapide dans le\n        75, 78 et 92.\n      <\/p>\n    <\/div>\n    <div class=\"svc-grid stagger\">\n      <article class=\"svc-card\">\n        <div\n          class=\"svc-img\"\n          style=\"\n            background-image: url(&quot;https:\/\/plus.unsplash.com\/premium_photo-1661292167106-2224b6d0cefc?q=80&w=800&auto=format&fit=crop&quot;);\n            background-position: center 30%;\n          \"\n        >\n          <div class=\"svc-img-price\">D\u00e8s 69 \u20ac<\/div>\n        <\/div>\n        <div class=\"svc-body\">\n          <h3 class=\"svc-title\">Ouverture de porte<\/h3>\n          <p class=\"svc-desc\">\n            Porte claqu\u00e9e ou ferm\u00e9e \u00e0 cl\u00e9. Crochetage, by-pass, d\u00e9codage. 95%\n            sans dommage.\n          <\/p>\n          <div class=\"svc-points\">\n            <div class=\"svc-point\">Techniques non destructives<\/div>\n            <div class=\"svc-point\">V\u00e9rification identit\u00e9 syst\u00e9matique<\/div>\n            <div class=\"svc-point\">Aucun changement inutile<\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n      <article class=\"svc-card\">\n        <div\n          class=\"svc-img\"\n          style=\"\n            background-image: url(&quot;https:\/\/plus.unsplash.com\/premium_photo-1683134324677-698a7c2d5246?q=80&w=800&auto=format&fit=crop&quot;);\n          \"\n        >\n          <div class=\"svc-img-price\">D\u00e8s 120 \u20ac<\/div>\n        <\/div>\n        <div class=\"svc-body\">\n          <h3 class=\"svc-title\">Changement de serrure<\/h3>\n          <p class=\"svc-desc\">\n            Cylindre, multipoints, car\u00e9n\u00e9e. Marques A2P : Fichet, Bricard,\n            Vachette, Mul-T-Lock.\n          <\/p>\n          <div class=\"svc-points\">\n            <div class=\"svc-point\">Serrures certifi\u00e9es A2P<\/div>\n            <div class=\"svc-point\">Stock permanent de cylindres<\/div>\n            <div class=\"svc-point\">Garantie 2 ans pi\u00e8ces + MO<\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n      <article class=\"svc-card\">\n        <div\n          class=\"svc-img\"\n          style=\"\n            background-image: url(&quot;\/wp-content\/uploads\/2026\/04\/new-armored-steel-white-door-chrome-metal-locks-w-2026-01-08-23-26-11-utc-scaled.jpg&quot;);\n          \"\n        >\n          <div class=\"svc-img-price\">D\u00e8s 600 \u20ac<\/div>\n        <\/div>\n        <div class=\"svc-body\">\n          <h3 class=\"svc-title\">Blindage de porte<\/h3>\n          <p class=\"svc-desc\">\n            Blindage porte existante ou bloc-porte blind\u00e9 A2P BP1\/BP2\/BP3.\n            Conforme assurances.\n          <\/p>\n          <div class=\"svc-points\">\n            <div class=\"svc-point\">Certifi\u00e9 A2P BP<\/div>\n            <div class=\"svc-point\">Prise en charge assurance<\/div>\n            <div class=\"svc-point\">Pose en demi-journ\u00e9e<\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n      <article class=\"svc-card\">\n        <div\n          class=\"svc-img\"\n          style=\"\n            background-image: url(&quot;\/wp-content\/uploads\/2026\/04\/install-the-door-handle-with-a-lock-2026-03-24-23-55-32-utc-scaled.jpg&quot;);\n          \"\n        >\n          <div class=\"svc-img-price\">D\u00e8s 69 \u20ac<\/div>\n        <\/div>\n        <div class=\"svc-body\">\n          <h3 class=\"svc-title\">D\u00e9pannage urgence 24h\/7j<\/h3>\n          <p class=\"svc-desc\">\n            Serrure bloqu\u00e9e, cl\u00e9 cass\u00e9e, cylindre gripp\u00e9. Intervention imm\u00e9diate\n            sans majoration.\n          <\/p>\n          <div class=\"svc-points\">\n            <div class=\"svc-point\">Extraction cl\u00e9 cass\u00e9e<\/div>\n            <div class=\"svc-point\">R\u00e9paration sur place<\/div>\n            <div class=\"svc-point\">Nuit & week-end : m\u00eame tarif<\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n      <article class=\"svc-card\">\n        <div\n          class=\"svc-img\"\n          style=\"\n            background-image: url(&quot;\/wp-content\/uploads\/2026\/04\/ouverture-coffre-fort.webp&quot;);\n          \"\n        >\n          <div class=\"svc-img-price\">Sur devis<\/div>\n        <\/div>\n        <div class=\"svc-body\">\n          <h3 class=\"svc-title\">Coffre-fort<\/h3>\n          <p class=\"svc-desc\">\n            Pose, scellement, ouverture perte code. Coffres certifi\u00e9s EN 14450 \/\n            EN 1143-1.\n          <\/p>\n          <div class=\"svc-points\">\n            <div class=\"svc-point\">Conforme exigences assureurs<\/div>\n            <div class=\"svc-point\">Particuliers & professionnels<\/div>\n            <div class=\"svc-point\">D\u00e9pannage code perdu<\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n      <article class=\"svc-card\">\n        <div\n          class=\"svc-img\"\n          style=\"\n            background-image: url(&quot;https:\/\/images.unsplash.com\/photo-1558002038-1055907df827?w=600&q=75&quot;);\n          \"\n        >\n          <div class=\"svc-img-price\">Sur devis<\/div>\n        <\/div>\n        <div class=\"svc-body\">\n          <h3 class=\"svc-title\">Digicode & interphone<\/h3>\n          <p class=\"svc-desc\">\n            Pose, remplacement, d\u00e9pannage. Aiphone, Urmet, Comelit.\n            Copropri\u00e9t\u00e9s.\n          <\/p>\n          <div class=\"svc-points\">\n            <div class=\"svc-point\">C\u00e2blage & reprise installation<\/div>\n            <div class=\"svc-point\">Contrats entretien syndics<\/div>\n            <div class=\"svc-point\">Vid\u00e9ophone connect\u00e9<\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MARQUES DE CONFIANCE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"marques\" id=\"marques\">\n  <div class=\"wrap\">\n    <div class=\"sh center reveal\">\n      <div class=\"sh-label\">\u2014 marques de confiance \u2014<\/div>\n      <h2>Installateur &amp; revendeur des marques reconnues<\/h2>\n      <p class=\"intro\">\n        Serrures A2P certifi\u00e9es, accept\u00e9es par toutes les assurances\n      <\/p>\n    <\/div>\n    <div class=\"marques-grid stagger\">\n      <div class=\"marque-logo\">\n        <img decoding=\"async\"\n          src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcR4BYlbrlmAQ4Ggd4vKW0KlzpF_i0mnX8os_w&s\"\n          alt=\"Vachette\"\n          loading=\"lazy\"\n        \/>\n      <\/div>\n      <div class=\"marque-logo\">\n        <img decoding=\"async\"\n          src=\"https:\/\/gw-assets.assaabloy.com\/is\/image\/assaabloy\/logo-fichet-serrurerie-batiment-1?wid=1395&hei=429&fmt=png-alpha\"\n          alt=\"Fichet\"\n          loading=\"lazy\"\n        \/>\n      <\/div>\n      <div class=\"marque-logo\">\n        <img decoding=\"async\"\n          src=\"https:\/\/cdn.cookielaw.org\/logos\/8b164882-ffc8-4155-8514-dc33976fd253\/e1b1e691-7402-4098-8c23-b0f465ecf5c6\/53570641-dcae-473b-8dfb-c88d114aeb12\/Bricard_Logo.png\"\n          alt=\"Bricard\"\n          loading=\"lazy\"\n        \/>\n      <\/div>\n      <div class=\"marque-logo\">\n        <img decoding=\"async\"\n          src=\"https:\/\/www.lechodelabaie.fr\/wp-content\/uploads\/2020\/07\/logo-picard-serrures.png\"\n          alt=\"Picard\"\n          loading=\"lazy\"\n        \/>\n      <\/div>\n      <div class=\"marque-logo\">\n        <img decoding=\"async\"\n          src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcR8dv_kA8cM7JVJMVOTmszES9I43EvFu_MuTw&s\"\n          alt=\"H\u00e9racles\"\n          loading=\"lazy\"\n        \/>\n      <\/div>\n    <\/div>\n    <div class=\"marques-note\">\n      <div class=\"marques-note-icon\">\u2b50<\/div>\n      <div class=\"marques-note-body\">\n        <div class=\"marques-note-title\">\n          Fiers d'\u00eatre serrurier\n          <strong style=\"color: var(--orange)\">ind\u00e9pendant<\/strong> dans le 75,\n          92 &amp; 78\n        <\/div>\n        <p class=\"marques-note-text\">\n          Nous ne sommes li\u00e9s \u00e0 aucun fabricant. Notre seul crit\u00e8re : la qualit\u00e9\n          et la certification A2P. Vous b\u00e9n\u00e9ficiez de conseils impartiaux et du\n          meilleur rapport qualit\u00e9-prix.\n        <\/p>\n        <div class=\"marques-badges\">\n          <span class=\"marques-badge\">Conseils impartiaux<\/span>\n          <span class=\"marques-badge\">Tarifs comp\u00e9titifs<\/span>\n          <span class=\"marques-badge\">Mat\u00e9riel certifi\u00e9 A2P<\/span>\n          <span class=\"marques-badge\">Aucune marque impos\u00e9e<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CTA apr\u00e8s services -->\n<div class=\"cta-band\">\n  <div class=\"wrap\">\n    <div class=\"cta-band-inner\">\n      <div>\n        <div class=\"cta-band-text\">\n          <svg class=\"ico\"><use href=\"#ico-key\" \/><\/svg> Besoin d'un serrurier\n          maintenant ? On intervient en 20 min.\n        <\/div>\n        <div class=\"cta-band-sub\">\n          Devis gratuit sur place \u00b7 Serrures A2P \u00b7 Facture assurance fournie\n        <\/div>\n      <\/div>\n      <a class=\"cta-band-phone\" href=\"tel:0184231500\"\n        ><svg class=\"ico\"><use href=\"#ico-phone\" \/><\/svg> 01 84 23 15 00<\/a\n      >\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TARIFS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"tarifs\" class=\"section\">\n  <div class=\"wrap\">\n    <div class=\"sh center reveal\">\n      <div class=\"sh-label\">\n        <svg class=\"ico\"><use href=\"#ico-tag\" \/><\/svg> Tarifs transparents\n      <\/div>\n      <h2>Nos tarifs \u2014 sans surprise, sans majoration<\/h2>\n      <p class=\"intro\">\n        Le prix annonc\u00e9 est le prix pay\u00e9. Nuit, week-end, jour f\u00e9ri\u00e9 :\n        strictement le m\u00eame tarif.\n      <\/p>\n    <\/div>\n    <div class=\"tarifs-grid stagger\">\n      <div class=\"tarif-card\">\n        <div class=\"tarif-icon\">\n          <svg\n            class=\"ico\"\n            style=\"width: 36px; height: 36px; color: var(--orange)\"\n          >\n            <use href=\"#ico-unlock\" \/>\n          <\/svg>\n        <\/div>\n        <div class=\"tarif-name\">Ouverture de porte<\/div>\n        <div class=\"tarif-price\">69 \u20ac <small>\u00e0 partir de<\/small><\/div>\n        <div class=\"tarif-note\">D\u00e9placement 39\u20ac d\u00e9duit si travaux<\/div>\n        <div class=\"tarif-features\">\n          <div class=\"tarif-feature\">Porte claqu\u00e9e ou ferm\u00e9e \u00e0 cl\u00e9<\/div>\n          <div class=\"tarif-feature\">Crochetage, by-pass, d\u00e9codage<\/div>\n          <div class=\"tarif-feature\">95% sans dommage<\/div>\n          <div class=\"tarif-feature\">V\u00e9rification identit\u00e9<\/div>\n        <\/div>\n        <a href=\"tel:0184231500\" class=\"tarif-cta\">Appeler maintenant<\/a>\n      <\/div>\n      <div class=\"tarif-card popular\">\n        <div class=\"tarif-icon\">\n          <svg\n            class=\"ico\"\n            style=\"width: 36px; height: 36px; color: var(--orange)\"\n          >\n            <use href=\"#ico-lock\" \/>\n          <\/svg>\n        <\/div>\n        <div class=\"tarif-name\">Changement serrure<\/div>\n        <div class=\"tarif-price\">120 \u20ac <small>\u00e0 partir de<\/small><\/div>\n        <div class=\"tarif-note\">Cylindre A2P inclus \u00b7 Garantie 2 ans<\/div>\n        <div class=\"tarif-features\">\n          <div class=\"tarif-feature\">Cylindre, multipoints, car\u00e9n\u00e9e<\/div>\n          <div class=\"tarif-feature\">Fichet, Bricard, Vachette, Mul-T-Lock<\/div>\n          <div class=\"tarif-feature\">Stock permanent sur v\u00e9hicule<\/div>\n          <div class=\"tarif-feature\">Garantie 2 ans pi\u00e8ces + MO<\/div>\n          <div class=\"tarif-feature\">Facture conforme assurance<\/div>\n        <\/div>\n        <a href=\"tel:0184231500\" class=\"tarif-cta\">Appeler maintenant<\/a>\n      <\/div>\n      <div class=\"tarif-card\">\n        <div class=\"tarif-icon\">\n          <svg\n            class=\"ico\"\n            style=\"width: 36px; height: 36px; color: var(--orange)\"\n          >\n            <use href=\"#ico-shield\" \/>\n          <\/svg>\n        <\/div>\n        <div class=\"tarif-name\">Blindage de porte<\/div>\n        <div class=\"tarif-price\">600 \u20ac <small>\u00e0 partir de<\/small><\/div>\n        <div class=\"tarif-note\">Bloc-porte ou blindage existant<\/div>\n        <div class=\"tarif-features\">\n          <div class=\"tarif-feature\">Certification A2P BP1\/BP2\/BP3<\/div>\n          <div class=\"tarif-feature\">Prise en charge assurance directe<\/div>\n          <div class=\"tarif-feature\">Pose en demi-journ\u00e9e<\/div>\n          <div class=\"tarif-feature\">Garantie d\u00e9cennale<\/div>\n        <\/div>\n        <a href=\"tel:0184231500\" class=\"tarif-cta\">Appeler maintenant<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CTA apr\u00e8s tarifs -->\n<div class=\"cta-band\">\n  <div class=\"wrap\">\n    <div class=\"cta-band-inner\">\n      <div>\n        <div class=\"cta-band-text\">\n          <svg class=\"ico\"><use href=\"#ico-alert\" \/><\/svg> Porte claqu\u00e9e ?\n          Cambriolage ? On arrive en 20 min.\n        <\/div>\n        <div class=\"cta-band-sub\">\n          Devis gratuit \u00b7 Agr\u00e9\u00e9 assurances \u00b7 Tarifs fixes sans majoration\n        <\/div>\n      <\/div>\n      <a class=\"cta-band-phone\" href=\"tel:0184231500\"\n        ><svg class=\"ico\"><use href=\"#ico-phone\" \/><\/svg> 01 84 23 15 00<\/a\n      >\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PROCESS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"section process\">\n  <div class=\"wrap\">\n    <div class=\"sh center reveal\">\n      <div class=\"sh-label\">\n        <svg class=\"ico\"><use href=\"#ico-gear\" \/><\/svg> Comment \u00e7a marche\n      <\/div>\n      <h2>4 \u00e9tapes \u2014 de l'appel \u00e0 la facture<\/h2>\n    <\/div>\n    <div class=\"process-grid stagger\">\n      <div class=\"step\">\n        <div class=\"step-num\">1<\/div>\n        <h3 class=\"step-title\">Vous appelez<\/h3>\n        <p class=\"step-desc\">\n          24h\/7j. On vous donne un cr\u00e9neau et un tarif estim\u00e9.\n        <\/p>\n      <\/div>\n      <div class=\"step\">\n        <div class=\"step-num\">2<\/div>\n        <h3 class=\"step-title\">On arrive en 20 min<\/h3>\n        <p class=\"step-desc\">\n          Un serrurier agr\u00e9\u00e9 avec tout le mat\u00e9riel n\u00e9cessaire.\n        <\/p>\n      <\/div>\n      <div class=\"step\">\n        <div class=\"step-num\">3<\/div>\n        <h3 class=\"step-title\">Devis sur place<\/h3>\n        <p class=\"step-desc\">\n          Gratuit et d\u00e9taill\u00e9. Vous validez ou ne payez que 39\u20ac de d\u00e9placement.\n        <\/p>\n      <\/div>\n      <div class=\"step\">\n        <div class=\"step-num\">4<\/div>\n        <h3 class=\"step-title\">Intervention + facture<\/h3>\n        <p class=\"step-desc\">\n          Travail soign\u00e9. Facture conforme assurance + garantie \u00e9crite.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 GARANTIES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"section garanties\" id=\"garanties\">\n  <div class=\"wrap\">\n    <div class=\"sh center reveal\">\n      <div class=\"sh-label\">\n        <svg class=\"ico\"><use href=\"#ico-shield\" \/><\/svg> Nos engagements\n      <\/div>\n      <h2>Garanties incluses dans chaque intervention<\/h2>\n      <p class=\"intro\">\n        Z\u00e9ro mauvaise surprise. Tout est \u00e9crit, chiffr\u00e9 et garanti avant le\n        premier coup de tournevis.\n      <\/p>\n    <\/div>\n    <div class=\"gar-grid stagger\">\n      <div class=\"gar-card\">\n        <div class=\"gar-icon\">\n          <svg\n            class=\"ico\"\n            style=\"width: 24px; height: 24px; color: var(--orange)\"\n          >\n            <use href=\"#ico-shield\" \/>\n          <\/svg>\n        <\/div>\n        <div class=\"gar-title\">Garantie 2 ans pi\u00e8ces & main-d'\u0153uvre<\/div>\n        <p class=\"gar-desc\">\n          Chaque serrure, cylindre ou blindage pos\u00e9 est garanti 2 ans. En cas de\n          probl\u00e8me, on revient gratuitement.\n        <\/p>\n        <div class=\"gar-points\">\n          <div class=\"gar-point\">\n            Pi\u00e8ces certifi\u00e9es A2P garanties constructeur\n          <\/div>\n          <div class=\"gar-point\">Main-d'\u0153uvre couverte 24 mois<\/div>\n          <div class=\"gar-point\">\n            SAV prioritaire en cas de dysfonctionnement\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"gar-card\">\n        <div class=\"gar-icon\">\n          <svg\n            class=\"ico\"\n            style=\"width: 24px; height: 24px; color: var(--orange)\"\n          >\n            <use href=\"#ico-key\" \/>\n          <\/svg>\n        <\/div>\n        <div class=\"gar-title\">Facture conforme assurance<\/div>\n        <p class=\"gar-desc\">\n          Votre facture est r\u00e9dig\u00e9e pour \u00eatre accept\u00e9e par toutes les compagnies\n          d'assurance. Remboursement direct.\n        <\/p>\n        <div class=\"gar-points\">\n          <div class=\"gar-point\">D\u00e9tail pi\u00e8ces + main-d'\u0153uvre conforme<\/div>\n          <div class=\"gar-point\">SIRET, RC Pro & d\u00e9cennale mentionn\u00e9s<\/div>\n          <div class=\"gar-point\">Accept\u00e9e AXA, Allianz, MAIF, MACIF, MMA\u2026<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"gar-card\">\n        <div class=\"gar-icon\">\n          <svg\n            class=\"ico\"\n            style=\"width: 24px; height: 24px; color: var(--orange)\"\n          >\n            <use href=\"#ico-clock\" \/>\n          <\/svg>\n        <\/div>\n        <div class=\"gar-title\">Tarif fixe sans majoration<\/div>\n        <p class=\"gar-desc\">\n          Le prix annonc\u00e9 est le prix pay\u00e9. Nuit, week-end, jour f\u00e9ri\u00e9, \u00e9t\u00e9 :\n          strictement le m\u00eame tarif, toujours.\n        <\/p>\n        <div class=\"gar-points\">\n          <div class=\"gar-point\">3h du matin = mardi 14h, m\u00eame prix<\/div>\n          <div class=\"gar-point\">Devis d\u00e9taill\u00e9 valid\u00e9 avant intervention<\/div>\n          <div class=\"gar-point\">Aucun frais cach\u00e9 ni suppl\u00e9ment<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"gar-card\">\n        <div class=\"gar-icon\">\n          <svg\n            class=\"ico\"\n            style=\"width: 24px; height: 24px; color: var(--orange)\"\n          >\n            <use href=\"#ico-lock\" \/>\n          <\/svg>\n        <\/div>\n        <div class=\"gar-title\">Serrures certifi\u00e9es A2P uniquement<\/div>\n        <p class=\"gar-desc\">\n          On installe exclusivement des serrures certifi\u00e9es A2P. Condition\n          obligatoire pour le remboursement assurance.\n        <\/p>\n        <div class=\"gar-points\">\n          <div class=\"gar-point\">Fichet, Bricard, Vachette, Mul-T-Lock<\/div>\n          <div class=\"gar-point\">Certification A2P 1, 2 ou 3 \u00e9toiles<\/div>\n          <div class=\"gar-point\">R\u00e9sistance test\u00e9e contre l'effraction<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"gar-card\">\n        <div class=\"gar-icon\">\n          <svg\n            class=\"ico\"\n            style=\"width: 24px; height: 24px; color: var(--orange)\"\n          >\n            <use href=\"#ico-truck\" \/>\n          <\/svg>\n        <\/div>\n        <div class=\"gar-title\">D\u00e9placement offert si travaux<\/div>\n        <p class=\"gar-desc\">\n          Le d\u00e9placement co\u00fbte 39\u20ac. Mais si vous validez l'intervention, ces 39\u20ac\n          sont d\u00e9duits de la facture finale.\n        <\/p>\n        <div class=\"gar-points\">\n          <div class=\"gar-point\">39\u20ac de d\u00e9placement = d\u00e9duits si travaux<\/div>\n          <div class=\"gar-point\">Diagnostic gratuit sur place<\/div>\n          <div class=\"gar-point\">\n            Libre de refuser sans frais suppl\u00e9mentaire\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"gar-card\">\n        <div class=\"gar-icon\">\n          <svg\n            class=\"ico\"\n            style=\"width: 24px; height: 24px; color: var(--orange)\"\n          >\n            <use href=\"#ico-star\" \/>\n          <\/svg>\n        <\/div>\n        <div class=\"gar-title\">Ouverture sans dommage \u00e0 95%<\/div>\n        <p class=\"gar-desc\">\n          Nos techniciens utilisent le crochetage, le by-pass et le d\u00e9codage.\n          Pas de changement inutile factur\u00e9.\n        <\/p>\n        <div class=\"gar-points\">\n          <div class=\"gar-point\">Techniques non destructives en priorit\u00e9<\/div>\n          <div class=\"gar-point\">Aucun remplacement impos\u00e9<\/div>\n          <div class=\"gar-point\">V\u00e9rification d'identit\u00e9 syst\u00e9matique<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"gar-bottom stagger\">\n      <div class=\"gar-badge\">\n        <div class=\"gar-badge-icon\">\n          <svg\n            class=\"ico\"\n            style=\"width: 18px; height: 18px; color: var(--orange)\"\n          >\n            <use href=\"#ico-shield\" \/>\n          <\/svg>\n        <\/div>\n        <div class=\"gar-badge-text\">\n          RC Professionnelle<small>Responsabilit\u00e9 civile couverte<\/small>\n        <\/div>\n      <\/div>\n      <div class=\"gar-badge\">\n        <div class=\"gar-badge-icon\">\n          <svg\n            class=\"ico\"\n            style=\"width: 18px; height: 18px; color: var(--orange)\"\n          >\n            <use href=\"#ico-lock\" \/>\n          <\/svg>\n        <\/div>\n        <div class=\"gar-badge-text\">\n          Certification A2P<small>Serrures anti-effraction<\/small>\n        <\/div>\n      <\/div>\n      <div class=\"gar-badge\">\n        <div class=\"gar-badge-icon\">\n          <svg\n            class=\"ico\"\n            style=\"width: 18px; height: 18px; color: var(--orange)\"\n          >\n            <use href=\"#ico-key\" \/>\n          <\/svg>\n        <\/div>\n        <div class=\"gar-badge-text\">\n          D\u00e9cennale active<small>Garantie 10 ans structure<\/small>\n        <\/div>\n      <\/div>\n      <div class=\"gar-badge\">\n        <div class=\"gar-badge-icon\">\n          <svg\n            class=\"ico\"\n            style=\"width: 18px; height: 18px; color: var(--orange)\"\n          >\n            <use href=\"#ico-star\" \/>\n          <\/svg>\n        <\/div>\n        <div class=\"gar-badge-text\">\n          CNAPS v\u00e9rifi\u00e9<small>Carte professionnelle valide<\/small>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PRISE EN CHARGE ASSURANCE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"assurance-section\" id=\"assurance\">\n  <div class=\"wrap\">\n    <div class=\"sh center reveal\">\n      <div class=\"sh-label\">\u2014 prise en charge possible \u2014<\/div>\n      <h2>Votre serrurier <em>rembours\u00e9<\/em> par votre assurance ?<\/h2>\n      <p class=\"intro\">\n        Beaucoup l'ignorent : votre intervention peut \u00eatre prise en charge\n        directement par votre assureur habitation. Nous g\u00e9rons le dossier pour\n        vous.\n      <\/p>\n    <\/div>\n    <div class=\"assurance-bonsavoir\">\n      <div class=\"assurance-bonsavoir-icon\">\ud83d\udca1<\/div>\n      <p class=\"assurance-bonsavoir-text\">\n        <strong style=\"color: var(--white)\">Bon \u00e0 savoir :<\/strong> Pour\n        d\u00e9clencher le remboursement, votre facture doit mentionner le type\n        d'intervention, la r\u00e9f\u00e9rence des pi\u00e8ces et la certification A2P. Nous la\n        r\u00e9digeons conforme d\u00e8s le premier coup de tournevis.\n      <\/p>\n    <\/div>\n    <div class=\"assurance-logos\">\n      <div class=\"assurance-logo-card\">\n        <img decoding=\"async\"\n          src=\"http:\/\/serrurier-agree-paris.fr\/wp-content\/uploads\/2026\/03\/telechargement-2.png\"\n          alt=\"AXA\"\n          loading=\"lazy\"\n        \/>\n      <\/div>\n      <div class=\"assurance-logo-card\">\n        <img decoding=\"async\"\n          src=\"http:\/\/serrurier-agree-paris.fr\/wp-content\/uploads\/2026\/03\/f0d436958261f5911143aa8e295a59d2.png\"\n          alt=\"Groupama\"\n          loading=\"lazy\"\n        \/>\n      <\/div>\n      <div class=\"assurance-logo-card\">\n        <img decoding=\"async\"\n          src=\"http:\/\/serrurier-agree-paris.fr\/wp-content\/uploads\/2026\/03\/telechargement-3.png\"\n          alt=\"MAIF\"\n          loading=\"lazy\"\n        \/>\n      <\/div>\n      <div class=\"assurance-logo-card\">\n        <img decoding=\"async\"\n          src=\"http:\/\/serrurier-agree-paris.fr\/wp-content\/uploads\/2026\/03\/telechargement-4.png\"\n          alt=\"MACIF\"\n          loading=\"lazy\"\n        \/>\n      <\/div>\n      <div class=\"assurance-logo-card\">\n        <img decoding=\"async\"\n          src=\"http:\/\/serrurier-agree-paris.fr\/wp-content\/uploads\/2026\/03\/Logo_MMA.jpg\"\n          alt=\"MMA\"\n          loading=\"lazy\"\n        \/>\n      <\/div>\n      <div class=\"assurance-logo-card\">\n        <img decoding=\"async\"\n          src=\"http:\/\/serrurier-agree-paris.fr\/wp-content\/uploads\/2026\/03\/Allianz.svg_.png\"\n          alt=\"Allianz\"\n          loading=\"lazy\"\n        \/>\n      <\/div>\n      <div class=\"assurance-logo-card\">\n        <img decoding=\"async\"\n          src=\"http:\/\/serrurier-agree-paris.fr\/wp-content\/uploads\/2026\/03\/HTFile.png\"\n          alt=\"Matmut\"\n          loading=\"lazy\"\n        \/>\n      <\/div>\n      <div class=\"assurance-logo-card\">\n        <img decoding=\"async\"\n          src=\"http:\/\/serrurier-agree-paris.fr\/wp-content\/uploads\/2026\/03\/telechargement-6.png\"\n          alt=\"Generali\"\n          loading=\"lazy\"\n        \/>\n      <\/div>\n    <\/div>\n    <div class=\"assurance-footer\">\n      <span class=\"assurance-badge\">\u2713 Facture conforme fournie<\/span>\n      <span class=\"assurance-badge\">\u2713 Aide pour votre dossier<\/span>\n      <span class=\"assurance-badge\">\u2713 Toutes assurances accept\u00e9es<\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CTA apr\u00e8s garanties -->\n<div\n  class=\"cta-band\"\n  style=\"background: linear-gradient(135deg, var(--navy-mid), var(--navy))\"\n>\n  <div class=\"wrap\">\n    <div class=\"cta-band-inner\">\n      <div>\n        <div class=\"cta-band-text\">\n          <svg class=\"ico\"><use href=\"#ico-shield\" \/><\/svg> Garanti, agr\u00e9\u00e9,\n          assur\u00e9 \u2014 z\u00e9ro risque pour vous.\n        <\/div>\n        <div class=\"cta-band-sub\">\n          Garantie 2 ans \u00b7 Facture conforme \u00b7 Tarifs fixes sans surprise\n        <\/div>\n      <\/div>\n      <a class=\"cta-band-phone\" href=\"#devis\">Devis gratuit en 5 min \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ZONES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"zones\" class=\"section\">\n  <div class=\"wrap\">\n    <div class=\"sh center reveal\">\n      <div class=\"sh-label\">\n        <svg class=\"ico\"><use href=\"#ico-pin\" \/><\/svg> Zones d'intervention\n      <\/div>\n      <h2>Paris \u00b7 Hauts-de-Seine \u00b7 Yvelines<\/h2>\n      <p class=\"intro\">\n        Nos serruriers agr\u00e9\u00e9s interviennent en 20 \u00e0 30 min dans les d\u00e9partements\n        75, 92 et 78.\n      <\/p>\n    <\/div>\n    <div class=\"zones-grid stagger\">\n      <div class=\"zone-block\">\n        <div\n          class=\"zone-img\"\n          style=\"\n            background-image: url(&quot;https:\/\/images.unsplash.com\/photo-1502602898657-3e91760cbb34?w=500&q=70&quot;);\n          \"\n        >\n          <div class=\"zone-dept\">Paris (75)<\/div>\n        <\/div>\n        <div class=\"zone-body\">\n          <div class=\"zone-time\">\u2264 20 min<\/div>\n          <p class=\"zone-cities\">\n            Tous les arrondissements du 1er au 20e. Marais, Bastille,\n            Montmartre, Belleville, Op\u00e9ra, Nation\u2026\n          <\/p>\n        <\/div>\n      <\/div>\n      <div class=\"zone-block\">\n        <div\n          class=\"zone-img\"\n          style=\"\n            background-image: url(&quot;https:\/\/images.unsplash.com\/photo-1524396309943-e03f5249f002?w=500&q=70&quot;);\n          \"\n        >\n          <div class=\"zone-dept\">Hauts-de-Seine (92)<\/div>\n        <\/div>\n        <div class=\"zone-body\">\n          <div class=\"zone-time\">\u2264 20 min<\/div>\n          <p class=\"zone-cities\">\n            Boulogne-Billancourt, Neuilly, Issy, Levallois, Nanterre, Colombes,\n            Courbevoie, La D\u00e9fense\u2026\n          <\/p>\n        <\/div>\n      <\/div>\n      <div class=\"zone-block\">\n        <div\n          class=\"zone-img\"\n          style=\"\n            background-image: url(&quot;https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?w=500&q=70&quot;);\n          \"\n        >\n          <div class=\"zone-dept\">Yvelines (78)<\/div>\n        <\/div>\n        <div class=\"zone-body\">\n          <div class=\"zone-time\">\u2264 30 min<\/div>\n          <p class=\"zone-cities\">\n            Versailles, Saint-Germain-en-Laye, Poissy, Le V\u00e9sinet, Chatou,\n            Sartrouville, Conflans\u2026\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CTA apr\u00e8s zones -->\n<div class=\"cta-band\">\n  <div class=\"wrap\">\n    <div class=\"cta-band-inner\">\n      <div>\n        <div class=\"cta-band-text\">\n          <svg class=\"ico\"><use href=\"#ico-pin\" \/><\/svg> Paris, Boulogne,\n          Versailles, Neuilly \u2014 on couvre tout le 75, 92 & 78.\n        <\/div>\n        <div class=\"cta-band-sub\">\n          Intervention en 20-30 min \u00b7 24h\/7j \u00b7 M\u00eame tarif partout\n        <\/div>\n      <\/div>\n      <a class=\"cta-band-phone\" href=\"tel:0184231500\"\n        ><svg class=\"ico\"><use href=\"#ico-phone\" \/><\/svg> 01 84 23 15 00<\/a\n      >\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 AVIS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<style>\n  .rev-carousel-wrap {\n    overflow: hidden;\n    position: relative;\n    margin: 0 -20px;\n    padding: 4px 0 8px;\n  }\n  .rev-carousel-track {\n    display: flex;\n    width: max-content;\n    gap: 16px;\n    will-change: transform;\n  }\n  .rev-gtop {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 14px;\n  }\n  .rev-glogo {\n    display: flex;\n    align-items: center;\n    gap: 7px;\n  }\n  .rev-glogo svg {\n    width: 18px;\n    height: 18px;\n    flex-shrink: 0;\n  }\n  .rev-glogo-text {\n    font-size: 13px;\n    font-weight: 600;\n    color: #5f6368;\n    font-family: \"DM Sans\", sans-serif;\n  }\n  .rev-verified {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 11px;\n    font-weight: 700;\n    color: #34a853;\n  }\n  .rev-verified::before {\n    content: \"\u2713\";\n  }\n  .rev-author-info {\n    min-width: 0;\n  }\n  .rev-loc svg {\n    width: 11px;\n    height: 11px;\n    flex-shrink: 0;\n    color: #aaa;\n  }\n  .rev-arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    z-index: 10;\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    background: #fff;\n    border: 1.5px solid var(--gray-200);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    transition: var(--tr);\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n    margin-top: -16px;\n  }\n  .rev-arrow:hover {\n    background: var(--navy);\n    border-color: var(--navy);\n  }\n  .rev-arrow:hover svg {\n    stroke: #fff;\n  }\n  .rev-arrow svg {\n    width: 17px;\n    height: 17px;\n    stroke: var(--gray-500);\n    fill: none;\n    stroke-width: 2.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: var(--tr);\n  }\n  .rev-arrow-prev {\n    left: 6px;\n  }\n  .rev-arrow-next {\n    right: 6px;\n  }\n  .rev-pagination {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 24px;\n  }\n  .rev-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--gray-200);\n    border: none;\n    cursor: pointer;\n    padding: 0;\n    transition: var(--tr);\n  }\n  .rev-dot.active {\n    background: var(--orange);\n    width: 24px;\n    border-radius: 4px;\n  }\n  .rev-card {\n    background: #fff;\n    border: 1px solid #e8e8e8;\n    border-radius: 14px;\n    padding: 20px;\n    flex: 0 0 300px;\n    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n    display: flex;\n    flex-direction: column;\n  }\n  .rev-card:hover {\n    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);\n  }\n  .rev-avatar {\n    width: 42px;\n    height: 42px;\n    border-radius: 50%;\n    color: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-family: var(--font-display);\n    font-weight: 800;\n    font-size: 14px;\n    flex-shrink: 0;\n  }\n  @media (max-width: 768px) {\n    .rev-card {\n      flex: 0 0 260px;\n    }\n  }\n<\/style>\n<section id=\"avis\" class=\"section reviews\">\n  <div class=\"wrap\">\n    <div class=\"reviews-top\">\n      <div>\n        <div class=\"sh-label\">\n          <svg class=\"ico\" style=\"color: var(--amber)\">\n            <use href=\"#ico-star\" \/>\n          <\/svg>\n          Avis clients v\u00e9rifi\u00e9s\n        <\/div>\n        <h2>Ils nous font confiance dans le 75, 92 &amp; 78<\/h2>\n      <\/div>\n      <div class=\"reviews-score\">\n        <div class=\"score-num\">4.9<\/div>\n        <div>\n          <span class=\"score-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n          <div class=\"score-google\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 48 48\">\n              <path\n                fill=\"#EA4335\"\n                d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"\n              \/>\n              <path\n                fill=\"#4285F4\"\n                d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"\n              \/>\n              <path\n                fill=\"#FBBC05\"\n                d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"\n              \/>\n              <path\n                fill=\"#34A853\"\n                d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"\n              \/>\n            <\/svg>\n            <span>873 avis Google<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"rev-carousel-wrap\" id=\"revCarouselWrap2\">\n      <button\n        class=\"rev-arrow rev-arrow-prev\"\n        id=\"revPrev2\"\n        aria-label=\"Pr\u00e9c\u00e9dent\"\n      >\n        <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\" \/><\/svg>\n      <\/button>\n      <button\n        class=\"rev-arrow rev-arrow-next\"\n        id=\"revNext2\"\n        aria-label=\"Suivant\"\n      >\n        <svg viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\" \/><\/svg>\n      <\/button>\n      <div class=\"rev-carousel-track\" id=\"revTrack2\">\n        <article class=\"rev-card\">\n          <div class=\"rev-gtop\">\n            <div class=\"rev-glogo\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 48 48\">\n                <path\n                  fill=\"#EA4335\"\n                  d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"\n                \/>\n                <path\n                  fill=\"#4285F4\"\n                  d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"\n                \/>\n                <path\n                  fill=\"#FBBC05\"\n                  d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"\n                \/>\n                <path\n                  fill=\"#34A853\"\n                  d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"\n                \/><\/svg\n              ><span class=\"rev-glogo-text\">Google<\/span>\n            <\/div>\n            <span class=\"rev-verified\">V\u00e9rifi\u00e9<\/span>\n          <\/div>\n          <div class=\"rev-head\">\n            <div class=\"rev-avatar\" style=\"background: #4285f4\">SL<\/div>\n            <div class=\"rev-author-info\">\n              <div class=\"rev-name\">Sophie L.<\/div>\n              <div class=\"rev-loc\">\n                <svg\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                >\n                  <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\n                  <circle cx=\"12\" cy=\"10\" r=\"3\" \/><\/svg\n                >Paris 11e \u00b7 il y a 3 jours\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p class=\"rev-text\">\n            Porte claqu\u00e9e un dimanche soir \u00e0 22h. Serrurier arriv\u00e9 en 12\n            minutes, ouverture sans d\u00e9g\u00e2t, prix respect\u00e9. Facture envoy\u00e9e \u00e0 mon\n            assurance. Parfait.\n          <\/p>\n        <\/article>\n        <article class=\"rev-card\">\n          <div class=\"rev-gtop\">\n            <div class=\"rev-glogo\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 48 48\">\n                <path\n                  fill=\"#EA4335\"\n                  d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"\n                \/>\n                <path\n                  fill=\"#4285F4\"\n                  d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"\n                \/>\n                <path\n                  fill=\"#FBBC05\"\n                  d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"\n                \/>\n                <path\n                  fill=\"#34A853\"\n                  d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"\n                \/><\/svg\n              ><span class=\"rev-glogo-text\">Google<\/span>\n            <\/div>\n            <span class=\"rev-verified\">V\u00e9rifi\u00e9<\/span>\n          <\/div>\n          <div class=\"rev-head\">\n            <div class=\"rev-avatar\" style=\"background: #ea4335\">MK<\/div>\n            <div class=\"rev-author-info\">\n              <div class=\"rev-name\">Mohamed K.<\/div>\n              <div class=\"rev-loc\">\n                <svg\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                >\n                  <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\n                  <circle cx=\"12\" cy=\"10\" r=\"3\" \/><\/svg\n                >Neuilly (92) \u00b7 il y a 1 semaine\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p class=\"rev-text\">\n            Suite cambriolage, changement serrure Fichet en urgence. Tr\u00e8s\n            professionnel, a v\u00e9rifi\u00e9 la porte et conseill\u00e9 un blindage. Rapport\n            assurance fourni sur place.\n          <\/p>\n        <\/article>\n        <article class=\"rev-card\">\n          <div class=\"rev-gtop\">\n            <div class=\"rev-glogo\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 48 48\">\n                <path\n                  fill=\"#EA4335\"\n                  d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"\n                \/>\n                <path\n                  fill=\"#4285F4\"\n                  d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"\n                \/>\n                <path\n                  fill=\"#FBBC05\"\n                  d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"\n                \/>\n                <path\n                  fill=\"#34A853\"\n                  d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"\n                \/><\/svg\n              ><span class=\"rev-glogo-text\">Google<\/span>\n            <\/div>\n            <span class=\"rev-verified\">V\u00e9rifi\u00e9<\/span>\n          <\/div>\n          <div class=\"rev-head\">\n            <div class=\"rev-avatar\" style=\"background: #34a853\">PB<\/div>\n            <div class=\"rev-author-info\">\n              <div class=\"rev-name\">Pierre B.<\/div>\n              <div class=\"rev-loc\">\n                <svg\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                >\n                  <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\n                  <circle cx=\"12\" cy=\"10\" r=\"3\" \/><\/svg\n                >Versailles (78) \u00b7 il y a 2 semaines\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p class=\"rev-text\">\n            Blindage porte d'entr\u00e9e. Travail impeccable, serrure Fichet A2P. Mon\n            assurance a valid\u00e9 la conformit\u00e9 sans probl\u00e8me. Prix comp\u00e9titif.\n          <\/p>\n        <\/article>\n        <article class=\"rev-card\">\n          <div class=\"rev-gtop\">\n            <div class=\"rev-glogo\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 48 48\">\n                <path\n                  fill=\"#EA4335\"\n                  d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"\n                \/>\n                <path\n                  fill=\"#4285F4\"\n                  d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"\n                \/>\n                <path\n                  fill=\"#FBBC05\"\n                  d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"\n                \/>\n                <path\n                  fill=\"#34A853\"\n                  d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"\n                \/><\/svg\n              ><span class=\"rev-glogo-text\">Google<\/span>\n            <\/div>\n            <span class=\"rev-verified\">V\u00e9rifi\u00e9<\/span>\n          <\/div>\n          <div class=\"rev-head\">\n            <div class=\"rev-avatar\" style=\"background: #fbbc05; color: #333\">\n              CB\n            <\/div>\n            <div class=\"rev-author-info\">\n              <div class=\"rev-name\">Claire B.<\/div>\n              <div class=\"rev-loc\">\n                <svg\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                >\n                  <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\n                  <circle cx=\"12\" cy=\"10\" r=\"3\" \/><\/svg\n                >Paris 16e \u00b7 il y a 10 jours\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p class=\"rev-text\">\n            Changement interphone copropri\u00e9t\u00e9. Syst\u00e8me moderne, copropri\u00e9taires\n            ravis. Facturation claire et professionnelle.\n          <\/p>\n        <\/article>\n        <article class=\"rev-card\">\n          <div class=\"rev-gtop\">\n            <div class=\"rev-glogo\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 48 48\">\n                <path\n                  fill=\"#EA4335\"\n                  d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"\n                \/>\n                <path\n                  fill=\"#4285F4\"\n                  d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"\n                \/>\n                <path\n                  fill=\"#FBBC05\"\n                  d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"\n                \/>\n                <path\n                  fill=\"#34A853\"\n                  d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"\n                \/><\/svg\n              ><span class=\"rev-glogo-text\">Google<\/span>\n            <\/div>\n            <span class=\"rev-verified\">V\u00e9rifi\u00e9<\/span>\n          <\/div>\n          <div class=\"rev-head\">\n            <div class=\"rev-avatar\" style=\"background: #9c27b0\">AR<\/div>\n            <div class=\"rev-author-info\">\n              <div class=\"rev-name\">Antoine R.<\/div>\n              <div class=\"rev-loc\">\n                <svg\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                >\n                  <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\n                  <circle cx=\"12\" cy=\"10\" r=\"3\" \/><\/svg\n                >Boulogne (92) \u00b7 il y a 4 jours\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p class=\"rev-text\">\n            3h du matin, porte bloqu\u00e9e. Pas de majoration nuit. Serrurier poli,\n            efficace, a ouvert en 5 min sans rien ab\u00eemer. Je recommande\n            vivement.\n          <\/p>\n        <\/article>\n        <article class=\"rev-card\">\n          <div class=\"rev-gtop\">\n            <div class=\"rev-glogo\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 48 48\">\n                <path\n                  fill=\"#EA4335\"\n                  d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"\n                \/>\n                <path\n                  fill=\"#4285F4\"\n                  d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"\n                \/>\n                <path\n                  fill=\"#FBBC05\"\n                  d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"\n                \/>\n                <path\n                  fill=\"#34A853\"\n                  d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"\n                \/><\/svg\n              ><span class=\"rev-glogo-text\">Google<\/span>\n            <\/div>\n            <span class=\"rev-verified\">V\u00e9rifi\u00e9<\/span>\n          <\/div>\n          <div class=\"rev-head\">\n            <div class=\"rev-avatar\" style=\"background: #ff6d00\">LC<\/div>\n            <div class=\"rev-author-info\">\n              <div class=\"rev-name\">Laurent C.<\/div>\n              <div class=\"rev-loc\">\n                <svg\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                >\n                  <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\n                  <circle cx=\"12\" cy=\"10\" r=\"3\" \/><\/svg\n                >Saint-Germain (78) \u00b7 il y a 6 jours\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p class=\"rev-text\">\n            Cl\u00e9 cass\u00e9e dans la serrure. Extraction propre en 10 min. Aucun\n            remplacement inutile. Tarif honn\u00eate, facture imm\u00e9diate.\n          <\/p>\n        <\/article>\n        <article class=\"rev-card\">\n          <div class=\"rev-gtop\">\n            <div class=\"rev-glogo\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 48 48\">\n                <path\n                  fill=\"#EA4335\"\n                  d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"\n                \/>\n                <path\n                  fill=\"#4285F4\"\n                  d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"\n                \/>\n                <path\n                  fill=\"#FBBC05\"\n                  d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"\n                \/>\n                <path\n                  fill=\"#34A853\"\n                  d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"\n                \/><\/svg\n              ><span class=\"rev-glogo-text\">Google<\/span>\n            <\/div>\n            <span class=\"rev-verified\">V\u00e9rifi\u00e9<\/span>\n          <\/div>\n          <div class=\"rev-head\">\n            <div class=\"rev-avatar\" style=\"background: #4285f4\">SL<\/div>\n            <div class=\"rev-author-info\">\n              <div class=\"rev-name\">Sophie L.<\/div>\n              <div class=\"rev-loc\">\n                <svg\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                >\n                  <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\n                  <circle cx=\"12\" cy=\"10\" r=\"3\" \/><\/svg\n                >Paris 11e \u00b7 il y a 3 jours\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p class=\"rev-text\">\n            Porte claqu\u00e9e un dimanche soir \u00e0 22h. Serrurier arriv\u00e9 en 12\n            minutes, ouverture sans d\u00e9g\u00e2t, prix respect\u00e9. Facture envoy\u00e9e \u00e0 mon\n            assurance. Parfait.\n          <\/p>\n        <\/article>\n        <article class=\"rev-card\">\n          <div class=\"rev-gtop\">\n            <div class=\"rev-glogo\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 48 48\">\n                <path\n                  fill=\"#EA4335\"\n                  d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"\n                \/>\n                <path\n                  fill=\"#4285F4\"\n                  d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"\n                \/>\n                <path\n                  fill=\"#FBBC05\"\n                  d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"\n                \/>\n                <path\n                  fill=\"#34A853\"\n                  d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"\n                \/><\/svg\n              ><span class=\"rev-glogo-text\">Google<\/span>\n            <\/div>\n            <span class=\"rev-verified\">V\u00e9rifi\u00e9<\/span>\n          <\/div>\n          <div class=\"rev-head\">\n            <div class=\"rev-avatar\" style=\"background: #ea4335\">MK<\/div>\n            <div class=\"rev-author-info\">\n              <div class=\"rev-name\">Mohamed K.<\/div>\n              <div class=\"rev-loc\">\n                <svg\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                >\n                  <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\n                  <circle cx=\"12\" cy=\"10\" r=\"3\" \/><\/svg\n                >Neuilly (92) \u00b7 il y a 1 semaine\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p class=\"rev-text\">\n            Suite cambriolage, changement serrure Fichet en urgence. Tr\u00e8s\n            professionnel, a v\u00e9rifi\u00e9 la porte et conseill\u00e9 un blindage. Rapport\n            assurance fourni sur place.\n          <\/p>\n        <\/article>\n        <article class=\"rev-card\">\n          <div class=\"rev-gtop\">\n            <div class=\"rev-glogo\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 48 48\">\n                <path\n                  fill=\"#EA4335\"\n                  d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"\n                \/>\n                <path\n                  fill=\"#4285F4\"\n                  d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"\n                \/>\n                <path\n                  fill=\"#FBBC05\"\n                  d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"\n                \/>\n                <path\n                  fill=\"#34A853\"\n                  d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"\n                \/><\/svg\n              ><span class=\"rev-glogo-text\">Google<\/span>\n            <\/div>\n            <span class=\"rev-verified\">V\u00e9rifi\u00e9<\/span>\n          <\/div>\n          <div class=\"rev-head\">\n            <div class=\"rev-avatar\" style=\"background: #34a853\">PB<\/div>\n            <div class=\"rev-author-info\">\n              <div class=\"rev-name\">Pierre B.<\/div>\n              <div class=\"rev-loc\">\n                <svg\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                >\n                  <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\n                  <circle cx=\"12\" cy=\"10\" r=\"3\" \/><\/svg\n                >Versailles (78) \u00b7 il y a 2 semaines\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p class=\"rev-text\">\n            Blindage porte d'entr\u00e9e. Travail impeccable, serrure Fichet A2P. Mon\n            assurance a valid\u00e9 la conformit\u00e9 sans probl\u00e8me. Prix comp\u00e9titif.\n          <\/p>\n        <\/article>\n        <article class=\"rev-card\">\n          <div class=\"rev-gtop\">\n            <div class=\"rev-glogo\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 48 48\">\n                <path\n                  fill=\"#EA4335\"\n                  d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"\n                \/>\n                <path\n                  fill=\"#4285F4\"\n                  d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"\n                \/>\n                <path\n                  fill=\"#FBBC05\"\n                  d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"\n                \/>\n                <path\n                  fill=\"#34A853\"\n                  d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"\n                \/><\/svg\n              ><span class=\"rev-glogo-text\">Google<\/span>\n            <\/div>\n            <span class=\"rev-verified\">V\u00e9rifi\u00e9<\/span>\n          <\/div>\n          <div class=\"rev-head\">\n            <div class=\"rev-avatar\" style=\"background: #fbbc05; color: #333\">\n              CB\n            <\/div>\n            <div class=\"rev-author-info\">\n              <div class=\"rev-name\">Claire B.<\/div>\n              <div class=\"rev-loc\">\n                <svg\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                >\n                  <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\n                  <circle cx=\"12\" cy=\"10\" r=\"3\" \/><\/svg\n                >Paris 16e \u00b7 il y a 10 jours\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p class=\"rev-text\">\n            Changement interphone copropri\u00e9t\u00e9. Syst\u00e8me moderne, copropri\u00e9taires\n            ravis. Facturation claire et professionnelle.\n          <\/p>\n        <\/article>\n        <article class=\"rev-card\">\n          <div class=\"rev-gtop\">\n            <div class=\"rev-glogo\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 48 48\">\n                <path\n                  fill=\"#EA4335\"\n                  d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"\n                \/>\n                <path\n                  fill=\"#4285F4\"\n                  d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"\n                \/>\n                <path\n                  fill=\"#FBBC05\"\n                  d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"\n                \/>\n                <path\n                  fill=\"#34A853\"\n                  d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"\n                \/><\/svg\n              ><span class=\"rev-glogo-text\">Google<\/span>\n            <\/div>\n            <span class=\"rev-verified\">V\u00e9rifi\u00e9<\/span>\n          <\/div>\n          <div class=\"rev-head\">\n            <div class=\"rev-avatar\" style=\"background: #9c27b0\">AR<\/div>\n            <div class=\"rev-author-info\">\n              <div class=\"rev-name\">Antoine R.<\/div>\n              <div class=\"rev-loc\">\n                <svg\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                >\n                  <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\n                  <circle cx=\"12\" cy=\"10\" r=\"3\" \/><\/svg\n                >Boulogne (92) \u00b7 il y a 4 jours\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p class=\"rev-text\">\n            3h du matin, porte bloqu\u00e9e. Pas de majoration nuit. Serrurier poli,\n            efficace, a ouvert en 5 min sans rien ab\u00eemer. Je recommande\n            vivement.\n          <\/p>\n        <\/article>\n        <article class=\"rev-card\">\n          <div class=\"rev-gtop\">\n            <div class=\"rev-glogo\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 48 48\">\n                <path\n                  fill=\"#EA4335\"\n                  d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"\n                \/>\n                <path\n                  fill=\"#4285F4\"\n                  d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"\n                \/>\n                <path\n                  fill=\"#FBBC05\"\n                  d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"\n                \/>\n                <path\n                  fill=\"#34A853\"\n                  d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.31-8.16 2.31-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"\n                \/><\/svg\n              ><span class=\"rev-glogo-text\">Google<\/span>\n            <\/div>\n            <span class=\"rev-verified\">V\u00e9rifi\u00e9<\/span>\n          <\/div>\n          <div class=\"rev-head\">\n            <div class=\"rev-avatar\" style=\"background: #ff6d00\">LC<\/div>\n            <div class=\"rev-author-info\">\n              <div class=\"rev-name\">Laurent C.<\/div>\n              <div class=\"rev-loc\">\n                <svg\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                >\n                  <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\n                  <circle cx=\"12\" cy=\"10\" r=\"3\" \/><\/svg\n                >Saint-Germain (78) \u00b7 il y a 6 jours\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p class=\"rev-text\">\n            Cl\u00e9 cass\u00e9e dans la serrure. Extraction propre en 10 min. Aucun\n            remplacement inutile. Tarif honn\u00eate, facture imm\u00e9diate.\n          <\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n    <div class=\"rev-pagination\" id=\"revPagination2\"><\/div>\n  <\/div>\n<\/section>\n<script>\n  (function () {\n    var track = document.getElementById(\"revTrack2\"),\n      wrap = document.getElementById(\"revCarouselWrap2\"),\n      prevBtn = document.getElementById(\"revPrev2\"),\n      nextBtn = document.getElementById(\"revNext2\"),\n      pag = document.getElementById(\"revPagination2\");\n    if (!track || !wrap) return;\n    var ORIG = 6,\n      SPEED = 0.55,\n      x = 0,\n      raf = null,\n      locked = false;\n    function cw() {\n      var c = track.querySelectorAll(\".rev-card\")[0];\n      return (c ? c.offsetWidth : 300) + 16;\n    }\n    function half() {\n      return ORIG * cw();\n    }\n    function pv() {\n      var w = wrap.offsetWidth;\n      return w < 640 ? 1 : w < 1024 ? 3 : 4;\n    }\n    function pages() {\n      return Math.ceil(ORIG \/ pv());\n    }\n    function curPage() {\n      return Math.min(Math.floor((x % half()) \/ (cw() * pv())), pages() - 1);\n    }\n    function buildDots() {\n      if (!pag) return;\n      pag.innerHTML = \"\";\n      for (var i = 0; i < pages(); i++) {\n        var d = document.createElement(\"button\");\n        d.className = \"rev-dot\" + (i === 0 ? \" active\" : \"\");\n        d.setAttribute(\"aria-label\", \"Page \" + (i + 1));\n        (function (idx) {\n          d.addEventListener(\"click\", function () {\n            snapToPage(idx);\n          });\n        })(i);\n        pag.appendChild(d);\n      }\n    }\n    function updateDots() {\n      if (!pag) return;\n      var p = curPage();\n      pag.querySelectorAll(\".rev-dot\").forEach(function (d, i) {\n        d.classList.toggle(\"active\", i === p);\n      });\n    }\n    function snapToPage(i) {\n      var t = (i * pv() * cw()) % half();\n      locked = true;\n      track.style.transition = \"transform 0.5s cubic-bezier(0.4,0,0.2,1)\";\n      track.style.transform = \"translateX(-\" + t + \"px)\";\n      x = t;\n      setTimeout(function () {\n        track.style.transition = \"\";\n        locked = false;\n        updateDots();\n      }, 520);\n    }\n    function tick() {\n      if (!locked) {\n        x += SPEED;\n        if (x >= half()) x -= half();\n        track.style.transform = \"translateX(-\" + x.toFixed(2) + \"px)\";\n        updateDots();\n      }\n      raf = requestAnimationFrame(tick);\n    }\n    if (prevBtn)\n      prevBtn.addEventListener(\"click\", function () {\n        snapToPage((curPage() - 1 + pages()) % pages());\n      });\n    if (nextBtn)\n      nextBtn.addEventListener(\"click\", function () {\n        snapToPage((curPage() + 1) % pages());\n      });\n    wrap.addEventListener(\"mouseenter\", function () {\n      if (raf) {\n        cancelAnimationFrame(raf);\n        raf = null;\n      }\n    });\n    wrap.addEventListener(\"mouseleave\", function () {\n      if (!raf) raf = requestAnimationFrame(tick);\n    });\n    buildDots();\n    raf = requestAnimationFrame(tick);\n    window.addEventListener(\"resize\", function () {\n      buildDots();\n      updateDots();\n    });\n  })();\n<\/script>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CTA BAND 2 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"cta-band\">\n  <div class=\"wrap\">\n    <div class=\"cta-band-inner\">\n      <div>\n        <div class=\"cta-band-text\">\n          <svg class=\"ico\"><use href=\"#ico-shield\" \/><\/svg> Agr\u00e9\u00e9 assurances \u00b7\n          Facture conforme \u00b7 Prise en charge directe\n        <\/div>\n        <div class=\"cta-band-sub\">\n          Paris (75) \u00b7 Hauts-de-Seine (92) \u00b7 Yvelines (78)\n        <\/div>\n      <\/div>\n      <a class=\"cta-band-phone\" href=\"#devis\">Devis gratuit \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FAQ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"faq\" class=\"section\">\n  <div class=\"wrap\">\n    <div class=\"sh center reveal\">\n      <div class=\"sh-label\">\n        <svg class=\"ico\"><use href=\"#ico-help\" \/><\/svg> Questions fr\u00e9quentes\n      <\/div>\n      <h2>Tout savoir avant d'appeler<\/h2>\n    <\/div>\n    <div class=\"faq-list stagger\">\n      <div class=\"faq-item\">\n        <div class=\"faq-q\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n          <h4>Combien co\u00fbte un serrurier agr\u00e9\u00e9 ?<\/h4>\n          <span class=\"faq-chevron\">\u25bc<\/span>\n        <\/div>\n        <div class=\"faq-a\">\n          <div class=\"faq-a-inner\">\n            D\u00e9placement : 39\u20ac (d\u00e9duit si travaux). Ouverture : 69-120\u20ac. Cylindre\n            : 120-220\u20ac. Multipoints : 250-450\u20ac. Blindage : 600-1 200\u20ac.\n            <strong>Aucune majoration nuit\/week-end.<\/strong>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <div class=\"faq-q\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n          <h4>Que signifie \u00ab agr\u00e9\u00e9 assurances \u00bb ?<\/h4>\n          <span class=\"faq-chevron\">\u25bc<\/span>\n        <\/div>\n        <div class=\"faq-a\">\n          <div class=\"faq-a-inner\">\n            Vos interventions sont prises en charge par votre assureur. Nous\n            fournissons une facture conforme aux exigences de remboursement de\n            toutes les compagnies.\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <div class=\"faq-q\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n          <h4>En combien de temps arrivez-vous ?<\/h4>\n          <span class=\"faq-chevron\">\u25bc<\/span>\n        <\/div>\n        <div class=\"faq-a\">\n          <div class=\"faq-a-inner\">\n            Paris (75) et 92 : 20 min max. Yvelines (78) : 30 min max. 24h\/24,\n            7j\/7, 365 jours.\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <div class=\"faq-q\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n          <h4>Ouvrez-vous sans endommager la serrure ?<\/h4>\n          <span class=\"faq-chevron\">\u25bc<\/span>\n        <\/div>\n        <div class=\"faq-a\">\n          <div class=\"faq-a-inner\">\n            95% d'ouverture sans dommage gr\u00e2ce au crochetage, by-pass, d\u00e9codage.\n            Aucun changement inutile factur\u00e9.\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <div class=\"faq-q\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n          <h4>Quelles marques de serrures ?<\/h4>\n          <span class=\"faq-chevron\">\u25bc<\/span>\n        <\/div>\n        <div class=\"faq-a\">\n          <div class=\"faq-a-inner\">\n            Exclusivement A2P : Fichet, Bricard, Vachette, Mul-T-Lock.\n            Certification obligatoire pour prise en charge assurance\n            cambriolage.\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <div class=\"faq-q\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n          <h4>M\u00eame tarif la nuit et le week-end ?<\/h4>\n          <span class=\"faq-chevron\">\u25bc<\/span>\n        <\/div>\n        <div class=\"faq-a\">\n          <div class=\"faq-a-inner\">\n            Oui, strictement identique. 3h du matin = mardi 14h. Aucune\n            majoration.\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CTA FINAL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"cta-final\">\n  <div class=\"wrap\">\n    <h2>Un serrurier agr\u00e9\u00e9 chez vous en 20 minutes<\/h2>\n    <p class=\"cta-final-p\">\n      Devis gratuit \u00b7 Tarifs fixes \u00b7 Prise en charge assurance\n    <\/p>\n    <a class=\"cta-final-phone\" href=\"tel:0184231500\"\n      ><svg class=\"ico\"><use href=\"#ico-phone\" \/><\/svg> 01 84 23 15 00<\/a\n    >\n    <span class=\"cta-final-sub\">Appel gratuit \u00b7 24h\/7j \u00b7 Sans engagement<\/span>\n    <div class=\"cta-final-btns\">\n      <a class=\"btn btn-orange btn-orange-xl\" href=\"tel:0184231500\"\n        >Appeler maintenant<\/a\n      >\n      <a class=\"btn btn-outline-navy\" href=\"#devis\">Demander un rappel \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<style>\n  .lp-footer {\n    background: var(--navy-deep);\n    padding: 56px 0 0;\n    border-top: 1px solid rgba(255, 255, 255, 0.05);\n  }\n  .footer-grid {\n    display: grid;\n    grid-template-columns: 1.4fr 1fr 1fr 1fr;\n    gap: 40px;\n    padding-bottom: 40px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n  }\n  .footer-brand {\n    margin-bottom: 16px;\n  }\n  .footer-brand img {\n    width: 180px;\n  }\n  .footer-desc {\n    font-size: 14px;\n    color: rgba(255, 255, 255, 0.6);\n    max-width: 380px;\n    line-height: 1.75;\n    margin-bottom: 20px;\n  }\n  .footer-phone-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-family: var(--font-display);\n    font-weight: 800;\n    font-size: 20px;\n    color: var(--white);\n    background: linear-gradient(135deg, var(--orange), var(--orange-light));\n    padding: 12px 24px;\n    border-radius: var(--radius);\n    transition: var(--tr);\n    box-shadow: 0 4px 16px rgba(255, 140, 66, 0.3);\n  }\n  .footer-phone-link:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(255, 140, 66, 0.45);\n    color: var(--white);\n  }\n  .footer-col-title {\n    font-family: var(--font-display);\n    font-weight: 700;\n    font-size: 14px;\n    color: var(--white);\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    margin-bottom: 18px;\n  }\n  .footer-nav {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n  .footer-nav a {\n    font-size: 14.5px;\n    color: rgba(255, 255, 255, 0.6);\n    transition: var(--tr);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n  .footer-nav a:hover {\n    color: var(--orange-light);\n    padding-left: 4px;\n  }\n  .footer-contact-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14.5px;\n    color: rgba(255, 255, 255, 0.6);\n    margin-bottom: 10px;\n  }\n  .footer-contact-item strong {\n    color: var(--white);\n    font-weight: 600;\n  }\n  .footer-bottom {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 16px;\n    padding: 24px 0;\n  }\n  .footer-copy {\n    font-size: 13px;\n    color: rgba(255, 255, 255, 0.35);\n  }\n  .footer-legal {\n    display: flex;\n    gap: 20px;\n  }\n  .footer-legal a {\n    font-size: 13px;\n    color: rgba(255, 255, 255, 0.4);\n    transition: var(--tr);\n  }\n  .footer-legal a:hover {\n    color: var(--orange-light);\n  }\n  .footer-certifs {\n    display: flex;\n    gap: 8px;\n    flex-wrap: wrap;\n  }\n  .footer-certif {\n    background: rgba(255, 255, 255, 0.06);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 6px;\n    padding: 6px 12px;\n    font-size: 11px;\n    font-weight: 700;\n    color: rgba(255, 255, 255, 0.45);\n    letter-spacing: 0.5px;\n  }\n  @media (max-width: 1024px) {\n    .footer-grid {\n      grid-template-columns: 1fr 1fr;\n      gap: 32px;\n    }\n  }\n  @media (max-width: 768px) {\n    .footer-grid {\n      grid-template-columns: 1fr;\n      gap: 24px;\n    }\n    .footer-bottom {\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 12px;\n    }\n  }\n<\/style>\n\n<footer class=\"lp-footer\">\n  <div class=\"wrap\">\n    <div class=\"footer-grid\">\n      <!-- Colonne 1 : Marque -->\n      <div>\n        <div class=\"footer-brand\">\n          <a href=\"\/\"\n            ><img decoding=\"async\"\n              src=\"http:\/\/serrurier-agree-paris.fr\/wp-content\/uploads\/2026\/04\/logo_sans_fond.png\"\n              alt=\"Serrurier Agr\u00e9\u00e9\"\n          \/><\/a>\n        <\/div>\n        <p class=\"footer-desc\">\n          Serrurier agr\u00e9\u00e9 par toutes les assurances habitation dans Paris (75),\n          les Hauts-de-Seine (92) & les Yvelines (78). Intervention en 20 min,\n          tarifs fixes, serrures certifi\u00e9es A2P.\n        <\/p>\n        <a href=\"tel:0184231500\" class=\"footer-phone-link\"\n          ><svg class=\"ico\"><use href=\"#ico-phone\" \/><\/svg> 01 84 23 15 00<\/a\n        >\n      <\/div>\n      <!-- Colonne 2 : Navigation -->\n      <div>\n        <div class=\"footer-col-title\">Navigation<\/div>\n        <nav class=\"footer-nav\">\n          <a href=\"#top\">Accueil<\/a>\n          <a href=\"#services\">Nos services<\/a>\n          <a href=\"#zones\">Zones d'intervention<\/a>\n          <a href=\"#avis\">Avis clients<\/a>\n          <a href=\"#faq\">Questions fr\u00e9quentes<\/a>\n          <a href=\"#devis\">Devis gratuit<\/a>\n        <\/nav>\n      <\/div>\n      <!-- Colonne 3 : Services -->\n      <div>\n        <div class=\"footer-col-title\">Services<\/div>\n        <nav class=\"footer-nav\">\n          <a href=\"#services\">Ouverture de porte<\/a>\n          <a href=\"#services\">Changement de serrure<\/a>\n          <a href=\"#services\">Blindage de porte<\/a>\n          <a href=\"#services\">D\u00e9pannage urgence 24h\/7j<\/a>\n          <a href=\"#services\">Coffre-fort<\/a>\n          <a href=\"#services\">Digicode & interphone<\/a>\n        <\/nav>\n      <\/div>\n      <!-- Colonne 4 : Contact -->\n      <div>\n        <div class=\"footer-col-title\">Contact<\/div>\n        <div class=\"footer-contact-item\">\n          <svg class=\"ico\"><use href=\"#ico-phone\" \/><\/svg>\n          <strong\n            ><a href=\"tel:0184231500\" style=\"color: var(--white)\"\n              >01 84 23 15 00<\/a\n            ><\/strong\n          >\n        <\/div>\n       \n        <div class=\"footer-contact-item\">\n          <svg class=\"ico\"><use href=\"#ico-clock\" \/><\/svg> 24h\/24 \u00b7 7j\/7 \u00b7 Sans\n          majoration\n        <\/div>\n        <div class=\"footer-contact-item\">\n          <svg class=\"ico\"><use href=\"#ico-pin\" \/><\/svg> Paris, Boulogne,\n          Versailles, Neuilly\n        <\/div>\n        <div class=\"footer-certifs\" style=\"margin-top: 16px\">\n          <div class=\"footer-certif\">AGR\u00c9\u00c9 ASSURANCES<\/div>\n          <div class=\"footer-certif\">A2P<\/div>\n          <div class=\"footer-certif\">CNAPS<\/div>\n          <div class=\"footer-certif\">RC PRO<\/div>\n          <div class=\"footer-certif\">D\u00c9CENNALE<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <!-- Bas de footer -->\n    <div class=\"footer-bottom\">\n      <span class=\"footer-copy\"\n        >\u00a9 2026 Serrurier Agr\u00e9\u00e9 Paris & \u00cele-de-France \u2014 Tous droits\n        r\u00e9serv\u00e9s<\/span\n      >\n    <\/div>\n  <\/div>\n<\/footer>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 BULLE T\u00c9L\u00c9PHONE (desktop) + BARRE STICKY (mobile) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<style>\n  \/* \u2500\u2500 Bulle d'appel flottante, visible sur desktop uniquement \u2500\u2500 *\/\n  .desk-call-bubble {\n    position: fixed;\n    right: 24px;\n    bottom: 24px;\n    z-index: 499;\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    background: var(--white);\n    border: 1px solid var(--gray-200);\n    border-radius: 999px;\n    padding: 10px 18px 10px 10px;\n    box-shadow: 0 12px 30px rgba(11, 31, 75, 0.18);\n    transition: var(--tr);\n  }\n  .desk-call-bubble:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 16px 36px rgba(11, 31, 75, 0.24);\n  }\n  .desk-call-bubble-icon {\n    width: 48px;\n    height: 48px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background: linear-gradient(135deg, var(--orange), var(--orange-light));\n    color: var(--white);\n    box-shadow: 0 8px 20px rgba(255, 140, 66, 0.32);\n    animation: deskBubblePulse 2.6s ease-in-out infinite;\n  }\n  .desk-call-bubble-icon svg {\n    width: 22px;\n    height: 22px;\n  }\n  .desk-call-bubble-txt {\n    display: flex;\n    flex-direction: column;\n    line-height: 1.2;\n  }\n  .desk-call-bubble-label {\n    font-family: var(--font-display);\n    font-size: 10.5px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.07em;\n    color: var(--gray-500);\n  }\n  .desk-call-bubble-num {\n    font-family: var(--font-display);\n    font-size: 19px;\n    font-weight: 800;\n    color: var(--navy);\n    -webkit-user-select: text;\n    user-select: text;\n  }\n  @keyframes deskBubblePulse {\n    0%,\n    100% {\n      box-shadow: 0 8px 20px rgba(255, 140, 66, 0.32);\n    }\n    50% {\n      box-shadow: 0 8px 28px rgba(255, 140, 66, 0.55);\n    }\n  }\n\n  \/* \u2500\u2500 Barre mobile : un seul bouton, num\u00e9ro affich\u00e9 et copiable \u2500\u2500 *\/\n  .mob-bar {\n    display: none;\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: 500;\n    background: var(--navy-deep);\n    border-top: 2px solid #00e87b;\n    padding: 10px 14px;\n    padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));\n    box-shadow: 0 -4px 24px rgba(11, 31, 75, 0.45);\n  }\n  .mob-call {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    width: 100%;\n    background: linear-gradient(135deg, #00e87b, #5bff9f);\n    color: #07142e;\n    border-radius: 14px;\n    padding: 11px 16px;\n    font-family: var(--font-display);\n    animation: mobCallPulse 2.4s ease-in-out infinite;\n  }\n  .mob-call:active {\n    transform: scale(0.985);\n  }\n  .mob-call-ico {\n    width: 38px;\n    height: 38px;\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background: rgba(7, 20, 46, 0.13);\n    color: #07142e;\n  }\n  .mob-call-ico svg {\n    width: 19px;\n    height: 19px;\n  }\n  .mob-call-txt {\n    display: flex;\n    flex-direction: column;\n    line-height: 1.15;\n  }\n  .mob-call-label {\n    font-size: 10.5px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.07em;\n    opacity: 0.72;\n  }\n  .mob-call-num {\n    font-size: 23px;\n    font-weight: 800;\n    letter-spacing: 0.5px;\n    -webkit-user-select: text;\n    user-select: text;\n  }\n  @keyframes mobCallPulse {\n    0%,\n    100% {\n      box-shadow: 0 6px 20px rgba(0, 232, 123, 0.34);\n    }\n    50% {\n      box-shadow: 0 6px 30px rgba(0, 232, 123, 0.62);\n    }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .mob-call,\n    .desk-call-bubble-icon {\n      animation: none;\n    }\n  }\n  @media (max-width: 768px) {\n    .desk-call-bubble {\n      display: none;\n    }\n    .mob-bar {\n      display: block;\n    }\n    body {\n      padding-bottom: 88px;\n    }\n    \/* Widget de traduction (GTranslate) remont\u00e9 au-dessus de la barre d'appel *\/\n    .gtranslate_wrapper,\n    .gt_float_switcher,\n    #gt_float_wrapper,\n    .gtranslate_wrapper .gt_float_switcher {\n      bottom: 96px !important;\n      z-index: 499 !important;\n    }\n  }\n<\/style>\n\n<a\n  class=\"desk-call-bubble\"\n  href=\"tel:0184231500\"\n  aria-label=\"Appeler le 01 84 23 15 00\"\n>\n  <span class=\"desk-call-bubble-icon\"\n    ><svg><use href=\"#ico-phone\" \/><\/svg\n  ><\/span>\n  <span class=\"desk-call-bubble-txt\">\n    <span class=\"desk-call-bubble-label\">Disponible 24h\/7j<\/span>\n    <span class=\"desk-call-bubble-num\">01 84 23 15 00<\/span>\n  <\/span>\n<\/a>\n\n<div class=\"mob-bar\">\n  <a class=\"mob-call\" href=\"tel:0184231500\" aria-label=\"Appeler le 01 84 23 15 00\">\n    <span class=\"mob-call-ico\"><svg><use href=\"#ico-phone\" \/><\/svg><\/span>\n    <span class=\"mob-call-txt\">\n      <span class=\"mob-call-label\">Appeler maintenant \u00b7 24h\/7j<\/span>\n      <span class=\"mob-call-num\">01 84 23 15 00<\/span>\n    <\/span>\n  <\/a>\n<\/div>\n\n<script>\n  \/* \u2550\u2550\u2550 Menu mobile \u2014 fermer au clic lien \u2550\u2550\u2550 *\/\n  document.querySelectorAll(\"#headerNav a\").forEach((a) => {\n    a.addEventListener(\"click\", () => {\n      document.getElementById(\"headerNav\").classList.remove(\"open\");\n      document.getElementById(\"navToggle\").classList.remove(\"open\");\n    });\n  });\n\n  \/* \u2550\u2550\u2550 FAQ toggle \u2550\u2550\u2550 *\/\n  document.querySelectorAll(\".faq-q\").forEach((q) => {\n    q.addEventListener(\"click\", function () {\n      const it = this.closest(\".faq-item\"),\n        o = it.classList.contains(\"open\");\n      document.querySelectorAll(\".faq-item.open\").forEach((i) => {\n        i.classList.remove(\"open\");\n        i.querySelector(\".faq-q\").setAttribute(\"aria-expanded\", \"false\");\n      });\n      if (!o) {\n        it.classList.add(\"open\");\n        this.setAttribute(\"aria-expanded\", \"true\");\n      }\n    });\n    q.addEventListener(\"keydown\", (e) => {\n      if (e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        q.click();\n      }\n    });\n  });\n\n  \/* \u2550\u2550\u2550 Scroll reveal animations \u2550\u2550\u2550 *\/\n  const observer = new IntersectionObserver(\n    (entries) => {\n      entries.forEach((e) => {\n        if (e.isIntersecting) {\n          e.target.classList.add(\"visible\");\n          observer.unobserve(e.target);\n        }\n      });\n    },\n    { threshold: 0.15, rootMargin: \"0px 0px -40px 0px\" },\n  );\n  document\n    .querySelectorAll(\n      \".reveal,.reveal-left,.reveal-right,.reveal-scale,.stagger\",\n    )\n    .forEach((el) => observer.observe(el));\n\n  \/* \u2550\u2550\u2550 Compteur anim\u00e9 trust bar \u2550\u2550\u2550 *\/\n  function animateCount(el, target, suffix, duration) {\n    let start = 0;\n    const step = (timestamp) => {\n      if (!start) start = timestamp;\n      const progress = Math.min((timestamp - start) \/ duration, 1);\n      const current = Math.floor(progress * target);\n      el.textContent = current + suffix;\n      if (progress < 1) requestAnimationFrame(step);\n    };\n    requestAnimationFrame(step);\n  }\n  const countObserver = new IntersectionObserver(\n    (entries) => {\n      entries.forEach((e) => {\n        if (e.isIntersecting) {\n          const nums = e.target.querySelectorAll(\".trust-stat-num\");\n          nums.forEach((n) => {\n            const text = n.textContent.trim();\n            if (text.includes(\"min\")) animateCount(n, 20, \" min\", 1200);\n            else if (text === \"873\") animateCount(n, 873, \"\", 1500);\n            else if (text.includes(\"\u20ac\")) animateCount(n, 0, \" \u20ac\", 800);\n            else if (text.includes(\"%\")) animateCount(n, 95, \"%\", 1200);\n            else if (text.includes(\"24h\")) n.textContent = \"24h\/7j\";\n          });\n          countObserver.unobserve(e.target);\n        }\n      });\n    },\n    { threshold: 0.5 },\n  );\n  const trustBar = document.querySelector(\".trust-bar-inner\");\n  if (trustBar) countObserver.observe(trustBar);\n\n  \/* \u2550\u2550\u2550 Dispatch : rotation statuts techniciens \u2550\u2550\u2550 *\/\n  (function () {\n    const dispatchData = [\n      {\n        statuses: [\n          {\n            cls: \"available\",\n            label: \"Disponible\",\n            action: \"DERNI\u00c8RE INTERVENTION TERMIN\u00c9E\",\n            descs: [\n              \"Ouverture porte claqu\u00e9e \u00e0 Boulogne-Billancourt \u2014 Termin\u00e9e il y a 7 min\",\n            ],\n            eta: \"~15 min\",\n          },\n          {\n            cls: \"enroute\",\n            label: \"En route\",\n            action: \"EN D\u00c9PLACEMENT\",\n            descs: [\"Se dirige vers Levallois-Perret pour : Serrure bloqu\u00e9e\"],\n            eta: \"~12 min\",\n          },\n        ],\n      },\n      {\n        statuses: [\n          {\n            cls: \"available\",\n            label: \"Disponible\",\n            action: \"DERNI\u00c8RE INTERVENTION TERMIN\u00c9E\",\n            descs: [\n              \"Ouverture porte blind\u00e9e \u00e0 Aubervilliers \u2014 Termin\u00e9e il y a 21 min\",\n            ],\n            eta: \"~13 min\",\n          },\n          {\n            cls: \"enroute\",\n            label: \"En route\",\n            action: \"EN D\u00c9PLACEMENT\",\n            descs: [\"Se dirige vers Saint-Denis pour : Changement cylindre\"],\n            eta: \"~10 min\",\n          },\n        ],\n      },\n      {\n        statuses: [\n          {\n            cls: \"available\",\n            label: \"Disponible\",\n            action: \"DERNI\u00c8RE INTERVENTION TERMIN\u00c9E\",\n            descs: [\n              \"D\u00e9pannage rideau m\u00e9tallique \u00e0 Ivry-sur-Seine \u2014 Termin\u00e9e il y a 21 min\",\n            ],\n            eta: \"~14 min\",\n          },\n          {\n            cls: \"enroute\",\n            label: \"En route\",\n            action: \"EN D\u00c9PLACEMENT\",\n            descs: [\"Se dirige vers Cr\u00e9teil pour : Ouverture de porte\"],\n            eta: \"~11 min\",\n          },\n        ],\n      },\n      {\n        statuses: [\n          {\n            cls: \"busy\",\n            label: \"En intervention\",\n            action: \"INTERVENTION EN COURS\",\n            descs: [\"R\u00e9paration serrure \u00e0 Suresnes (45 min estim\u00e9es)\"],\n            eta: \"Libre dans ~8 min\",\n          },\n          {\n            cls: \"available\",\n            label: \"Disponible\",\n            action: \"DERNI\u00c8RE INTERVENTION TERMIN\u00c9E\",\n            descs: [\"Changement cylindre \u00e0 Saint-Cloud \u2014 Termin\u00e9 il y a 15 min\"],\n            eta: \"~20 min\",\n          },\n        ],\n      },\n      {\n        statuses: [\n          {\n            cls: \"busy\",\n            label: \"En intervention\",\n            action: \"INTERVENTION EN COURS\",\n            descs: [\"Changement serrure \u00e0 Courbevoie (50 min estim\u00e9es)\"],\n            eta: \"Libre dans ~2 min\",\n          },\n          {\n            cls: \"available\",\n            label: \"Disponible\",\n            action: \"DERNI\u00c8RE INTERVENTION TERMIN\u00c9E\",\n            descs: [\"Ouverture porte \u00e0 La D\u00e9fense \u2014 Termin\u00e9e il y a 10 min\"],\n            eta: \"~18 min\",\n          },\n        ],\n      },\n      \/* NB \u2014 Paris 8e \/ 17e *\/\n      {\n        statuses: [\n          {\n            cls: \"available\",\n            label: \"Disponible\",\n            action: \"DERNI\u00c8RE INTERVENTION TERMIN\u00c9E\",\n            descs: [\n              \"Ouverture porte Paris 8e \u2014 Termin\u00e9e il y a 6 min\",\n              \"Changement cylindre Paris 17e \u2014 Termin\u00e9 il y a 14 min\",\n              \"D\u00e9pannage serrure Paris 8e \u2014 Termin\u00e9 il y a 9 min\",\n            ],\n            eta: \"~10 min\",\n          },\n          {\n            cls: \"enroute\",\n            label: \"En route\",\n            action: \"EN D\u00c9PLACEMENT\",\n            descs: [\n              \"Se dirige vers Paris 17e pour : Serrure bloqu\u00e9e\",\n              \"Se dirige vers Paris 8e pour : Porte claqu\u00e9e\",\n              \"Se dirige vers Batignolles pour : Cl\u00e9 cass\u00e9e\",\n            ],\n            eta: \"~9 min\",\n          },\n        ],\n      },\n      \/* AR \u2014 Paris 11e \/ 12e *\/\n      {\n        statuses: [\n          {\n            cls: \"enroute\",\n            label: \"En route\",\n            action: \"EN D\u00c9PLACEMENT\",\n            descs: [\n              \"Se dirige vers Paris 11e pour : Serrure bloqu\u00e9e\",\n              \"Se dirige vers Paris 12e pour : Porte claqu\u00e9e\",\n              \"Se dirige vers Bastille pour : Ouverture urgence\",\n            ],\n            eta: \"~8 min\",\n          },\n          {\n            cls: \"available\",\n            label: \"Disponible\",\n            action: \"DERNI\u00c8RE INTERVENTION TERMIN\u00c9E\",\n            descs: [\n              \"Changement serrure Paris 12e \u2014 Termin\u00e9 il y a 18 min\",\n              \"Ouverture porte Paris 11e \u2014 Termin\u00e9e il y a 11 min\",\n              \"D\u00e9pannage cylindre Nation \u2014 Termin\u00e9 il y a 7 min\",\n            ],\n            eta: \"~14 min\",\n          },\n        ],\n      },\n      \/* JM \u2014 Paris 15e \/ 7e *\/\n      {\n        statuses: [\n          {\n            cls: \"available\",\n            label: \"Disponible\",\n            action: \"DERNI\u00c8RE INTERVENTION TERMIN\u00c9E\",\n            descs: [\n              \"Changement cylindre Paris 15e \u2014 Termin\u00e9 il y a 11 min\",\n              \"Ouverture porte Paris 7e \u2014 Termin\u00e9e il y a 16 min\",\n              \"D\u00e9pannage serrure Grenelle \u2014 Termin\u00e9 il y a 8 min\",\n            ],\n            eta: \"~12 min\",\n          },\n          {\n            cls: \"enroute\",\n            label: \"En route\",\n            action: \"EN D\u00c9PLACEMENT\",\n            descs: [\n              \"Se dirige vers Paris 15e pour : Porte claqu\u00e9e\",\n              \"Se dirige vers Paris 7e pour : Serrure gripp\u00e9e\",\n              \"Se dirige vers Convention pour : Cylindre bloqu\u00e9\",\n            ],\n            eta: \"~7 min\",\n          },\n        ],\n      },\n      \/* SR \u2014 Paris 18e \/ 19e *\/\n      {\n        statuses: [\n          {\n            cls: \"busy\",\n            label: \"En intervention\",\n            action: \"INTERVENTION EN COURS\",\n            descs: [\n              \"Ouverture porte claqu\u00e9e Paris 18e (25 min estim\u00e9es)\",\n              \"Changement serrure Paris 19e (30 min estim\u00e9es)\",\n              \"Installation cylindre Montmartre (35 min estim\u00e9es)\",\n            ],\n            eta: \"Libre dans ~5 min\",\n          },\n          {\n            cls: \"available\",\n            label: \"Disponible\",\n            action: \"DERNI\u00c8RE INTERVENTION TERMIN\u00c9E\",\n            descs: [\n              \"Ouverture porte Paris 18e \u2014 Termin\u00e9e il y a 13 min\",\n              \"Changement cylindre Paris 19e \u2014 Termin\u00e9 il y a 9 min\",\n              \"D\u00e9pannage serrure La Chapelle \u2014 Termin\u00e9 il y a 20 min\",\n            ],\n            eta: \"~14 min\",\n          },\n        ],\n      },\n      \/* KC \u2014 Paris 13e \/ 5e *\/\n      {\n        statuses: [\n          {\n            cls: \"available\",\n            label: \"Disponible\",\n            action: \"DERNI\u00c8RE INTERVENTION TERMIN\u00c9E\",\n            descs: [\n              \"D\u00e9pannage serrure Paris 13e \u2014 Termin\u00e9 il y a 19 min\",\n              \"Changement cylindre Paris 5e \u2014 Termin\u00e9 il y a 12 min\",\n              \"Ouverture porte Place d'Italie \u2014 Termin\u00e9e il y a 8 min\",\n            ],\n            eta: \"~9 min\",\n          },\n          {\n            cls: \"enroute\",\n            label: \"En route\",\n            action: \"EN D\u00c9PLACEMENT\",\n            descs: [\n              \"Se dirige vers Paris 13e pour : Serrure bloqu\u00e9e\",\n              \"Se dirige vers Paris 5e pour : Cl\u00e9 cass\u00e9e\",\n              \"Se dirige vers Tolbiac pour : Porte claqu\u00e9e\",\n            ],\n            eta: \"~6 min\",\n          },\n        ],\n      },\n      \/* BT \u2014 Paris 16e \/ Neuilly *\/\n      {\n        statuses: [\n          {\n            cls: \"available\",\n            label: \"Disponible\",\n            action: \"DERNI\u00c8RE INTERVENTION TERMIN\u00c9E\",\n            descs: [\n              \"Ouverture porte Paris 16e \u2014 Termin\u00e9e il y a 15 min\",\n              \"Changement serrure Neuilly-sur-Seine \u2014 Termin\u00e9 il y a 10 min\",\n              \"D\u00e9pannage Passy \u2014 Termin\u00e9 il y a 6 min\",\n            ],\n            eta: \"~13 min\",\n          },\n          {\n            cls: \"enroute\",\n            label: \"En route\",\n            action: \"EN D\u00c9PLACEMENT\",\n            descs: [\n              \"Se dirige vers Paris 16e pour : Porte claqu\u00e9e\",\n              \"Se dirige vers Neuilly-sur-Seine pour : Serrure bloqu\u00e9e\",\n              \"Se dirige vers Auteuil pour : Changement cylindre\",\n            ],\n            eta: \"~11 min\",\n          },\n        ],\n      },\n    ];\n    const stateIdx = dispatchData.map(() => 0);\n    function updateCard(i) {\n      const card = document.querySelector('[data-tech=\"' + i + '\"]');\n      if (!card) return;\n      const d = dispatchData[i];\n      const s = d.statuses[stateIdx[i] % d.statuses.length];\n      const statusEl = card.querySelector(\".tech-status\");\n      const actionEl = card.querySelector(\".tech-action\");\n      const descEl = card.querySelector(\".tech-desc\");\n      const etaEl = card.querySelector(\".tech-eta\");\n      if (!statusEl) return;\n      statusEl.className = \"tech-status \" + s.cls;\n      statusEl.innerHTML = '<span class=\"tech-status-dot\"><\/span> ' + s.label;\n      if (actionEl) actionEl.textContent = s.action;\n      if (descEl)\n        descEl.textContent =\n          s.descs[Math.floor(Math.random() * s.descs.length)];\n      if (etaEl) {\n        const clockSvg =\n          '<svg style=\"width:13px;height:13px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>';\n        etaEl.innerHTML = clockSvg + \" \" + s.eta;\n      }\n      \/* synchro du marqueur correspondant sur la carte *\/\n      if (window._parisAgents && window._parisAgents[i]) {\n        const agent = window._parisAgents[i];\n        agent.status = s.cls;\n        if (window._parisMarkers && window._parisMarkers[i]) {\n          window._parisMarkers[i].setIcon(\n            window._parisMakeIcon(agent.initials, s.cls),\n          );\n        }\n      }\n      stateIdx[i]++;\n    }\n    function rotateAll() {\n      \/* on ne fait tourner que 3 fiches au hasard par cycle \u2014 plus cr\u00e9dible que tout d'un coup *\/\n      const total = dispatchData.length;\n      const choisis = [];\n      while (choisis.length < 3) {\n        const r = Math.floor(Math.random() * total);\n        if (!choisis.includes(r)) choisis.push(r);\n      }\n      choisis.forEach((idx, n) => setTimeout(() => updateCard(idx), n * 400));\n    }\n    setInterval(rotateAll, 9000);\n  })();\n<\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\n<script>\n  window.addEventListener(\"load\", function () {\n    if (typeof L === \"undefined\" || !document.getElementById(\"dispatchMap2\"))\n      return;\n    \/* dragging d\u00e9sactiv\u00e9 sur mobile : sinon Leaflet capte le glissement du doigt\n       et bloque le scroll de la page *\/\n    const estMobile =\n      L.Browser.mobile || window.matchMedia(\"(max-width:768px)\").matches;\n    const map2 = L.map(\"dispatchMap2\", {\n      center: [48.856, 2.352],\n      zoom: 11,\n      zoomControl: true,\n      scrollWheelZoom: false,\n      dragging: !estMobile,\n      tap: false,\n    });\n    \/* Tuiles OSM France : les libell\u00e9s sont rendus en fran\u00e7ais. CARTO traduisait\n       les noms de r\u00e9gions en anglais (\u00ab ISLAND OF FRANCE \u00bb) et, le texte \u00e9tant\n       grav\u00e9 dans l'image, on ne pouvait pas en retirer un seul \u2014 il aurait fallu\n       supprimer TOUS les noms. Ici on garde Paris, Versailles, les communes. *\/\n    L.tileLayer(\"https:\/\/{s}.tile.openstreetmap.fr\/osmfr\/{z}\/{x}\/{y}.png\", {\n      maxZoom: 20,\n      attribution:\n        '&copy; <a href=\"https:\/\/www.openstreetmap.org\/copyright\">OpenStreetMap<\/a> France',\n    }).addTo(map2);\n    setTimeout(function () {\n      map2.invalidateSize();\n    }, 500);\n\n    \/* 22 serruriers \u2014 Paris intra-muros + petite couronne\n       Les 11 premiers (id 0 \u00e0 10) sont synchronis\u00e9s avec les fiches affich\u00e9es \u00e0 droite.\n       baseLat\/baseLng = point d'ancrage du secteur, spread = rayon de d\u00e9placement *\/\n    const agents2 = [\n      { id: 0, initials: \"TR\", baseLat: 48.834, baseLng: 2.240, status: \"available\", spread: 0.05 }, \/* Boulogne \/ Issy (92) *\/\n      { id: 1, initials: \"MB\", baseLat: 48.914, baseLng: 2.382, status: \"available\", spread: 0.05 }, \/* Aubervilliers \/ Pantin (93) *\/\n      { id: 2, initials: \"LP\", baseLat: 48.817, baseLng: 2.384, status: \"available\", spread: 0.05 }, \/* Ivry \/ Vitry (94) *\/\n      { id: 3, initials: \"KD\", baseLat: 48.871, baseLng: 2.223, status: \"busy\",      spread: 0.03 }, \/* Suresnes \/ Saint-Cloud (92) *\/\n      { id: 4, initials: \"DM\", baseLat: 48.895, baseLng: 2.248, status: \"busy\",      spread: 0.03 }, \/* Courbevoie \/ La D\u00e9fense (92) *\/\n      { id: 5, initials: \"NB\", baseLat: 48.879, baseLng: 2.318, status: \"available\", spread: 0.02 }, \/* Paris 8e \/ 17e *\/\n      { id: 6, initials: \"AR\", baseLat: 48.855, baseLng: 2.383, status: \"enroute\",   spread: 0.02 }, \/* Paris 11e \/ 12e *\/\n      { id: 7, initials: \"JM\", baseLat: 48.842, baseLng: 2.300, status: \"available\", spread: 0.02 }, \/* Paris 15e \/ 7e *\/\n      { id: 8, initials: \"SR\", baseLat: 48.890, baseLng: 2.360, status: \"busy\",      spread: 0.02 }, \/* Paris 18e \/ 19e *\/\n      { id: 9, initials: \"KC\", baseLat: 48.836, baseLng: 2.355, status: \"available\", spread: 0.02 }, \/* Paris 13e \/ 5e *\/\n      { id: 10,initials: \"BT\", baseLat: 48.862, baseLng: 2.270, status: \"available\", spread: 0.02 }, \/* Paris 16e \/ Neuilly *\/\n      { id: 11,initials: \"ML\", baseLat: 48.868, baseLng: 2.341, status: \"available\", spread: 0.015 }, \/* Paris 1er \/ 2e *\/\n      { id: 12,initials: \"RA\", baseLat: 48.859, baseLng: 2.360, status: \"enroute\",   spread: 0.015 }, \/* Paris 3e \/ 4e *\/\n      { id: 13,initials: \"YB\", baseLat: 48.877, baseLng: 2.337, status: \"available\", spread: 0.015 }, \/* Paris 9e *\/\n      { id: 14,initials: \"HF\", baseLat: 48.876, baseLng: 2.357, status: \"busy\",      spread: 0.015 }, \/* Paris 10e *\/\n      { id: 15,initials: \"AD\", baseLat: 48.830, baseLng: 2.325, status: \"enroute\",   spread: 0.02 }, \/* Paris 14e *\/\n      { id: 16,initials: \"SN\", baseLat: 48.866, baseLng: 2.398, status: \"available\", spread: 0.02 }, \/* Paris 20e *\/\n      { id: 17,initials: \"TW\", baseLat: 48.897, baseLng: 2.290, status: \"busy\",      spread: 0.03 }, \/* Levallois \/ Clichy (92) *\/\n      { id: 18,initials: \"IG\", baseLat: 48.862, baseLng: 2.443, status: \"enroute\",   spread: 0.03 }, \/* Montreuil \/ Bagnolet (93) *\/\n      { id: 19,initials: \"OP\", baseLat: 48.846, baseLng: 2.435, status: \"available\", spread: 0.03 }, \/* Vincennes \/ Saint-Mand\u00e9 (94) *\/\n      { id: 20,initials: \"LN\", baseLat: 48.936, baseLng: 2.357, status: \"enroute\",   spread: 0.04 }, \/* Saint-Denis (93) *\/\n      { id: 21,initials: \"MS\", baseLat: 48.824, baseLng: 2.276, status: \"available\", spread: 0.03 }, \/* Issy \/ Vanves \/ Malakoff (92) *\/\n    ];\n    \/* position courante + cible de d\u00e9placement *\/\n    agents2.forEach(function (a) {\n      a.lat = a.baseLat;\n      a.lng = a.baseLng;\n      a.tLat = a.baseLat;\n      a.tLng = a.baseLng;\n    });\n    function sc2(s) {\n      return s === \"available\"\n        ? \"m-available\"\n        : s === \"enroute\"\n          ? \"m-enroute\"\n          : \"m-busy\";\n    }\n    function mk2(initials, status) {\n      return L.divIcon({\n        html:\n          '<div class=\"map-marker ' + sc2(status) + '\">' + initials + \"<\/div>\",\n        className: \"\",\n        iconSize: [34, 34],\n        iconAnchor: [17, 17],\n      });\n    }\n    const markers2 = {};\n    const latLngs2 = [];\n    agents2.forEach(function (a) {\n      markers2[a.id] = L.marker([a.lat, a.lng], {\n        icon: mk2(a.initials, a.status),\n      }).addTo(map2);\n      latLngs2.push([a.baseLat, a.baseLng]);\n    });\n\n    \/* Recadre pour englober tous les artisans une fois le container dimensionn\u00e9.\n       Padding r\u00e9duit sur mobile : la carte y est basse, 40px de marge feraient d\u00e9border le cadrage *\/\n    function frameMap2() {\n      map2.invalidateSize();\n      const p = window.innerWidth <= 768 ? 12 : 40;\n      map2.fitBounds(latLngs2, { padding: [p, p], maxZoom: 13 });\n    }\n    setTimeout(frameMap2, 400);\n    window.addEventListener(\"resize\", frameMap2);\n\n    \/* D\u00e9placement temps r\u00e9el \u2014 les artisans \"en route\" avancent vers leur cible *\/\n    function newTarget2(a) {\n      a.tLat = a.baseLat + (Math.random() - 0.5) * a.spread;\n      a.tLng = a.baseLng + (Math.random() - 0.5) * a.spread;\n    }\n    setInterval(function () {\n      agents2.forEach(function (a) {\n        if (a.status !== \"enroute\") return;\n        const dLat = a.tLat - a.lat,\n          dLng = a.tLng - a.lng;\n        const dist = Math.sqrt(dLat * dLat + dLng * dLng);\n        if (dist < 0.002) {\n          newTarget2(a);\n          return;\n        }\n        const speed = 0.0025;\n        a.lat += (dLat \/ dist) * speed;\n        a.lng += (dLng \/ dist) * speed;\n        if (markers2[a.id]) markers2[a.id].setLatLng([a.lat, a.lng]);\n      });\n    }, 1000);\n\n    \/* expos\u00e9 pour la synchro fiche \u2194 marqueur *\/\n    window._parisMarkers = markers2;\n    window._parisAgents = agents2;\n    window._parisMakeIcon = mk2;\n  });\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Agr\u00e9\u00e9 toutes assurances 24h\/7j sans majoration Paris \u00b7 Boulogne \u00b7 Versailles \u00b7 Neuilly 01 84 23 15 00 Serrures certifi\u00e9es A2P 4.9\/5 \u2014 873 avis Google Agr\u00e9\u00e9 toutes assurances 24h\/7j sans majoration Paris \u00b7 Boulogne \u00b7 Versailles \u00b7 Neuilly 01 84 23 15 00 Serrures certifi\u00e9es A2P 4.9\/5 \u2014 873 avis Google Services Tarifs Zones [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/serrurier-agree-paris.fr\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/serrurier-agree-paris.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/serrurier-agree-paris.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/serrurier-agree-paris.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/serrurier-agree-paris.fr\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":107,"href":"https:\/\/serrurier-agree-paris.fr\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":212,"href":"https:\/\/serrurier-agree-paris.fr\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/212"}],"wp:attachment":[{"href":"https:\/\/serrurier-agree-paris.fr\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}