<!--
  TEMPLATE — PARCOURS CERTIFIANT (v10, architecture et design verrouillés — phase de clarté produit/prix)
  Norme couverte par cette instance : ISO 22301 (à noter : contrairement à
  ISO/IEC 27001 et ISO/IEC 42001, ISO 22301 est une norme ISO seule, pas une
  norme conjointe ISO/IEC — désignation correcte "ISO 22301", sans "/IEC",
  vérifiée sur iso.org).
  Clone éditorial dupliqué depuis formation-iso-42001-certifiante.html (v32) le
  2026-08-03, conformément au brief client d'industrialisation (v32 du
  changelog) : conserver strictement l'architecture, l'ordre des sections, le
  design, les composants, les CTA, le formulaire, les prix et la mécanique
  commerciale ; adapter uniquement ce qui est intrinsèquement lié à la norme
  (bénéfices, descriptions Foundation/Lead Implementer/Lead Auditor, cas
  d'usage, personas, FAQ, vocabulaire métier — continuité d'activité,
  résilience organisationnelle, gestion de crise, plan de continuité
  d'activité (PCA), reprise des activités, analyse d'impact sur l'activité
  (BIA)). Voir GABARIT-DECLINAISON-NORME.md pour la mécanique COMMUN vs
  SPÉCIFIQUE.

  Domaine dédié : https://iso22301formation.com — repéré comme déjà enregistré
  par le client chez OVH (visible dans la liste de ses domaines lors du
  rattachement Multisite du 42001, aux côtés de doraformation.com,
  iso31000formation.com et nis2formation.com), mais PAS ENCORE confirmé
  formellement par WHOIS ni rattaché à l'hébergement mutualisé — à faire en
  tout premier lieu avant toute mise en ligne, même démarche que pour le 42001.

  Formulaire Formspree : CRÉÉ le 2026-08-03, dédié "ISO 22301 Landing",
  endpoint https://formspree.io/f/xaqrrdgl (distinct de xojggawb — 27001 —
  et mgoggekp — 42001), intégré ci-dessous à la place du placeholder
  TODO_22301.

  Preuve de confiance (#confiance) : certification de Dominique Bourra sur
  ISO 22301 CONFIRMÉE explicitement par le client le 2026-08-03 : Lead
  Implementer, Lead Auditor ET Master (le plus haut grade délivré par PECB),
  dans cet ordre. Wording exact vérifié auprès de PECB (pecb.com/en/master-
  credentials + Candidate Handbook officiel) : "PECB Certified ISO 22301
  Master", suivant le motif universel "PECB Certified [Standard] Master".
  Le bullet visible et le JSON-LD Person.hasCredential ci-dessous reflètent
  les trois credentials dans l'ordre LI → LA → Master.

  Couleur d'accent : vert profond (#1f6d4a), dédié à cette norme, décision
  d'industrialisation (voir brief). Volontairement distinct de --benefit
  (#3fae7c, vert plus clair/saturé réservé aux cartouches bénéfices de
  #valeur sur toutes les déclinaisons) pour éviter toute confusion entre
  "accent de marque de la norme" et "carte bénéfice" sur cette page précise —
  écart vérifié par échantillonnage de pixels (capture Playwright + PIL).

  Cube animé (#hero) : la règle partagée .cube .face (1px, opacity .45)
  était réglée pour l'orange/le bleu des déclinaisons précédentes ; sur fond
  quasi noir (--bg:#0b0d10), le vert profond #1f6d4a y était presque
  invisible. Corrigé UNIQUEMENT sur cette page : border 1.5px, opacity .8.

  Prénoms des personas (#profils) : Hugo (Étudiant), Camille (Responsable
  continuité d'activité), Léa (Responsable RH adjointe) — volontairement
  distincts des prénoms Lucas/Emma/Inès déjà utilisés sur la déclinaison
  ISO/IEC 42001, pour éviter toute confusion entre les cas d'usage des deux
  pages tout en conservant la même structure de rôles.

  Grille tarifaire (#mecanisme, cartes, FAQ) : 349 € / 699 € / 699 € TTC,
  SANS prix barré — CONFIRMÉE explicitement le 2026-08-03 par un benchmark
  concurrentiel dédié fourni par le client (revendeurs volume + un acteur
  premium, IT Governance/GRC Solutions), reproduit dans
  rationnel-tarifs-iso22301.md. Plus une hypothèse de transposition : la
  grille bat le marché sur Foundation (-17% sous le moins cher identifié,
  421 €) et reste proche du plancher sur Lead Implementer/Lead Auditor
  (≈ 693 €, à 6 € de la cible), avec un écart jusqu'à 2,35x avec le haut de
  gamme (GRC Solutions, 1 642 € sur Lead Auditor) — le plus net des trois
  référentiels de la gamme sur ce point.

  Renforcement du vocabulaire métier (2026-08-03, retour "chat'") : le
  client a validé la structure/cohérence de gamme mais jugé le hero,
  certaines cartes de valeur (#valeur) et le programme exécutif un peu
  génériques — pas assez ancrés dans le vocabulaire propre à l'ISO 22301.
  Sans toucher à l'UX ni à la structure (mêmes composants, mêmes CTA), le
  texte du lede du hero, de 5 des 6 cartes de bénéfice (la 6e, "angles
  morts sur la continuité", était déjà spécifique) et du paragraphe du
  programme exécutif a été réécrit pour insister davantage sur la
  résilience, la continuité d'activité, la gestion de crise, la reprise
  après incident et la capacité de l'organisation à continuer de
  fonctionner en cas de perturbation.

  Déploiement (2026-08-03) : Multisite et FileZilla terminés (voir
  changelog.md v39) ; certificats SSL en cours de propagation (comportement
  normal déjà observé sur les 2 déclinaisons précédentes) ; Google Search
  Console pas encore fait.

  og:image (2026-08-03) : visuel définitif généré via generate_og_images.py
  (cube filaire vert, texte propre à cette norme), remplace le placeholder
  générique. Sous-titre volontairement limité à "Foundation · Lead
  Implementer · Lead Auditor" (niveaux réellement certifiés PECB), le
  programme exécutif CYOPX n'y figure pas — conforme à la règle de
  prudence du gabarit (ne jamais associer le nom de l'organisme
  certificateur à un produit qui n'est pas le sien).

  TODO restant : confirmation des formats de session avec GCSI Luxembourg ;
  finaliser Google Search Console une fois le SSL propagé.
-->
<!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>Formation ISO 22301:2019 — Sécurité et résilience — Systèmes de management de la continuité d'activité — Exigences | Foundation, Lead Implementer, Lead Auditor</title>
<meta name="description" content="Autoformations officielles PECB ISO 22301 : Foundation, Lead Implementer et Lead Auditor. Accompagnement personnalisé en option.">
<link rel="canonical" href="https://iso22301formation.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 ISO 22301">
<meta property="og:title" content="Formation ISO 22301:2019 — Sécurité et résilience — Systèmes de management de la continuité d'activité — Exigences | Foundation, Lead Implementer, Lead Auditor">
<meta property="og:description" content="Autoformations officielles PECB ISO 22301 : Foundation, Lead Implementer et Lead Auditor. Accompagnement personnalisé CYOPX disponible en option.">
<meta property="og:url" content="https://iso22301formation.com/">
<meta property="og:image" content="https://iso22301formation.com/og/iso-22301-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 ISO 22301:2019 — Sécurité et résilience — Systèmes de management de la continuité d'activité — Exigences | Foundation, Lead Implementer, Lead Auditor">
<meta name="twitter:description" content="Autoformations officielles PECB ISO 22301 : Foundation, Lead Implementer et Lead Auditor. Accompagnement personnalisé CYOPX disponible en option.">
<meta name="twitter:image" content="https://iso22301formation.com/og/iso-22301-parcours.jpg">

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "WebPage",
      "@id": "https://iso22301formation.com/#webpage",
      "url": "https://iso22301formation.com/",
      "name": "Formation ISO 22301:2019 — Sécurité et résilience — Systèmes de management de la continuité d'activité — Exigences | Foundation, Lead Implementer, Lead Auditor",
      "description": "Autoformations officielles PECB ISO 22301 : Foundation, Lead Implementer et Lead Auditor. Accompagnement personnalisé CYOPX disponible en option, ainsi qu'un Executive Briefing non certifiant pour les dirigeants.",
      "inLanguage": "fr-FR",
      "isPartOf": { "@id": "https://iso22301formation.com/#website" }
    },
    {
      "@type": "BreadcrumbList",
      "itemListElement": [
        { "@type": "ListItem", "position": 1, "name": "Accueil", "item": "https://iso22301formation.com/" },
        { "@type": "ListItem", "position": 2, "name": "ISO 22301", "item": "https://iso22301formation.com/" }
      ]
    },
    {
      "@type": "Person",
      "@id": "https://dominiquebourra.com/#person",
      "name": "Dominique Bourra",
      "jobTitle": "PECB Platinum Trainer",
      "description": "PECB Platinum Trainer, certifié PECB ISO 22301 Lead Implementer, Lead Auditor et Master (le plus haut grade délivré par PECB sur cette norme), habilité à délivrer des cursus certifiants PECB en cybersécurité, gouvernance, gestion des risques et intelligence artificielle.",
      "hasCredential": [
        {
          "@type": "EducationalOccupationalCredential",
          "name": "PECB Certified ISO 22301 Lead Implementer",
          "credentialCategory": "Professional certification",
          "recognizedBy": { "@type": "Organization", "name": "PECB", "url": "https://pecb.com" }
        },
        {
          "@type": "EducationalOccupationalCredential",
          "name": "PECB Certified ISO 22301 Lead Auditor",
          "credentialCategory": "Professional certification",
          "recognizedBy": { "@type": "Organization", "name": "PECB", "url": "https://pecb.com" }
        },
        {
          "@type": "EducationalOccupationalCredential",
          "name": "PECB Certified ISO 22301 Master",
          "credentialCategory": "Professional certification",
          "recognizedBy": { "@type": "Organization", "name": "PECB", "url": "https://pecb.com" }
        }
      ],
      "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)."
    },
    {
      "@type": "Course",
      "name": "ISO 22301 Foundation",
      "description": "Autoformation officielle PECB : comprendre les fondamentaux d'un système de management de la continuité d'activité (SMCA) conforme à ISO 22301, sans prérequis. Supports officiels, plateforme myPECB, e-learning et examen en ligne inclus.",
      "provider": { "@id": "https://globalcyber.lu/#organization" },
      "educationalCredentialAwarded": "Certificat PECB ISO 22301 Foundation",
      "offers": { "@type": "Offer", "price": "349.00", "priceCurrency": "EUR", "url": "https://iso22301formation.com/#profils", "availability": "https://schema.org/InStock", "priceSpecification": { "@type": "UnitPriceSpecification", "price": "349.00", "priceCurrency": "EUR", "valueAddedTaxIncluded": true } },
      "inLanguage": "fr"
    },
    {
      "@type": "Course",
      "name": "ISO 22301 Lead Implementer",
      "description": "Autoformation officielle PECB : mettre en œuvre et piloter un système de management de la continuité d'activité conforme à ISO 22301, de l'analyse d'impact sur l'activité (BIA) au plan de continuité d'activité (PCA). Supports officiels, plateforme myPECB, e-learning et examen en ligne inclus.",
      "provider": { "@id": "https://globalcyber.lu/#organization" },
      "educationalCredentialAwarded": "Certification PECB ISO 22301 Lead Implementer",
      "offers": { "@type": "Offer", "price": "699.00", "priceCurrency": "EUR", "url": "https://iso22301formation.com/#profils", "availability": "https://schema.org/InStock", "priceSpecification": { "@type": "UnitPriceSpecification", "price": "699.00", "priceCurrency": "EUR", "valueAddedTaxIncluded": true } },
      "inLanguage": "fr"
    },
    {
      "@type": "Course",
      "name": "ISO 22301 Lead Auditor",
      "description": "Autoformation officielle PECB : conduire des audits internes ou de certification d'un système de management de la continuité d'activité selon ISO 22301. Supports officiels, plateforme myPECB, e-learning et examen en ligne inclus.",
      "provider": { "@id": "https://globalcyber.lu/#organization" },
      "educationalCredentialAwarded": "Certification PECB ISO 22301 Lead Auditor",
      "offers": { "@type": "Offer", "price": "699.00", "priceCurrency": "EUR", "url": "https://iso22301formation.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. ISO 22301 Foundation : 349 € TTC. ISO 22301 Lead Implementer : 699 € TTC. ISO 22301 Lead Auditor : 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é. Un Lead Implementer ou Lead Auditor coûte environ le double d'un 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 la norme à 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:#1f6d4a;
    --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:#071a12; 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:#071a12;}
  .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 3 autoformations PECB (carte encadrée), un bandeau transversal pour l'accompagnement (jamais une 4e carte), 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;}

  .profiles{display:grid; grid-template-columns:repeat(3,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 (v27 : la carte "Accompagnement CYOPX" a été retirée d'ici, sa présentation unique vit désormais dans .offer-transversal sous #profils, cf. décision v27) */
  .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 n'a pas de section-lede (contenu volontairement inchangé, v26) — cette règle restaure la même respiration visuelle entre le h2 et le premier bloc de contenu que dans les autres sections (h2 + section-lede ≈ 36-44px), sans ajouter de texte. */
  #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 — remplace le CTA final "brochure" (v20) ; une seule décision, portée par le menu déroulant "Votre demande" (v22, plus de toggle séparé) ; formulaire devenu une action pure, sans bloc explicatif interne (v25, le mécanisme vit désormais dans #mecanisme juste au-dessus) */
  .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(31,109,74,.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">ISO 22301 <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>ISO 22301</p>
      <div class="hero-inner">
        <h1>Construisez votre trajectoire ISO 22301.</h1>
        <p class="lede">Autoformation officielle PECB en continuité d'activité et résilience organisationnelle. 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 (v21) : trois familles distinctes, deux niveaux de lecture. Pour ISO 22301 : seuls Foundation/Lead Implementer/Lead Auditor sont des certifications PECB réelles (vérifiées sur pecb.com), regroupées visuellement dans .offer-group-pecb. L'accompagnement CYOPX est transversal aux 3 (bandeau .offer-transversal, jamais une 4e carte). "Executive Briefing" N'EST PAS un produit PECB — offre indépendante et non certifiante, isolée dans .offer-group-exec, volontairement moins "encadrée" visuellement que le groupe PECB pour ne jamais suggérer une 4e certification. Ne JAMAIS utiliser de formulation par exclusion type "hors PECB" — ne pas nommer l'organisme certificateur à côté d'un produit qui ne lui appartient pas. COMMON — une seule porte d'entrée commerciale : chaque action ici (carte, persona, CTA exécutif) appelle chooseOffer() qui préremplit le champ "Formation souhaitée" du bloc de conversion (#contact) et y fait défiler la page, plutôt que de dupliquer un circuit de conversion séparé. Ne pas dupliquer ce schéma vers NIS2/DORA sans vérification indépendante de qui certifie réellement quoi (voir strategie-seo-iso27001.md, à décliner en strategie-seo-iso22301.md). -->
  <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">Trois 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 ISO 22301 Foundation">
            <span class="need">Je découvre</span>
            <span class="arrow">↓</span>
            <span class="path">ISO 22301 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 ISO 22301 Lead Implementer">
            <span class="need">Je pilote</span>
            <span class="arrow">↓</span>
            <span class="path">ISO 22301 Lead Implementer</span>
            <span class="line">Autoformation officielle PECB, mise en œuvre d'un plan de continuité d'activité.</span>
            <span class="card-price">699 € TTC</span>
            <span class="cta">Choisir ce parcours →</span>
          </button>
          <button class="profile-card" data-formation="Réserver une autoformation ISO 22301 Lead Auditor">
            <span class="need">Je contrôle</span>
            <span class="arrow">↓</span>
            <span class="path">ISO 22301 Lead Auditor</span>
            <span class="line">Autoformation officielle PECB, conduite d'audits de continuité d'activité.</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 3 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">Hugo<span class="persona-role">Étudiant</span></p>
            <p class="persona-line">Il découvre la continuité d'activité 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 ISO 22301 Foundation" type="button">Son parcours : Foundation →</button>
          </div>
          <div class="persona">
            <p class="persona-name">Camille<span class="persona-role">Responsable continuité d'activité</span></p>
            <p class="persona-line">Elle doit piloter la mise en place d'un plan de continuité d'activité dans son entreprise et veut monter en compétence rapidement.</p>
            <button class="persona-cta" data-formation="Réserver une autoformation ISO 22301 Lead Implementer" type="button">Son parcours : Lead Implementer →</button>
          </div>
          <div class="persona">
            <p class="persona-name">Léa<span class="persona-role">Responsable RH adjointe</span></p>
            <p class="persona-line">Impliquée dans un projet de plan de continuité lié aux ressources humaines, elle veut comprendre les enjeux de la continuité d'activité sans jargon technique.</p>
            <button class="persona-cta" data-formation="Réserver une autoformation ISO 22301 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 de l'ISO 22301 : résilience organisationnelle, gestion de crise, capacité de l'entreprise à continuer de fonctionner en cas de perturbation majeure, plans de continuité d'activité, reprise après incident 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 dans une déclinaison : "Vous travaillez pour vous. Pas pour remplir un programme de formation." et "On construit une trajectoire professionnelle." VARIABLE — libellé des 6 bénéfices (adapter au vocabulaire de la norme, garder le principe rôle/verbe et la hiérarchie .featured sur 2 cartes maximum — préférer 6 messages forts et non redondants à un plus grand nombre de cartes qui se répètent). -->
  <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 continuité d'activité 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 résilience et de gestion de crise attendues par les directions et les employeurs.</p>
        </div>
        <div class="benefit">
          <h3>Éliminez vos angles morts sur la continuité</h3>
          <p>Renforcez les compétences qui font la différence en gestion de crise et reprise d'activité.</p>
        </div>
        <div class="benefit featured">
          <h3>Construisez un véritable capital de compétences</h3>
          <p>Un socle cohérent en continuité d'activité et résilience organisationnelle, pas une succession d'étapes isolées.</p>
        </div>
        <div class="benefit">
          <h3>Réduisez le temps immobilisé</h3>
          <p>Continuez à exercer votre activité tout en développant la capacité de votre organisation à continuer de fonctionner en cas de perturbation.</p>
        </div>
        <div class="benefit">
          <h3>Maximisez votre retour sur investissement</h3>
          <p>Moins de temps perdu en gestion de crise, 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 (preuves scannables, jamais une phrase continue). VARIABLE — les preuves elles-mêmes si l'interlocuteur ou ses titres diffèrent par norme (ex. un autre expert PECB pilote une autre norme) ; sinon Dominique Bourra + CYOPX + GCSI Luxembourg restent identiques sur tout l'écosystème. -->
  <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>Certifié PECB ISO 22301 Lead Implementer, Lead Auditor et Master</li>
          <li>Expérience internationale en cybersécurité, gouvernance et intelligence artificielle</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 7 questions/réponses (contenu commande/prix/prérequis/accompagnement/disponibilité géographique) 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 — vérifier après toute édition avec JSON.parse. La FAQ est volontairement un niveau de détail secondaire : le schéma "L'offre, en un coup d'œil" dans #mecanisme est la source principale de clarté produit/prix. 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>ISO 22301 Foundation</span><span class="price">349 € TTC</span></li>
          <li><span>ISO 22301 Lead Implementer</span><span class="price">699 € TTC</span></li>
          <li><span>ISO 22301 Lead Auditor</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é. Un Lead Implementer ou Lead Auditor coûte environ le double d'un 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 la norme à 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 (profil → parcours → certification). Repositionnée en v25 juste avant le formulaire (elle était auparavant en 2e position, avant #valeur — le client a signalé que "le fonctionnement" y interrompait la dynamique commerciale en expliquant le mécanisme avant d'avoir vendu la valeur). L'étape 02 intègre désormais le détail Stripe/paiement qui vivait auparavant dans un bloc réactif séparé à l'intérieur de #contact (supprimé en v25, devenu redondant une fois cette section repositionnée juste avant le formulaire). 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 Implementer</span><span class="price">699 € TTC</span></li>
            <li><span>Lead Auditor</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 (v25) : le formulaire est désormais une action pure (select + coordonnées + envoi), plus aucune explication ni bloc réactif à l'intérieur — le mécanisme (3 étapes) est raconté une seule fois, juste au-dessus, dans #mecanisme repositionné. VARIABLE — l'adresse mailto (une adresse dédiée par domaine est recommandée) et l'URL de la politique de confidentialité. Le formulaire n'a pas de backend : il assemble un mailto pré-rempli, cohérent avec le reste du site (aucune promesse de fonctionnalité non construite, ex. prise de rendez-vous en ligne). -->
  <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é "ISO 22301 Landing" (endpoint xaqrrdgl, créé le 2026-08-03, distinct de xojggawb — 27001 — et mgoggekp — 42001). Décision v31 : un formulaire dédié par norme, historique de soumissions séparé côté tableau de bord Formspree, même si l'email de notification arrive de toute façon dans la même boîte avec un objet déjà différenciant (_subject ci-dessous). -->
      <form class="cta-form" id="cta-form" action="https://formspree.io/f/xaqrrdgl" method="POST">
        <input type="hidden" name="_subject" value="Nouvelle demande — Landing ISO 22301">
        <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 ISO 22301 Foundation</option>
            <option>Réserver une autoformation ISO 22301 Lead Implementer</option>
            <option>Réserver une autoformation ISO 22301 Lead Auditor</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 (Dominique Bourra / CYOPX / GCSI Luxembourg), sauf si une norme est pilotée par un autre expert. -->
<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 (carte, persona, CTA exécutif) doit correspondre exactement à une <option> du select #cta-request. COMMON (v25) — une seule décision commerciale sur toute la page : le menu déroulant "Votre demande" est l'unique porte d'entrée, plus aucun choix préalable d'intention, plus aucun texte de conviction ni bloc explicatif à ce stade — le mécanisme (3 étapes, y compris le paiement Stripe) est raconté une seule fois dans #mecanisme, juste au-dessus du formulaire. Le visiteur découvre les offres plus haut, puis agit une seule fois, en bas de page. -->
<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 (v28) : envoi réel via Formspree (POST asynchrone, formulaire dédié
  // "ISO 22301 Landing" à créer, distinct des formulaires déjà utilisés par dominiquebourra.com
  // et des formulaires dédiés des landings ISO/IEC 27001 et ISO/IEC 42001 (endpoint TODO, voir plus haut).
  // Si l'appel réseau échoue (Formspree indisponible, bloqueur de publicité, etc.), 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>