<!--
  TEMPLATE — PARCOURS CERTIFIANT (v10, architecture et design verrouillés — phase de clarté produit/prix)
  Norme couverte par cette instance : DORA (Règlement (UE) 2022/2554 sur la
  résilience opérationnelle numérique du secteur financier — Digital
  Operational Resilience Act). À la différence de NIS 2 (directive,
  transposée en droit national), DORA est un RÈGLEMENT européen, d'application
  directe dans tous les États membres depuis le 17 janvier 2025, sans
  transposition nationale — vocabulaire à respecter strictement ("règlement",
  jamais "directive", dans tout le contenu de cette page).

  Clone dupliqué depuis formation-nis2-certifiante.html (structure à 2
  niveaux PECB la plus proche) le 2026-08-08, 5e déclinaison de la gamme,
  conformément à GABARIT-DECLINAISON-NORME.md : architecture, ordre des
  sections, design, composants, CTA, formulaire et mécanique commerciale
  strictement conservés ; seuls les éléments VARIABLE ont été réécrits
  (schéma de certification, couleur d'accent, contenu éditorial, grille
  tarifaire, JSON-LD).

  Domaine dédié : https://doraformation.com — suivant la convention des 4
  déclinaisons précédentes. CONFIRMÉ par WHOIS avant construction : domaine
  enregistré chez OVH le 2026-08-01 (même lot que les autres domaines
  anticipés), expire le 2026-08-01+1an, PAS ENCORE rattaché à l'hébergement
  mutualisé (Multisite OVH), à faire avant toute mise en ligne.

  Formulaire Formspree : CRÉÉ (2026-08-08) — "DORA Landing", endpoint
  https://formspree.io/f/xdenayny, distinct des 4 formulaires précédents
  (xojggawb 27001, mgoggekp 42001, xaqrrdgl 22301, mbgrdpzp NIS2).

  Schéma de certification PECB — VÉRIFIÉ INDÉPENDAMMENT le 2026-08-08 via
  pecb.com (page DORA + pages dédiées Foundation et Lead Manager) :
  DEUX niveaux seulement, comme NIS 2 — mais avec une terminologie DE PALIER
  DIFFÉRENTE, propre à ce référentiel chez PECB :
  - DORA Foundation (2 jours) — crédential officiel "PECB Certificate
    Holder in DORA Foundation"
  - DORA Lead Manager (5 jours) — crédential officiel "PECB Certified DORA
    Lead Manager"
  PAS de "Lead Implementer" ni de "Lead Auditor" sur ce référentiel — ne
  JAMAIS réutiliser ce vocabulaire par réflexe de duplication. Cohérent avec
  la nature du référentiel (règlement de conformité opérationnelle, pas une
  norme de management certifiable par audit tierce partie — même logique que
  NIS 2, confirmé également dans rationnel-tarifs-dora.md, benchmark produit
  par l'assistant à la demande du client le 2026-08-08).

  Grille tarifaire (#mecanisme, cartes, FAQ) : 349 € / 699 € TTC, SANS prix
  barré (même raisonnement que les 4 déclinaisons précédentes). Décision
  explicite du client (2026-08-08) : conserver 699 € par cohérence catalogue
  sur le Lead Manager plutôt que d'aligner à 599-649 € — voir
  rationnel-tarifs-dora.md section 6 pour le détail des deux options.
  Échantillon de comparaison plus fin que d'habitude (2-3 acteurs identifiés
  contre 3-5 habituellement, plusieurs revendeurs volume bloqués à la
  récupération automatisée) : 699 € se situe au-dessus du moins cher
  identifié (599 €) mais reste 5 à 6× sous la classe (3 745-4 000 €).
  Foundation à 349 € reste sans ambiguïté sous les 2 acteurs identifiés
  (399-535 €).

  Couleur d'accent : violet institutionnel #7c4dc0, dédié à cette norme —
  choix de l'assistant (proposé en alternative à un doré/ambre, non contesté
  par le client), distinct des 4 teintes déjà utilisées (orange 27001, bleu
  42001, vert 22301, rouge NIS2). Contraste WCAG vérifié par le calcul
  standard : accent vs fond ≈3.41:1, texte foncé sur bouton plein ≈3.30:1 —
  au-dessus des 4 précédents (2.87 à 3.10), donc conforme sans réserve.
  Texte sur fond accent (bouton) : #170c24. Halo de focus
  (.cta-field-highlight) : rgba(124,77,192,.18), dérivé manuellement de
  l'accent.
  Cube filaire (#hero) : mêmes valeurs héritées que les 22301/NIS2 (border
  1.5px dashed, opacity .8).

  Preuve de confiance (#confiance) : AUCUN crédential DORA personnel de
  Dominique Bourra confirmé à ce jour — bullets volontairement génériques,
  comme la version initiale de NIS2 avant confirmation (v48) et 22301 avant
  v34. Ne pas extrapoler depuis les crédentials NIS2/22301/42001 déjà
  confirmés : DORA est un référentiel distinct, jamais mentionné par le
  client. JSON-LD Person.hasCredential volontairement omis (pas de tableau
  vide trompeur) tant qu'aucune preuve n'est fournie — conforme à la règle
  50/51 du gabarit (ne jamais publier un crédential non confirmé, vérifier
  indépendamment une fois une preuve fournie).

  Contenu adapté (VARIABLE) : JSON-LD (2× Course réécrits autour du
  règlement DORA — gestion des risques liés aux TIC, notification des
  incidents majeurs, tests de résilience opérationnelle numérique, gestion
  des risques liés aux prestataires tiers TIC), H1/breadcrumb/logo, les 2
  .profile-card, les 3 personas (secteur financier — responsable des risques
  informatiques, responsable conformité réglementaire, étudiant), le
  programme exécutif pour dirigeants (accent mis sur la responsabilité
  directe des organes de direction, une exigence explicite de DORA comme sur
  NIS 2), 2 des 6 bénéfices (reformulés pour éviter toute mention de
  "directive" — DORA est un règlement), et la FAQ pricing (parité
  JSON-LD/HTML à revérifier après toute édition).

  Ce qui n'a volontairement pas été modifié (COMMON) : les deux formules de
  marque protégées, 4 des 6 bénéfices, le bandeau .offer-transversal CYOPX
  (tarifs/format identiques), la structure à 6 questions de la FAQ, les 3
  étapes de #mecanisme, la structure du formulaire, le footer, la mécanique
  JS (chooseOffer).

  og:image : GÉNÉRÉE (2026-08-08, generate_og_images.py, bloc DORA ajouté au
  script) — dora-parcours.jpg/.png, accent violet #7c4dc0, sous-titre
  "Foundation · Lead Manager" (jamais "Lead Implementer"). Fichier généré
  localement, PAS ENCORE déployé sous /og/ (dépend de la mise en ligne).

  Déploiement : PAS ENCORE commencé.

  TODO restant avant publication : dérouler la checklist de mise en ligne
  complète (GABARIT-DECLINAISON-NORME.md : Multisite OVH → FileZilla → SSL
  → Search Console, toujours vérifier le SSL final en navigation privée,
  règle 52). Formulaire Formspree "DORA Landing" : CRÉÉ (xdenayny, voir
  ci-dessus), plus un point bloquant. Confirmer/infirmer une éventuelle
  certification DORA personnelle du client avant de publier quoi que ce soit
  dans #confiance à ce sujet — toujours ouvert.
-->
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- VARIABLE À PARTIR D'ICI — title, description, canonical, OG/Twitter, JSON-LD : entièrement spécifiques au domaine et à la norme. COMMON — structure des balises elles-mêmes (mêmes clés OG, même schéma @graph avec les mêmes @type). Favicons/icônes : COMMON dans leur mécanique (mêmes tailles, même chemin racine /favicon.ico etc.), régénérer le motif visuel pour rester dans l'identité de marque (cube filaire ou équivalent). -->
<title>Autoformation DORA certifiante — PECB officiel</title>
<meta name="description" content="Autoformations officielles PECB DORA : Foundation et Lead Manager. Résilience opérationnelle numérique du secteur financier. Accompagnement personnalisé en option.">
<link rel="canonical" href="https://doraformation.com/">
<meta name="robots" content="index, follow">
<meta name="author" content="Dominique Bourra">

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/favicon-32.png" type="image/png" sizes="32x32">
<link rel="icon" href="/favicon-16.png" type="image/png" sizes="16x16">
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
<link rel="icon" href="/icon-192.png" type="image/png" sizes="192x192">
<link rel="icon" href="/icon-512.png" type="image/png" sizes="512x512">

<meta property="og:type" content="website">
<meta property="og:locale" content="fr_FR">
<meta property="og:site_name" content="Parcours DORA">
<meta property="og:title" content="Autoformation DORA certifiante — PECB officiel">
<meta property="og:description" content="Autoformations officielles PECB DORA : Foundation et Lead Manager. Accompagnement personnalisé CYOPX disponible en option.">
<meta property="og:url" content="https://doraformation.com/">
<meta property="og:image" content="https://doraformation.com/og/dora-parcours.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Formation DORA — Résilience opérationnelle numérique | Foundation, Lead Manager">
<meta name="twitter:description" content="Autoformations officielles PECB DORA : Foundation et Lead Manager. Accompagnement personnalisé CYOPX disponible en option.">
<meta name="twitter:image" content="https://doraformation.com/og/dora-parcours.jpg">

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "WebPage",
      "@id": "https://doraformation.com/#webpage",
      "url": "https://doraformation.com/",
      "name": "Autoformation DORA certifiante — PECB officiel",
      "description": "Autoformations officielles PECB DORA : Foundation et Lead Manager. Accompagnement personnalisé CYOPX disponible en option, ainsi qu'un Executive Briefing non certifiant pour les dirigeants.",
      "inLanguage": "fr-FR",
      "isPartOf": { "@id": "https://doraformation.com/#website" }
    },
    {
      "@type": "BreadcrumbList",
      "itemListElement": [
        { "@type": "ListItem", "position": 1, "name": "Accueil", "item": "https://doraformation.com/" },
        { "@type": "ListItem", "position": 2, "name": "DORA", "item": "https://doraformation.com/" }
      ]
    },
    {
      "@type": "Person",
      "@id": "https://dominiquebourra.com/#person",
      "name": "Dominique Bourra",
      "jobTitle": "PECB Platinum Trainer",
      "description": "PECB Platinum Trainer, habilité à délivrer des cursus certifiants PECB en cybersécurité, gouvernance, gestion des risques et intelligence artificielle.",
      "url": "https://dominiquebourra.com",
      "sameAs": [ "https://cyopx.com", "https://globalcyber.lu" ]
    },
    {
      "@type": "Organization",
      "@id": "https://cyopx.com/#organization",
      "name": "CYOPX",
      "url": "https://cyopx.com",
      "description": "Cabinet d'ingénierie de formation et de conseil stratégique en gouvernance, cybersécurité, gestion des risques et intelligence artificielle.",
      "founder": { "@id": "https://dominiquebourra.com/#person" }
    },
    {
      "@type": "Organization",
      "@id": "https://globalcyber.lu/#organization",
      "name": "Global Cyber Security Institute (GCSI Luxembourg)",
      "url": "https://globalcyber.lu",
      "description": "Partenaire officiel PECB au Luxembourg, proposant l'autoformation officielle PECB (ISO/IEC 27001, 22301, 42001, 31000, NIS 2, DORA)."
    },
    {
      "@type": "Course",
      "name": "DORA Foundation",
      "description": "Autoformation officielle PECB : comprendre les fondamentaux du règlement européen DORA sur la résilience opérationnelle numérique du secteur financier, sans prérequis. Supports officiels, plateforme myPECB, e-learning et examen en ligne inclus.",
      "provider": { "@id": "https://globalcyber.lu/#organization" },
      "educationalCredentialAwarded": "Certificat PECB DORA Foundation",
      "offers": { "@type": "Offer", "price": "349.00", "priceCurrency": "EUR", "url": "https://doraformation.com/#profils", "availability": "https://schema.org/InStock", "priceSpecification": { "@type": "UnitPriceSpecification", "price": "349.00", "priceCurrency": "EUR", "valueAddedTaxIncluded": true } },
      "inLanguage": "fr"
    },
    {
      "@type": "Course",
      "name": "DORA Lead Manager",
      "description": "Autoformation officielle PECB : planifier, mettre en œuvre, gérer et maintenir un programme de résilience opérationnelle numérique conforme au règlement DORA, de la gestion des risques liés aux TIC à la notification des incidents majeurs et à la gestion des prestataires tiers. Supports officiels, plateforme myPECB, e-learning et examen en ligne inclus.",
      "provider": { "@id": "https://globalcyber.lu/#organization" },
      "educationalCredentialAwarded": "Certification PECB DORA Lead Manager",
      "offers": { "@type": "Offer", "price": "699.00", "priceCurrency": "EUR", "url": "https://doraformation.com/#profils", "availability": "https://schema.org/InStock", "priceSpecification": { "@type": "UnitPriceSpecification", "price": "699.00", "priceCurrency": "EUR", "valueAddedTaxIncluded": true } },
      "inLanguage": "fr"
    },
    {
      "@type": "FAQPage",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "Que comprend une autoformation officielle PECB ?",
          "acceptedAnswer": { "@type": "Answer", "text": "Chaque autoformation comprend les supports de cours officiels PECB, l'accès à la plateforme myPECB, les contenus e-learning officiels PECB, l'examen officiel en ligne et l'accès au processus de certification correspondant, selon les conditions applicables de PECB." }
        },
        {
          "@type": "Question",
          "name": "Comment commander et commencer l'autoformation ?",
          "acceptedAnswer": { "@type": "Answer", "text": "Vous choisissez votre autoformation et effectuez le paiement. Nous procédons ensuite à votre inscription auprès de PECB, qui met vos accès et vos supports de cours à disposition immédiatement dès réception. Vous préparez l'examen à votre rythme, puis choisissez une session en ligne parmi les créneaux proposés par PECB lorsque vous êtes prêt." }
        },
        {
          "@type": "Question",
          "name": "Combien de temps ai-je pour passer l'examen ?",
          "acceptedAnswer": { "@type": "Answer", "text": "Vous disposez de douze mois pour passer l'examen en ligne et effectuer votre demande de certification. Les supports de cours restent accessibles sans limitation de durée sur votre espace myPECB." }
        },
        {
          "@type": "Question",
          "name": "Quel est le prix des autoformations officielles PECB ?",
          "acceptedAnswer": { "@type": "Answer", "text": "Tarifs GCSI Luxembourg, TVA comprise. DORA Foundation : 349 € TTC. DORA Lead Manager : 699 € TTC. Ces tarifs concernent l'autoformation officielle PECB et les éléments officiels associés, parmi les tarifs les plus compétitifs du marché. Le Lead Manager coûte environ le double du Foundation, pour un contenu 2,5 fois plus long. L'accompagnement personnalisé est une prestation optionnelle distincte, proposée par CYOPX." }
        },
        {
          "@type": "Question",
          "name": "Qu'est-ce que l'accompagnement personnalisé ?",
          "acceptedAnswer": { "@type": "Answer", "text": "Une session individuelle en visioconférence de 3h30 avec Dominique Bourra, généralement proposée le samedi matin, en complément optionnel de l'autoformation officielle PECB. Elle sert notamment à préparer l'examen PECB, clarifier les notions les plus complexes, réaliser une gap analysis, ou relier le règlement DORA à votre contexte professionnel. Tarifs CYOPX, TVA comprise. Session individuelle : 350 € TTC. Par participant, à partir de 3 personnes : 250 € TTC. Programme complet et réservation sur cyopx.com." }
        },
        {
          "@type": "Question",
          "name": "L'accompagnement est-il obligatoire ?",
          "acceptedAnswer": { "@type": "Answer", "text": "Non. Les autoformations PECB peuvent être suivies de manière totalement autonome. L'accompagnement CYOPX constitue une option distincte, non incluse dans le prix de l'autoformation, que vous pouvez réserver lors de votre inscription ou ultérieurement selon vos besoins." }
        }
      ]
    }
  ]
}
</script>

<style>
  :root{
    --bg:#0b0d10;
    --bg-alt:#0f1215;
    --border:#242931;
    --border-soft:#1a1e23;
    --text:#e8e7e2;
    --text-muted:#9aa1a8;
    --text-dim:#666e76;
    --accent:#7c4dc0;
    --accent2:#c3c8cd;
    --benefit:#3fae7c;
    --benefit-soft:#3fae7c85;
    --sans: -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{margin:0; background:var(--bg); color:var(--text); font-family:var(--sans); line-height:1.55; -webkit-font-smoothing:antialiased; font-weight:400;}
  a{color:inherit;}
  .wrap{max-width:1080px; margin:0 auto; padding:0 32px;}

  .skip-link{position:absolute; left:-999px; top:0; background:var(--accent); color:#170c24; padding:10px 16px; z-index:999; font-size:13px;}
  .skip-link:focus{left:16px; top:16px;}

  header{position:sticky; top:0; z-index:50; background:rgba(11,13,16,.88); backdrop-filter:blur(8px); border-bottom:1px solid var(--border-soft);}
  nav.wrap{display:flex; align-items:center; justify-content:space-between; height:64px;}
  .logo{display:flex; align-items:baseline; gap:8px; font-size:14px; font-weight:600; letter-spacing:.01em;}
  .logo .sub{font-weight:400; color:var(--text-dim); font-size:12.5px;}
  .navlinks{display:flex; gap:30px; font-size:13.5px; color:var(--text-muted);}
  .navlinks a{text-decoration:none;}
  .navlinks a:hover{color:var(--text);}
  .btn{font-family:var(--sans); font-size:13.5px; font-weight:600; text-decoration:none; padding:10px 18px; border-radius:6px; border:1px solid transparent; display:inline-flex; align-items:center; gap:6px; white-space:nowrap; cursor:pointer;}
  .btn-solid{background:var(--accent); color:#170c24;}
  .btn-solid:hover{filter:brightness(1.07);}
  .btn-text{color:var(--text-muted); padding:10px 4px; border:none; background:none;}
  .btn-text:hover{color:var(--text);}

  /* ---------------------------------------------------------------
     Échelle typographique unique — une seule famille (--sans), six
     tailles, deux graisses (400 texte / 600 emphase). Tous les
     libellés courts (eyebrow, questions, labels) partagent la même
     classe .label pour rester visuellement identiques partout.
     --------------------------------------------------------------- */
  section{padding:88px 0;}
  .rule{border-top:1px solid var(--border-soft);}

  h1,h2{font-family:var(--sans); font-weight:600; letter-spacing:-.01em; color:var(--text); margin:0;}
  h1{font-size:36px; line-height:1.2;}
  h2{font-size:22px; line-height:1.3;}

  .label, .eyebrow{
    font-family:var(--sans); font-size:12.5px; font-weight:600; letter-spacing:.02em;
    color:var(--text-dim); margin:0 0 12px;
  }

  p{margin:0;}
  .lede, .section-lede, .faq-item p, .cta-lede{
    font-size:14.5px; line-height:1.6; color:var(--text-muted); font-weight:400;
  }

  /* hero */
  .hero{padding:72px 0 56px; text-align:left;}
  .hero .wrap{position:relative;}
  .hero-inner{max-width:600px;}
  h1{margin:0 0 18px;}
  .lede{max-width:620px; white-space:nowrap; margin:0 0 28px;}
  .breadcrumb{font-size:12px; color:var(--text-dim); margin:0 0 18px;}
  .breadcrumb a{text-decoration:none;}
  .breadcrumb a:hover{color:var(--text-muted);}
  .crumb-sep{margin:0 7px; color:var(--border); font-size:11px;}
  .hero-cta{display:flex; align-items:center; gap:20px; flex-wrap:wrap;}

  /* rotating wireframe cube — purely decorative */
  .cube-wrap{position:absolute; top:14px; right:0; width:124px; height:124px; perspective:700px;}
  .cube{position:relative; width:100%; height:100%; transform-style:preserve-3d; animation:cube-spin 14s linear infinite;}
  .cube .face{position:absolute; width:124px; height:124px; border:1.5px dashed var(--accent); opacity:.8; border-radius:3px;}
  .cube .f1{transform:translateZ(62px);}
  .cube .f2{transform:rotateY(180deg) translateZ(62px);}
  .cube .f3{transform:rotateY(90deg) translateZ(62px);}
  .cube .f4{transform:rotateY(-90deg) translateZ(62px);}
  .cube .f5{transform:rotateX(90deg) translateZ(62px);}
  .cube .f6{transform:rotateX(-90deg) translateZ(62px);}
  @keyframes cube-spin{ from{transform:rotateX(0deg) rotateY(0deg);} to{transform:rotateX(360deg) rotateY(360deg);} }
  @media (prefers-reduced-motion: reduce){ .cube{animation:none;} }

  /* profile cards */
  h2{margin:0 0 8px;}
  .section-lede{max-width:460px; margin:0 0 36px;}

  /* architecture de l'offre (v21) — deux niveaux de lecture : un périmètre visuel fort pour les autoformations PECB (carte encadrée), un bandeau transversal pour l'accompagnement (jamais une carte supplémentaire), un bloc distinct et volontairement moins "encadré" pour le programme exécutif non certifiant */
  .offer-group-pecb{background:var(--bg-alt); border:1px solid var(--border); border-radius:12px; padding:32px 28px; box-shadow:0 3px 12px rgba(0,0,0,.3);}
  .offer-group-header{margin:0 0 24px;}
  .offer-group-header h3{font-size:17px; font-weight:600; color:var(--text); margin:0 0 6px;}
  .offer-group-header p{font-size:13.5px; color:var(--text-muted); margin:0; max-width:520px;}

  /* DORA : seulement 2 niveaux PECB (Foundation, Lead Manager — pas de Lead Auditor), grille adaptée à 2 colonnes au lieu de 3 (voir commentaire d'en-tête). */
  .profiles{display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--border-soft); border:1px solid var(--border-soft); border-radius:8px; overflow:hidden;}
  .profile-card{background:var(--bg); padding:30px 24px; cursor:pointer; text-align:left; border:none; color:var(--text); transition:background .2s ease;}
  .profile-card:hover{background:var(--bg-alt);}
  .profile-card.selected{background:var(--bg-alt);}
  .profile-card .need{display:block; font-size:20px; font-weight:600; margin-bottom:12px;}
  .profile-card .arrow{display:block; color:var(--text-dim); font-size:12.5px; margin-bottom:8px;}
  .profile-card .path{display:block; font-size:11.5px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--text-dim); margin-bottom:16px;}
  .profile-card .line{display:block; font-size:13px; color:var(--text-muted); margin-bottom:14px; min-height:38px;}
  .profile-card .card-price{display:block; font-size:14px; font-weight:600; color:var(--accent); margin-bottom:16px;}
  .profile-card .cta{display:block; font-size:12.5px; font-weight:600; color:var(--text-dim);}
  .profile-card:hover .cta, .profile-card.selected .cta{color:var(--accent2);}

  .offer-transversal{margin-top:24px; background:var(--bg); border:1px solid var(--accent2); border-radius:10px; padding:22px 24px;}
  .offer-transversal-tag{display:inline-block; font-size:11px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--accent2); border:1px solid var(--accent2); border-radius:6px; padding:4px 10px; margin:0 0 14px;}
  .offer-transversal-main{display:flex; gap:18px; align-items:flex-start;}
  .offer-transversal-body{flex:1;}
  .offer-transversal-title{font-size:15.5px; font-weight:600; color:var(--text); margin:0 0 6px;}
  .offer-transversal-body p{font-size:13px; color:var(--text-muted); margin:0 0 14px; line-height:1.55;}
  .offer-transversal-benefits{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px;}
  .offer-transversal-benefits li{font-size:12px; font-weight:600; color:var(--text-muted); border:1px solid var(--border); border-radius:6px; padding:5px 11px;}
  .offer-transversal-benefits li::before{content:"✓ "; color:var(--accent2); font-weight:600;}
  .offer-transversal-note{font-size:12px; color:var(--text-dim); margin:16px 0 0; padding-top:16px; border-top:1px solid var(--border-soft);}

  .offer-group-exec{margin-top:40px; padding-top:32px; border-top:1px solid var(--border-soft);}
  .offer-exec-tag{display:inline-block; font-size:11px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--text-dim); border:1px solid var(--border); border-radius:6px; padding:4px 10px; margin:0 0 14px;}
  .offer-group-exec h3{font-size:17px; font-weight:600; color:var(--text); margin:0 0 10px;}
  .offer-group-exec p{font-size:13.5px; color:var(--text-muted); max-width:640px; margin:0 0 6px;}

  /* cas d'usage — 3 profils nommés, même langage graphique que .step (bordure neutre, pas de vert réservé aux bénéfices) */
  .personas{margin-top:36px;}
  .personas-label{font-size:12.5px; font-weight:600; letter-spacing:.02em; color:var(--text-dim); margin:0 0 16px;}
  .persona-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
  .persona{background:var(--bg-alt); border:1px solid var(--border); border-radius:8px; padding:22px 20px; box-shadow:0 3px 12px rgba(0,0,0,.3);}
  .persona-name{font-size:14.5px; font-weight:600; color:var(--text); margin:0 0 10px;}
  .persona-role{display:block; font-size:11px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--text-dim); margin-top:4px;}
  .persona-line{font-size:13px; color:var(--text-muted); margin:0 0 16px; line-height:1.5; min-height:54px;}
  .persona-cta{display:block; width:100%; text-align:left; background:none; border:none; padding:0; font-size:12.5px; font-weight:600; color:var(--text-dim); cursor:pointer; font-family:inherit;}
  .persona-cta:hover{color:var(--accent2);}

  /* proposition de valeur — philosophie du parcours (remplace l'ancienne comparaison logistique) */
  .philosophy{display:grid; grid-template-columns:1fr 1fr; gap:36px; margin:24px 0 48px; padding:28px 0; border-top:1px solid var(--border-soft); border-bottom:1px solid var(--border-soft);}
  .philosophy-col{}
  .philosophy-col.ours{border-left:1px solid var(--border-soft); padding-left:36px;}
  .philosophy-label{font-size:12.5px; font-weight:600; letter-spacing:.02em; color:var(--text-dim); margin:0 0 12px;}
  .philosophy-col.ours .philosophy-label{color:var(--accent);}
  .philosophy-line{font-size:18px; font-weight:500; color:var(--text); margin:0; line-height:1.45;}

  /* benefit cartouches — green est réservé exclusivement à ces cartes ; langage graphique fort et unifié de la page */
  .benefits{display:grid; gap:20px;}
  .benefits-4{grid-template-columns:repeat(4,1fr);}
  .benefits-3{grid-template-columns:repeat(3,1fr);}
  .benefit{background:var(--bg-alt); border:1px solid var(--benefit-soft); border-radius:8px; padding:26px 24px; box-shadow:0 3px 12px rgba(0,0,0,.3);}
  .benefit h3{font-size:15px; font-weight:600; margin:0 0 8px; color:var(--text);}
  .benefit p{font-size:13px; color:var(--text-muted); margin:0;}
  .benefit.featured{border-color:var(--benefit); box-shadow:0 4px 16px rgba(63,174,124,.18), 0 3px 12px rgba(0,0,0,.3);}
  .benefit.featured h3{color:var(--benefit);}

  /* comment ça marche — 3 étapes en cartes, même langage graphique que les cartouches (bordure neutre, pas de vert) */
  .steps{display:flex; align-items:stretch; gap:20px; margin-top:28px;}
  .step{flex:1; background:var(--bg-alt); border:1px solid var(--border); border-radius:8px; padding:24px 22px; box-shadow:0 3px 12px rgba(0,0,0,.3);}
  .step-n{display:block; font-size:12px; color:var(--accent); font-weight:600; margin-bottom:10px;}
  .step p{margin:0; font-size:15px; color:var(--text); line-height:1.5;}
  .step-arrow{color:var(--text-dim); font-size:18px; align-self:center;}

  /* schéma de l'offre — récapitulatif tarifaire de l'autoformation PECB */
  .offer-schema{max-width:560px; margin:24px auto 0; display:flex; flex-direction:column;}
  .offer-tier{background:var(--bg-alt); border:1px solid var(--border); border-radius:8px; padding:24px 26px; box-shadow:0 3px 12px rgba(0,0,0,.3);}
  .offer-tier-label{font-size:15px; font-weight:600; color:var(--text); margin:0 0 8px; display:flex; align-items:center; gap:10px;}
  .offer-tier-meta{font-size:16px; color:var(--accent); font-weight:600; margin:0 0 10px;}
  .offer-tier-detail{font-size:13px; color:var(--text-muted); margin:0;}
  .offer-tier-note{font-size:12px; color:var(--text-dim); margin:10px 0 0;}
  .offer-tier-link{display:inline-block; font-size:12.5px; font-weight:600; color:var(--accent2); margin:14px 0 0; background:none; border:none; padding:0; font-family:var(--sans); cursor:pointer; text-align:left;}
  .offer-tier-link:hover{text-decoration:underline;}

  /* signature statement — conclusion de la section valeur */
  .signature-text{text-align:center; font-size:24px; font-weight:500; line-height:1.4; color:var(--text); max-width:600px; margin:56px auto 0;}

  /* trust — un seul interlocuteur, mis en avant ; le reste en soutien discret */
  .lead-contact{display:block; text-decoration:none; color:var(--text); background:var(--bg-alt); border:1px solid var(--border); border-radius:12px; padding:32px 28px; margin-top:24px; max-width:640px; transition:border-color .2s ease;}
  .lead-contact:hover{border-color:var(--accent);}
  .lead-contact h3{margin:0 0 18px; font-size:19px; font-weight:600;}
  .lead-contact h3 .role{font-weight:400; color:var(--text-dim); font-size:15px;}
  .lead-checks{list-style:none; margin:0 0 18px; padding:0; display:grid; gap:9px;}
  .lead-checks li{font-size:13.5px; color:var(--text-muted); padding-left:22px; position:relative;}
  .lead-checks li::before{content:"✓"; position:absolute; left:0; color:var(--accent); font-weight:700;}
  .lead-contact p{margin:0 0 16px; font-size:14.5px; color:var(--text-muted); max-width:520px;}
  .lead-contact .go{font-size:12.5px; font-weight:600; color:var(--accent2);}
  .trust-support{margin:20px 0 0; font-size:13px; color:var(--text-dim);}
  .trust-support a{color:var(--text-muted); text-decoration:none;}
  .trust-support a:hover{color:var(--text);}

  /* faq */
  #faq h2{margin-bottom:36px;}
  .faq-item{border-bottom:1px solid var(--border-soft); padding:18px 0;}
  .faq-item summary{cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:baseline; gap:20px;}
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item summary h3{margin:0; font-size:14.5px; font-weight:400; color:var(--text);}
  .faq-item summary .chev{color:var(--text-dim); font-size:14px; transition:transform .2s ease; flex-shrink:0;}
  .faq-item[open] summary .chev{transform:rotate(45deg);}
  .faq-item p{margin:12px 0 0; max-width:580px;}
  .price-source{display:inline-block; font-size:10.5px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--text-dim); border:1px solid var(--border); border-radius:6px; padding:3px 9px; margin:14px 0 0;}
  .price-list{list-style:none; margin:10px 0 0; padding:0; max-width:420px; display:grid; gap:2px;}
  .price-list li{display:flex; justify-content:space-between; align-items:baseline; gap:16px; font-size:14.5px; color:var(--text); padding:9px 0; border-bottom:1px solid var(--border-soft);}
  .price-list li:last-child{border-bottom:none;}
  .price-list .price{color:var(--accent); font-weight:600; font-size:13.5px; white-space:nowrap;}
  .price-was{color:var(--text-dim); font-weight:400; font-size:11.5px; margin-left:6px;}

  /* final cta */
  .final-cta{text-align:center; padding:88px 0; border-top:1px solid var(--border-soft);}
  .final-cta h2{margin:0 auto 14px; max-width:460px;}
  .final-cta p{margin:0 0 28px;}
  .final-cta .hero-cta{justify-content:center;}

  /* bloc de conversion — le formulaire est une action pure, sans bloc explicatif interne */
  .cta-lede{max-width:460px; margin:0 auto 24px;}

  .cta-form{max-width:560px; margin:32px auto 0; text-align:left;}
  .cta-form-row{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px;}
  .cta-form-row .cta-field{margin-bottom:0;}
  .cta-field{margin-bottom:16px;}
  .cta-field label{display:block; font-size:12.5px; font-weight:600; color:var(--text-dim); margin-bottom:6px;}
  .cta-optional{font-weight:400; color:var(--text-dim);}
  .cta-field input, .cta-field select, .cta-field textarea{width:100%; box-sizing:border-box; background:var(--bg-alt); border:1px solid var(--border); border-radius:6px; padding:10px 12px; font-family:var(--sans); font-size:14px; color:var(--text);}
  .cta-field input:focus, .cta-field select:focus, .cta-field textarea:focus{outline:none; border-color:var(--accent);}
  .cta-field textarea{resize:vertical; min-height:70px; font-family:var(--sans);}
  .cta-field-highlight{border-color:var(--accent) !important; transition:border-color .2s ease, box-shadow .2s ease; box-shadow:0 0 0 3px rgba(124,77,192,.18);}
  .cta-submit{width:100%; justify-content:center; margin-top:8px; font-size:14.5px; padding:13px 18px;}
  .cta-submit:disabled{opacity:.65; cursor:not-allowed;}
  .cta-confirm{display:none; margin-top:16px; font-size:13.5px; color:var(--text); text-align:center;}
  .cta-confirm.show{display:block;}
  .cta-error{margin-top:16px; font-size:13.5px; color:var(--text); text-align:center;}
  .cta-error[hidden]{display:none;}
  .cta-error a{color:var(--accent2); font-weight:600; text-decoration:none;}
  .cta-error a:hover{text-decoration:underline;}
  .cta-privacy{margin-top:20px; font-size:12px; text-align:center;}
  .cta-privacy a{color:var(--text-dim); text-decoration:none;}
  .cta-privacy a:hover{color:var(--text-muted); text-decoration:underline;}

  footer{border-top:1px solid var(--border-soft); padding:26px 0; font-size:12.5px; color:var(--text-dim); text-align:center;}
  footer a{text-decoration:none; color:var(--text-muted);}
  footer a:hover{color:var(--text);}

  @media (max-width:860px){
    .profiles{grid-template-columns:1fr;}
    .philosophy{grid-template-columns:1fr; gap:24px;}
    .philosophy-col.ours{border-left:none; padding-left:0; border-top:1px solid var(--border-soft); padding-top:24px;}
    .offer-group-pecb{padding:26px 22px;}
    .lede{white-space:normal; max-width:460px;}
    h1{font-size:30px;}
    section{padding:64px 0;}
    .cube-wrap{display:none;}
    .navlinks{display:none;}
    .benefits-4{grid-template-columns:repeat(2,1fr);}
    .benefits-3{grid-template-columns:repeat(2,1fr);}
    .persona-grid{grid-template-columns:repeat(2,1fr);}
    .signature-text{font-size:21px;}
    .steps{flex-direction:column; gap:16px;}
    .step-arrow{display:none;}
  }
  @media (max-width:560px){
    .wrap{padding:0 22px;}
    .profiles{grid-template-columns:1fr;}
    .offer-tier{padding:20px 20px;}
    .benefits-4{grid-template-columns:1fr;}
    .benefits-3{grid-template-columns:1fr;}
    .persona-grid{grid-template-columns:1fr;}
    .cta-form-row{grid-template-columns:1fr;}
    nav.wrap{padding:0 22px; height:auto; min-height:64px;}
    .logo{font-size:13px;}
    .logo .sub{display:none;}
    .btn{padding:9px 14px; font-size:12.5px;}
  }
</style>
</head>
<body>
<a class="skip-link" href="#main">Aller au contenu</a>

<!-- COMMON — structure de nav identique pour toutes les déclinaisons. VARIABLE — libellé de la norme dans le logo et libellés des liens si le vocabulaire diffère. -->
<header>
  <nav class="wrap" aria-label="Navigation principale">
    <div class="logo">DORA <span class="sub">— parcours certifiant</span></div>
    <div class="navlinks">
      <a href="#profils">Parcours</a>
      <a href="#confiance">Qui vous accompagne</a>
      <a href="#faq">FAQ</a>
      <a href="#contact">Contact</a>
    </div>
    <a class="btn btn-solid" href="#profils">Réserver une autoformation</a>
  </nav>
</header>

<main id="main">

  <!-- VARIABLE — H1, lede et breadcrumb spécifiques à la norme. COMMON — cube filaire, structure hero-cta (bouton primaire + lien secondaire vers #confiance). -->
  <section class="hero">
    <div class="wrap">
      <div class="cube-wrap" aria-hidden="true">
        <div class="cube">
          <div class="face f1"></div>
          <div class="face f2"></div>
          <div class="face f3"></div>
          <div class="face f4"></div>
          <div class="face f5"></div>
          <div class="face f6"></div>
        </div>
      </div>
      <p class="breadcrumb"><a href="/">Accueil</a><span class="crumb-sep">›</span>DORA</p>
      <div class="hero-inner">
        <h1>Construisez votre trajectoire DORA.</h1>
        <p class="lede">Autoformation officielle PECB pour la mise en conformité avec le règlement européen DORA. Accompagnement personnalisé en option.</p>
        <div class="hero-cta">
          <a class="btn btn-solid" href="#profils">Réserver une autoformation</a>
          <a class="btn btn-text" href="#confiance">Qui vous accompagne →</a>
        </div>
      </div>
    </div>
  </section>

  <!-- VARIABLE — architecture de l'offre : DORA n'a que 2 certifications PECB réelles (vérifiées sur pecb.com) — Foundation et Lead Manager, regroupées visuellement dans .offer-group-pecb. L'accompagnement CYOPX est transversal (bandeau .offer-transversal, jamais une carte supplémentaire). "Programme exécutif pour dirigeants" N'EST PAS un produit PECB — offre indépendante et non certifiante, isolée dans .offer-group-exec. Ne JAMAIS utiliser de formulation par exclusion type "hors PECB". COMMON — une seule porte d'entrée commerciale : chaque action ici appelle chooseOffer(). -->
  <section class="rule" id="profils" aria-labelledby="h-profils">
    <div class="wrap">
      <p class="eyebrow">Nos offres</p>
      <h2 id="h-profils">Quel est votre point de départ ?</h2>
      <p class="section-lede">Deux autoformations officielles PECB, un accompagnement personnalisé transversal, et un programme dédié aux dirigeants.</p>

      <div class="offer-group offer-group-pecb">
        <div class="offer-group-header">
          <h3>Autoformations certifiantes PECB</h3>
          <p>E-learning officiel PECB, à votre rythme, conduisant à une certification internationale reconnue.</p>
        </div>

        <div class="profiles" id="profiles">
          <button class="profile-card" data-formation="Réserver une autoformation DORA Foundation">
            <span class="need">Je découvre</span>
            <span class="arrow">↓</span>
            <span class="path">DORA Foundation</span>
            <span class="line">Autoformation officielle PECB, sans prérequis.</span>
            <span class="card-price">349 € TTC</span>
            <span class="cta">Choisir ce parcours →</span>
          </button>
          <button class="profile-card" data-formation="Réserver une autoformation DORA Lead Manager">
            <span class="need">Je pilote</span>
            <span class="arrow">↓</span>
            <span class="path">DORA Lead Manager</span>
            <span class="line">Autoformation officielle PECB, mise en œuvre d'un programme de résilience opérationnelle numérique.</span>
            <span class="card-price">699 € TTC</span>
            <span class="cta">Choisir ce parcours →</span>
          </button>
        </div>

        <div class="offer-transversal">
          <p class="offer-transversal-tag">En complément</p>
          <div class="offer-transversal-main">
            <div class="offer-transversal-body">
              <p class="offer-transversal-title">Accompagnement personnalisé CYOPX</p>
              <p>Sessions individuelles ou en petit groupe destinées à approfondir certains concepts, préparer efficacement une certification, travailler sur des problématiques concrètes ou accélérer une montée en compétence en lien avec son environnement professionnel.</p>
              <ul class="offer-transversal-benefits">
                <li>Réviser avant l'examen</li>
                <li>Approfondir des concepts clés</li>
                <li>Travailler sur vos cas concrets</li>
                <li>Bénéficier d'un regard d'expert</li>
              </ul>
            </div>
          </div>
          <p class="offer-transversal-note">Vient compléter chacune des 2 autoformations ci-dessus, quel que soit le parcours choisi. <button class="offer-tier-link" data-formation="Accompagnement personnalisé CYOPX" type="button">En savoir plus sur cet accompagnement →</button></p>
        </div>
      </div>

      <div class="personas">
        <p class="personas-label">Vous vous reconnaissez ?</p>
        <div class="persona-grid">
          <div class="persona">
            <p class="persona-name">Léo<span class="persona-role">Étudiant</span></p>
            <p class="persona-line">Il découvre la résilience opérationnelle numérique et veut une première certification reconnue avant son entrée sur le marché du travail.</p>
            <button class="persona-cta" data-formation="Réserver une autoformation DORA Foundation" type="button">Son parcours : Foundation →</button>
          </div>
          <div class="persona">
            <p class="persona-name">Claire<span class="persona-role">Responsable des risques informatiques</span></p>
            <p class="persona-line">Elle doit mettre en conformité le programme de gestion des risques TIC de son établissement financier avec le règlement DORA et veut monter en compétence rapidement.</p>
            <button class="persona-cta" data-formation="Réserver une autoformation DORA Lead Manager" type="button">Son parcours : Lead Manager →</button>
          </div>
          <div class="persona">
            <p class="persona-name">Marc<span class="persona-role">Responsable conformité réglementaire</span></p>
            <p class="persona-line">Impliqué dans un projet de mise en conformité au secteur financier, il veut comprendre les obligations du règlement DORA sans jargon technique.</p>
            <button class="persona-cta" data-formation="Réserver une autoformation DORA Foundation" type="button">Son parcours : Foundation →</button>
          </div>
        </div>
      </div>

      <div class="offer-group offer-group-exec">
        <p class="offer-exec-tag">Programme non certifiant — proposé par CYOPX</p>
        <h3>Programme exécutif pour dirigeants</h3>
        <p>Une demi-journée de réflexion stratégique consacrée aux enjeux du règlement DORA : gouvernance de la résilience opérationnelle numérique au niveau du conseil d'administration, responsabilité directe des organes de direction (une exigence explicite de DORA, comme pour NIS 2), gestion des risques liés aux prestataires tiers TIC, et création de valeur pour les dirigeants.</p>
        <button class="offer-tier-link" data-formation="Réserver le programme exécutif pour dirigeants" type="button">Ce programme correspond à mon besoin →</button>
      </div>
    </div>
  </section>

  <!-- COMMON, PROTÉGÉ — architecture (comparaison philosophique + grille de cartouches + signature), langage graphique des cartouches, et les deux formules de marque à ne JAMAIS reformuler : "Vous travaillez pour vous. Pas pour remplir un programme de formation." et "On construit une trajectoire professionnelle." VARIABLE — libellé de 2 des 6 bénéfices (reformulés pour éviter toute mention de "directive" — DORA est un règlement, pas une directive). -->
  <section class="rule" id="valeur" aria-labelledby="h-valeur">
    <div class="wrap">
      <p class="eyebrow">Proposition de valeur</p>
      <h2 id="h-valeur">Ce que vous construisez, pas ce que vous suivez</h2>
      <p class="section-lede">Une trajectoire professionnelle vaut plus qu'une succession d'étapes isolées. Votre objectif : augmenter votre valeur professionnelle, pas cocher des cases.</p>

      <div class="philosophy">
        <div class="philosophy-col">
          <p class="philosophy-label">Approche classique</p>
          <p class="philosophy-line">→ On suit un programme.</p>
        </div>
        <div class="philosophy-col ours">
          <p class="philosophy-label">Ce parcours</p>
          <p class="philosophy-line">→ On construit une trajectoire professionnelle.</p>
        </div>
      </div>

      <div class="benefits benefits-3">
        <div class="benefit featured">
          <h3>Donnez de la cohérence à votre trajectoire</h3>
          <p>Transformez votre expérience en résilience opérationnelle numérique en un parcours lisible et crédible.</p>
        </div>
        <div class="benefit">
          <h3>Renforcez votre valeur professionnelle</h3>
          <p>Développez les compétences de gouvernance des risques TIC et de conformité réglementaire attendues par les directions et les employeurs du secteur financier.</p>
        </div>
        <div class="benefit">
          <h3>Éliminez vos angles morts sur la conformité</h3>
          <p>Anticipez les obligations de notification des incidents majeurs et de tests de résilience plutôt que de les découvrir en urgence.</p>
        </div>
        <div class="benefit featured">
          <h3>Construisez un véritable capital de compétences</h3>
          <p>Un socle cohérent en résilience opérationnelle numérique, pas une succession d'étapes isolées.</p>
        </div>
        <div class="benefit">
          <h3>Réduisez le risque réglementaire</h3>
          <p>Anticipez les obligations du règlement DORA plutôt que de réagir dans l'urgence face à une autorité de contrôle.</p>
        </div>
        <div class="benefit">
          <h3>Maximisez votre retour sur investissement</h3>
          <p>Moins de temps perdu en mise en conformité réactive, plus de valeur créée pour l'organisation, durablement.</p>
        </div>
      </div>

      <p class="signature-text">Vous travaillez pour vous.<br>Pas pour remplir un programme de formation.</p>
    </div>
  </section>

  <!-- COMMON — principe de l'interlocuteur unique et structure .lead-contact/.lead-checks. VARIABLE — les preuves elles-mêmes. Aucun crédential DORA personnel confirmé à ce jour (voir commentaire d'en-tête) : bullets volontairement génériques. -->
  <section class="rule" id="confiance" aria-labelledby="h-confiance">
    <div class="wrap">
      <p class="eyebrow">Votre référent</p>
      <h2 id="h-confiance">Un seul interlocuteur</h2>

      <a class="lead-contact" href="https://dominiquebourra.com" target="_blank" rel="noopener noreferrer">
        <h3>Dominique Bourra <span class="role">— accompagnement personnalisé</span></h3>
        <ul class="lead-checks">
          <li>Platinum Trainer PECB</li>
          <li>Habilité à délivrer des cursus certifiants PECB en cybersécurité, gouvernance et gestion des risques</li>
          <li>Accompagnement personnalisé sur simple demande</li>
        </ul>
        <p>L'accompagnement personnalisé s'obtient sur simple demande par email, en complément de l'autoformation officielle PECB.</p>
        <span class="go">dominiquebourra.com →</span>
      </a>

      <p class="trust-support"><a href="https://globalcyber.lu" target="_blank" rel="noopener noreferrer">GCSI Luxembourg</a> commercialise les autoformations officielles PECB et organise l'accès aux ressources et à l'examen. PECB fournit les contenus officiels, administre l'examen et délivre la certification selon ses conditions. <a href="https://cyopx.com" target="_blank" rel="noopener noreferrer">CYOPX</a> porte l'accompagnement personnalisé et l'Executive Briefing pour dirigeants.</p>
    </div>
  </section>

  <!-- VARIABLE — les 6 questions/réponses doivent être vérifiées indépendamment pour chaque norme et pour chaque grille tarifaire. Le texte visible ici DOIT rester mot pour mot identique au JSON-LD FAQPage. COMMON — structure <details>/<summary>. -->
  <section class="rule" id="faq" aria-labelledby="h-faq">
    <div class="wrap">
      <p class="eyebrow">Vos questions</p>
      <h2 id="h-faq">Questions fréquentes</h2>

      <details class="faq-item">
        <summary><h3>Que comprend une autoformation officielle PECB ?</h3><span class="chev">+</span></summary>
        <p>Chaque autoformation comprend les supports de cours officiels PECB, l'accès à la plateforme myPECB, les contenus e-learning officiels PECB, l'examen officiel en ligne et l'accès au processus de certification correspondant, selon les conditions applicables de PECB.</p>
      </details>
      <details class="faq-item">
        <summary><h3>Comment commander et commencer l'autoformation ?</h3><span class="chev">+</span></summary>
        <p>Vous choisissez votre autoformation et effectuez le paiement. Nous procédons ensuite à votre inscription auprès de PECB, qui met vos accès et vos supports de cours à disposition immédiatement dès réception. Vous préparez l'examen à votre rythme, puis choisissez une session en ligne parmi les créneaux proposés par PECB lorsque vous êtes prêt.</p>
      </details>
      <details class="faq-item">
        <summary><h3>Combien de temps ai-je pour passer l'examen ?</h3><span class="chev">+</span></summary>
        <p>Vous disposez de douze mois pour passer l'examen en ligne et effectuer votre demande de certification. Les supports de cours restent accessibles sans limitation de durée sur votre espace myPECB.</p>
      </details>
      <details class="faq-item">
        <summary><h3>Quel est le prix des autoformations officielles PECB ?</h3><span class="chev">+</span></summary>
        <p class="price-source">Tarifs GCSI Luxembourg, TVA comprise</p>
        <ul class="price-list">
          <li><span>DORA Foundation</span><span class="price">349 € TTC</span></li>
          <li><span>DORA Lead Manager</span><span class="price">699 € TTC</span></li>
        </ul>
        <p>Ces tarifs concernent l'autoformation officielle PECB et les éléments officiels associés, parmi les tarifs les plus compétitifs du marché. Le Lead Manager coûte environ le double du Foundation, pour un contenu 2,5 fois plus long. L'accompagnement personnalisé est une prestation optionnelle distincte, proposée par CYOPX.</p>
      </details>
      <details class="faq-item">
        <summary><h3>Qu'est-ce que l'accompagnement personnalisé ?</h3><span class="chev">+</span></summary>
        <p>Une session individuelle en visioconférence de 3h30 avec Dominique Bourra, généralement proposée le samedi matin, en complément optionnel de l'autoformation officielle PECB. Elle sert notamment à préparer l'examen PECB, clarifier les notions les plus complexes, réaliser une gap analysis, ou relier le règlement DORA à votre contexte professionnel.</p>
        <p class="price-source">Tarifs CYOPX, TVA comprise</p>
        <ul class="price-list">
          <li><span>Session individuelle</span><span class="price">350 € TTC</span></li>
          <li><span>Par participant, à partir de 3 personnes</span><span class="price">250 € TTC</span></li>
        </ul>
        <p>Réservation directement via le formulaire de cette page. <button class="offer-tier-link" data-formation="Accompagnement personnalisé CYOPX" type="button">Réserver cet accompagnement →</button></p>
      </details>
      <details class="faq-item">
        <summary><h3>L'accompagnement est-il obligatoire ?</h3><span class="chev">+</span></summary>
        <p>Non. Les autoformations PECB peuvent être suivies de manière totalement autonome. L'accompagnement CYOPX constitue une option distincte, non incluse dans le prix de l'autoformation, que vous pouvez réserver lors de votre inscription ou ultérieurement selon vos besoins.</p>
      </details>
    </div>
  </section>

  <!-- COMMON — structure à 3 étapes identique pour toutes les normes. VARIABLE — libellé de l'organisme certificateur si différent de PECB. -->
  <section class="rule" id="mecanisme" aria-labelledby="h-mecanisme">
    <div class="wrap">
      <p class="eyebrow">Le fonctionnement</p>
      <h2 id="h-mecanisme">Trois étapes vers votre certification</h2>
      <p class="section-lede">Vous savez maintenant tout sur l'offre. Voici exactement ce qui se passe une fois votre choix fait.</p>
      <div class="steps">
        <div class="step">
          <span class="step-n">01</span>
          <p>Vous choisissez l'autoformation correspondant à votre profil et à votre objectif.</p>
        </div>
        <span class="step-arrow" aria-hidden="true">→</span>
        <div class="step">
          <span class="step-n">02</span>
          <p>Vous recevez un lien de paiement Stripe sécurisé, puis nous procédons à votre inscription auprès de PECB, qui met vos accès et les ressources officielles à disposition immédiatement.</p>
        </div>
        <span class="step-arrow" aria-hidden="true">→</span>
        <div class="step">
          <span class="step-n">03</span>
          <p>Vous vous préparez à votre rythme, puis passez l'examen en ligne lorsque vous êtes prêt.</p>
        </div>
      </div>

      <p class="label" style="margin-top:56px;">L'offre, en un coup d'œil</p>
      <div class="offer-schema">
        <div class="offer-tier">
          <p class="offer-tier-label">Autoformation officielle PECB</p>
          <p class="offer-tier-detail">Supports officiels PECB, plateforme myPECB, contenus e-learning officiels, examen officiel, accès au processus de certification.</p>
          <p class="price-source">Tarifs GCSI Luxembourg, TVA comprise</p>
          <ul class="price-list">
            <li><span>Foundation</span><span class="price">349 € TTC</span></li>
            <li><span>Lead Manager</span><span class="price">699 € TTC</span></li>
          </ul>
          <p class="offer-tier-note">Parmi les tarifs les plus compétitifs du marché pour une autoformation officielle PECB.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- COMMON — bloc de conversion : le formulaire est une action pure (select + coordonnées + envoi). VARIABLE — l'adresse mailto et l'URL de la politique de confidentialité (reprises identiques aux autres déclinaisons ici). -->
  <section class="final-cta" id="contact">
    <div class="wrap">
      <p class="eyebrow">Dernière étape</p>
      <h2 id="h-contact">Votre demande</h2>
      <p class="cta-lede">Sélectionnez l'objet de votre demande, complétez vos coordonnées, nous nous occupons du reste.</p>

      <!-- Formulaire Formspree dédié "DORA Landing" — créé le 2026-08-08, endpoint xdenayny, envoi vers dbourra@gmail.com par défaut (même adresse que les 4 autres déclinaisons). -->
      <form class="cta-form" id="cta-form" action="https://formspree.io/f/xdenayny" method="POST">
        <input type="hidden" name="_subject" value="Nouvelle demande — Landing DORA">
        <input type="text" name="_gotcha" style="display:none" tabindex="-1" autocomplete="off">
        <div class="cta-field">
          <label for="cta-request">Votre demande</label>
          <select id="cta-request" name="demande">
            <option>Réserver une autoformation DORA Foundation</option>
            <option>Réserver une autoformation DORA Lead Manager</option>
            <option>Accompagnement personnalisé CYOPX</option>
            <option>Réserver le programme exécutif pour dirigeants</option>
            <option selected>Demander une précision ou poser une question</option>
          </select>
        </div>
        <div class="cta-form-row">
          <div class="cta-field">
            <label for="cta-prenom">Prénom</label>
            <input type="text" id="cta-prenom" name="prenom" autocomplete="given-name" required>
          </div>
          <div class="cta-field">
            <label for="cta-nom">Nom</label>
            <input type="text" id="cta-nom" name="nom" autocomplete="family-name" required>
          </div>
        </div>
        <div class="cta-form-row">
          <div class="cta-field">
            <label for="cta-email">E-mail</label>
            <input type="email" id="cta-email" name="email" autocomplete="email" required>
          </div>
          <div class="cta-field">
            <label for="cta-fonction">Fonction</label>
            <input type="text" id="cta-fonction" name="fonction" autocomplete="organization-title" required>
          </div>
        </div>
        <div class="cta-field">
          <label for="cta-message">Question ou précision complémentaire <span class="cta-optional">(facultatif)</span></label>
          <textarea id="cta-message" name="message" rows="3"></textarea>
        </div>
        <button class="btn btn-solid cta-submit" type="submit" id="cta-submit">Envoyer ma demande</button>
        <p class="cta-confirm" id="cta-confirm">Votre demande a bien été envoyée — nous revenons vers vous rapidement.</p>
        <p class="cta-error" id="cta-error" hidden>Une erreur est survenue lors de l'envoi. <a id="cta-error-link" href="mailto:trainings@globalcyber.lu">Écrivez-nous directement par e-mail</a>.</p>
        <p class="cta-privacy"><a href="https://globalcyber.lu/privacy-policy/" target="_blank" rel="noopener noreferrer">Politique de confidentialité</a></p>
      </form>
    </div>
  </section>

</main>

<!-- COMMON — crédits identiques sur tout l'écosystème. -->
<footer>
  <div class="wrap">
    Un parcours conçu par <a href="https://dominiquebourra.com" target="_blank" rel="noopener noreferrer">Dominique Bourra</a>, <a href="https://cyopx.com" target="_blank" rel="noopener noreferrer">CYOPX</a> et <a href="https://globalcyber.lu" target="_blank" rel="noopener noreferrer">GCSI Luxembourg</a>.
  </div>
</footer>

<!-- VARIABLE — data-formation sur chaque déclencheur doit correspondre exactement à une <option> du select #cta-request. COMMON — une seule décision commerciale sur toute la page : le menu déroulant "Votre demande" est l'unique porte d'entrée. -->
<script>
  const cards = document.querySelectorAll(".profile-card");
  const ctaRequestSelect = document.getElementById("cta-request");
  const ctaForm = document.getElementById("cta-form");
  const ctaConfirm = document.getElementById("cta-confirm");
  const ctaError = document.getElementById("cta-error");
  const ctaErrorLink = document.getElementById("cta-error-link");
  const ctaSubmit = document.getElementById("cta-submit");
  const ctaSubmitLabel = ctaSubmit.textContent;

  ctaRequestSelect.addEventListener("change", () => { ctaConfirm.classList.remove("show"); ctaError.hidden = true; });

  function chooseOffer(requestValue, triggerEl){
    cards.forEach(c => c.classList.toggle("selected", c === triggerEl));

    for(const opt of ctaRequestSelect.options){
      if(opt.value === requestValue){ ctaRequestSelect.value = requestValue; break; }
    }
    ctaConfirm.classList.remove("show");

    document.getElementById("contact").scrollIntoView({behavior:"smooth", block:"start"});
    ctaRequestSelect.classList.add("cta-field-highlight");
    setTimeout(() => ctaRequestSelect.classList.remove("cta-field-highlight"), 1200);
  }

  document.querySelectorAll("[data-formation]").forEach(btn => {
    btn.addEventListener("click", () => chooseOffer(btn.dataset.formation, btn));
  });

  // Bloc de conversion : envoi réel via Formspree (POST asynchrone, formulaire dédié
  // "DORA Landing" (xdenayny), distinct des formulaires déjà utilisés
  // par dominiquebourra.com et des formulaires dédiés des 4 landings précédentes.
  // Si l'appel réseau échoue, on ne perd jamais la demande : un mailto pré-rempli
  // reste disponible en secours (voir catch).
  ctaForm.addEventListener("submit", async (e) => {
    e.preventDefault();
    if(!ctaForm.checkValidity()){ ctaForm.reportValidity(); return; }

    const prenom = document.getElementById("cta-prenom").value.trim();
    const nom = document.getElementById("cta-nom").value.trim();
    const email = document.getElementById("cta-email").value.trim();
    const fonction = document.getElementById("cta-fonction").value.trim();
    const demande = ctaRequestSelect.value;
    const message = document.getElementById("cta-message").value.trim();

    ctaError.hidden = true;
    ctaConfirm.classList.remove("show");
    ctaSubmit.disabled = true;
    ctaSubmit.textContent = "Envoi en cours…";

    try {
      const response = await fetch(ctaForm.action, {
        method: "POST",
        body: new FormData(ctaForm),
        headers: { "Accept": "application/json" }
      });
      if(!response.ok) throw new Error("Formspree a répondu avec une erreur");
      ctaForm.reset();
      ctaConfirm.classList.add("show");
    } catch (err) {
      const subject = demande + " — " + prenom + " " + nom;
      const body = [
        "Demande : " + demande,
        "Prénom : " + prenom,
        "Nom : " + nom,
        "E-mail : " + email,
        "Fonction : " + fonction,
        "",
        "Question ou précision complémentaire :",
        message || "—"
      ].join("\n");
      ctaErrorLink.href = "mailto:trainings@globalcyber.lu?subject=" + encodeURIComponent(subject) + "&body=" + encodeURIComponent(body);
      ctaError.hidden = false;
    } finally {
      ctaSubmit.disabled = false;
      ctaSubmit.textContent = ctaSubmitLabel;
    }
  });
</script>

</body>
</html>