Outiref

Code source de l'URL : http://osteopathe91-massy.fr/

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Ostéopathe à Massy (91) – Cabinet d’Ostéopathie | osteopathe91-massy.fr</title>
  <meta name="description" content="Cabinet d’ostéopathie à Massy (91300). Douleurs musculaires et articulaires, maux de dos, cervicalgies, migraines, troubles digestifs. Prise de rendez-vous en ligne (simulation)." />
  <meta name="robots" content="index,follow" />
  <meta property="og:title" content="Ostéopathe à Massy (91) – Cabinet d’Ostéopathie" />
  <meta property="og:description" content="Cabinet d’ostéopathie à Massy (91300). Prise de rendez-vous en ligne (simulation)." />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://osteopathe91-massy.fr" />
  <meta property="og:image" content="https://dummyimage.com/1200x630/edf2f7/111.jpg&text=Osteopathe+Massy" />
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
  <style>
    :root{
      --bg:#0f172a;          /* slate-900 */
      --panel:#0b1226;       /* slightly darker */
      --muted:#94a3b8;      /* slate-400 */
      --text:#e2e8f0;       /* slate-200 */
      --brand:#22c55e;      /* green-500 */
      --accent:#38bdf8;     /* sky-400 */
      --line:#1f2937;       /* gray-800 */
      --card:#0b1226;       /* card background */
      --card2:#111827;      /* subtle alt */
      --ring: 0 0 0 3px rgba(34,197,94,.25);
      --shadow: 0 10px 25px rgba(0,0,0,.35);
      --radius: 16px;
    }
    *{box-sizing:border-box}
    html,body{margin:0;padding:0}
    body{
      font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
      color:var(--text);
      background:linear-gradient(180deg,#0b1022 0%, #0f172a 100%);
      line-height:1.6;
    }
    a{color:var(--accent);text-decoration:none}
    a:hover{text-decoration:underline}
    .container{width:min(1120px,92%);margin:0 auto}

    /* Header */
    header{position:sticky;top:0;z-index:50;background:rgba(11,16,34,.8);backdrop-filter:blur(12px);border-bottom:1px solid #111827}
    .nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
    .logo{display:flex;gap:12px;align-items:center;font-weight:700}
    .logo-badge{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--brand),#16a34a);display:grid;place-items:center;box-shadow:var(--shadow)}
    .logo-badge svg{fill:white}
    nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0}
    nav a{color:var(--text);opacity:.9}
    .cta{display:inline-flex;align-items:center;gap:10px;background:var(--brand);color:#06130a;font-weight:700;padding:10px 16px;border-radius:12px;box-shadow:0 10px 25px rgba(34,197,94,.35)}

    /* Hero */
    .hero{padding:72px 0 48px;border-bottom:1px solid var(--line)}
    .hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}
    .badge{display:inline-block;background:#052a17;color:#9ef2bf;border:1px solid #14532d;padding:6px 10px;border-radius:999px;font-size:12px}
    h1{font-size:clamp(28px,5vw,46px);line-height:1.15;margin:14px 0}
    .lead{color:var(--muted);font-size:18px}
    .hero-card{background:linear-gradient(180deg,#0c152e 0%, #0a1227 100%);border:1px solid #12213d;padding:20px;border-radius:var(--radius);box-shadow:var(--shadow)}
    .info-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
    .info{background:#0a1227;border:1px solid #1b2a46;border-radius:14px;padding:12px}

    /* Sections */
    section{padding:56px 0;border-bottom:1px solid var(--line)}
    h2{font-size:clamp(22px,4vw,32px);margin:0 0 14px}
    .grid{display:grid;gap:18px}
    .grid-3{grid-template-columns:repeat(3,1fr)}
    .grid-2{grid-template-columns:repeat(2,1fr)}
    .card{background:var(--card);border:1px solid #172036;border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
    .card h3{margin:0 0 8px;font-size:18px}

    /* Appointment */
    .appt{display:grid;grid-template-columns:1fr 1fr;gap:22px}
    form label{display:block;font-size:14px;margin-bottom:6px;color:#cbd5e1}
    input,select,textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #22314d;background:#0a1227;color:var(--text);outline:none}
    input:focus,select:focus,textarea:focus{box-shadow:var(--ring);border-color:#2563eb}
    .note{font-size:13px;color:#a7b5c8}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border-radius:14px;border:1px solid #14532d;background:linear-gradient(135deg,var(--brand),#16a34a);color:#062512;font-weight:800;cursor:not-allowed;opacity:.8}
    .btn[aria-disabled="true"]{pointer-events:none}

    /* Partner promo */
    .partner{display:flex;gap:16px;align-items:center;background:linear-gradient(180deg,#06141f,#0a1a26);border:1px dashed #1e293b;padding:16px;border-radius:16px}
    .partner img{width:64px;height:64px;border-radius:12px;border:1px solid #1f2937}
    .partner .p-title{font-weight:700}

    /* FAQ */
    details{background:#0a1227;border:1px solid #1b2a46;border-radius:14px;padding:12px}
    details+details{margin-top:10px}
    summary{cursor:pointer;font-weight:600}

    /* Footer */
    footer{padding:28px 0;color:#93a0b5}
    .cols{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:22px}

    /* Responsive */
    @media (max-width: 960px){
      .hero-grid,.appt,.grid-3,.grid-2,.cols{grid-template-columns:1fr}
      .info-list{grid-template-columns:1fr}
    }
  </style>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "LocalBusiness",
    "name": "Cabinet d’Ostéopathie de Massy",
    "image": "https://dummyimage.com/800x600/0b1226/ffffff.jpg&text=Cabinet+d%27Osteopathie",
    "url": "https://osteopathe91-massy.fr",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "12 Rue Victor Basch",
      "addressLocality": "Massy",
      "postalCode": "91300",
      "addressCountry": "FR"
    },
    "openingHoursSpecification": [{
      "@type": "OpeningHoursSpecification",
      "dayOfWeek": ["Monday","Tuesday","Wednesday","Thursday","Friday"],
      "opens": "09:00",
      "closes": "19:00"
    }]
  }
  </script>
</head>
<body>
  <header>
    <div class="container nav">
      <div class="logo">
        <div class="logo-badge" aria-hidden="true">
          <svg width="20" height="20" viewbox="0 0 24 24" role="img" aria-label="logo"><path d="M21 10c0 5.523-4.477 10-10 10S1 15.523 1 10 5.477 0 11 0s10 4.477 10 10Zm-9.28-6.5c-.52-.1-1.04.2-1.23.7L8.1 9.2 5.9 8.3c-.54-.22-1.16.03-1.38.58-.22.54.04 1.16.58 1.38l3.1 1.26c.48.2 1.03-.02 1.23-.5l2.1-5.1 2.2.9c.54.22 1.16-.04 1.38-.58.22-.54-.04-1.16-.58-1.38l-3.1-1.28Z"/></svg>
        </div>
        <span>Cabinet d’Ostéopathie · Massy (91)</span>
      </div>
      <nav aria-label="Navigation principale">
        <ul>
          <li><a href="#a-propos">À propos</a></li>
          <li><a href="#soins">Soins</a></li>
          <li><a href="#rdv">Prendre RDV</a></li>
        </ul>
      </nav>
    </div>
  </header>

  <main>
    <!-- Hero -->
    <section class="hero">
      <div class="container hero-grid">
        <div>
          <span class="badge">Massy · Essonne (91)</span>
          <h1>Ostéopathe à Massy – soulager durablement douleurs et tensions</h1>
          <p class="lead">Adultes, seniors, sportifs, femmes enceintes&nbsp;: prise en charge personnalisée pour maux de dos, cervicalgies, céphalées, troubles musculo‑squelettiques et digestifs. <strong>Rendez‑vous en ligne (simulation)</strong>.</p>
          <div class="info-list">
            <div class="info"><strong>Adresse</strong><br/>12 Rue Victor Basch, 91300 Massy</div>
            <div class="info"><strong>Horaires</strong><br/>Lun–Ven · 9h–19h · Sam sur demande</div>
          </div>
        </div>
        <div class="hero-card" role="region" aria-label="Encart de confiance">
          <div class="grid grid-2">
            <div>
              <h3 style="margin:0 0 6px">Pourquoi consulter&nbsp;?</h3>
              <ul style="margin:0 0 8px 18px;padding:0">
                <li>Lombalgies, sciatiques</li>
                <li>Cervicalgies, migraines</li>
                <li>Tendinites, entorses</li>
                <li>Stress, troubles du sommeil</li>
              </ul>
            </div>
            <div>
              <h3 style="margin:0 0 6px">Tarifs</h3>
              <p style="margin:0">Séance adulte&nbsp;: 65€<br/>Enfant / étudiant&nbsp;: 55€<br/><span class="note">Reçu pour mutuelle</span></p>
            </div>
          </div>
          <div style="margin-top:14px" class="partner" aria-label="Bloc partenaire">
            <img alt="The Green CBD – logo" src="https://dummyimage.com/128x128/0b1226/9ef2bf.png&text=CBD"/>
            <div>
              <div class="p-title">Partenaire&nbsp;: The Green CBD</div>
              <p class="note" style="margin:6px 0 10px">Pour une information générale sur le CBD et ses usages légaux en France. Ceci n’est pas un conseil médical.</p>
              <a class="cta" href="https://www.thegreencbd.com/" target="_blank" rel="noopener sponsored" aria-label="Ouvrir le site The Green CBD">Découvrir thegreencbd.com</a>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- À propos -->
    <section id="a-propos">
      <div class="container grid grid-2">
        <div class="card">
          <h2>Une approche douce et personnalisée</h2>
          <p>Votre ostéopathe à Massy met l’accent sur l’écoute, l’examen clinique et des techniques adaptées (structurelles, myo‑fasciales, viscérales, crâniennes) pour restaurer la mobilité des tissus et soulager la douleur.</p>
          <p class="note">L’ostéopathie ne remplace pas un suivi médical. En cas d’urgence, contactez le 15.</p>
        </div>
        <div class="card">
          <h2>Pour qui&nbsp;?</h2>
          <ul style="margin:0 0 0 18px">
            <li>Adultes &amp; seniors</li>
            <li>Sportifs (prévention &amp; récupération)</li>
            <li>Femmes enceintes &amp; post‑partum</li>
            <li>Nourrissons &amp; enfants (sur avis pédiatrique)</li>
          </ul>
        </div>
      </div>
    </section>

    <!-- Soins / Motifs -->
    <section id="soins">
      <div class="container">
        <h2>Motifs fréquents de consultation</h2>
        <div class="grid grid-3">
          <div class="card"><h3>Dos &amp; bassin</h3><p>Lombalgies, lumbagos, sciatiques, sacro‑iliaques, douleurs coccygiennes.</p></div>
          <div class="card"><h3>Cou &amp; tête</h3><p>Cervicalgies, torticolis, mâchoire (ATM), céphalées, migraines.</p></div>
          <div class="card"><h3>Membres</h3><p>Épaules douloureuses, épicondylite, canal carpien, genoux, chevilles.</p></div>
          <div class="card"><h3>Sport</h3><p>Tendinites, périostites, suivi de reprise, préparation d’épreuves.</p></div>
          <div class="card"><h3>Fonctionnel</h3><p>Stress, troubles du sommeil, gêne respiratoire fonctionnelle.</p></div>
          <div class="card"><h3>Digestif</h3><p>Inconforts fonctionnels (hors urgence), conseils posturaux et d’hygiène de vie.</p></div>
        </div>
      </div>
    </section>

    <!-- Prise de RDV (simulation) -->
    <section id="rdv">
      <div class="container">
        <h2>Prendre rendez‑vous (simulation)</h2>
        <p class="note">Ce formulaire est une démo et <strong>ne transmet pas</strong> votre demande.</p>
        <div class="appt">
          <form aria-disabled="true" aria-label="Formulaire de prise de rendez-vous (simulation)" class="card" action="#" method="post">
            <div>
              <label for="name">Nom &amp; prénom</>