/* Base */
        body {
            margin: 0;
            font-family: Arial, sans-serif;
            line-height: 1.5;
        }

        header {
            padding: 1rem;
            background: #374151;
            text-align: center;
        }

        header h1 {
            margin: 0;
            font-size: 1.8rem;
        }

        header p {
            margin: 0.5rem 0 0;
            font-size: 1rem;
        }

        /* Menu */
        nav {
            background: #1f2937;
            color: #fff;
            position: relative;
        }

        nav ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            flex-wrap: wrap;
        }

        nav li {
            position: relative;
        }

        nav a {
            display: block;
            color: #fff;
            padding: 0.8rem 1rem;
            text-decoration: none;
        }

        nav a:hover {
            background: #374151;
        }

        /* Sous-menu */
        nav li ul {
            display: none;
            position: absolute;
            background: #374151;
            top: 100%;
            left: 0;
            min-width: 200px;
            flex-direction: column;
        }

        nav li:hover>ul {
            display: flex;
        }

        nav li ul li a {
            padding: 0.6rem 1rem;
        }

        /* Hamburger menu */
        .menu-toggle {
            display: none;
            position: absolute;
            top: 0.5rem;
            right: 1rem;
            font-size: 1.5rem;
            cursor: pointer;
        }

        /* Responsive */
        @media (max-width:768px) {
            nav {
                background: #1f2937;
                color: #fff;
                position: relative;
            }

            nav ul {
                flex-direction: column;
                display: none;
            }

            nav ul.show {
                display: flex;
            }

            nav li ul {
                position: relative;
                top: 0;
            }

            .menu-toggle {
                display: block;
            }
        }

        main {
            padding: 1rem;
        }

        h2 {
            color: #1f2937;
        }

        .services {
            display: flex;
            flex-wrap: wrap;
            gap: 1rem;
        }

        .card {
            flex: 1 1 250px;
            padding: 1rem;
            border: 1px solid #ddd;
            border-radius: 6px;
            background: #f8f8f8;
        }

        footer {
            text-align: center;
            padding: 1rem;
            background: #f1f1f1;
            margin-top: 2rem;
        }

        .cta form input,
        .cta form textarea {
            width: 100%;
            padding: 0.5rem;
            margin-bottom: 1rem;
        }

        .cta form button {
            background: #1f2937;
            color: #fff;
            padding: 0.7rem 1.5rem;
            border: none;
            border-radius: 6px;
            cursor: pointer;
        }

    /*   <!-- JSON-LD SEO local -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@graph": [
        {
          "@type": "LocalBusiness",
          "name": "Didier Rolland - Développeur Web & Formateur",
          "address": {
            "@type": "PostalAddress",
            "addressLocality": "Perpignan",
            "postalCode": "66100",
            "addressCountry": "FR"
          },
          "areaServed": "Pyrénées-Orientales",
          "telephone": "+33626842797",
          "email": "didier.rld@gmail.com",
          "url": "https://www.didier-rolland.fr",
          "sameAs": ["https://www.linkedin.com"],
          "priceRange": "€€",
          "description": "Développeur web full-stack et formateur numérique à Perpignan. Création, maintenance de sites WordPress, PHP et formation pour PME, associations et collectivités."
        },
        {
          "@type": "Person",
          "name": "Didier Rolland",
          "jobTitle": "Formateur Développeur Web",
          "address": {
            "@type": "PostalAddress",
            "addressLocality": "Perpignan",
            "postalCode": "66100",
            "addressCountry": "FR"
          },
          "areaServed": "Pyrénées-Orientales",
          "telephone": "+33626842797",
          "email": "didier.rld@gmail.com",
          "url": "https://www.didier-rolland.fr",
          "description": "Formateur Développeur Web à Perpignan (66) pour PME, associations et collectivités. Formations HTML, CSS, JavaScript, PHP, WordPress, bases de données, Git et méthodologie de projet."
        }
      ]
    }
    </script> */