{"id":26,"date":"2026-02-08T10:41:35","date_gmt":"2026-02-08T10:41:35","guid":{"rendered":"https:\/\/artisansminute.fr\/?page_id=26"},"modified":"2026-04-01T21:19:24","modified_gmt":"2026-04-01T21:19:24","slug":"serrurier-13","status":"publish","type":"page","link":"https:\/\/artisansminute.fr\/serrurier-06\/serrurier-13\/","title":{"rendered":"Serrurier d&rsquo;Urgence Bouches-du-Rh\u00f4ne 13"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"26\" class=\"elementor elementor-26\">\n\t\t\t\t<div class=\"elementor-element elementor-element-960b35d e-con-full e-flex e-con e-parent\" data-id=\"960b35d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ad0806 elementor-widget elementor-widget-html\" data-id=\"1ad0806\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n    <meta charset=\"utf-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n    <title>Serrurier Urgence Bouches-du-Rh\u00f4ne \u2014 D\u00e9pannage 24h\/24<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --orange:    #f97316;\r\n            --orange-dk: #ea580c;\r\n            --orange-lt: #fff7ed;\r\n            --orange-md: #ffedd5;\r\n            --green:     #16a34a;\r\n            --green-lt:  #f0fdf4;\r\n            --dark:      #111827;\r\n            --mid:       #374151;\r\n            --muted:     #6b7280;\r\n            --border:    #e5e7eb;\r\n            --bg:        #f9fafb;\r\n            --white:     #ffffff;\r\n\r\n            --text-xs:   0.8125rem;\r\n            --text-sm:   0.875rem;\r\n            --text-base: 1rem;\r\n            --text-md:   1.125rem;\r\n            --text-lg:   1.375rem;\r\n            --text-xl:   1.75rem;\r\n            --text-2xl:  2.25rem;\r\n            --text-3xl:  2.875rem;\r\n\r\n            --s1: 0.5rem;\r\n            --s2: 0.8125rem;\r\n            --s3: 1.3125rem;\r\n            --s4: 2.125rem;\r\n            --s5: 3.4375rem;\r\n            --s6: 5.5rem;\r\n\r\n            --r:    10px;\r\n            --r-lg: 16px;\r\n            --shadow: 0 1px 4px rgba(0,0,0,0.05), 0 4px 16px rgba(0,0,0,0.06);\r\n        }\r\n\r\n        *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\r\n        html { font-size:16px; scroll-behavior:smooth; }\r\n        body {\r\n            font-family: 'Plus Jakarta Sans', system-ui, sans-serif;\r\n            font-size: var(--text-base);\r\n            line-height: 1.6;\r\n            color: var(--mid);\r\n            background: var(--white);\r\n            -webkit-font-smoothing: antialiased;\r\n        }\r\n        \/* Spacer en dur \u2014 insensible aux overrides WP *\/\r\n        .sticky-spacer { display:none; }\r\n        @media(max-width:767px){\r\n            .sticky-spacer { display:block; height:120px; }\r\n        }\r\n\r\n        .container { max-width: 960px; margin: 0 auto; padding: 0 var(--s4); }\r\n        @media(max-width:640px){ .container{ padding: 0 var(--s3); } }\r\n        section { padding: var(--s5) 0; }\r\n\r\n        \/* ================================================\r\n           FIX: sticky mobile WP\r\n           Le sticky utilise des classes Tailwind \u2014 on les\r\n           r\u00e9plique ici car la landing ne charge pas Tailwind.\r\n           ================================================ *\/\r\n\r\n        \/* Layout Tailwind utils pour le sticky *\/\r\n        .fixed          { position: fixed; }\r\n        .bottom-0       { bottom: 0; }\r\n        .left-0         { left: 0; }\r\n        .right-0        { right: 0; }\r\n        .z-50           { z-index: 50; }\r\n        .p-3            { padding: 0.75rem; }\r\n        .px-1           { padding-left: 0.25rem; padding-right: 0.25rem; }\r\n        .py-3           { padding-top: 0.75rem; padding-bottom: 0.75rem; }\r\n        .\\!py-3         { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; }\r\n        .mb-2           { margin-bottom: 0.5rem; }\r\n        .w-full         { width: 100%; }\r\n        .w-4            { width: 1rem; }\r\n        .h-4            { height: 1rem; }\r\n\r\n        \/* Flexbox *\/\r\n        .flex            { display: flex; }\r\n        .flex-col        { flex-direction: column; }\r\n        .items-center    { align-items: center; }\r\n        .justify-center  { justify-content: center; }\r\n        .justify-between { justify-content: space-between; }\r\n        .gap-1\\.5        { gap: 0.375rem; }\r\n        .gap-2           { gap: 0.5rem; }\r\n\r\n        \/* Couleurs & bordures *\/\r\n        .bg-white        { background-color: #fff; }\r\n        .border-t        { border-top-width: 1px; border-top-style: solid; }\r\n        .border-gray-100 { border-color: #f3f4f6; }\r\n        .text-green-600  { color: #16a34a; }\r\n        .text-green-700  { color: #15803d; }\r\n        .text-gray-500   { color: #6b7280; }\r\n\r\n        .\\!bg-\\[\\#f97316\\]  { background-color: #f97316 !important; }\r\n        .\\!text-white        { color: #fff !important; }\r\n        .\\!rounded-xl        { border-radius: 0.75rem !important; }\r\n        .\\!shadow-xl         { box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1) !important; }\r\n        .\\!shadow-orange-200 { --tw-shadow-color: #fed7aa; }\r\n\r\n        \/* Typo *\/\r\n        .text-xs         { font-size: 0.75rem; line-height: 1rem; }\r\n        .text-xl         { font-size: 1.25rem; line-height: 1.75rem; }\r\n        .font-medium     { font-weight: 500; }\r\n        .font-bold       { font-weight: 700; }\r\n        .font-extrabold  { font-weight: 800; }\r\n        .uppercase       { text-transform: uppercase; }\r\n        .tracking-wide   { letter-spacing: 0.025em; }\r\n        .leading-none    { line-height: 1; }\r\n\r\n        \/* Effets *\/\r\n        .transition-all  { transition: all .15s ease; }\r\n        .active\\:scale-\\[0\\.98\\]:active { transform: scale(0.98); }\r\n        .shadow-\\[0_-4px_20px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.15\\)\\] {\r\n            box-shadow: 0 -4px 20px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        \/* Safe area iOS *\/\r\n        .pb-safe { padding-bottom: calc(0.75rem + env(safe-area-inset-bottom, 0px)); }\r\n\r\n        \/* md:hidden = masqu\u00e9 au-dessus de 768px *\/\r\n        @media(min-width:768px){\r\n            .md\\:hidden { display: none !important; }\r\n        }\r\n\r\n        \/* Anim wiggle pour l'ic\u00f4ne t\u00e9l\u00e9phone *\/\r\n        @keyframes wiggle {\r\n            0%,100% { transform:rotate(0deg); }\r\n            15%     { transform:rotate(12deg); }\r\n            30%     { transform:rotate(-10deg); }\r\n            45%     { transform:rotate(6deg); }\r\n            60%     { transform:rotate(-4deg); }\r\n            75%     { transform:rotate(2deg); }\r\n        }\r\n        .animate-wiggle { animation: wiggle 1.5s ease-in-out infinite; }\r\n\r\n        \/* Forcer au-dessus de tout + lien d\u00e9cor\u00e9 proprement *\/\r\n        .z-50.fixed.bottom-0,\r\n        div.fixed.bottom-0[class*=\"z-50\"] {\r\n            z-index: 999999 !important;\r\n        }\r\n        .z-50.fixed.bottom-0 a { text-decoration: none; }\r\n\r\n        \/* Neutraliser les stacking contexts de NOS sections *\/\r\n        .hero,\r\n        .tech-section,\r\n        .why-section,\r\n        .rv-section,\r\n        .cities-section,\r\n        .mid-cta {\r\n            position: relative;\r\n            z-index: 0;\r\n        }\r\n        .svc-card, .btn-call, .g-card {\r\n            z-index: 0;\r\n        }\r\n\r\n        \/* Availability bar *\/\r\n        .avail-bar {\r\n            background: var(--dark);\r\n            color: rgba(255,255,255,0.55);\r\n            font-size: var(--text-xs);\r\n            font-weight: 500;\r\n            letter-spacing: 0.03em;\r\n            padding: 10px var(--s4);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: var(--s3);\r\n            flex-wrap: wrap;\r\n        }\r\n        .avail-bar .dot {\r\n            width:7px; height:7px;\r\n            background:#4ade80;\r\n            border-radius:50%;\r\n            flex-shrink:0;\r\n            animation: blink 2s ease-in-out infinite;\r\n        }\r\n        @keyframes blink { 0%,100%{opacity:1} 50%{opacity:.3} }\r\n        .avail-bar strong { color:#fff; font-weight:600; }\r\n        \/* Mobile : garder uniquement la ligne dynamique *\/\r\n        @media(max-width:640px){\r\n            .avail-bar { gap:var(--s1); padding:10px var(--s3); }\r\n            .avail-extra { display:none; }\r\n        }\r\n\r\n        \/* Hero *\/\r\n        .hero {\r\n            background: linear-gradient(160deg,#1c1917 0%,#292524 55%,#1c1917 100%);\r\n            color:var(--white);\r\n            padding: var(--s6) 0;\r\n            text-align:center;\r\n            position:relative;\r\n            overflow:hidden;\r\n        }\r\n        .hero::before {\r\n            content:'';\r\n            position:absolute;\r\n            top:-140px; left:50%;\r\n            transform:translateX(-50%);\r\n            width:700px; height:700px;\r\n            background:radial-gradient(circle,rgba(249,115,22,.12) 0%,transparent 65%);\r\n            pointer-events:none;\r\n        }\r\n        .hero-inner { position:relative; z-index:1; }\r\n\r\n        .hero-eyebrow {\r\n            display:inline-flex;\r\n            align-items:center;\r\n            gap:var(--s2);\r\n            font-size:var(--text-xs);\r\n            font-weight:600;\r\n            letter-spacing:.1em;\r\n            text-transform:uppercase;\r\n            color:var(--orange);\r\n            margin-bottom:var(--s3);\r\n        }\r\n        .hero-eyebrow::before,.hero-eyebrow::after {\r\n            content:''; display:block; width:28px; height:1px;\r\n            background:var(--orange); opacity:.4;\r\n        }\r\n\r\n        .hero h1 {\r\n            font-size: clamp(var(--text-xl), 4.5vw, var(--text-3xl));\r\n            font-weight:800;\r\n            line-height:1.15;\r\n            color:var(--white);\r\n            letter-spacing:-.025em;\r\n            margin-bottom:var(--s3);\r\n            max-width:620px;\r\n            margin-left:auto; margin-right:auto;\r\n        }\r\n        .hero h1 em { font-style:normal; color:var(--orange); }\r\n\r\n        .hero-desc {\r\n            font-size:var(--text-md);\r\n            color:rgba(255,255,255,.55);\r\n            max-width:460px;\r\n            margin:0 auto var(--s4);\r\n            line-height:1.65;\r\n        }\r\n\r\n        .btn-call {\r\n            display:inline-flex;\r\n            align-items:center;\r\n            gap:10px;\r\n            background:var(--orange);\r\n            color:var(--white);\r\n            text-decoration:none;\r\n            font-size:var(--text-lg);\r\n            font-weight:700;\r\n            letter-spacing:-.01em;\r\n            padding:15px 36px;\r\n            border-radius:50px;\r\n            transition:background .2s, transform .15s, box-shadow .2s;\r\n            box-shadow:0 4px 20px rgba(249,115,22,.35);\r\n        }\r\n        .btn-call:hover {\r\n            background:var(--orange-dk);\r\n            transform:translateY(-2px);\r\n            box-shadow:0 8px 28px rgba(249,115,22,.4);\r\n        }\r\n        .btn-call svg { flex-shrink:0; }\r\n        .btn-caption {\r\n            display:inline-flex;\r\n            align-items:center;\r\n            gap:6px;\r\n            margin-top:var(--s3);\r\n            font-size:var(--text-xs);\r\n            font-weight:600;\r\n            color:#4ade80;\r\n            background:rgba(74,222,128,.1);\r\n            border:1px solid rgba(74,222,128,.25);\r\n            padding:5px 16px;\r\n            border-radius:20px;\r\n            letter-spacing:.02em;\r\n        }\r\n        .btn-wrap {\r\n            display:flex;\r\n            flex-direction:column;\r\n            align-items:center;\r\n        }\r\n\r\n        .hero-trust {\r\n            display:flex;\r\n            align-items:center;\r\n            justify-content:center;\r\n            flex-wrap:wrap;\r\n            gap:var(--s4);\r\n            margin-top:var(--s5);\r\n            padding-top:var(--s5);\r\n            border-top:1px solid rgba(255,255,255,.08);\r\n        }\r\n        .trust-stat { text-align:center; }\r\n        .trust-stat .val {\r\n            display:block;\r\n            font-size:var(--text-lg);\r\n            font-weight:800;\r\n            color:var(--white);\r\n            line-height:1;\r\n            margin-bottom:4px;\r\n        }\r\n        .trust-stat .lbl {\r\n            font-size:var(--text-xs);\r\n            color:rgba(255,255,255,.38);\r\n            font-weight:500;\r\n        }\r\n        .tdiv { width:1px; height:34px; background:rgba(255,255,255,.1); }\r\n        @media(max-width:520px){ .tdiv{display:none} .hero-trust{gap:var(--s3)} }\r\n\r\n        \/* Section header *\/\r\n        .sec-header { text-align:center; margin-bottom:var(--s4); }\r\n        .sec-label {\r\n            font-size:var(--text-xs);\r\n            font-weight:600;\r\n            letter-spacing:.1em;\r\n            text-transform:uppercase;\r\n            color:var(--orange-dk);\r\n            display:block;\r\n            margin-bottom:var(--s1);\r\n        }\r\n        .sec-title {\r\n            font-size:clamp(var(--text-lg),3vw,var(--text-2xl));\r\n            font-weight:800;\r\n            color:var(--dark);\r\n            letter-spacing:-.025em;\r\n            line-height:1.2;\r\n            margin-bottom:var(--s1);\r\n        }\r\n        .sec-sub {\r\n            font-size:var(--text-sm);\r\n            color:var(--muted);\r\n            max-width:460px;\r\n            margin:0 auto;\r\n            line-height:1.65;\r\n        }\r\n        .divider { width:36px; height:2px; background:var(--orange); margin:var(--s2) auto 0; }\r\n\r\n        \/* Technician *\/\r\n        .tech-section { background:var(--bg); }\r\n        .tech-card {\r\n            display:grid;\r\n            grid-template-columns:200px 1fr;\r\n            gap:var(--s5);\r\n            align-items:start;\r\n            background:var(--white);\r\n            border:1px solid var(--border);\r\n            border-radius:var(--r-lg);\r\n            padding:var(--s4);\r\n            box-shadow:var(--shadow);\r\n        }\r\n        @media(max-width:640px){ .tech-card{ grid-template-columns:1fr; justify-items:center; } }\r\n        .tech-photo {\r\n            width:200px; height:230px;\r\n            border-radius:var(--r);\r\n            overflow:hidden;\r\n            position:relative;\r\n            background:#e5e7eb;\r\n            flex-shrink:0;\r\n        }\r\n        .tech-photo img { width:100%; height:100%; object-fit:cover; display:block; }\r\n        .tech-photo .cert {\r\n            position:absolute;\r\n            bottom:10px; left:50%;\r\n            transform:translateX(-50%);\r\n            background:var(--green);\r\n            color:#fff;\r\n            font-size:.68rem;\r\n            font-weight:700;\r\n            padding:4px 12px;\r\n            border-radius:20px;\r\n            white-space:nowrap;\r\n            letter-spacing:.04em;\r\n        }\r\n        .tech-name {\r\n            font-size:var(--text-lg);\r\n            font-weight:800;\r\n            color:var(--dark);\r\n            letter-spacing:-.02em;\r\n            margin-bottom:2px;\r\n        }\r\n        .tech-role {\r\n            font-size:var(--text-xs);\r\n            font-weight:700;\r\n            color:var(--orange-dk);\r\n            margin-bottom:var(--s3);\r\n            text-transform:uppercase;\r\n            letter-spacing:.06em;\r\n        }\r\n        .tech-card p {\r\n            font-size:var(--text-sm);\r\n            color:var(--muted);\r\n            line-height:1.7;\r\n            margin-bottom:var(--s3);\r\n        }\r\n        .tag-row { display:flex; flex-wrap:wrap; gap:var(--s1); }\r\n        .tag {\r\n            font-size:var(--text-xs); font-weight:600;\r\n            padding:4px 12px; border-radius:20px;\r\n            border:1px solid var(--border);\r\n            color:var(--mid); background:var(--bg);\r\n        }\r\n        .tag.g { background:var(--green-lt); border-color:#bbf7d0; color:var(--green); }\r\n        .tag.o { background:var(--orange-lt); border-color:var(--orange-md); color:var(--orange-dk); }\r\n        .xp-strip {\r\n            margin-top:var(--s3);\r\n            padding:var(--s3);\r\n            background:var(--orange-lt);\r\n            border:1px solid var(--orange-md);\r\n            border-radius:var(--r);\r\n            display:flex; align-items:center; gap:var(--s3);\r\n        }\r\n        .xp-num {\r\n            font-size:var(--text-2xl);\r\n            font-weight:800;\r\n            color:var(--orange-dk);\r\n            letter-spacing:-.04em;\r\n            line-height:1;\r\n            flex-shrink:0;\r\n        }\r\n        .xp-txt strong { display:block; font-size:var(--text-sm); font-weight:700; color:var(--dark); }\r\n        .xp-txt span   { font-size:var(--text-xs); color:var(--muted); }\r\n\r\n        \/* Guarantees *\/\r\n        .g-grid {\r\n            display:grid;\r\n            grid-template-columns:repeat(4,1fr);\r\n            gap:var(--s2);\r\n        }\r\n        @media(max-width:768px){ .g-grid{ grid-template-columns:repeat(2,1fr); } }\r\n        @media(max-width:420px){ .g-grid{ grid-template-columns:1fr; } }\r\n        .g-card {\r\n            background:var(--white);\r\n            border:1px solid var(--border);\r\n            border-radius:var(--r);\r\n            padding:var(--s3);\r\n            text-align:center;\r\n            transition:border-color .2s,box-shadow .2s;\r\n        }\r\n        .g-card:hover { border-color:#fed7aa; box-shadow:var(--shadow); }\r\n        .g-icon {\r\n            width:44px; height:44px;\r\n            background:var(--green-lt);\r\n            border-radius:50%;\r\n            display:flex; align-items:center; justify-content:center;\r\n            margin:0 auto var(--s2);\r\n            font-size:1.1rem;\r\n        }\r\n        .g-card h4 { font-size:var(--text-sm); font-weight:700; color:var(--dark); margin-bottom:4px; }\r\n        .g-card p  { font-size:var(--text-xs); color:var(--muted); line-height:1.55; }\r\n\r\n        \/* Why *\/\r\n        .why-section { background:var(--bg); }\r\n        .why-grid {\r\n            display:grid;\r\n            grid-template-columns:repeat(3,1fr);\r\n            gap:var(--s2);\r\n        }\r\n        @media(max-width:768px){ .why-grid{ grid-template-columns:repeat(2,1fr); } }\r\n        @media(max-width:480px){ .why-grid{ grid-template-columns:1fr; } }\r\n        .why-card {\r\n            background:var(--white);\r\n            border:1px solid var(--border);\r\n            border-radius:var(--r);\r\n            padding:var(--s3);\r\n        }\r\n        .why-card .ic { font-size:1.2rem; margin-bottom:var(--s2); display:block; }\r\n        .why-card h4 { font-size:var(--text-sm); font-weight:700; color:var(--dark); margin-bottom:4px; }\r\n        .why-card p  { font-size:var(--text-xs); color:var(--muted); line-height:1.6; }\r\n\r\n        \/* Services *\/\r\n        .svc-grid {\r\n            display:grid;\r\n            grid-template-columns:repeat(3,1fr);\r\n            gap:var(--s2);\r\n        }\r\n        @media(max-width:640px){ .svc-grid{ grid-template-columns:repeat(2,1fr); } }\r\n        @media(max-width:380px){ .svc-grid{ grid-template-columns:1fr; } }\r\n        .svc-card {\r\n            background:var(--white);\r\n            border:1px solid var(--border);\r\n            border-radius:var(--r);\r\n            padding:var(--s3);\r\n            transition:border-color .2s,box-shadow .2s,transform .2s;\r\n        }\r\n        .svc-card:hover {\r\n            border-color:var(--orange);\r\n            box-shadow:0 4px 20px rgba(249,115,22,.1);\r\n            transform:translateY(-2px);\r\n        }\r\n        .svc-icon {\r\n            width:42px; height:42px;\r\n            background:var(--orange-lt);\r\n            border-radius:8px;\r\n            display:flex; align-items:center; justify-content:center;\r\n            font-size:1.1rem;\r\n            margin-bottom:var(--s2);\r\n            transition:background .2s;\r\n        }\r\n        .svc-card:hover .svc-icon { background:var(--orange); }\r\n        .svc-card h3 { font-size:var(--text-sm); font-weight:700; color:var(--dark); margin-bottom:4px; }\r\n        .svc-card p  { font-size:var(--text-xs); color:var(--muted); line-height:1.6; }\r\n\r\n        \/* Mid CTA *\/\r\n        .mid-cta { background:var(--dark); }\r\n        .mid-inner { text-align:center; max-width:500px; margin:0 auto; }\r\n        .mid-inner h2 {\r\n            font-size:clamp(var(--text-lg),3vw,var(--text-xl));\r\n            font-weight:800;\r\n            color:var(--white);\r\n            letter-spacing:-.025em;\r\n            margin-bottom:var(--s2);\r\n        }\r\n        .mid-inner p { font-size:var(--text-sm); color:rgba(255,255,255,.45); margin-bottom:var(--s4); line-height:1.65; }\r\n\r\n        \/* Reviews *\/\r\n        .rv-section { background:var(--bg); }\r\n        .rv-header {\r\n            display:flex; align-items:center; justify-content:center;\r\n            gap:var(--s3); margin-bottom:var(--s4);\r\n        }\r\n        .score-val {\r\n            font-size:var(--text-xl);\r\n            font-weight:800;\r\n            color:var(--dark);\r\n            letter-spacing:-.04em;\r\n            line-height:1;\r\n        }\r\n        .stars  { color:#fbbf24; font-size:.85rem; letter-spacing:1px; }\r\n        .rcount { font-size:var(--text-xs); color:var(--muted); }\r\n        .rv-grid {\r\n            display:grid;\r\n            grid-template-columns:repeat(3,1fr);\r\n            gap:var(--s2);\r\n        }\r\n        @media(max-width:700px){ .rv-grid{ grid-template-columns:1fr; } }\r\n        .rv-card {\r\n            background:var(--white);\r\n            border:1px solid var(--border);\r\n            border-radius:var(--r);\r\n            padding:var(--s3);\r\n            box-shadow:var(--shadow);\r\n        }\r\n        .rv-top {\r\n            display:flex; align-items:center; justify-content:space-between;\r\n            margin-bottom:var(--s2);\r\n        }\r\n        .rv-info { display:flex; align-items:center; gap:var(--s2); }\r\n        .rv-av {\r\n            width:34px; height:34px; border-radius:50%;\r\n            background:var(--orange); color:#fff;\r\n            font-size:.85rem; font-weight:700;\r\n            display:flex; align-items:center; justify-content:center;\r\n            flex-shrink:0;\r\n        }\r\n        .rv-name { font-size:var(--text-sm); font-weight:700; color:var(--dark); }\r\n        .rv-date { font-size:var(--text-xs); color:var(--muted); }\r\n        .rv-stars { color:#fbbf24; font-size:.8rem; margin-bottom:var(--s2); }\r\n        .rv-text {\r\n            font-size:var(--text-xs);\r\n            color:var(--muted);\r\n            line-height:1.65;\r\n            margin-bottom:var(--s2);\r\n            font-style:italic;\r\n        }\r\n        .rv-ok { display:inline-flex; align-items:center; gap:5px; font-size:var(--text-xs); font-weight:600; color:var(--green); }\r\n\r\n        \/* Insurance *\/\r\n        .ins-logos {\r\n            display:flex; flex-wrap:wrap;\r\n            justify-content:center; align-items:center;\r\n            gap:var(--s3) var(--s4);\r\n        }\r\n        .ins-logo {\r\n            font-size:var(--text-md);\r\n            font-weight:700;\r\n            color:#d1d5db;\r\n            letter-spacing:.04em;\r\n            transition:color .2s;\r\n            cursor:default;\r\n        }\r\n        .ins-logo:hover { color:var(--muted); }\r\n\r\n        \/* Cities *\/\r\n        .cities-section { background:var(--bg); }\r\n        .city-grid {\r\n            display:grid;\r\n            grid-template-columns:repeat(5,1fr);\r\n            gap:8px 0;\r\n        }\r\n        @media(max-width:640px){ .city-grid{ grid-template-columns:repeat(3,1fr); } }\r\n        @media(max-width:380px){ .city-grid{ grid-template-columns:repeat(2,1fr); } }\r\n        .city-item {\r\n            display:flex; align-items:center; gap:6px;\r\n            font-size:var(--text-xs); color:var(--muted);\r\n            padding:3px 0;\r\n        }\r\n        .city-dot {\r\n            width:5px; height:5px;\r\n            border-radius:50%; background:var(--orange); flex-shrink:0;\r\n        }\r\n\r\n        \/* Footer *\/\r\n        footer {\r\n            background:var(--dark);\r\n            color:rgba(255,255,255,.3);\r\n            text-align:center;\r\n            padding:var(--s4);\r\n            font-size:var(--text-xs);\r\n        }\r\n        footer a { color:rgba(255,255,255,.45); text-decoration:none; }\r\n        footer a:hover { color:var(--orange); }\r\n\r\n        \/* Badge *\/\r\n        .badge-ok {\r\n            display:inline-flex; align-items:center; gap:5px;\r\n            background:var(--green-lt);\r\n            border:1px solid #bbf7d0;\r\n            color:var(--green);\r\n            font-size:var(--text-xs); font-weight:600;\r\n            padding:4px 12px; border-radius:20px;\r\n            margin-bottom:var(--s3);\r\n        }\r\n\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- Availability bar -->\r\n    <div class=\"avail-bar\">\r\n        <span class=\"dot\"><\/span>\r\n        <span id=\"tech-text\"><strong>Serrurier disponible<\/strong> \u2014 Intervention sous 15 min dans le 13<\/span>\r\n        <span class=\"avail-extra\">\u00b7<\/span>\r\n        <span class=\"avail-extra\">Devis gratuit &nbsp;\u00b7&nbsp; Agr\u00e9\u00e9 assurances<\/span>\r\n    <\/div>\r\n\r\n    <!-- Hero -->\r\n    <section class=\"hero\" style=\"padding: var(--s6) 0;\">\r\n        <div class=\"container hero-inner\">\r\n            <div class=\"hero-eyebrow\">Bouches-du-Rh\u00f4ne (13)<\/div>\r\n            <h1>Serrurier d'urgence,<br><em>disponible 24h\/24<\/em><\/h1>\r\n            <p class=\"hero-desc\">\r\n                Porte claqu\u00e9e, serrure cass\u00e9e, cambriolage \u2014\r\n                nos artisans interviennent en 15 minutes, devis gratuit inclus.\r\n            <\/p>\r\n            <div class=\"btn-wrap\">\r\n                <a href=\"tel:0980808743\" class=\"btn-call\">\r\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path 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-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 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-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n                    09 80 80 87 43\r\n                <\/a>\r\n                <span class=\"btn-caption\">\u2713 Devis 100% gratuit \u00b7 Sans engagement<\/span>\r\n            <\/div>\r\n            <div class=\"hero-trust\">\r\n                <div class=\"trust-stat\">\r\n                    <span class=\"val\">+20 ans<\/span>\r\n                    <span class=\"lbl\">D'exp\u00e9rience<\/span>\r\n                <\/div>\r\n                <div class=\"tdiv\"><\/div>\r\n                <div class=\"trust-stat\">\r\n                    <span class=\"val\">15 min<\/span>\r\n                    <span class=\"lbl\">D\u00e9lai d'intervention<\/span>\r\n                <\/div>\r\n                <div class=\"tdiv\"><\/div>\r\n                <div class=\"trust-stat\">\r\n                    <span class=\"val\">4.8 \/ 5<\/span>\r\n                    <span class=\"lbl\">150+ avis Google<\/span>\r\n                <\/div>\r\n                <div class=\"tdiv\"><\/div>\r\n                <div class=\"trust-stat\">\r\n                    <span class=\"val\">0 \u20ac<\/span>\r\n                    <span class=\"lbl\">Devis Totalement Gratuit<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Technician -->\r\n    <section class=\"tech-section\">\r\n        <div class=\"container\">\r\n            <div class=\"sec-header\">\r\n                <span class=\"sec-label\">Votre technicien<\/span>\r\n                <h2 class=\"sec-title\">Un artisan qualifi\u00e9, pas un inconnu<\/h2>\r\n                <div class=\"divider\"><\/div>\r\n            <\/div>\r\n            <div class=\"tech-card\">\r\n                <div class=\"tech-photo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/artisansminute.fr\/wp-content\/uploads\/2026\/03\/Natural_phone_photo_of_a_friendly_40-year-old_whit-1774988897954.png\" alt=\"Technicien serrurier\"\r\n                         onerror=\"this.style.display='none'\">\r\n                    <span class=\"cert\">\u2713 Certifi\u00e9<\/span>\r\n                <\/div>\r\n                <div>\r\n                    <div class=\"tech-name\">Notre \u00e9quipe de serruriers<\/div>\r\n                    <div class=\"tech-role\">Artisans certifi\u00e9s \u00b7 Bouches-du-Rh\u00f4ne<\/div>\r\n                    <p>\r\n                        Depuis plus de 20 ans, nos serruriers interviennent chez des particuliers\r\n                        et des professionnels dans tout le d\u00e9partement. Chaque technicien est\r\n                        s\u00e9lectionn\u00e9 pour ses comp\u00e9tences et son sens du service.\r\n                        Vous ne payez qu'apr\u00e8s validation du devis \u2014 tous nos travaux sont\r\n                        couverts par un travail garanti.\r\n                    <\/p>\r\n                    <div class=\"tag-row\">\r\n                        <span class=\"tag g\">\u2713 Dipl\u00f4m\u00e9 CAP Serrurier-M\u00e9tallier<\/span>\r\n                        <span class=\"tag g\">\u2713 Agr\u00e9\u00e9 assurances<\/span>\r\n                        <span class=\"tag o\">\u26a1 Intervention 15 min<\/span>\r\n                        <span class=\"tag\">\ud83d\udd12 Travail Garanti<\/span>\r\n                    <\/div>\r\n                    <div class=\"xp-strip\">\r\n                        <div class=\"xp-num\">20+<\/div>\r\n                        <div class=\"xp-txt\">\r\n                            <strong>Ann\u00e9es d'exp\u00e9rience dans le 13<\/strong>\r\n                            <span>Des centaines d'interventions \u00e0 Marseille, Aix-en-Provence, Cassis et alentours.<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Guarantees -->\r\n    <section>\r\n        <div class=\"container\">\r\n            <div class=\"sec-header\">\r\n                <div class=\"badge-ok\">\ud83d\udee1\ufe0f Nos engagements<\/div>\r\n                <h2 class=\"sec-title\">Z\u00e9ro mauvaise surprise<\/h2>\r\n                <p class=\"sec-sub\">Nos quatre garanties vous prot\u00e8gent \u00e0 chaque \u00e9tape de l'intervention.<\/p>\r\n            <\/div>\r\n            <div class=\"g-grid\">\r\n                <div class=\"g-card\">\r\n                    <div class=\"g-icon\">\ud83d\udccb<\/div>\r\n                    <h4>Devis gratuit<\/h4>\r\n                    <p>Devis d\u00e9taill\u00e9 avant tout travail. Le prix annonc\u00e9 est le prix pay\u00e9, sans exception.<\/p>\r\n                <\/div>\r\n                <div class=\"g-card\">\r\n                    <div class=\"g-icon\">\ud83d\udd12<\/div>\r\n                    <h4>Garantie 30 jours<\/h4>\r\n                    <p>Tous nos travaux sont garantis par \u00e9crit. Probl\u00e8me r\u00e9current ? Nous revenons sans frais.<\/p>\r\n                <\/div>\r\n                <div class=\"g-card\">\r\n                    <div class=\"g-icon\">\ud83d\udcb0<\/div>\r\n                    <h4>Tarif fixe<\/h4>\r\n                    <p>Aucune majoration cach\u00e9e, m\u00eame le week-end ou la nuit. Z\u00e9ro surprise sur la facture.<\/p>\r\n                <\/div>\r\n                <div class=\"g-card\">\r\n                    <div class=\"g-icon\">\ud83d\udee1\ufe0f<\/div>\r\n                    <h4>Ouverture sans d\u00e9g\u00e2t<\/h4>\r\n                    <p>Techniques non destructives en priorit\u00e9. Votre porte et votre serrure sont pr\u00e9serv\u00e9es autant que possible.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Why us -->\r\n    <section class=\"why-section\">\r\n        <div class=\"container\">\r\n            <div class=\"sec-header\">\r\n                <span class=\"sec-label\">Pourquoi nous<\/span>\r\n                <h2 class=\"sec-title\">Ce qui nous distingue<\/h2>\r\n                <div class=\"divider\"><\/div>\r\n            <\/div>\r\n            <div class=\"why-grid\">\r\n                <div class=\"why-card\">\r\n                    <span class=\"ic\">\u26a1<\/span>\r\n                    <h4>Intervention en 15 minutes<\/h4>\r\n                    <p>Nos techniciens sont positionn\u00e9s dans le d\u00e9partement pour intervenir au plus vite, 24h\/24, 7j\/7.<\/p>\r\n                <\/div>\r\n                <div class=\"why-card\">\r\n                    <span class=\"ic\">\ud83d\udd0d<\/span>\r\n                    <h4>Mat\u00e9riel professionnel<\/h4>\r\n                    <p>Crochetage, by-pass, d\u00e9codeur \u2014 nous ouvrons votre porte sans la d\u00e9t\u00e9riorer dans la majorit\u00e9 des cas.<\/p>\r\n                <\/div>\r\n                <div class=\"why-card\">\r\n                    <span class=\"ic\">\ud83c\udf19<\/span>\r\n                    <h4>Nuits, dimanches & f\u00e9ri\u00e9s<\/h4>\r\n                    <p>Les portes claqu\u00e9es n'ont pas d'horaires. Aucune majoration cach\u00e9e quel que soit le moment d'appel.<\/p>\r\n                <\/div>\r\n                <div class=\"why-card\">\r\n                    <span class=\"ic\">\ud83d\udcde<\/span>\r\n                    <h4>Devis imm\u00e9diat par t\u00e9l\u00e9phone<\/h4>\r\n                    <p>Un expert r\u00e9pond, \u00e9value votre situation et vous donne un prix honn\u00eate avant d\u00e9placement.<\/p>\r\n                <\/div>\r\n                <div class=\"why-card\">\r\n                    <span class=\"ic\">\u2b50<\/span>\r\n                    <h4>4.8\/5 sur 150+ avis Google<\/h4>\r\n                    <p>S\u00e9rieux, rapidit\u00e9 et transparence \u00e0 chaque intervention. Nos clients en t\u00e9moignent.<\/p>\r\n                <\/div>\r\n                <div class=\"why-card\">\r\n                    <span class=\"ic\">\ud83c\udf93<\/span>\r\n                    <h4>+20 ans dans le 13<\/h4>\r\n                    <p>Nous connaissons les sp\u00e9cificit\u00e9s locales. Nos serruriers sont dipl\u00f4m\u00e9s et r\u00e9guli\u00e8rement form\u00e9s.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Mid CTA -->\r\n    <section class=\"mid-cta\">\r\n        <div class=\"container\">\r\n            <div class=\"mid-inner\">\r\n                <h2>Bloqu\u00e9 dehors maintenant ?<\/h2>\r\n                <p>L'appel et le devis sont 100&nbsp;% gratuits. Nos techniciens sont disponibles \u00e0 l'instant.<\/p>\r\n                <a href=\"tel:0980808743\" class=\"btn-call\">\r\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path 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-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 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-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n                    09 80 80 87 43\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Services -->\r\n    <section>\r\n        <div class=\"container\">\r\n            <div class=\"sec-header\">\r\n                <span class=\"sec-label\">Nos prestations<\/span>\r\n                <h2 class=\"sec-title\">Interventions serrurerie<\/h2>\r\n                <p class=\"sec-sub\">De l'ouverture de porte au blindage, nos artisans ma\u00eetrisent l'ensemble.<\/p>\r\n            <\/div>\r\n            <div class=\"svc-grid\">\r\n                <div class=\"svc-card\">\r\n                    <div class=\"svc-icon\">\ud83d\udeaa<\/div>\r\n                    <h3>Ouverture de porte<\/h3>\r\n                    <p>Porte claqu\u00e9e ou ferm\u00e9e \u00e0 cl\u00e9. Ouverture sans d\u00e9g\u00e2t par crochetage ou by-pass dans la majorit\u00e9 des cas.<\/p>\r\n                <\/div>\r\n                <div class=\"svc-card\">\r\n                    <div class=\"svc-icon\">\ud83d\udd11<\/div>\r\n                    <h3>Changement de serrure<\/h3>\r\n                    <p>Remplacement de cylindre, serrure multipoints ou encastr\u00e9e. Toutes marques disponibles.<\/p>\r\n                <\/div>\r\n                <div class=\"svc-card\">\r\n                    <div class=\"svc-icon\">\ud83d\udee1\ufe0f<\/div>\r\n                    <h3>Blindage de porte<\/h3>\r\n                    <p>Installation de porte blind\u00e9e ou blindage de votre porte existante. Certifi\u00e9 A2P.<\/p>\r\n                <\/div>\r\n                <div class=\"svc-card\">\r\n                    <div class=\"svc-icon\">\ud83d\udd27<\/div>\r\n                    <h3>Serrure 3 points \/ 5 points<\/h3>\r\n                    <p>Pose et remplacement de serrures multipoints pour renforcer la s\u00e9curit\u00e9 de votre domicile.<\/p>\r\n                <\/div>\r\n                <div class=\"svc-card\">\r\n                    <div class=\"svc-icon\">\ud83c\udfe0<\/div>\r\n                    <h3>Apr\u00e8s cambriolage<\/h3>\r\n                    <p>S\u00e9curisation imm\u00e9diate, remplacement de serrure et porte forc\u00e9e. Attestation pour l'assurance fournie.<\/p>\r\n                <\/div>\r\n                <div class=\"svc-card\">\r\n                    <div class=\"svc-icon\">\ud83d\udea8<\/div>\r\n                    <h3>Urgence serrurerie<\/h3>\r\n                    <p>Intervention prioritaire 24h\/24 pour porte bloqu\u00e9e, cl\u00e9 cass\u00e9e dans la serrure ou tentative d'effraction.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Reviews -->\r\n    <section class=\"rv-section\">\r\n        <div class=\"container\">\r\n            <div class=\"rv-header\">\r\n                <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/artisansminute.fr\/wp-content\/uploads\/2026\/03\/Google__G__logo.svg_-scaled.png\" alt=\"Google\">\r\n                <div>\r\n                    <div class=\"score-val\">4.8 <span style=\"font-size:var(--text-sm);color:var(--muted);\">\/ 5<\/span><\/div>\r\n                    <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <div class=\"rcount\">150+ avis Google v\u00e9rifi\u00e9s<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"rv-grid\">\r\n                <div class=\"rv-card\">\r\n                    <div class=\"rv-top\">\r\n                        <div class=\"rv-info\">\r\n                            <div class=\"rv-av\">A<\/div>\r\n                            <div>\r\n                                <div class=\"rv-name\">Alain Bertrand<\/div>\r\n                                <div class=\"rv-date\">Il y a 2 jours<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <img decoding=\"async\" width=\"14\" height=\"14\" src=\"https:\/\/artisansminute.fr\/wp-content\/uploads\/2026\/03\/Google__G__logo.svg_-scaled.png\" alt=\"G\" style=\"opacity:.35\">\r\n                    <\/div>\r\n                    <div class=\"rv-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <p class=\"rv-text\">\"Porte claqu\u00e9e \u00e0 23h \u00e0 Marseille. Le serrurier est arriv\u00e9 en 15 minutes et a ouvert sans aucun d\u00e9g\u00e2t. Prix conforme au devis t\u00e9l\u00e9phonique.\"<\/p>\r\n                    <div class=\"rv-ok\">\u2713 Avis v\u00e9rifi\u00e9<\/div>\r\n                <\/div>\r\n                <div class=\"rv-card\">\r\n                    <div class=\"rv-top\">\r\n                        <div class=\"rv-info\">\r\n                            <div class=\"rv-av\" style=\"background:var(--orange-dk)\">N<\/div>\r\n                            <div>\r\n                                <div class=\"rv-name\">Nathalie Girard<\/div>\r\n                                <div class=\"rv-date\">Il y a 1 semaine<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <img decoding=\"async\" width=\"14\" height=\"14\" src=\"https:\/\/artisansminute.fr\/wp-content\/uploads\/2026\/03\/Google__G__logo.svg_-scaled.png\" alt=\"G\" style=\"opacity:.35\">\r\n                    <\/div>\r\n                    <div class=\"rv-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <p class=\"rv-text\">\"Serrure chang\u00e9e apr\u00e8s un cambriolage \u00e0 Aix-en-Provence. Intervention rapide, technicien rassurant et professionnel. Attestation fournie pour l'assurance.\"<\/p>\r\n                    <div class=\"rv-ok\">\u2713 Avis v\u00e9rifi\u00e9<\/div>\r\n                <\/div>\r\n                <div class=\"rv-card\">\r\n                    <div class=\"rv-top\">\r\n                        <div class=\"rv-info\">\r\n                            <div class=\"rv-av\" style=\"background:#78716c\">F<\/div>\r\n                            <div>\r\n                                <div class=\"rv-name\">Fran\u00e7ois Morel<\/div>\r\n                                <div class=\"rv-date\">Il y a 3 semaines<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <img decoding=\"async\" width=\"14\" height=\"14\" src=\"https:\/\/artisansminute.fr\/wp-content\/uploads\/2026\/03\/Google__G__logo.svg_-scaled.png\" alt=\"G\" style=\"opacity:.35\">\r\n                    <\/div>\r\n                    <div class=\"rv-stars\">\u2605\u2605\u2605\u2605\u2606<\/div>\r\n                    <p class=\"rv-text\">\"Cl\u00e9 cass\u00e9e dans la serrure \u00e0 Cassis un dimanche. Intervention propre et efficace, sans majoration. Je recommande sans h\u00e9siter.\"<\/p>\r\n                    <div class=\"rv-ok\">\u2713 Avis v\u00e9rifi\u00e9<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Insurance -->\r\n    <section>\r\n        <div class=\"container\">\r\n            <div class=\"sec-header\">\r\n                <span class=\"sec-label\">Agr\u00e9\u00e9 assurances<\/span>\r\n                <h2 class=\"sec-title\">Travaille avec toutes les grandes assurances<\/h2>\r\n                <p class=\"sec-sub\">Tarifs conventionn\u00e9s pour une prise en charge optimale en cas d'effraction ou de sinistre.<\/p>\r\n            <\/div>\r\n            <div class=\"ins-logos\">\r\n                <div class=\"ins-logo\">AXA<\/div>\r\n                <div class=\"ins-logo\">Allianz<\/div>\r\n                <div class=\"ins-logo\">MAAF<\/div>\r\n                <div class=\"ins-logo\">GMF<\/div>\r\n                <div class=\"ins-logo\">MACIF<\/div>\r\n                <div class=\"ins-logo\">Matmut<\/div>\r\n                <div class=\"ins-logo\">Groupama<\/div>\r\n                <div class=\"ins-logo\">MMA<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Cities -->\r\n    <section class=\"cities-section\">\r\n        <div class=\"container\">\r\n            <div class=\"sec-header\">\r\n                <span class=\"sec-label\">Zones d'intervention<\/span>\r\n                <h2 class=\"sec-title\">Bouches-du-Rh\u00f4ne (13)<\/h2>\r\n                <p class=\"sec-sub\">Intervention en 15 min dans ces communes et leurs alentours.<\/p>\r\n            <\/div>\r\n            <div class=\"city-grid\">\r\n                <div class=\"city-item\"><span class=\"city-dot\"><\/span>Marseille<\/div>\r\n                <div class=\"city-item\"><span class=\"city-dot\"><\/span>Aix-en-Provence<\/div>\r\n                <div class=\"city-item\"><span class=\"city-dot\"><\/span>Arles<\/div>\r\n                <div class=\"city-item\"><span class=\"city-dot\"><\/span>Martigues<\/div>\r\n                <div class=\"city-item\"><span class=\"city-dot\"><\/span>Aubagne<\/div>\r\n                <div class=\"city-item\"><span class=\"city-dot\"><\/span>Salon-de-Provence<\/div>\r\n                <div class=\"city-item\"><span class=\"city-dot\"><\/span>Istres<\/div>\r\n                <div class=\"city-item\"><span class=\"city-dot\"><\/span>La Ciotat<\/div>\r\n                <div class=\"city-item\"><span class=\"city-dot\"><\/span>Vitrolles<\/div>\r\n                <div class=\"city-item\"><span class=\"city-dot\"><\/span>Marignane<\/div>\r\n                <div class=\"city-item\"><span class=\"city-dot\"><\/span>Miramas<\/div>\r\n                <div class=\"city-item\"><span class=\"city-dot\"><\/span>Les Pennes-Mirabeau<\/div>\r\n                <div class=\"city-item\"><span class=\"city-dot\"><\/span>Allauch<\/div>\r\n                <div class=\"city-item\"><span class=\"city-dot\"><\/span>Gardanne<\/div>\r\n                <div class=\"city-item\"><span class=\"city-dot\"><\/span>Ch\u00e2teauneuf-les-Martigues<\/div>\r\n                <div class=\"city-item\"><span class=\"city-dot\"><\/span>Port-de-Bouc<\/div>\r\n                <div class=\"city-item\"><span class=\"city-dot\"><\/span>Fos-sur-Mer<\/div>\r\n                <div class=\"city-item\"><span class=\"city-dot\"><\/span>Berre-l'\u00c9tang<\/div>\r\n                <div class=\"city-item\"><span class=\"city-dot\"><\/span>Bouc-Bel-Air<\/div>\r\n                <div class=\"city-item\"><span class=\"city-dot\"><\/span>Tarascon<\/div>\r\n                <div class=\"city-item\"><span class=\"city-dot\"><\/span>Rognac<\/div>\r\n                <div class=\"city-item\"><span class=\"city-dot\"><\/span>Auriol<\/div>\r\n                <div class=\"city-item\"><span class=\"city-dot\"><\/span>Ch\u00e2teaurenard<\/div>\r\n                <div class=\"city-item\"><span class=\"city-dot\"><\/span>Cassis<\/div>\r\n                <div class=\"city-item\"><span class=\"city-dot\"><\/span>Saint-R\u00e9my-de-Provence<\/div>\r\n                <div class=\"city-item\"><span class=\"city-dot\"><\/span>Carry-le-Rouet<\/div>\r\n                <div class=\"city-item\"><span class=\"city-dot\"><\/span>Sausset-les-Pins<\/div>\r\n                <div class=\"city-item\"><span class=\"city-dot\"><\/span>Eygali\u00e8res<\/div>\r\n                <div class=\"city-item\"><span class=\"city-dot\"><\/span>G\u00e9menos<\/div>\r\n                <div class=\"city-item\"><span class=\"city-dot\"><\/span>Maussane-les-Alpilles<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <footer>\r\n        \u00a9 2025 Serrurier Urgence Bouches-du-Rh\u00f4ne &nbsp;\u00b7&nbsp;\r\n        <a href=\"tel:0980808743\">09 80 80 87 43<\/a> &nbsp;\u00b7&nbsp;\r\n        Tous droits r\u00e9serv\u00e9s\r\n    <\/footer>\r\n    <!-- Spacer pour le sticky mobile -->\r\n    <div class=\"sticky-spacer\"><\/div>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            \/* \u2500\u2500 Avail bar: technicien al\u00e9atoire \u2500\u2500 *\/\r\n            const names = [\"Laurent\",\"Thomas\",\"Julien\",\"Nicolas\",\"Pierre\"];\r\n            const name  = names[Math.floor(Math.random() * names.length)];\r\n            const mins  = Math.floor(Math.random() * 8) + 7;\r\n            const el    = document.getElementById('tech-text');\r\n            if (el) el.innerHTML = `<strong>${name}<\/strong> est \u00e0 ${mins} min de chez vous`;\r\n\r\n            \/* \u2500\u2500 Fix sticky CTA WP \u2500\u2500 *\/\r\n            const sticky = document.querySelector('.fixed.bottom-0.z-50');\r\n            if (sticky) {\r\n                let parent = sticky.parentElement;\r\n                while (parent && parent !== document.body) {\r\n                    parent.style.overflow = 'visible';\r\n                    parent = parent.parentElement;\r\n                }\r\n                document.body.appendChild(sticky);\r\n                sticky.style.cssText += `\r\n                    position:fixed !important;\r\n                    bottom:0 !important;\r\n                    left:0 !important;\r\n                    right:0 !important;\r\n                    z-index:999999 !important;\r\n                    overflow:visible !important;\r\n                `;\r\n            }\r\n\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\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>Serrurier Urgence Bouches-du-Rh\u00f4ne \u2014 D\u00e9pannage 24h\/24 Serrurier disponible \u2014 Intervention sous 15 min dans le 13 \u00b7 Devis gratuit &nbsp;\u00b7&nbsp; Agr\u00e9\u00e9 assurances Bouches-du-Rh\u00f4ne (13) Serrurier d&rsquo;urgence,disponible 24h\/24 Porte claqu\u00e9e, serrure cass\u00e9e, cambriolage \u2014 nos artisans interviennent en 15 minutes, devis gratuit inclus. 09 80 80 87 43 \u2713 Devis 100% gratuit \u00b7 Sans engagement +20 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-26","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/artisansminute.fr\/serrurier-06\/wp-json\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/artisansminute.fr\/serrurier-06\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/artisansminute.fr\/serrurier-06\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/artisansminute.fr\/serrurier-06\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/artisansminute.fr\/serrurier-06\/wp-json\/wp\/v2\/comments?post=26"}],"version-history":[{"count":10,"href":"https:\/\/artisansminute.fr\/serrurier-06\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":263,"href":"https:\/\/artisansminute.fr\/serrurier-06\/wp-json\/wp\/v2\/pages\/26\/revisions\/263"}],"wp:attachment":[{"href":"https:\/\/artisansminute.fr\/serrurier-06\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}