{"id":449,"date":"2014-08-29T01:32:00","date_gmt":"2014-08-29T01:32:00","guid":{"rendered":"http:\/\/wp\/?page_id=2"},"modified":"2026-09-21T16:47:10","modified_gmt":"2026-09-21T16:47:10","slug":"sample-page-2","status":"publish","type":"page","link":"https:\/\/couvreur-grimaud-oz.fr\/oz\/","title":{"rendered":"Frontpage"},"content":{"rendered":"<p><script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"RoofingContractor\",\n  \"name\": \"OZ Toit\",\n  \"image\": \"https:\/\/images.unsplash.com\/photo-1635424709961-f3a150459ad4?w=900&q=80\",\n  \"telephone\": \"+33422133803\",\n  \"address\": {\n    \"@type\": \"PostalAddress\",\n    \"streetAddress\": \"11 Lot. de la Baie\",\n    \"postalCode\": \"83310\",\n    \"addressLocality\": \"Grimaud\",\n    \"addressCountry\": \"FR\"\n  },\n  \"aggregateRating\": {\n    \"@type\": \"AggregateRating\",\n    \"ratingValue\": \"5.0\",\n    \"reviewCount\": \"49\"\n  },\n  \"areaServed\": \"Grimaud, Sainte-Maxime, Cogolin, Golfe de Saint-Tropez\",\n  \"openingHours\": \"Mo-Su 00:00-23:59\",\n  \"url\": \"https:\/\/couvreur-grimaud-oz.fr\/oz\/\"\n}\n<\/script><\/p>\n<style>\n  .title_container { display: none !important; }\n  main.template-page { padding-top: 0 !important; }\n  #header { display: none !important; }\n  .ozt-root, .ozt-root *, .ozt-root *::before, .ozt-root *::after { box-sizing: border-box; }\n  .ozt-root {\n    --ozt-orange: #f2994a;\n    --ozt-orange-dark: #d97b24;\n    --ozt-yellow: #f7c948;\n    --ozt-blue: #5b9bd5;\n    --ozt-blue-soft: #eef5fc;\n    --ozt-blue-deep: #2f6690;\n    --ozt-ink: #2b2a28;\n    --ozt-ink-soft: #66625a;\n    --ozt-bg: #fffaf3;\n    --ozt-bg-soft: #fef3e2;\n    --ozt-line: #f0e2c8;\n    font-family: \"Inter\", system-ui, sans-serif;\n    color: var(--ozt-ink);\n    background: var(--ozt-bg);\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    overflow-x: hidden;\n  }\n  .ozt-root h1, .ozt-root h2, .ozt-root h3, .ozt-root h4 {\n    font-family: \"Poppins\", sans-serif !important;\n    font-weight: 800 !important;\n    color: var(--ozt-ink) !important;\n    margin: 0 !important;\n    text-transform: none !important;\n    line-height: 1.15;\n  }\n  .ozt-root a { text-decoration: none; }\n  .ozt-section { padding: 90px 24px; }\n  .ozt-section-inner { max-width: 1180px; margin: 0 auto; }\n  .ozt-section-head { max-width: 680px; margin: 0 auto 50px; text-align: center; }\n  .ozt-eyebrow { display: inline-block; font-family: \"Poppins\", sans-serif; font-weight: 700; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: var(--ozt-orange-dark); background: var(--ozt-bg-soft); border: 1px solid var(--ozt-line); padding: 6px 16px; border-radius: 999px; margin-bottom: 16px; }\n  .ozt-section-head h2 { font-size: 34px; margin-bottom: 14px !important; }\n  .ozt-section-head p { color: var(--ozt-ink-soft); font-size: 16px; line-height: 1.6; }<\/p>\n<p>  \/* Topbar *\/\n  .ozt-topbar { background: var(--ozt-blue-deep); color: #fff; padding: 9px 24px; font-size: 13.5px; }\n  .ozt-topbar-inner { max-width: 1180px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; }\n  .ozt-topbar-left { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; opacity: .95; }\n  .ozt-topbar-item { display: inline-flex; align-items: center; gap: 7px; }\n  .ozt-topbar-item svg { width: 15px; height: 15px; flex-shrink: 0; }\n  .ozt-topbar-rating { display: inline-flex; align-items: center; gap: 5px; font-weight: 700; color: var(--ozt-yellow); }\n  .ozt-topbar-phone { font-weight: 700; color: #fff; }<\/p>\n<p>  \/* Nav *\/\n  .ozt-nav { background: #fff; padding: 16px 24px; border-bottom: 1px solid var(--ozt-line); }\n  .ozt-nav-inner { max-width: 1180px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; }\n  .ozt-logo { display: flex; align-items: center; gap: 12px; }\n  .ozt-logo-badge { width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, var(--ozt-yellow), var(--ozt-orange) 60%, var(--ozt-orange-dark)); display: flex; align-items: center; justify-content: center; font-family: \"Poppins\", sans-serif; font-weight: 800; color: #fff; font-size: 16px; letter-spacing: -.02em; box-shadow: 0 6px 16px rgba(217,123,36,.35); }\n  .ozt-logo-text { font-family: \"Poppins\", sans-serif; font-weight: 800; font-size: 21px; color: var(--ozt-ink); line-height: 1; }\n  .ozt-logo-text span { color: var(--ozt-orange-dark); }\n  .ozt-logo-sub { font-size: 11.5px; color: var(--ozt-ink-soft); font-weight: 600; letter-spacing: .03em; margin-top: 2px; }\n  .ozt-menu { display: flex; align-items: center; gap: 32px; }\n  .ozt-menu a { color: var(--ozt-ink); font-weight: 600; font-size: 14.5px; transition: color .15s ease; }\n  .ozt-menu a:hover { color: var(--ozt-orange-dark); }\n  .ozt-nav-cta { background: var(--ozt-orange); color: #fff !important; font-weight: 700; padding: 12px 22px; border-radius: 8px; font-size: 14.5px; display: inline-flex; align-items: center; gap: 8px; transition: background .15s ease; }\n  .ozt-nav-cta:hover { background: var(--ozt-orange-dark); }\n  .ozt-nav-toggle { display: none; }<\/p>\n<p>  \/* Hero *\/\n  .ozt-hero { position: relative; min-height: 640px; display: flex; align-items: flex-end; padding: 60px 24px 70px; }\n  .ozt-hero-bg { position: absolute; inset: 0; background-size: cover; background-position: center; }\n  .ozt-hero-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(47,102,144,.55) 0%, rgba(43,42,40,.55) 45%, rgba(43,42,40,.85) 100%); }\n  .ozt-hero-inner { position: relative; z-index: 2; max-width: 1180px; margin: 0 auto; width: 100%; }\n  .ozt-hero-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,.14); backdrop-filter: blur(4px); border: 1px solid rgba(255,255,255,.35); color: #fff; font-weight: 700; font-size: 13.5px; padding: 8px 16px; border-radius: 999px; margin-bottom: 22px; }\n  .ozt-hero-badge .ozt-stars { color: var(--ozt-yellow); letter-spacing: 1px; }\n  .ozt-hero h1 { color: #fff !important; font-size: 50px; max-width: 720px; margin-bottom: 20px !important; }\n  .ozt-hero h1 em { font-style: normal; color: var(--ozt-yellow); }\n  .ozt-hero p.ozt-hero-lead { color: #f2ede4; font-size: 17.5px; max-width: 560px; line-height: 1.6; margin-bottom: 32px; }\n  .ozt-hero-actions { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 36px; }\n  .ozt-btn-primary { background: var(--ozt-orange); color: #fff !important; font-weight: 700; padding: 16px 28px; border-radius: 8px; display: inline-flex; align-items: center; gap: 10px; font-size: 15px; transition: background .15s ease, transform .15s ease; box-shadow: 0 10px 24px rgba(217,123,36,.4); }\n  .ozt-btn-primary:hover { background: var(--ozt-orange-dark); transform: translateY(-1px); color: #fff !important; }\n  .ozt-btn-ghost { background: rgba(255,255,255,.1); border: 1.5px solid rgba(255,255,255,.6); color: #fff !important; font-weight: 700; padding: 15px 26px; border-radius: 8px; display: inline-flex; align-items: center; gap: 10px; font-size: 15px; transition: background .15s ease; }\n  .ozt-btn-ghost:hover { background: rgba(255,255,255,.22); }\n  .ozt-hero-loc { display: flex; align-items: center; gap: 8px; color: #f2ede4; font-size: 14px; }\n  .ozt-hero-loc svg { width: 16px; height: 16px; flex-shrink: 0; }<\/p>\n<p>  \/* Trust bar *\/\n  .ozt-trust { background: #fff; border-bottom: 1px solid var(--ozt-line); padding: 0; }\n  .ozt-trust-inner { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: repeat(4,1fr); }\n  .ozt-trust-item { display: flex; align-items: center; gap: 14px; padding: 26px 20px; border-left: 1px solid var(--ozt-line); }\n  .ozt-trust-item:first-child { border-left: none; }\n  .ozt-trust-icon { width: 44px; height: 44px; border-radius: 10px; background: var(--ozt-blue-soft); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--ozt-blue-deep); }\n  .ozt-trust-icon svg { width: 22px; height: 22px; }\n  .ozt-trust-item strong { display: block; font-family: \"Poppins\", sans-serif; font-size: 14.5px; color: var(--ozt-ink); }\n  .ozt-trust-item span { font-size: 12.5px; color: var(--ozt-ink-soft); }<\/p>\n<p>  \/* Services *\/\n  .ozt-services { background: var(--ozt-bg); }\n  .ozt-services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }\n  .ozt-service-card { background: #fff; border: 1px solid var(--ozt-line); border-radius: 14px; padding: 30px 26px; transition: transform .15s ease, box-shadow .15s ease; }\n  .ozt-service-card:hover { transform: translateY(-3px); box-shadow: 0 16px 32px rgba(43,42,40,.08); }\n  .ozt-service-icon { width: 52px; height: 52px; border-radius: 12px; background: linear-gradient(135deg, var(--ozt-yellow), var(--ozt-orange)); display: flex; align-items: center; justify-content: center; margin-bottom: 18px; color: #fff; }\n  .ozt-service-icon svg { width: 26px; height: 26px; }\n  .ozt-service-card h3 { font-size: 18px; margin-bottom: 10px !important; }\n  .ozt-service-card p { color: var(--ozt-ink-soft); font-size: 14.5px; line-height: 1.6; margin: 0; }<\/p>\n<p>  \/* About *\/\n  .ozt-about { background: var(--ozt-blue-soft); }\n  .ozt-about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }\n  .ozt-about-photo { position: relative; border-radius: 18px; overflow: hidden; box-shadow: 0 24px 48px rgba(47,102,144,.18); }\n  .ozt-about-photo img { width: 100%; display: block; aspect-ratio: 4\/3.2; object-fit: cover; }\n  .ozt-about-badge { position: absolute; bottom: -22px; right: -18px; background: #fff; border-radius: 14px; padding: 16px 22px; box-shadow: 0 14px 30px rgba(43,42,40,.16); display: flex; align-items: center; gap: 12px; }\n  .ozt-about-badge strong { display: block; font-family: \"Poppins\", sans-serif; font-size: 22px; color: var(--ozt-orange-dark); line-height: 1; }\n  .ozt-about-badge span { font-size: 12px; color: var(--ozt-ink-soft); }\n  .ozt-about-eyebrow { color: var(--ozt-orange-dark); font-family: \"Poppins\", sans-serif; font-weight: 700; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 14px; display: block; }\n  .ozt-about h2 { font-size: 30px; margin-bottom: 18px !important; }\n  .ozt-about p.ozt-about-lead { color: var(--ozt-ink-soft); font-size: 15.5px; line-height: 1.7; margin-bottom: 24px; }\n  .ozt-about-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }\n  .ozt-about-list li { display: flex; align-items: flex-start; gap: 12px; font-size: 15px; color: var(--ozt-ink); font-weight: 600; }\n  .ozt-about-list li svg { width: 20px; height: 20px; color: #fff; background: var(--ozt-orange); border-radius: 50%; padding: 4px; flex-shrink: 0; margin-top: 1px; }<\/p>\n<p>  \/* Gallery *\/\n  .ozt-gallery { background: var(--ozt-bg); }\n  .ozt-gallery-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }\n  .ozt-gallery-grid a { display: block; border-radius: 12px; overflow: hidden; position: relative; }\n  .ozt-gallery-grid img { width: 100%; height: 100%; aspect-ratio: 1\/1; object-fit: cover; display: block; transition: transform .3s ease; }\n  .ozt-gallery-grid a:hover img { transform: scale(1.06); }\n  .ozt-gallery-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; margin-top: 44px; text-align: center; }\n  .ozt-gallery-stats div strong { display: block; font-family: \"Poppins\", sans-serif; font-size: 28px; color: var(--ozt-orange-dark); }\n  .ozt-gallery-stats div span { font-size: 13px; color: var(--ozt-ink-soft); }<\/p>\n<p>  \/* Testimonials *\/\n  .ozt-testi { background: var(--ozt-blue-deep); }\n  .ozt-testi .ozt-section-head h2 { color: #fff !important; }\n  .ozt-testi .ozt-section-head p { color: #d9e6f0; }\n  .ozt-testi .ozt-eyebrow { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.25); color: var(--ozt-yellow); }\n  .ozt-testi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }\n  .ozt-testi-card { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.15); border-radius: 14px; padding: 28px; }\n  .ozt-testi-stars { color: var(--ozt-yellow); letter-spacing: 2px; margin-bottom: 14px; font-size: 15px; }\n  .ozt-testi-card p { color: #f0f5f9; font-size: 14.5px; line-height: 1.65; margin: 0 0 18px; }\n  .ozt-testi-name { font-family: \"Poppins\", sans-serif; font-weight: 700; color: #fff; font-size: 14.5px; }\n  .ozt-testi-loc { color: #b9cede; font-size: 12.5px; }<\/p>\n<p>  \/* FAQ *\/\n  .ozt-faq { background: var(--ozt-bg-soft); }\n  .ozt-faq-list { max-width: 780px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; }\n  .ozt-faq-item { border: 1px solid var(--ozt-line); border-radius: 10px; padding: 4px 22px; background: #fff; }\n  .ozt-faq-item summary { cursor: pointer; list-style: none; padding: 18px 30px 18px 0; font-weight: 700; font-size: 15.5px; position: relative; color: var(--ozt-ink); font-family: \"Poppins\", sans-serif; }\n  .ozt-faq-item summary::-webkit-details-marker { display: none; }\n  .ozt-faq-item summary::after { content: '+'; position: absolute; right: 0; top: 12px; font-size: 24px; color: var(--ozt-orange-dark); font-weight: 400; }\n  .ozt-faq-item[open] summary::after { content: '\\2212'; }\n  .ozt-faq-item p { color: var(--ozt-ink-soft); font-size: 14.5px; margin: 0 0 18px !important; padding-right: 30px; line-height: 1.6; }<\/p>\n<p>  \/* Marquee slider *\/\n  .ozt-marquee-section { padding: 30px 0; background: var(--ozt-orange); overflow: hidden; }\n  .ozt-marquee-wrap { width: 100%; overflow: hidden; }\n  .ozt-marquee-track { display: flex; width: max-content; gap: 44px; animation: ozt-marquee 22s linear infinite; }\n  .ozt-marquee-item { font-family: \"Poppins\", sans-serif; font-weight: 700; font-size: 15px; color: #fff; white-space: nowrap; }\n  .ozt-marquee-item span { margin-right: 8px; }\n  @keyframes ozt-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }\n  @media (prefers-reduced-motion: reduce) { .ozt-marquee-track { animation: none; } }<\/p>\n<p>  \/* Contact *\/\n  .ozt-contact { background: var(--ozt-ink); color: #f0ede8; }\n  .ozt-contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; }\n  .ozt-contact .ozt-eyebrow { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.18); color: var(--ozt-yellow); }\n  .ozt-contact h2 { color: #fff !important; font-size: 30px; }\n  .ozt-contact-info { display: flex; flex-direction: column; gap: 18px; margin-top: 26px; }\n  .ozt-contact-row { display: flex; align-items: flex-start; gap: 14px; }\n  .ozt-contact-icon { width: 42px; height: 42px; border-radius: 10px; background: rgba(255,255,255,.08); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--ozt-yellow); }\n  .ozt-contact-icon svg { width: 20px; height: 20px; }\n  .ozt-contact-row strong { display: block; font-size: 14px; color: #fff; margin-bottom: 2px; }\n  .ozt-contact-row span, .ozt-contact-row a { color: #cfcac2; font-size: 14px; }\n  .ozt-contact-row a { color: #cfcac2; }\n  .ozt-form { background: #fff; border-radius: 16px; padding: 36px; color: var(--ozt-ink); }\n  .ozt-form h3 { font-size: 20px; margin-bottom: 6px !important; }\n  .ozt-form-sub { color: var(--ozt-ink-soft); font-size: 13.5px; margin: 0 0 22px; }\n  .ozt-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px; }\n  .ozt-form input, .ozt-form textarea { width: 100%; border: 1px solid var(--ozt-line); border-radius: 8px; padding: 13px 14px; font-family: \"Inter\", sans-serif; font-size: 14px; background: var(--ozt-bg); color: var(--ozt-ink); }\n  .ozt-form textarea { min-height: 110px; resize: vertical; }\n  .ozt-form-submit { margin-top: 4px; width: 100%; background: var(--ozt-orange); color: #fff; font-weight: 700; padding: 15px; border: none; border-radius: 8px; font-size: 15px; cursor: pointer; transition: background .15s ease; font-family: \"Poppins\", sans-serif; }\n  .ozt-form-submit:hover { background: var(--ozt-orange-dark); }<\/p>\n<p>  @media (max-width: 980px) {\n    .ozt-menu { display: none; }\n    .ozt-about-grid, .ozt-contact-grid { grid-template-columns: 1fr; gap: 36px; }\n    .ozt-services-grid { grid-template-columns: repeat(2,1fr); }\n    .ozt-trust-inner { grid-template-columns: repeat(2,1fr); }\n    .ozt-trust-item:nth-child(3) { border-left: none; }\n    .ozt-testi-grid { grid-template-columns: 1fr; }\n    .ozt-gallery-grid { grid-template-columns: repeat(3,1fr); }\n    .ozt-gallery-grid a:nth-child(4), .ozt-gallery-grid a:nth-child(5) { display: none; }\n    .ozt-hero h1 { font-size: 36px; }\n    .ozt-about-badge { position: static; margin-top: -30px; margin-left: 20px; display: inline-flex; }\n  }\n  @media (max-width: 600px) {\n    .ozt-section { padding: 60px 16px; }\n    .ozt-topbar-left { gap: 12px; font-size: 12px; }\n    .ozt-topbar-item.ozt-hide-mobile { display: none; }\n    .ozt-hero { min-height: 560px; padding: 40px 16px 50px; }\n    .ozt-hero h1 { font-size: 30px; }\n    .ozt-services-grid { grid-template-columns: 1fr; }\n    .ozt-gallery-grid { grid-template-columns: repeat(2,1fr); }\n    .ozt-gallery-grid a:nth-child(4), .ozt-gallery-grid a:nth-child(5) { display: block; }\n    .ozt-form-row { grid-template-columns: 1fr; }\n    .ozt-gallery-stats { grid-template-columns: repeat(2,1fr); gap: 24px; }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .ozt-root *, .ozt-root *::before, .ozt-root *::after { animation-duration: .001s !important; transition-duration: .001s !important; }\n  }\n<\/style>\n<div class=\"ozt-root\">\n<p>  <!-- TOPBAR --><\/p>\n<div class=\"ozt-topbar\">\n<div class=\"ozt-topbar-inner\">\n<div class=\"ozt-topbar-left\">\n        <span class=\"ozt-topbar-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 21s-7-6.2-7-11a7 7 0 1 1 14 0c0 4.8-7 11-7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/><\/svg>11 Lot. de la Baie, 83310 Grimaud<\/span><br \/>\n        <span class=\"ozt-topbar-item ozt-hide-mobile\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 3\"\/><\/svg>Ouvert 24h\/24 &middot; Urgences<\/span><br \/>\n        <span class=\"ozt-topbar-rating\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l2.9 6.6 7.1.6-5.4 4.7 1.6 7-6.2-3.8-6.2 3.8 1.6-7L2 9.2l7.1-.6z\"\/><\/svg>5,0 (49 avis)<\/span>\n      <\/div>\n<p>      <a href=\"tel:+33422133803\" class=\"ozt-topbar-phone\">04 22 13 38 03<\/a>\n    <\/div>\n<\/p><\/div>\n<p>  <!-- NAV --><\/p>\n<div class=\"ozt-nav\">\n<div class=\"ozt-nav-inner\">\n<div class=\"ozt-logo\">\n<div class=\"ozt-logo-badge\">OZ<\/div>\n<div>\n<div class=\"ozt-logo-text\">OZ <span>Toit<\/span><\/div>\n<div class=\"ozt-logo-sub\">Couvreur &middot; Zingueur<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<nav class=\"ozt-menu\">\n        <a href=\"#services\">Services<\/a><br \/>\n        <a href=\"#apropos\">\u00c0 propos<\/a><br \/>\n        <a href=\"#realisations\">R\u00e9alisations<\/a><br \/>\n        <a href=\"#avis\">Avis<\/a><br \/>\n        <a href=\"#faq\">FAQ<\/a><br \/>\n        <a href=\"#contact\">Contact<\/a><br \/>\n      <\/nav>\n<p>      <a href=\"tel:+33422133803\" class=\"ozt-nav-cta\">\ud83d\udcde 04 22 13 38 03<\/a>\n    <\/div>\n<\/p><\/div>\n<p>  <!-- HERO --><\/p>\n<section class=\"ozt-hero\">\n<div class=\"ozt-hero-bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1635424709961-f3a150459ad4?w=1600&#038;q=80');\"><\/div>\n<div class=\"ozt-hero-overlay\"><\/div>\n<div class=\"ozt-hero-inner\">\n      <span class=\"ozt-hero-badge\"><span class=\"ozt-stars\">\u2605\u2605\u2605\u2605\u2605<\/span> 5,0 (49 avis) &mdash; Couvreur zingueur \u00e0 Grimaud<\/span><\/p>\n<h1>Votre toiture entre de bonnes mains avec <em>OZ Toit<\/em><\/h1>\n<p class=\"ozt-hero-lead\">Inspection, r\u00e9paration, installation et zinguerie. Intervention rapide 24h\/24, travail soign\u00e9 et devis gratuit sur Grimaud, Sainte-Maxime, Cogolin et tout le Golfe de Saint-Tropez.<\/p>\n<div class=\"ozt-hero-actions\">\n        <a href=\"tel:+33422133803\" class=\"ozt-btn-primary\">\ud83d\udcde Appelez le 04 22 13 38 03<\/a><br \/>\n        <a href=\"#contact\" class=\"ozt-btn-ghost\">Demander un devis gratuit<\/a>\n      <\/div>\n<div class=\"ozt-hero-loc\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 21s-7-6.2-7-11a7 7 0 1 1 14 0c0 4.8-7 11-7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/><\/svg>11 Lot. de la Baie, 83310 Grimaud &mdash; intervention dans tout le Golfe de Saint-Tropez<\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- TRUST BAR --><\/p>\n<div class=\"ozt-trust\">\n<div class=\"ozt-trust-inner\">\n<div class=\"ozt-trust-item\">\n<div class=\"ozt-trust-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 3l7 3v6c0 4.5-3 8-7 9-4-1-7-4.5-7-9V6z\"\/><\/svg><\/div>\n<div><strong>Assur\u00e9 &amp; garanti<\/strong><span>Travaux couverts, garantie d\u00e9cennale<\/span><\/div>\n<\/p><\/div>\n<div class=\"ozt-trust-item\">\n<div class=\"ozt-trust-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 3\"\/><\/svg><\/div>\n<div><strong>Ouvert 24h\/24<\/strong><span>Urgences toiture jour et nuit<\/span><\/div>\n<\/p><\/div>\n<div class=\"ozt-trust-item\">\n<div class=\"ozt-trust-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 12l2 2 4-4\"\/><circle cx=\"12\" cy=\"12\" r=\"9\"\/><\/svg><\/div>\n<div><strong>Devis gratuit<\/strong><span>Sans engagement, sous 24h<\/span><\/div>\n<\/p><\/div>\n<div class=\"ozt-trust-item\">\n<div class=\"ozt-trust-icon\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l2.9 6.6 7.1.6-5.4 4.7 1.6 7-6.2-3.8-6.2 3.8 1.6-7L2 9.2l7.1-.6z\"\/><\/svg><\/div>\n<div><strong>5,0 &eacute;toiles<\/strong><span>49 avis clients v\u00e9rifi\u00e9s<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>  <!-- HAMMER 3D --><\/p>\n<style>\n  .ozt-hammer-scene{position:relative;padding:0;background:linear-gradient(180deg,#bfe0f7 0%,var(--ozt-blue-soft) 65%,var(--ozt-bg) 100%);overflow:hidden}\n  .ozt-hammer-inner{max-width:1180px;margin:0 auto;padding:64px 32px 70px}\n  .ozt-hammer-head{text-align:center;max-width:640px;margin:0 auto 30px}\n  .ozt-hammer-head span{display:inline-block;background:#fff;border:1px solid var(--ozt-line);color:var(--ozt-blue-deep);padding:7px 18px;border-radius:99px;font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px}\n  .ozt-hammer-head h2{font-size:30px;margin-bottom:10px!important}\n  .ozt-hammer-head p{color:var(--ozt-ink-soft);font-size:15.5px}\n  .ozt-hammer-canvas-wrap{position:relative;height:420px;border-radius:22px;overflow:hidden;box-shadow:0 20px 50px rgba(47,102,144,.18)}\n  #ozt-hammer-canvas{width:100%;height:100%;display:block}\n  .ozt-hammer-caption{position:absolute;left:18px;bottom:16px;background:rgba(255,255,255,.9);padding:8px 16px;border-radius:99px;font-size:13px;font-weight:700;color:var(--ozt-ink);box-shadow:0 6px 16px rgba(43,42,40,.12)}\n  .ozt-hammer-caption b{color:var(--ozt-orange-dark)}\n  @media(max-width:600px){.ozt-hammer-inner{padding:44px 12px 50px}.ozt-hammer-canvas-wrap{height:280px}.ozt-hammer-head h2{font-size:24px}}\n<\/style>\n<section class=\"ozt-hammer-scene\" id=\"savoir-faire\">\n<div class=\"ozt-hammer-inner\">\n<div class=\"ozt-hammer-head\">\n      <span>Savoir-faire artisanal<\/span><\/p>\n<h2>Un couvreur qui met la main \u00e0 la p\u00e2te<\/h2>\n<p>Chaque tuile compte. Faites d\u00e9filer la page pour voir le marteau \u00e0 l&rsquo;ouvrage.<\/p>\n<\/p><\/div>\n<div class=\"ozt-hammer-canvas-wrap\">\n      <canvas id=\"ozt-hammer-canvas\"><\/canvas><\/p>\n<div class=\"ozt-hammer-caption\">\ud83d\udd28 <b>OZ Toit<\/b> \u2014 pr\u00e9cision artisanale<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><script>\n(function(){\n  function boot(){\n    var canvas = document.getElementById('ozt-hammer-canvas');\n    var section = document.getElementById('savoir-faire');\n    if(!canvas || !section || !window.THREE) return;\n    var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;<\/p>\n<p>    var renderer = new THREE.WebGLRenderer({ canvas: canvas, antialias: true, alpha: true });\n    renderer.setPixelRatio(Math.min(window.devicePixelRatio || 1, 2));<\/p>\n<p>    var scene = new THREE.Scene();\n    var camera = new THREE.PerspectiveCamera(42, 1, 0.1, 100);\n    camera.position.set(0, 2.3, 6.4);\n    camera.lookAt(0, 0.6, 0);<\/p>\n<p>    scene.add(new THREE.AmbientLight(0xffffff, 0.75));\n    var dl = new THREE.DirectionalLight(0xffffff, 0.85);\n    dl.position.set(3, 5, 4);\n    scene.add(dl);\n    var dl2 = new THREE.DirectionalLight(0xffd9a0, 0.35);\n    dl2.position.set(-4, 2, -2);\n    scene.add(dl2);<\/p>\n<p>    function tileTexture(colorA, colorB){\n      var c = document.createElement('canvas'); c.width = 256; c.height = 256;\n      var ctx = c.getContext('2d');\n      ctx.fillStyle = colorA; ctx.fillRect(0,0,256,256);\n      ctx.fillStyle = colorB;\n      var rows = 8, cols = 6;\n      for(var r=0;r<rows;r++){\n        for(var col=0; col<cols; col++){\n          var offset = (r % 2 === 0) ? 0 : 128\/cols;\n          var x = col*(256\/cols) + offset; var y = r*(256\/rows);\n          ctx.fillRect(x+2, y+2, 256\/cols-4, 256\/rows-4);\n        }\n      }\n      var tex = new THREE.CanvasTexture(c);\n      tex.wrapS = THREE.RepeatWrapping; tex.wrapT = THREE.RepeatWrapping;\n      tex.repeat.set(2,3);\n      return tex;\n    }\n\n    var roofGroup = new THREE.Group();\n    var roofTex = tileTexture('#d97b24', '#f2994a');\n    var slopeGeo = new THREE.BoxGeometry(3.6, 0.08, 2.1);\n    var slopeMat = new THREE.MeshStandardMaterial({ map: roofTex, roughness: 0.85, metalness: 0.05 });\n\n    var slopeL = new THREE.Mesh(slopeGeo, slopeMat);\n    slopeL.rotation.z = 0.42;\n    slopeL.position.set(-0.95, 0.42, 0);\n    roofGroup.add(slopeL);\n\n    var slopeR = new THREE.Mesh(slopeGeo, slopeMat);\n    slopeR.rotation.z = -0.42;\n    slopeR.position.set(0.95, 0.42, 0);\n    roofGroup.add(slopeR);\n\n    var ridgeGeo = new THREE.CylinderGeometry(0.09, 0.09, 2.1, 10);\n    var ridgeMat = new THREE.MeshStandardMaterial({ color: 0xb85f1a, roughness: 0.7 });\n    var ridge = new THREE.Mesh(ridgeGeo, ridgeMat);\n    ridge.rotation.x = Math.PI\/2; ridge.rotation.z = Math.PI\/2;\n    ridge.position.set(0, 1.02, 0);\n    roofGroup.add(ridge);\n\n    roofGroup.position.y = -0.3;\n    scene.add(roofGroup);\n\n    var sky = new THREE.Mesh(new THREE.PlaneGeometry(1,1)); \/\/ placeholder unused\n    sky.visible = false;\n\n    return { renderer:renderer, scene:scene, camera:camera, roofSlope:slopeR, section:section, reduce:reduce, canvas:canvas };\n  }\n  window.__ozt_hm_boot = boot;\n  function start(){\n    var ctx = window.__ozt_hm_boot();\n    if(!ctx) return;\n    var renderer=ctx.renderer, scene=ctx.scene, camera=ctx.camera, roofSlope=ctx.roofSlope, section=ctx.section, reduce=ctx.reduce, canvas=ctx.canvas;\n\n    var pivot = new THREE.Group();\n    pivot.position.set(1.05, 1.55, 0.85);\n    scene.add(pivot);\n\n    var handleGeo = new THREE.CylinderGeometry(0.045, 0.055, 1.3, 8);\n    var handleMat = new THREE.MeshStandardMaterial({ color: 0x8a5a34, roughness: 0.8 });\n    var handle = new THREE.Mesh(handleGeo, handleMat);\n    handle.position.y = -0.65;\n    pivot.add(handle);\n\n    var headGeo = new THREE.BoxGeometry(0.34, 0.2, 0.18);\n    var headMat = new THREE.MeshStandardMaterial({ color: 0x555a5f, roughness: 0.35, metalness: 0.6 });\n    var head = new THREE.Mesh(headGeo, headMat);\n    head.position.y = -1.28;\n    pivot.add(head);\n\n    var REST_ANGLE = -0.08;\n    var LIFT_ANGLE = -1.05;\n    pivot.rotation.z = REST_ANGLE;\n\n    function resize(){\n      var w = canvas.clientWidth || section.clientWidth;\n      var h = canvas.clientHeight || 420;\n      if(w<10||h<10) return;\n      renderer.setSize(w, h, false);\n      camera.aspect = w\/h;\n      camera.updateProjectionMatrix();\n    }\n    resize();\n    window.addEventListener('resize', resize);\n\n    if (reduce){\n      pivot.rotation.z = REST_ANGLE;\n      renderer.render(scene, camera);\n      return;\n    }\n\n    var target = REST_ANGLE;\n    var current = REST_ANGLE;\n    var lastStrikeIdx = -1;\n    var strikePulse = 0;\n    var HITS = 6;\n\n    function easeOutQuad(t){ return t*(2-t); }\n    function easeInQuad(t){ return t*t; }\n\n    function onScroll(){\n      var rect = section.getBoundingClientRect();\n      var vh = window.innerHeight || 800;\n      var progress = (vh - rect.top) \/ (vh + rect.height);\n      progress = Math.max(0, Math.min(1, progress));\n      var raw = progress * HITS;\n      var idx = Math.floor(raw);\n      var phase = raw - idx;\n      var swingUpRatio = 0.65;\n      var t;\n      if (phase < swingUpRatio){\n        t = phase \/ swingUpRatio;\n        target = REST_ANGLE + (LIFT_ANGLE - REST_ANGLE) * easeOutQuad(t);\n      } else {\n        t = (phase - swingUpRatio) \/ (1 - swingUpRatio);\n        target = LIFT_ANGLE + (REST_ANGLE - LIFT_ANGLE) * easeInQuad(t);\n      }\n      if (progress <= 0 || progress >= 1){ target = REST_ANGLE; }\n      if (idx !== lastStrikeIdx && phase < swingUpRatio &#038;&#038; progress > 0 && progress < 1){\n        lastStrikeIdx = idx;\n      }\n      if (phase > swingUpRatio + 0.02 && phase < swingUpRatio + 0.12){\n        strikePulse = 1;\n      }\n    }\n    window.addEventListener('scroll', onScroll, { passive: true });\n    onScroll();\n\n    var running = true;\n    if ('IntersectionObserver' in window){\n      new IntersectionObserver(function(entries){\n        entries.forEach(function(e){ running = e.isIntersecting; });\n      }, { threshold: 0.02 }).observe(section);\n    }\n\n    var baseScaleY = 1;\n    function animate(){\n      requestAnimationFrame(animate);\n      if (!running) return;\n      current += (target - current) * 0.18;\n      pivot.rotation.z = current;\n      if (strikePulse > 0){\n        strikePulse *= 0.82;\n        if (strikePulse < 0.02) strikePulse = 0;\n      }\n      var s = 1 + strikePulse * 0.035;\n      roofSlope.scale.set(1, s, 1);\n      scene.rotation.y = Math.sin(Date.now()*0.00012) * 0.06;\n      renderer.render(scene, camera);\n    }\n    animate();\n  }\n\n  if (window.THREE){ start(); }\n  else {\n    var s = document.createElement('script');\n    s.src = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js';\n    s.onload = start;\n    document.head.appendChild(s);\n  }\n})();\n<\/script><br \/>\n<!-- SERVICES --><\/p>\n<section class=\"ozt-section ozt-services\" id=\"services\">\n<div class=\"ozt-section-inner\">\n<div class=\"ozt-section-head\">\n        <span class=\"ozt-eyebrow\">Nos services<\/span><\/p>\n<h2>Couvreur zingueur : un service complet pour votre toit<\/h2>\n<p>De l'inspection \u00e0 la r\u00e9novation compl\u00e8te, OZ Toit intervient sur tous types de toitures \u00e0 Grimaud et dans le Golfe de Saint-Tropez.<\/p>\n<\/p><\/div>\n<div class=\"ozt-services-grid\">\n<div class=\"ozt-service-card\">\n<div class=\"ozt-service-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M12 3l9 6-9 6-9-6z\"\/><path d=\"M3 15l9 6 9-6\"\/><\/svg><\/div>\n<h3>Inspection de toitures<\/h3>\n<p>Diagnostic complet de l'\u00e9tat de votre toiture avec rapport d\u00e9taill\u00e9 et recommandations.<\/p>\n<\/p><\/div>\n<div class=\"ozt-service-card\">\n<div class=\"ozt-service-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M3 21V10l9-7 9 7v11\"\/><path d=\"M9 21v-8h6v8\"\/><\/svg><\/div>\n<h3>Installation de toitures<\/h3>\n<p>Pose de couverture neuve : tuiles, ardoises, bac acier, adapt\u00e9e au climat du Var.<\/p>\n<\/p><\/div>\n<div class=\"ozt-service-card\">\n<div class=\"ozt-service-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M3 12h4l3 8 4-16 3 8h4\"\/><\/svg><\/div>\n<h3>R\u00e9paration de toitures<\/h3>\n<p>D\u00e9tection et r\u00e9paration rapide des fuites et tuiles endommag\u00e9es, intervention 24h\/24.<\/p>\n<\/p><\/div>\n<div class=\"ozt-service-card\">\n<div class=\"ozt-service-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M7 3v10a4 4 0 0 0 8 0V7a2 2 0 1 1 4 0v3\"\/><\/svg><\/div>\n<h3>Zinguerie &amp; goutti\u00e8res<\/h3>\n<p>Pose et r\u00e9paration de goutti\u00e8res, ch\u00e9neaux, noues et habillages zinc dans les r\u00e8gles de l'art.<\/p>\n<\/p><\/div>\n<div class=\"ozt-service-card\">\n<div class=\"ozt-service-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><rect x=\"3\" y=\"7\" width=\"18\" height=\"10\" rx=\"1\"\/><path d=\"M3 12h18\"\/><\/svg><\/div>\n<h3>\u00c9tanch\u00e9it\u00e9 toiture plate<\/h3>\n<p>Membrane EPDM et roofing pour toitures plates et terrasses, traitement complet contre l'humidit\u00e9.<\/p>\n<\/p><\/div>\n<div class=\"ozt-service-card\">\n<div class=\"ozt-service-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M12 3v18M5 8l7-5 7 5M5 16l7 5 7-5\"\/><\/svg><\/div>\n<h3>Entretien &amp; d\u00e9moussage<\/h3>\n<p>Nettoyage de toiture, d\u00e9moussage et contr\u00f4le pr\u00e9ventif pour prolonger la dur\u00e9e de vie du toit.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- ABOUT --><\/p>\n<section class=\"ozt-section ozt-about\" id=\"apropos\">\n<div class=\"ozt-section-inner\">\n<div class=\"ozt-about-grid\">\n<div class=\"ozt-about-photo\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1635424709961-f3a150459ad4?w=900&#038;q=80\" alt=\"Couvreur zingueur OZ Toit au travail sur une toiture \u00e0 Grimaud\"><\/p>\n<div class=\"ozt-about-badge\">\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"#d97b24\"><path d=\"M12 2l2.9 6.6 7.1.6-5.4 4.7 1.6 7-6.2-3.8-6.2 3.8 1.6-7L2 9.2l7.1-.6z\"\/><\/svg><\/p>\n<div><strong>5,0\/5<\/strong><span>49 avis clients<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div>\n          <span class=\"ozt-about-eyebrow\">Qui sommes-nous<\/span><\/p>\n<h2>OZ Toit, votre couvreur zingueur de confiance \u00e0 Grimaud<\/h2>\n<p class=\"ozt-about-lead\">Bas\u00e9e au 11 Lot. de la Baie \u00e0 Grimaud, OZ Toit intervient chez les particuliers et professionnels du Golfe de Saint-Tropez pour tous les travaux de toiture : inspection, r\u00e9paration, installation et zinguerie sur mesure. Disponibles 24h\/24 pour vos urgences.<\/p>\n<ul class=\"ozt-about-list\">\n<li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>Devis gratuit et d\u00e9taill\u00e9 sous 24h<\/li>\n<li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>Artisan couvreur zingueur qualifi\u00e9<\/li>\n<li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>Chantiers assur\u00e9s et garantis d\u00e9cennale<\/li>\n<li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>Disponible 24h\/24 pour les urgences<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- GALLERY --><\/p>\n<section class=\"ozt-section ozt-gallery\" id=\"realisations\">\n<div class=\"ozt-section-inner\">\n<div class=\"ozt-section-head\">\n        <span class=\"ozt-eyebrow\">R\u00e9alisations<\/span><\/p>\n<h2>Des chantiers men\u00e9s avec soin \u00e0 Grimaud et alentours<\/h2>\n<p>Quelques photos de nos interventions r\u00e9centes. Photos temporaires, \u00e0 remplacer par vos propres chantiers.<\/p>\n<\/p><\/div>\n<div class=\"ozt-gallery-grid\">\n        <a href=\"https:\/\/images.unsplash.com\/photo-1635424824800-692767998d07?w=1600&#038;q=80\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1635424824800-692767998d07?w=700&#038;q=80\" alt=\"Chantier de toiture 1\"><\/a><br \/>\n        <a href=\"https:\/\/images.unsplash.com\/photo-1635424709870-cdc6e64f0e20?w=1600&#038;q=80\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1635424709870-cdc6e64f0e20?w=700&#038;q=80\" alt=\"Chantier de toiture 2\"><\/a><br \/>\n        <a href=\"https:\/\/images.unsplash.com\/photo-1632759145351-1d592919f522?w=1600&#038;q=80\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1632759145351-1d592919f522?w=700&#038;q=80\" alt=\"Chantier de toiture 3\"><\/a><br \/>\n        <a href=\"https:\/\/images.unsplash.com\/photo-1635424710928-0544e8512eae?w=1600&#038;q=80\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1635424710928-0544e8512eae?w=700&#038;q=80\" alt=\"Chantier de toiture 4\"><\/a><br \/>\n        <a href=\"https:\/\/images.unsplash.com\/photo-1635424825057-7fb6dcd651ef?w=1600&#038;q=80\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1635424825057-7fb6dcd651ef?w=700&#038;q=80\" alt=\"Chantier de toiture 5\"><\/a>\n      <\/div>\n<div class=\"ozt-gallery-stats\">\n<div><strong>49<\/strong><span>avis clients<\/span><\/div>\n<div><strong>5,0<\/strong><span>note moyenne<\/span><\/div>\n<div><strong>24h<\/strong><span>d\u00e9lai de devis<\/span><\/div>\n<div><strong>24\/24<\/strong><span>disponibilit\u00e9 urgences<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- TESTIMONIALS --><\/p>\n<section class=\"ozt-section ozt-testi\" id=\"avis\">\n<div class=\"ozt-section-inner\">\n<div class=\"ozt-section-head\">\n        <span class=\"ozt-eyebrow\">Avis clients<\/span><\/p>\n<h2>Ce que disent nos clients du Golfe de Saint-Tropez<\/h2>\n<p>5,0\/5 sur 49 avis v\u00e9rifi\u00e9s.<\/p>\n<\/p><\/div>\n<div class=\"ozt-testi-grid\">\n<div class=\"ozt-testi-card\">\n<div class=\"ozt-testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<p>\"Intervention le jour m\u00eame pour une fuite apr\u00e8s l'orage, \u00e9quipe s\u00e9rieuse et prix honn\u00eate. Je recommande OZ Toit sans h\u00e9siter.\"<\/p>\n<div class=\"ozt-testi-name\">Nathalie B.<\/div>\n<div class=\"ozt-testi-loc\">Grimaud<\/div>\n<\/p><\/div>\n<div class=\"ozt-testi-card\">\n<div class=\"ozt-testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<p>\"R\u00e9novation compl\u00e8te de notre toiture, tr\u00e8s satisfaits du r\u00e9sultat et du suivi de chantier. \u00c9quipe \u00e0 l'\u00e9coute du d\u00e9but \u00e0 la fin.\"<\/p>\n<div class=\"ozt-testi-name\">Marc L.<\/div>\n<div class=\"ozt-testi-loc\">Sainte-Maxime<\/div>\n<\/p><\/div>\n<div class=\"ozt-testi-card\">\n<div class=\"ozt-testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<p>\"Devis clair, d\u00e9lai respect\u00e9 et zinguerie impeccable. Un vrai professionnel qui conna\u00eet son m\u00e9tier.\"<\/p>\n<div class=\"ozt-testi-name\">Isabelle R.<\/div>\n<div class=\"ozt-testi-loc\">Cogolin<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- FAQ --><\/p>\n<section class=\"ozt-section ozt-faq\" id=\"faq\">\n<div class=\"ozt-section-inner\">\n<div class=\"ozt-section-head\">\n        <span class=\"ozt-eyebrow\">Questions fr\u00e9quentes<\/span><\/p>\n<h2>Vous avez des questions ?<\/h2>\n<p>Voici les r\u00e9ponses aux questions les plus fr\u00e9quentes de nos clients.<\/p>\n<\/p><\/div>\n<div class=\"ozt-faq-list\">\n<details class=\"ozt-faq-item\">\n<summary>Proposez-vous un devis gratuit ?<\/summary>\n<p>Oui, chaque devis est gratuit, d\u00e9taill\u00e9 et sans engagement, envoy\u00e9 sous 24h apr\u00e8s votre demande.<\/p>\n<\/details>\n<details class=\"ozt-faq-item\">\n<summary>Intervenez-vous en urgence, la nuit ou le week-end ?<\/summary>\n<p>Oui, OZ Toit est disponible 24h\/24 pour les urgences : fuite, temp\u00eate, tuiles envol\u00e9es.<\/p>\n<\/details>\n<details class=\"ozt-faq-item\">\n<summary>Travaillez-vous sur tous types de toitures ?<\/summary>\n<p>Nous intervenons sur les toitures en tuiles, en pente, plates ou en zinc, pour particuliers et professionnels.<\/p>\n<\/details>\n<details class=\"ozt-faq-item\">\n<summary>Vos chantiers sont-ils assur\u00e9s ?<\/summary>\n<p>Oui, tous nos travaux sont couverts par une garantie d\u00e9cennale et notre assurance responsabilit\u00e9 civile professionnelle.<\/p>\n<\/details>\n<details class=\"ozt-faq-item\">\n<summary>Dans quelles zones intervenez-vous ?<\/summary>\n<p>Nous intervenons \u00e0 Grimaud et dans tout le Golfe de Saint-Tropez : Sainte-Maxime, Cogolin, La Croix-Valmer, Gassin et environs.<\/p>\n<\/details><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- BOTTOM SLIDER --><\/p>\n<section class=\"ozt-marquee-section\">\n<div class=\"ozt-marquee-wrap\">\n<div class=\"ozt-marquee-track\">\n        <span class=\"ozt-marquee-item\"><span>\u2713<\/span>Devis gratuit sous 24h<\/span><br \/>\n        <span class=\"ozt-marquee-item\"><span>\u2713<\/span>Ouvert 24h\/24<\/span><br \/>\n        <span class=\"ozt-marquee-item\"><span>\u2713<\/span>Garantie d\u00e9cennale<\/span><br \/>\n        <span class=\"ozt-marquee-item\"><span>\u2713<\/span>5,0\u2605 (49 avis)<\/span><br \/>\n        <span class=\"ozt-marquee-item\"><span>\u2713<\/span>Couvreur zingueur qualifi\u00e9<\/span><br \/>\n        <span class=\"ozt-marquee-item\"><span>\u2713<\/span>Grimaud &amp; Golfe de Saint-Tropez<\/span><br \/>\n        <span class=\"ozt-marquee-item\"><span>\u2713<\/span>Devis gratuit sous 24h<\/span><br \/>\n        <span class=\"ozt-marquee-item\"><span>\u2713<\/span>Ouvert 24h\/24<\/span><br \/>\n        <span class=\"ozt-marquee-item\"><span>\u2713<\/span>Garantie d\u00e9cennale<\/span><br \/>\n        <span class=\"ozt-marquee-item\"><span>\u2713<\/span>5,0\u2605 (49 avis)<\/span><br \/>\n        <span class=\"ozt-marquee-item\"><span>\u2713<\/span>Couvreur zingueur qualifi\u00e9<\/span><br \/>\n        <span class=\"ozt-marquee-item\"><span>\u2713<\/span>Grimaud &amp; Golfe de Saint-Tropez<\/span>\n      <\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- CONTACT --><\/p>\n<section class=\"ozt-section ozt-contact\" id=\"contact\">\n<div class=\"ozt-section-inner ozt-contact-grid\">\n<div>\n        <span class=\"ozt-eyebrow\">Contact<\/span><\/p>\n<h2>Demandez votre devis gratuit d\u00e8s aujourd'hui<\/h2>\n<p style=\"color:#cfcac2; margin-top:14px;\">Un probl\u00e8me de toiture, une r\u00e9novation \u00e0 pr\u00e9voir ? Contactez OZ Toit, couvreur zingueur \u00e0 Grimaud.<\/p>\n<div class=\"ozt-contact-info\">\n<div class=\"ozt-contact-row\">\n<div class=\"ozt-contact-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3-8.7A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.7a2 2 0 0 1-.4 2.1L8.1 9.7a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.4c.9.3 1.8.5 2.7.6a2 2 0 0 1 1.7 2z\"\/><\/svg><\/div>\n<div><strong>T\u00e9l\u00e9phone<\/strong><span><a href=\"tel:+33422133803\">04 22 13 38 03<\/a><\/span><\/div>\n<\/p><\/div>\n<div class=\"ozt-contact-row\">\n<div class=\"ozt-contact-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 21s-7-6.2-7-11a7 7 0 1 1 14 0c0 4.8-7 11-7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/><\/svg><\/div>\n<div><strong>Adresse<\/strong><span>11 Lot. de la Baie, 83310 Grimaud<\/span><\/div>\n<\/p><\/div>\n<div class=\"ozt-contact-row\">\n<div class=\"ozt-contact-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 3\"\/><\/svg><\/div>\n<div><strong>Horaires<\/strong><span>Ouvert 24h\/24 &mdash; urgences comprises<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"ozt-form\">\n<h3>Demande de devis gratuit<\/h3>\n<p class=\"ozt-form-sub\">R\u00e9ponse sous 24h, sans engagement.<\/p>\n<form onsubmit=\"return false;\">\n<div class=\"ozt-form-row\">\n            <input type=\"text\" placeholder=\"Nom\" required><br \/>\n            <input type=\"tel\" placeholder=\"T\u00e9l\u00e9phone\" required>\n          <\/div>\n<div class=\"ozt-form-row\" style=\"grid-template-columns: 1fr;\">\n            <input type=\"email\" placeholder=\"E-mail\" required>\n          <\/div>\n<p>          <textarea placeholder=\"D\u00e9crivez votre projet (r\u00e9paration, r\u00e9novation, zinguerie...)\" required><\/textarea><br \/>\n          <button type=\"submit\" class=\"ozt-form-submit\">Envoyer ma demande<\/button><br \/>\n        <\/form>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>11 Lot. de la Baie, 83310 Grimaud Ouvert 24h\/24 &middot; Urgences 5,0 (49 avis) 04 22 13 38 03 OZ OZ Toit Couvreur &middot; Zingueur Services \u00c0 propos R\u00e9alisations Avis FAQ Contact \ud83d\udcde 04 22 13 38 03 \u2605\u2605\u2605\u2605\u2605 5,0 (49 avis) &mdash; Couvreur zingueur \u00e0 Grimaud Votre toiture entre de bonnes mains avec OZ [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-449","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/couvreur-grimaud-oz.fr\/oz\/wp-json\/wp\/v2\/pages\/449","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/couvreur-grimaud-oz.fr\/oz\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/couvreur-grimaud-oz.fr\/oz\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/couvreur-grimaud-oz.fr\/oz\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/couvreur-grimaud-oz.fr\/oz\/wp-json\/wp\/v2\/comments?post=449"}],"version-history":[{"count":5,"href":"https:\/\/couvreur-grimaud-oz.fr\/oz\/wp-json\/wp\/v2\/pages\/449\/revisions"}],"predecessor-version":[{"id":481,"href":"https:\/\/couvreur-grimaud-oz.fr\/oz\/wp-json\/wp\/v2\/pages\/449\/revisions\/481"}],"wp:attachment":[{"href":"https:\/\/couvreur-grimaud-oz.fr\/oz\/wp-json\/wp\/v2\/media?parent=449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}